Release v0.1.2

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

@@ -1,13 +1,13 @@
 import { useMemo, useState } from "react";
 import { createPortal } from "react-dom";
 import type { ApiSettings } from "../../../types";
-import Button from "../../../components/Button";
+import { Button } from "@govoplan/core-webui";
 import DataGrid, { DataGridEmptyAction, DataGridRowActions, type DataGridColumn } from "../../../components/table/DataGrid";
-import ToggleSwitch from "../../../components/ToggleSwitch";
+import { ToggleSwitch } from "@govoplan/core-webui";
 import { getBool, getText } from "../utils/draftEditor";
 import { attachmentRuleZipSelection, createAttachmentRule, nextAttachmentLabel, summarizeAttachmentRules, type AttachmentBasePath, type AttachmentRule, type AttachmentZipCollection } from "../utils/attachments";
 import ManagedFileChooser, { type ManagedAttachmentSelection } from "./ManagedFileChooser";
-import { insertAfter, moveArrayItem } from "../../../utils/arrayOrder";
+import { insertAfter, moveArrayItem } from "@govoplan/core-webui";
 import { asRecord } from "../utils/campaignView";
 
 export type { AttachmentBasePath, AttachmentRule } from "../utils/attachments";
@@ -22,6 +22,7 @@ type AttachmentRulesOverlayProps = {
   emptyText?: string;
   basePaths?: AttachmentBasePath[];
   zipConfig?: AttachmentZipCollection;
+  filesModuleInstalled?: boolean;
   onChange: (rules: AttachmentRule[]) => void;
 };
 
@@ -33,9 +34,9 @@ type AttachmentRulesTableProps = {
   emptyText?: string;
   basePaths?: AttachmentBasePath[];
   id?: string;
-  showAddButton?: boolean;
   activeChooserRuleIndex?: number | null;
   zipConfig?: AttachmentZipCollection;
+  filesModuleInstalled?: boolean;
   onOpenFileChooser?: (ruleIndex: number) => void;
   onChange: (rules: AttachmentRule[]) => void;
 };
