Release v0.1.3

webui/src/features/campaigns/components/AttachmentRulesOverlay.tsx

@@ -2,6 +2,7 @@ import { useMemo, useState } from "react";
 import { createPortal } from "react-dom";
 import type { ApiSettings } from "../../../types";
 import { Button } from "@govoplan/core-webui";
+import { Dialog } from "@govoplan/core-webui";
 import DataGrid, { DataGridEmptyAction, DataGridRowActions, type DataGridColumn } from "../../../components/table/DataGrid";
 import { ToggleSwitch } from "@govoplan/core-webui";
 import { getBool, getText } from "../utils/draftEditor";
@@ -23,6 +24,7 @@ type AttachmentRulesOverlayProps = {
   basePaths?: AttachmentBasePath[];
   zipConfig?: AttachmentZipCollection;
   filesModuleInstalled?: boolean;
+  previewContext?: Record<string, string>;
   onChange: (rules: AttachmentRule[]) => void;
 };
 
@@ -37,6 +39,7 @@ type AttachmentRulesTableProps = {
   activeChooserRuleIndex?: number | null;
   zipConfig?: AttachmentZipCollection;
   filesModuleInstalled?: boolean;
+  previewContext?: Record<string, string>;
   onOpenFileChooser?: (ruleIndex: number) => void;
   onChange: (rules: AttachmentRule[]) => void;
 };
@@ -57,6 +60,7 @@ export default function AttachmentRulesOverlay({
   basePaths = [],
   zipConfig = { enabled: false, archives: [] },
   filesModuleInstalled = false,
+  previewContext,
   onChange
 }: AttachmentRulesOverlayProps) {
   const [open, setOpen] = useState(false);
@@ -80,32 +84,33 @@ export default function AttachmentRulesOverlay({
   }
 
   const dialog = open ? createPortal(
-    <div className="overlay-backdrop" role="dialog" aria-modal="true" aria-labelledby="attachment-rules-title">
-      <div className="modal-panel attachment-rules-modal">
-        <header className="modal-header">
-          <h2 id="attachment-rules-title">{title}</h2>
-          <button className="modal-close" aria-label="Cancel attachment changes" onClick={cancelOverlay}>×</button>
-        </header>
-        <div className="modal-body attachment-rules-body">
-          <AttachmentRulesTable
-            rules={draftRules}
-            settings={settings}
-            campaignId={campaignId}
-            disabled={disabled}
-            emptyText={emptyText}
-            basePaths={basePaths}
-            zipConfig={zipConfig}
-            filesModuleInstalled={filesModuleInstalled}
-            activeChooserRuleIndex={null}
-            onChange={setDraftRules}
-          />
-        </div>
-        <footer className="modal-footer">
+    <Dialog
+      open
+      title={title}
+      className="attachment-rules-modal"
+      bodyClassName="attachment-rules-body"
+      onClose={cancelOverlay}
+      footer={(
+        <>
           <Button onClick={cancelOverlay}>Cancel</Button>
           <Button variant="primary" onClick={saveOverlay} disabled={disabled}>Save</Button>
-        </footer>
-      </div>
-    </div>,
+        </>
+      )}
+    >
+      <AttachmentRulesTable
+        rules={draftRules}
+        settings={settings}
+        campaignId={campaignId}
+        disabled={disabled}
+        emptyText={emptyText}
+        basePaths={basePaths}
+        zipConfig={zipConfig}
+        filesModuleInstalled={filesModuleInstalled}
+        previewContext={previewContext}
+        activeChooserRuleIndex={null}
+        onChange={setDraftRules}
+      />
+    </Dialog>,
     document.body
   ) : null;
 
@@ -150,6 +155,7 @@ export function AttachmentRulesDataGrid({
   activeChooserRuleIndex = null,
   zipConfig = { enabled: false, archives: [] },
   filesModuleInstalled = false,
+  previewContext,
   onOpenFileChooser,
   onChange
 }: AttachmentRulesTableProps) {
@@ -230,6 +236,7 @@ export function AttachmentRulesDataGrid({
           basePath={fileChooser.basePath?.path ?? "."}
           initialPattern={getText(rules[fileChooser.ruleIndex], "file_filter")}
           rememberKey={`${id}:${String(rules[fileChooser.ruleIndex]?.id ?? fileChooser.ruleIndex)}`}
+          previewContext={previewContext}
           onClose={() => setFileChooser(null)}
           onSelectAttachment={selectAttachment}
         />