@webiny/app-headless-cms 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/admin/plugins/fields/ui/TabsLayoutEditor.js

@@ -1,474 +0,0 @@
-import React, { useCallback, useRef, useEffect } from "react";
-import { Accordion, Tabs, ScrollArea } from "@webiny/admin-ui";
-import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { ReactComponent as ArrowUpIcon } from "@webiny/icons/expand_less.svg";
-import { ReactComponent as ArrowDownIcon } from "@webiny/icons/expand_more.svg";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
-import { useConfirmationDialog, useDialogs } from "@webiny/app-admin";
-import { Grid } from "@webiny/admin-ui";
-import { IconButton } from "@webiny/admin-ui";
-import { Button } from "@webiny/admin-ui";
-import { Input } from "@webiny/admin-ui";
-import { Textarea } from "@webiny/admin-ui";
-import { Heading } from "@webiny/admin-ui";
-import { Text } from "@webiny/admin-ui";
-import { Bind } from "@webiny/form";
-import { FieldEditor } from "../../../components/FieldEditor/index.js";
-import { IconPicker } from "../../../components/IconPicker.js";
-import { useModelFieldEditor } from "../../../hooks/index.js";
-import { PermissionsEditor } from "../../../components/FieldEditor/EditFieldDialog/PermissionsEditor/PermissionsEditor.js";
-import { RulesEditor } from "../../../components/FieldEditor/EditFieldDialog/RulesEditor/RulesEditor.js";
-import { useModelEditor } from "../../../components/ContentModelEditor/useModelEditor.js";
-const TabsSettings = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "label"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Label"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Description"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "help"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Help"
-  }))));
-};
-const TabsDialogContent = ({
-  fieldOptions
-}) => {
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "max-h-[70vh] flex flex-col"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "tabs",
-      trigger: "Tabs",
-      value: "tabs",
-      content: /*#__PURE__*/React.createElement(TabsSettings, null)
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "permissions",
-      trigger: "Permissions",
-      value: "permissions",
-      content: /*#__PURE__*/React.createElement("div", {
-        className: "mt-md"
-      }, /*#__PURE__*/React.createElement(PermissionsEditor, null))
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "rules",
-      trigger: "Rules",
-      value: "rules",
-      content: /*#__PURE__*/React.createElement("div", {
-        className: "mt-md"
-      }, /*#__PURE__*/React.createElement(RulesEditor, {
-        fieldOptions: fieldOptions
-      }))
-    })]
-  }));
-};
-const TabSettingsFields = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "label"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Label"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "icon"
-  }, /*#__PURE__*/React.createElement(IconPicker, {
-    label: "Icon"
-  }))));
-};
-const TabDialogContent = ({
-  fieldOptions
-}) => {
-  return /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "tab",
-      trigger: "Tab",
-      value: "tab",
-      content: /*#__PURE__*/React.createElement(TabSettingsFields, null)
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "permissions",
-      trigger: "Permissions",
-      value: "permissions",
-      content: /*#__PURE__*/React.createElement("div", {
-        className: "mt-md"
-      }, /*#__PURE__*/React.createElement(PermissionsEditor, null))
-    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "rules",
-      trigger: "Rules",
-      value: "rules",
-      content: /*#__PURE__*/React.createElement("div", {
-        className: "mt-md"
-      }, /*#__PURE__*/React.createElement(RulesEditor, {
-        fieldOptions: fieldOptions
-      }))
-    })]
-  });
-};
-
-/**
- * Create a synthetic parent field for a tab so that each tab's FieldEditor
- * has a unique identity for cross-parent drag & drop detection.
- */
-function createTabParent(tab) {
-  return {
-    id: tab.id,
-    fieldId: `tab:${tab.id}`,
-    type: "tab",
-    label: tab.label,
-    renderer: {
-      name: ""
-    }
-  };
-}
-
-/**
- * Resolve fields for a tab by looking up field IDs in the parent's fields array.
- */
-function resolveTabFields(tab, parentFields) {
-  const fieldIds = new Set();
-  for (const row of tab.layout) {
-    for (const cell of row) {
-      if (typeof cell === "string") {
-        fieldIds.add(cell);
-      }
-    }
-  }
-  return parentFields.filter(f => fieldIds.has(f.id));
-}
-const TabItem = ({
-  tab,
-  index,
-  totalTabs,
-  field,
-  parentFields,
-  onUpdate,
-  onInsertField,
-  onRemoveField,
-  onUpdateField
-}) => {
-  const {
-    fieldOptions
-  } = useModelEditor();
-  const dialogs = useDialogs();
-  const {
-    showConfirmation
-  } = useConfirmationDialog({
-    title: "Delete tab",
-    message: `Are you sure you want to delete the tab "${tab.label}"? Fields inside this tab will be removed.`,
-    acceptLabel: "Yes, delete tab"
-  });
-  const isFirst = index === 0;
-  const isLast = index === totalTabs - 1;
-  const tabFields = resolveTabFields(tab, parentFields);
-  const handleFieldsChange = useCallback(({
-    fields: newFields,
-    layout: newLayout
-  }) => {
-    const oldFieldIds = new Set(tabFields.map(f => f.id));
-    const newFieldIds = new Set(newFields.map(f => f.id));
-
-    // Find added fields (in new but not in old) -> hoist to parent
-    for (const f of newFields) {
-      if (!oldFieldIds.has(f.id)) {
-        onInsertField(f);
-      }
-    }
-
-    // Find removed fields (in old but not in new) -> un-hoist from parent
-    for (const id of oldFieldIds) {
-      if (!newFieldIds.has(id)) {
-        onRemoveField(id);
-      }
-    }
-
-    // Propagate field updates (e.g. permissions changes) to the parent
-    const oldFieldMap = new Map(tabFields.map(f => [f.id, f]));
-    for (const f of newFields) {
-      if (oldFieldMap.has(f.id) && oldFieldMap.get(f.id) !== f) {
-        onUpdateField(f);
-      }
-    }
-
-    // Update the tab's layout in the field
-    const updatedTabs = [...field.tabs];
-    updatedTabs[index] = {
-      ...tab,
-      layout: newLayout
-    };
-    onUpdate({
-      ...field,
-      tabs: updatedTabs
-    });
-  }, [tab, index, field, tabFields, onUpdate, onInsertField, onRemoveField, onUpdateField]);
-  const moveTabUp = useCallback(() => {
-    if (isFirst) {
-      return;
-    }
-    const tabs = [...field.tabs];
-    [tabs[index - 1], tabs[index]] = [tabs[index], tabs[index - 1]];
-    onUpdate({
-      ...field,
-      tabs
-    });
-  }, [field, index, isFirst, onUpdate]);
-  const moveTabDown = useCallback(() => {
-    if (isLast) {
-      return;
-    }
-    const tabs = [...field.tabs];
-    [tabs[index + 1], tabs[index]] = [tabs[index], tabs[index + 1]];
-    onUpdate({
-      ...field,
-      tabs
-    });
-  }, [field, index, isLast, onUpdate]);
-  const deleteTab = useCallback(() => {
-    showConfirmation(() => {
-      // Collect field IDs to un-hoist
-      for (const row of tab.layout) {
-        for (const cell of row) {
-          if (typeof cell === "string") {
-            onRemoveField(cell);
-          }
-        }
-      }
-      const tabs = field.tabs.filter((_, i) => i !== index);
-      onUpdate({
-        ...field,
-        tabs
-      });
-    });
-  }, [field, index, tab, onUpdate, onRemoveField, showConfirmation]);
-  const editTab = useCallback(() => {
-    dialogs.showDialog({
-      title: "Tab Settings",
-      description: "Configure the tab and access permissions",
-      acceptLabel: "Save",
-      cancelLabel: "Cancel",
-      formData: {
-        label: tab.label,
-        icon: tab.icon ?? "",
-        rules: tab.rules ?? []
-      },
-      content: /*#__PURE__*/React.createElement(TabDialogContent, {
-        fieldOptions: fieldOptions
-      }),
-      onAccept: data => {
-        const updatedTabs = [...field.tabs];
-        updatedTabs[index] = {
-          ...tab,
-          label: data.label ?? tab.label,
-          icon: data.icon || undefined,
-          rules: data.rules ?? []
-        };
-        onUpdate({
-          ...field,
-          tabs: updatedTabs
-        });
-      }
-    });
-  }, [dialogs, field, index, tab, onUpdate]);
-  return /*#__PURE__*/React.createElement(Accordion.Item, {
-    title: tab.label
-    /* This ensures drop zones are not affected by `overflow-hidden` on the accordion content. */,
-    className: "[&>[data-state='open']]:!overflow-visible",
-    description: `${tabFields.length} field${tabFields.length !== 1 ? "s" : ""}`,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-      icon: /*#__PURE__*/React.createElement(ArrowUpIcon, null),
-      onClick: moveTabUp,
-      disabled: isFirst
-    }), /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-      icon: /*#__PURE__*/React.createElement(ArrowDownIcon, null),
-      onClick: moveTabDown,
-      disabled: isLast
-    }), /*#__PURE__*/React.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-      icon: /*#__PURE__*/React.createElement(EditIcon, null),
-      onClick: editTab
-    }), /*#__PURE__*/React.createElement(Accordion.Item.Action, {
-      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-      onClick: deleteTab,
-      disabled: totalTabs <= 1
-    }))
-  }, /*#__PURE__*/React.createElement(FieldEditor, {
-    parent: createTabParent(tab),
-    fields: tabFields,
-    layout: tab.layout,
-    onChange: handleFieldsChange
-  }));
-};
-export const TabsLayoutEditor = ({
-  field,
-  onUpdate,
-  onDelete
-}) => {
-  const parentEditor = useModelFieldEditor();
-  const {
-    fieldOptions
-  } = useModelEditor();
-  const {
-    showDialog
-  } = useDialogs();
-  const newTabId = useRef(undefined);
-  const {
-    showConfirmation: showDeleteConfirmation
-  } = useConfirmationDialog({
-    title: "Delete tabs",
-    message: "Are you sure you want to delete this tabs element? All fields inside the tabs will be removed.",
-    acceptLabel: "Yes, delete"
-  });
-  useEffect(() => {
-    newTabId.current = undefined;
-  }, []);
-
-  // Resolve all fields that exist in any tab of this field from the parent's fields
-  const getAllParentFields = useCallback(() => {
-    // Collect all field IDs that exist in any tab of this field
-    const allFieldIds = new Set();
-    for (const tab of field.tabs) {
-      for (const row of tab.layout) {
-        for (const cell of row) {
-          if (typeof cell === "string") {
-            allFieldIds.add(cell);
-          }
-        }
-      }
-    }
-
-    // Resolve them from the parent editor
-    const resolved = [];
-    for (const id of allFieldIds) {
-      const f = parentEditor.getField({
-        id
-      });
-      if (f) {
-        resolved.push(f);
-      }
-    }
-    return resolved;
-  }, [field, parentEditor]);
-  const handleInsertField = useCallback(f => {
-    // Hoist the field to the parent context's fields (without placing in parent's layout)
-    const existingField = parentEditor.getField({
-      id: f.id
-    });
-    if (!existingField) {
-      parentEditor.addField(f);
-    }
-  }, [parentEditor]);
-  const handleRemoveField = useCallback(fieldId => {
-    // Un-hoist the field from the parent context's fields
-    parentEditor.removeField(fieldId);
-  }, [parentEditor]);
-  const handleUpdateField = useCallback(f => {
-    parentEditor.updateField(f);
-  }, [parentEditor]);
-  const addTab = useCallback(() => {
-    const id = generateAlphaNumericLowerCaseId(8);
-    newTabId.current = id;
-    const newTab = {
-      id,
-      label: `Tab ${field.tabs.length + 1}`,
-      layout: []
-    };
-    onUpdate({
-      ...field,
-      tabs: [...field.tabs, newTab]
-    });
-  }, [field, onUpdate]);
-  const handleDeleteTabs = useCallback(() => {
-    showDeleteConfirmation(() => {
-      onDelete();
-    });
-  }, [onDelete, showDeleteConfirmation]);
-  const editTabsSettings = useCallback(() => {
-    showDialog({
-      title: "Tabs Settings",
-      description: "Configure the tabs and access permissions",
-      acceptLabel: "Save",
-      cancelLabel: "Cancel",
-      formData: {
-        label: field.label ?? "",
-        description: field.description ?? "",
-        help: field.help ?? "",
-        rules: field.rules ?? []
-      },
-      content: /*#__PURE__*/React.createElement(TabsDialogContent, {
-        fieldOptions: fieldOptions
-      }),
-      onAccept: data => {
-        onUpdate({
-          ...field,
-          label: data.label ?? "",
-          description: data.description || null,
-          help: data.help || null,
-          rules: data.rules ?? []
-        });
-      }
-    });
-  }, [field, onUpdate]);
-  const resolvedParentFields = getAllParentFields();
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-row items-center"
-  }, /*#__PURE__*/React.createElement(Heading, {
-    level: 6,
-    className: "text-nowrap"
-  }, field.label || "No label")), /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "flex w-full text-neutral-strong"
-  }, "Tabs")), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-xs"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(EditIcon, null),
-    onClick: editTabsSettings,
-    variant: "ghost",
-    size: "sm"
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    onClick: handleDeleteTabs,
-    variant: "ghost",
-    size: "sm"
-  }))), field.tabs.length > 0 && /*#__PURE__*/React.createElement(Accordion, null, field.tabs.map((tab, index) => /*#__PURE__*/React.createElement(TabItem, {
-    key: tab.id,
-    tab: tab,
-    index: index,
-    totalTabs: field.tabs.length,
-    field: field,
-    parentFields: resolvedParentFields,
-    onUpdate: onUpdate,
-    onInsertField: handleInsertField,
-    onRemoveField: handleRemoveField,
-    onUpdateField: handleUpdateField
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "mt-sm flex justify-center"
-  }, /*#__PURE__*/React.createElement(Button, {
-    onClick: addTab,
-    text: "Add Tab",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null),
-    size: "sm"
-  })));
-};
-
-//# sourceMappingURL=TabsLayoutEditor.js.map