@@ -55,6 +56,7 @@ export default function AttachmentRulesOverlay({
   emptyText = "No attachment files or matching rules configured yet.",
   basePaths = [],
   zipConfig = { enabled: false, archives: [] },
+  filesModuleInstalled = false,
   onChange
 }: AttachmentRulesOverlayProps) {
   const [open, setOpen] = useState(false);
@@ -85,7 +87,7 @@ export default function AttachmentRulesOverlay({
           <button className="modal-close" aria-label="Cancel attachment changes" onClick={cancelOverlay}>×</button>
         </header>
         <div className="modal-body attachment-rules-body">
-          <AttachmentRulesDataGrid
+          <AttachmentRulesTable
             rules={draftRules}
             settings={settings}
             campaignId={campaignId}
@@ -93,6 +95,7 @@ export default function AttachmentRulesOverlay({
             emptyText={emptyText}
             basePaths={basePaths}
             zipConfig={zipConfig}
+            filesModuleInstalled={filesModuleInstalled}
             activeChooserRuleIndex={null}
             onChange={setDraftRules}
           />
@@ -124,26 +127,13 @@ function cloneAttachmentRules(rules: AttachmentRule[]): AttachmentRule[] {
 }
 
 export function AttachmentRulesTable({
-  showAddButton = true,
   onChange,
   ...tableProps
 }: AttachmentRulesTableProps) {
-  function addRule() {
-    onChange([
-      ...tableProps.rules,
-      createAttachmentRule(tableProps.basePaths?.[0]?.path ?? "", nextAttachmentLabel(tableProps.rules), tableProps.basePaths?.[0]?.id ?? "")
-    ]);
-  }
-
   return (
     <div className="attachment-rules-editor">
       <div className="attachment-rules-main">
         <AttachmentRulesDataGrid {...tableProps} onChange={onChange} />
-        {showAddButton && (
-          <div className="button-row compact-actions attachment-rules-footer-actions">
-            <Button variant="primary" onClick={addRule} disabled={tableProps.disabled || (tableProps.basePaths?.length ?? 0) === 0}>Add file</Button>
-          </div>
-        )}
       </div>
     </div>
   );
@@ -159,6 +149,7 @@ export function AttachmentRulesDataGrid({
   id = "attachment-rules",
   activeChooserRuleIndex = null,
   zipConfig = { enabled: false, archives: [] },
+  filesModuleInstalled = false,
   onOpenFileChooser,
   onChange
 }: AttachmentRulesTableProps) {
@@ -186,6 +177,7 @@ export function AttachmentRulesDataGrid({
   }
 
   function openFileChooser(ruleIndex: number) {
+    if (!filesModuleInstalled) return;
     if (onOpenFileChooser) {
       onOpenFileChooser(ruleIndex);
       return;
@@ -221,14 +213,14 @@ export function AttachmentRulesDataGrid({
       <DataGrid
         id={id}
         rows={rules}
-        columns={attachmentRuleColumns({ disabled, rules, basePaths, zipConfig, activeChooserRuleIndex: activeChooserRuleIndex ?? fileChooser?.ruleIndex ?? null, patchRule, addRule, moveRule, openFileChooser, removeRule })}
+        columns={attachmentRuleColumns({ disabled, rules, basePaths, zipConfig, filesModuleInstalled, activeChooserRuleIndex: activeChooserRuleIndex ?? fileChooser?.ruleIndex ?? null, patchRule, addRule, moveRule, openFileChooser, removeRule })}
         getRowKey={(rule, index) => String(rule.id ?? index)}
         emptyText={basePaths.length === 0 ? "No attachment source is enabled for individual attachments." : emptyText}
         emptyAction={<DataGridEmptyAction onAdd={() => addRule(-1)} disabled={disabled || basePaths.length === 0} label="Add first attachment" />}
         className="attachment-rules-table-wrap attachment-rules-table"
         rowClassName={(_rule, index) => (activeChooserRuleIndex ?? fileChooser?.ruleIndex) === index ? "is-choosing-file" : undefined}
       />
-      {fileChooser && (
+      {fileChooser && filesModuleInstalled && (
         <ManagedFileChooser
           open
           settings={settings}
@@ -251,6 +243,7 @@ type AttachmentRuleColumnContext = {
   rules: AttachmentRule[];
   basePaths: AttachmentBasePath[];
   zipConfig: AttachmentZipCollection;
+  filesModuleInstalled: boolean;
   activeChooserRuleIndex: number | null;
   patchRule: (index: number, patch: Partial<AttachmentRule>) => void;
   addRule: (afterIndex?: number) => void;
@@ -259,7 +252,7 @@ type AttachmentRuleColumnContext = {
   removeRule: (index: number) => void;
 };
 
-function attachmentRuleColumns({ disabled, rules, basePaths, zipConfig, activeChooserRuleIndex: _activeChooserRuleIndex, patchRule, addRule, moveRule, openFileChooser, removeRule }: AttachmentRuleColumnContext): DataGridColumn<AttachmentRule>[] {
+function attachmentRuleColumns({ disabled, rules, basePaths, zipConfig, filesModuleInstalled, activeChooserRuleIndex: _activeChooserRuleIndex, patchRule, addRule, moveRule, openFileChooser, removeRule }: AttachmentRuleColumnContext): DataGridColumn<AttachmentRule>[] {
   return [
     { id: "label", header: "Label", width: 190, resizable: true, sortable: true, filterable: true, sticky: "start", render: (rule, index) => <input value={getText(rule, "label")} disabled={disabled} placeholder="Attachment label" onChange={(event) => patchRule(index, { label: event.target.value })} />, value: (rule) => getText(rule, "label") },
     {
@@ -308,18 +301,21 @@ function attachmentRuleColumns({ disabled, rules, basePaths, zipConfig, activeCh
             className="chooser-display-input"
             value={getText(rule, "file_filter")}
             disabled={disabled || basePaths.length === 0}
-            readOnly
-            tabIndex={-1}
-            placeholder="Choose a managed file or pattern"
-            onClick={() => !disabled && openFileChooser(index)}
+            readOnly={filesModuleInstalled}
+            tabIndex={filesModuleInstalled ? -1 : undefined}
+            placeholder={filesModuleInstalled ? "Choose a managed file or pattern" : "file.pdf or **/*.pdf"}
+            onChange={(event) => {
+              if (!filesModuleInstalled) patchRule(index, { file_filter: event.target.value });
+            }}
+            onClick={() => filesModuleInstalled && !disabled && openFileChooser(index)}
             onKeyDown={(event) => {
-              if (!disabled && (event.key === "Enter" || event.key === " ")) {
+              if (filesModuleInstalled && !disabled && (event.key === "Enter" || event.key === " ")) {
                 event.preventDefault();
                 openFileChooser(index);
               }
             }}
           />
-          <Button onClick={() => openFileChooser(index)} disabled={disabled || basePaths.length === 0}>Choose</Button>
+          {filesModuleInstalled && <Button onClick={() => openFileChooser(index)} disabled={disabled || basePaths.length === 0}>Choose</Button>}
         </div>
       ),
       value: (rule) => getText(rule, "file_filter")