package/admin/plugins/fields/ui/TabsLayoutEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useRef","useEffect","Accordion","Tabs","ScrollArea","ReactComponent","EditIcon","DeleteIcon","ArrowUpIcon","ArrowDownIcon","AddIcon","generateAlphaNumericLowerCaseId","useConfirmationDialog","useDialogs","Grid","IconButton","Button","Input","Textarea","Heading","Text","Bind","FieldEditor","IconPicker","useModelFieldEditor","PermissionsEditor","RulesEditor","useModelEditor","TabsSettings","createElement","className","Column","span","name","label","TabsDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","value","content","TabSettingsFields","TabDialogContent","createTabParent","tab","id","fieldId","type","renderer","resolveTabFields","parentFields","fieldIds","Set","row","layout","cell","add","filter","f","has","TabItem","index","totalTabs","field","onUpdate","onInsertField","onRemoveField","onUpdateField","dialogs","showConfirmation","title","message","acceptLabel","isFirst","isLast","tabFields","handleFieldsChange","fields","newFields","newLayout","oldFieldIds","map","newFieldIds","oldFieldMap","Map","get","updatedTabs","moveTabUp","moveTabDown","deleteTab","_","i","editTab","showDialog","description","cancelLabel","formData","icon","rules","onAccept","data","undefined","Item","length","actions","Fragment","Action","onClick","disabled","Separator","parent","onChange","TabsLayoutEditor","onDelete","parentEditor","newTabId","showDeleteConfirmation","current","getAllParentFields","allFieldIds","resolved","getField","push","handleInsertField","existingField","addField","handleRemoveField","removeField","handleUpdateField","updateField","addTab","newTab","handleDeleteTabs","editTabsSettings","help","resolvedParentFields","level","variant","text"],"sources":["TabsLayoutEditor.tsx"],"sourcesContent":["import React, { useCallback, useRef, useEffect } from \"react\";\nimport { Accordion, Tabs, ScrollArea } from \"@webiny/admin-ui\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport type {\n    CmsTabLayoutField,\n    CmsTabLayoutTab,\n    CmsLayoutField,\n    CmsEditorFieldsLayout\n} from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { useConfirmationDialog, useDialogs } from \"@webiny/app-admin\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { IconButton } from \"@webiny/admin-ui\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { Input } from \"@webiny/admin-ui\";\nimport { Textarea } from \"@webiny/admin-ui\";\nimport { Heading } from \"@webiny/admin-ui\";\nimport { Text } from \"@webiny/admin-ui\";\nimport { Bind } from \"@webiny/form\";\nimport type { CmsModelField } from \"~/types.js\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { useModelFieldEditor } from \"~/admin/hooks/index.js\";\nimport { PermissionsEditor } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsEditor/PermissionsEditor.js\";\nimport { RulesEditor } from \"~/admin/components/FieldEditor/EditFieldDialog/RulesEditor/RulesEditor.js\";\nimport { useModelEditor } from \"~/admin/components/ContentModelEditor/useModelEditor.js\";\nimport type { FieldOption } from \"@webiny/app-headless-cms-common/Fields/fieldOptions.js\";\n\ninterface TabsLayoutEditorProps {\n    field: CmsTabLayoutField;\n    onUpdate: (d: CmsLayoutField) => void;\n    onDelete: () => void;\n}\n\ninterface TabItemProps {\n    tab: CmsTabLayoutTab;\n    index: number;\n    totalTabs: number;\n    field: CmsTabLayoutField;\n    parentFields: CmsModelField[];\n    onUpdate: (d: CmsLayoutField) => void;\n    onInsertField: (field: CmsModelField) => void;\n    onRemoveField: (fieldId: string) => void;\n    onUpdateField: (field: CmsModelField) => void;\n}\n\nconst TabsSettings = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"label\"}>\n                    <Input label={\"Label\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"description\"}>\n                    <Input label={\"Description\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"help\"}>\n                    <Textarea label={\"Help\"} />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst TabsDialogContent = ({ fieldOptions }: { fieldOptions: FieldOption[] }) => {\n    return (\n        <ScrollArea className=\"max-h-[70vh] flex flex-col\">\n            <Tabs\n                size={\"md\"}\n                separator\n                tabs={[\n                    <Tabs.Tab\n                        key={\"tabs\"}\n                        trigger={\"Tabs\"}\n                        value={\"tabs\"}\n                        content={<TabsSettings />}\n                    />,\n                    <Tabs.Tab\n                        key={\"permissions\"}\n                        trigger={\"Permissions\"}\n                        value={\"permissions\"}\n                        content={\n                            <div className={\"mt-md\"}>\n                                <PermissionsEditor />\n                            </div>\n                        }\n                    />,\n                    <Tabs.Tab\n                        key={\"rules\"}\n                        trigger={\"Rules\"}\n                        value={\"rules\"}\n                        content={\n                            <div className={\"mt-md\"}>\n                                <RulesEditor fieldOptions={fieldOptions} />\n                            </div>\n                        }\n                    />\n                ]}\n            />\n        </ScrollArea>\n    );\n};\n\nconst TabSettingsFields = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"label\"}>\n                    <Input label={\"Label\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"icon\"}>\n                    <IconPicker label={\"Icon\"} />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst TabDialogContent = ({ fieldOptions }: { fieldOptions: FieldOption[] }) => {\n    return (\n        <Tabs\n            size={\"md\"}\n            separator\n            tabs={[\n                <Tabs.Tab\n                    key={\"tab\"}\n                    trigger={\"Tab\"}\n                    value={\"tab\"}\n                    content={<TabSettingsFields />}\n                />,\n                <Tabs.Tab\n                    key={\"permissions\"}\n                    trigger={\"Permissions\"}\n                    value={\"permissions\"}\n                    content={\n                        <div className={\"mt-md\"}>\n                            <PermissionsEditor />\n                        </div>\n                    }\n                />,\n                <Tabs.Tab\n                    key={\"rules\"}\n                    trigger={\"Rules\"}\n                    value={\"rules\"}\n                    content={\n                        <div className={\"mt-md\"}>\n                            <RulesEditor fieldOptions={fieldOptions} />\n                        </div>\n                    }\n                />\n            ]}\n        />\n    );\n};\n\n/**\n * Create a synthetic parent field for a tab so that each tab's FieldEditor\n * has a unique identity for cross-parent drag & drop detection.\n */\nfunction createTabParent(tab: CmsTabLayoutTab): CmsModelField {\n    return {\n        id: tab.id,\n        fieldId: `tab:${tab.id}`,\n        type: \"tab\",\n        label: tab.label,\n        renderer: { name: \"\" }\n    } as CmsModelField;\n}\n\n/**\n * Resolve fields for a tab by looking up field IDs in the parent's fields array.\n */\nfunction resolveTabFields(tab: CmsTabLayoutTab, parentFields: CmsModelField[]): CmsModelField[] {\n    const fieldIds = new Set<string>();\n    for (const row of tab.layout) {\n        for (const cell of row) {\n            if (typeof cell === \"string\") {\n                fieldIds.add(cell);\n            }\n        }\n    }\n    return parentFields.filter(f => fieldIds.has(f.id));\n}\n\nconst TabItem = ({\n    tab,\n    index,\n    totalTabs,\n    field,\n    parentFields,\n    onUpdate,\n    onInsertField,\n    onRemoveField,\n    onUpdateField\n}: TabItemProps) => {\n    const { fieldOptions } = useModelEditor();\n    const dialogs = useDialogs();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete tab\",\n        message: `Are you sure you want to delete the tab \"${tab.label}\"? Fields inside this tab will be removed.`,\n        acceptLabel: \"Yes, delete tab\"\n    });\n\n    const isFirst = index === 0;\n    const isLast = index === totalTabs - 1;\n\n    const tabFields = resolveTabFields(tab, parentFields);\n\n    const handleFieldsChange = useCallback(\n        ({\n            fields: newFields,\n            layout: newLayout\n        }: {\n            fields: CmsModelField[];\n            layout: CmsEditorFieldsLayout;\n        }) => {\n            const oldFieldIds = new Set(tabFields.map(f => f.id));\n            const newFieldIds = new Set(newFields.map(f => f.id));\n\n            // Find added fields (in new but not in old) -> hoist to parent\n            for (const f of newFields) {\n                if (!oldFieldIds.has(f.id)) {\n                    onInsertField(f);\n                }\n            }\n\n            // Find removed fields (in old but not in new) -> un-hoist from parent\n            for (const id of oldFieldIds) {\n                if (!newFieldIds.has(id)) {\n                    onRemoveField(id);\n                }\n            }\n\n            // Propagate field updates (e.g. permissions changes) to the parent\n            const oldFieldMap = new Map(tabFields.map(f => [f.id, f]));\n            for (const f of newFields) {\n                if (oldFieldMap.has(f.id) && oldFieldMap.get(f.id) !== f) {\n                    onUpdateField(f);\n                }\n            }\n\n            // Update the tab's layout in the field\n            const updatedTabs = [...field.tabs];\n            updatedTabs[index] = { ...tab, layout: newLayout };\n            onUpdate({ ...field, tabs: updatedTabs });\n        },\n        [tab, index, field, tabFields, onUpdate, onInsertField, onRemoveField, onUpdateField]\n    );\n\n    const moveTabUp = useCallback(() => {\n        if (isFirst) {\n            return;\n        }\n        const tabs = [...field.tabs];\n        [tabs[index - 1], tabs[index]] = [tabs[index], tabs[index - 1]];\n        onUpdate({ ...field, tabs });\n    }, [field, index, isFirst, onUpdate]);\n\n    const moveTabDown = useCallback(() => {\n        if (isLast) {\n            return;\n        }\n        const tabs = [...field.tabs];\n        [tabs[index + 1], tabs[index]] = [tabs[index], tabs[index + 1]];\n        onUpdate({ ...field, tabs });\n    }, [field, index, isLast, onUpdate]);\n\n    const deleteTab = useCallback(() => {\n        showConfirmation(() => {\n            // Collect field IDs to un-hoist\n            for (const row of tab.layout) {\n                for (const cell of row) {\n                    if (typeof cell === \"string\") {\n                        onRemoveField(cell);\n                    }\n                }\n            }\n\n            const tabs = field.tabs.filter((_, i) => i !== index);\n            onUpdate({ ...field, tabs });\n        });\n    }, [field, index, tab, onUpdate, onRemoveField, showConfirmation]);\n\n    const editTab = useCallback(() => {\n        dialogs.showDialog({\n            title: \"Tab Settings\",\n            description: \"Configure the tab and access permissions\",\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            formData: {\n                label: tab.label,\n                icon: tab.icon ?? \"\",\n                rules: tab.rules ?? []\n            },\n            content: <TabDialogContent fieldOptions={fieldOptions} />,\n            onAccept: data => {\n                const updatedTabs = [...field.tabs];\n                updatedTabs[index] = {\n                    ...tab,\n                    label: data.label ?? tab.label,\n                    icon: data.icon || undefined,\n                    rules: data.rules ?? []\n                };\n                onUpdate({ ...field, tabs: updatedTabs });\n            }\n        });\n    }, [dialogs, field, index, tab, onUpdate]);\n\n    return (\n        <Accordion.Item\n            title={tab.label}\n            /* This ensures drop zones are not affected by `overflow-hidden` on the accordion content. */\n            className={\"[&>[data-state='open']]:!overflow-visible\"}\n            description={`${tabFields.length} field${tabFields.length !== 1 ? \"s\" : \"\"}`}\n            actions={\n                <>\n                    <Accordion.Item.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={moveTabUp}\n                        disabled={isFirst}\n                    />\n                    <Accordion.Item.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={moveTabDown}\n                        disabled={isLast}\n                    />\n                    <Accordion.Item.Action.Separator />\n                    <Accordion.Item.Action icon={<EditIcon />} onClick={editTab} />\n                    <Accordion.Item.Action\n                        icon={<DeleteIcon />}\n                        onClick={deleteTab}\n                        disabled={totalTabs <= 1}\n                    />\n                </>\n            }\n        >\n            <FieldEditor\n                parent={createTabParent(tab)}\n                fields={tabFields}\n                layout={tab.layout}\n                onChange={handleFieldsChange}\n            />\n        </Accordion.Item>\n    );\n};\n\nexport const TabsLayoutEditor = ({ field, onUpdate, onDelete }: TabsLayoutEditorProps) => {\n    const parentEditor = useModelFieldEditor();\n    const { fieldOptions } = useModelEditor();\n    const { showDialog } = useDialogs();\n    const newTabId = useRef<string | undefined>(undefined);\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete tabs\",\n        message:\n            \"Are you sure you want to delete this tabs element? All fields inside the tabs will be removed.\",\n        acceptLabel: \"Yes, delete\"\n    });\n\n    useEffect(() => {\n        newTabId.current = undefined;\n    }, []);\n\n    // Resolve all fields that exist in any tab of this field from the parent's fields\n    const getAllParentFields = useCallback((): CmsModelField[] => {\n        // Collect all field IDs that exist in any tab of this field\n        const allFieldIds = new Set<string>();\n        for (const tab of field.tabs) {\n            for (const row of tab.layout) {\n                for (const cell of row) {\n                    if (typeof cell === \"string\") {\n                        allFieldIds.add(cell);\n                    }\n                }\n            }\n        }\n\n        // Resolve them from the parent editor\n        const resolved: CmsModelField[] = [];\n        for (const id of allFieldIds) {\n            const f = parentEditor.getField({ id });\n            if (f) {\n                resolved.push(f);\n            }\n        }\n        return resolved;\n    }, [field, parentEditor]);\n\n    const handleInsertField = useCallback(\n        (f: CmsModelField) => {\n            // Hoist the field to the parent context's fields (without placing in parent's layout)\n            const existingField = parentEditor.getField({ id: f.id });\n            if (!existingField) {\n                parentEditor.addField(f);\n            }\n        },\n        [parentEditor]\n    );\n\n    const handleRemoveField = useCallback(\n        (fieldId: string) => {\n            // Un-hoist the field from the parent context's fields\n            parentEditor.removeField(fieldId);\n        },\n        [parentEditor]\n    );\n\n    const handleUpdateField = useCallback(\n        (f: CmsModelField) => {\n            parentEditor.updateField(f);\n        },\n        [parentEditor]\n    );\n\n    const addTab = useCallback(() => {\n        const id = generateAlphaNumericLowerCaseId(8);\n        newTabId.current = id;\n        const newTab: CmsTabLayoutTab = {\n            id,\n            label: `Tab ${field.tabs.length + 1}`,\n            layout: []\n        };\n        onUpdate({ ...field, tabs: [...field.tabs, newTab] });\n    }, [field, onUpdate]);\n\n    const handleDeleteTabs = useCallback(() => {\n        showDeleteConfirmation(() => {\n            onDelete();\n        });\n    }, [onDelete, showDeleteConfirmation]);\n\n    const editTabsSettings = useCallback(() => {\n        showDialog({\n            title: \"Tabs Settings\",\n            description: \"Configure the tabs and access permissions\",\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            formData: {\n                label: field.label ?? \"\",\n                description: field.description ?? \"\",\n                help: field.help ?? \"\",\n                rules: field.rules ?? []\n            },\n            content: <TabsDialogContent fieldOptions={fieldOptions} />,\n            onAccept: data => {\n                onUpdate({\n                    ...field,\n                    label: data.label ?? \"\",\n                    description: data.description || null,\n                    help: data.help || null,\n                    rules: data.rules ?? []\n                });\n            }\n        });\n    }, [field, onUpdate]);\n\n    const resolvedParentFields = getAllParentFields();\n\n    return (\n        <div>\n            <div className={\"flex justify-between\"}>\n                <div className={\"flex flex-col\"}>\n                    <div className={\"flex flex-row items-center\"}>\n                        <Heading level={6} className={\"text-nowrap\"}>\n                            {field.label || \"No label\"}\n                        </Heading>\n                    </div>\n                    <Text size=\"sm\" className={\"flex w-full text-neutral-strong\"}>\n                        Tabs\n                    </Text>\n                </div>\n                <div className={\"flex items-center gap-xs\"}>\n                    <IconButton\n                        icon={<EditIcon />}\n                        onClick={editTabsSettings}\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                    />\n                    <IconButton\n                        icon={<DeleteIcon />}\n                        onClick={handleDeleteTabs}\n                        variant={\"ghost\"}\n                        size={\"sm\"}\n                    />\n                </div>\n            </div>\n            {field.tabs.length > 0 && (\n                <Accordion>\n                    {field.tabs.map((tab, index) => (\n                        <TabItem\n                            key={tab.id}\n                            tab={tab}\n                            index={index}\n                            totalTabs={field.tabs.length}\n                            field={field}\n                            parentFields={resolvedParentFields}\n                            onUpdate={onUpdate}\n                            onInsertField={handleInsertField}\n                            onRemoveField={handleRemoveField}\n                            onUpdateField={handleUpdateField}\n                        />\n                    ))}\n                </Accordion>\n            )}\n            <div className={\"mt-sm flex justify-center\"}>\n                <Button onClick={addTab} text={\"Add Tab\"} icon={<AddIcon />} size={\"sm\"} />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/ui/alert.d.ts

@@ -1,2 +0,0 @@
-import type { CmsModelLayoutFieldTypePlugin } from "@webiny/app-headless-cms-common/types/index.js";
-export declare const uiAlertField: CmsModelLayoutFieldTypePlugin;