@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fields/ui/alert.js","sources":["../../../../../src/admin/plugins/fields/ui/alert.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CmsAlertLayoutField,\n    CmsLayoutField\n} from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { ReactComponent as AlertIcon } from \"@webiny/icons/warning.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n    Alert,\n    Grid,\n    IconButton,\n    Tabs,\n    Textarea,\n    Select,\n    Text,\n    ScrollArea\n} from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\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\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst AlertSettings = () => {\n    return (\n        <Grid className={\"mt-md\"}>\n            <Grid.Column span={12}>\n                <Bind name={\"label\"}>\n                    <Textarea label={\"Message\"} />\n                </Bind>\n            </Grid.Column>\n            <Grid.Column span={12}>\n                <Bind name={\"alertType\"} defaultValue={\"info\"}>\n                    <Select\n                        displayResetAction={false}\n                        label={\"Alert type\"}\n                        options={[\n                            { value: \"info\", label: \"Info\" },\n                            { value: \"success\", label: \"Success\" },\n                            { value: \"warning\", label: \"Warning\" },\n                            { value: \"danger\", label: \"Danger\" }\n                        ]}\n                    />\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nconst AlertDialogContent = ({ 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={\"alert\"}\n                        trigger={\"Alert\"}\n                        value={\"alert\"}\n                        content={<AlertSettings />}\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\ninterface AlertLayoutCellProps {\n    field: CmsAlertLayoutField;\n    onUpdate: (d: CmsLayoutField) => void;\n    onDelete: () => void;\n}\n\nconst AlertLayoutCell = ({ field, onUpdate, onDelete }: AlertLayoutCellProps) => {\n    const { fieldOptions } = useModelEditor();\n    const dialogs = useDialogs();\n\n    const openSettings = () => {\n        dialogs.showDialog({\n            title: \"Alert Settings\",\n            description: \"Configure the alert and access permissions\",\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            formData: {\n                label: field.label,\n                alertType: field.alertType,\n                rules: field.rules ?? []\n            },\n            content: <AlertDialogContent fieldOptions={fieldOptions} />,\n            onAccept: data => {\n                onUpdate({\n                    ...field,\n                    label: data.label ?? \"\",\n                    alertType: (data.alertType as CmsAlertLayoutField[\"alertType\"]) ?? \"info\",\n                    rules: data.rules ?? []\n                });\n            }\n        });\n    };\n\n    return (\n        <div className={\"flex items-center justify-between\"}>\n            <div className={\"flex-1\"}>\n                {field.label ? (\n                    <Alert type={field.alertType}>{field.label}</Alert>\n                ) : (\n                    <Text size={\"sm\"} className={\"text-neutral-strong italic\"}>\n                        Alert (no message set)\n                    </Text>\n                )}\n            </div>\n            <div className={\"flex items-center gap-xs ml-sm\"}>\n                <IconButton\n                    icon={<EditIcon />}\n                    onClick={openSettings}\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                />\n                <IconButton\n                    icon={<DeleteIcon />}\n                    onClick={onDelete}\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport const uiAlertField: CmsModelLayoutFieldTypePlugin = {\n    type: \"cms-editor-layout-field-type\",\n    name: \"cms-editor-layout-field-type-alert\",\n    field: {\n        type: \"alert\",\n        label: t`Alert`,\n        description: t`Show an alert message in the form.`,\n        icon: <AlertIcon />,\n        canEditSettings: true,\n        createField() {\n            return { type: \"alert\", label: \"\", alertType: \"info\" };\n        },\n        render({ field, onUpdate, onDelete }) {\n            return (\n                <AlertLayoutCell\n                    field={field as CmsAlertLayoutField}\n                    onUpdate={onUpdate}\n                    onDelete={onDelete}\n                />\n            );\n        }\n    }\n};\n"],"names":["t","i18n","AlertSettings","Grid","Bind","Textarea","Select","AlertDialogContent","fieldOptions","ScrollArea","Tabs","PermissionsEditor","RulesEditor","AlertLayoutCell","field","onUpdate","onDelete","useModelEditor","dialogs","useDialogs","openSettings","data","Alert","Text","IconButton","EditIcon","DeleteIcon","uiAlertField","AlertIcon"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export * from "./alert.js";
+export * from "./separator.js";
+export * from "./tabs.js";

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

@@ -0,0 +1,3 @@
+export * from "./alert.js";
+export * from "./separator.js";
+export * from "./tabs.js";

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

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

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

@@ -0,0 +1,139 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/line_style.svg";
+import { ReactComponent as edit_svg_ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Grid, IconButton, Input, ScrollArea, Separator, Tabs, Text } from "@webiny/admin-ui";
+import { useDialogs } from "@webiny/app-admin";
+import { Bind } from "@webiny/form";
+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 t = i18n.ns("app-headless-cms/admin/fields");
+const SeparatorSettings = ()=>/*#__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"
+    }))));
+const SeparatorDialogContent = ({ fieldOptions })=>/*#__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: "separator",
+                trigger: "Separator",
+                value: "separator",
+                content: /*#__PURE__*/ react.createElement(SeparatorSettings, 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 SeparatorLayoutCell = ({ field, onUpdate, onDelete })=>{
+    const { fieldOptions } = useModelEditor();
+    const dialogs = useDialogs();
+    const openSettings = ()=>{
+        dialogs.showDialog({
+            title: "Separator Settings",
+            description: "Configure the separator and access permissions",
+            acceptLabel: "Save",
+            cancelLabel: "Cancel",
+            formData: {
+                label: field.label,
+                description: field.description ?? "",
+                rules: field.rules ?? []
+            },
+            content: /*#__PURE__*/ react.createElement(SeparatorDialogContent, {
+                fieldOptions: fieldOptions
+            }),
+            onAccept: (data)=>{
+                onUpdate({
+                    ...field,
+                    label: data.label ?? "",
+                    description: data.description ?? "",
+                    rules: data.rules ?? []
+                });
+            }
+        });
+    };
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex-1"
+    }, /*#__PURE__*/ react.createElement(Separator, {
+        variant: "accent",
+        labelPosition: "start"
+    }, field.label), field.description && /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
+        size: "sm",
+        className: "text-neutral-strong mt-sm"
+    }, field.description)), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-xs"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+        onClick: openSettings,
+        variant: "ghost",
+        size: "sm"
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+        onClick: onDelete,
+        variant: "ghost",
+        size: "sm"
+    })));
+};
+const uiSeparatorField = {
+    type: "cms-editor-layout-field-type",
+    name: "cms-editor-layout-field-type-separator",
+    field: {
+        type: "separator",
+        label: t`Separator`,
+        description: t`Show a visual separator between fields.`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        canEditSettings: true,
+        createField () {
+            return {
+                type: "separator",
+                label: "Section",
+                description: "Your description goes here"
+            };
+        },
+        render ({ field, onUpdate, onDelete }) {
+            return /*#__PURE__*/ react.createElement(SeparatorLayoutCell, {
+                field: field,
+                onUpdate: onUpdate,
+                onDelete: onDelete
+            });
+        }
+    }
+};
+export { uiSeparatorField };
+
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fields/ui/separator.js","sources":["../../../../../src/admin/plugins/fields/ui/separator.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CmsSeparatorLayoutField,\n    CmsLayoutField\n} from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { ReactComponent as SeparatorIcon } from \"@webiny/icons/line_style.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Grid, IconButton, Input, ScrollArea, Separator, Tabs, Text } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\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\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst SeparatorSettings = () => {\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>\n    );\n};\n\nconst SeparatorDialogContent = ({ 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={\"separator\"}\n                        trigger={\"Separator\"}\n                        value={\"separator\"}\n                        content={<SeparatorSettings />}\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\ninterface SeparatorLayoutCellProps {\n    field: CmsSeparatorLayoutField;\n    onUpdate: (d: CmsLayoutField) => void;\n    onDelete: () => void;\n}\n\nconst SeparatorLayoutCell = ({ field, onUpdate, onDelete }: SeparatorLayoutCellProps) => {\n    const { fieldOptions } = useModelEditor();\n    const dialogs = useDialogs();\n\n    const openSettings = () => {\n        dialogs.showDialog({\n            title: \"Separator Settings\",\n            description: \"Configure the separator and access permissions\",\n            acceptLabel: \"Save\",\n            cancelLabel: \"Cancel\",\n            formData: {\n                label: field.label,\n                description: field.description ?? \"\",\n                rules: field.rules ?? []\n            },\n            content: <SeparatorDialogContent fieldOptions={fieldOptions} />,\n            onAccept: data => {\n                onUpdate({\n                    ...field,\n                    label: data.label ?? \"\",\n                    description: data.description ?? \"\",\n                    rules: data.rules ?? []\n                });\n            }\n        });\n    };\n\n    return (\n        <div className={\"flex items-center gap-sm\"}>\n            <div className={\"flex-1\"}>\n                <Separator variant={\"accent\"} labelPosition={\"start\"}>\n                    {field.label}\n                </Separator>\n                {field.description && (\n                    <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong mt-sm\"}>\n                        {field.description}\n                    </Text>\n                )}\n            </div>\n            <div className={\"flex items-center gap-xs\"}>\n                <IconButton\n                    icon={<EditIcon />}\n                    onClick={openSettings}\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                />\n                <IconButton\n                    icon={<DeleteIcon />}\n                    onClick={onDelete}\n                    variant={\"ghost\"}\n                    size={\"sm\"}\n                />\n            </div>\n        </div>\n    );\n};\n\nexport const uiSeparatorField: CmsModelLayoutFieldTypePlugin = {\n    type: \"cms-editor-layout-field-type\",\n    name: \"cms-editor-layout-field-type-separator\",\n    field: {\n        type: \"separator\",\n        label: t`Separator`,\n        description: t`Show a visual separator between fields.`,\n        icon: <SeparatorIcon />,\n        canEditSettings: true,\n        createField() {\n            return {\n                type: \"separator\",\n                label: \"Section\",\n                description: \"Your description goes here\"\n            };\n        },\n        render({ field, onUpdate, onDelete }) {\n            return (\n                <SeparatorLayoutCell\n                    field={field as CmsSeparatorLayoutField}\n                    onUpdate={onUpdate}\n                    onDelete={onDelete}\n                />\n            );\n        }\n    }\n};\n"],"names":["t","i18n","SeparatorSettings","Grid","Bind","Input","SeparatorDialogContent","fieldOptions","ScrollArea","Tabs","PermissionsEditor","RulesEditor","SeparatorLayoutCell","field","onUpdate","onDelete","useModelEditor","dialogs","useDialogs","openSettings","data","Separator","Text","IconButton","EditIcon","DeleteIcon","uiSeparatorField","SeparatorIcon"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,oBAAoB,IACf,WAAP,GACI,oBAACC,MAAIA;QAAC,WAAW;qBACb,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,OAAKA;QAAC,OAAO;wBAGtB,oBAACF,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,OAAKA;QAAC,OAAO;;AAOlC,MAAMC,yBAAyB,CAAC,EAAEC,YAAY,EAAmC,GACtE,WAAP,GACI,oBAACC,YAAUA;QAAC,WAAU;qBAClB,oBAACC,MAAIA;QACD,MAAM;QACN;QACA,MAAM;0BACF,oBAACA,KAAK,GAAG;gBACL,KAAK;gBACL,SAAS;gBACT,OAAO;gBACP,uBAAS,oBAACP,mBAAiBA;;0BAE/B,oBAACO,KAAK,GAAG;gBACL,KAAK;gBACL,SAAS;gBACT,OAAO;gBACP,uBACI,oBAAC;oBAAI,WAAW;iCACZ,oBAACC,mBAAiBA;;0BAI9B,oBAACD,KAAK,GAAG;gBACL,KAAK;gBACL,SAAS;gBACT,OAAO;gBACP,uBACI,oBAAC;oBAAI,WAAW;iCACZ,oBAACE,aAAWA;oBAAC,cAAcJ;;;SAI1C;;AAYjB,MAAMK,sBAAsB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAA4B;IAChF,MAAM,EAAER,YAAY,EAAE,GAAGS;IACzB,MAAMC,UAAUC;IAEhB,MAAMC,eAAe;QACjBF,QAAQ,UAAU,CAAC;YACf,OAAO;YACP,aAAa;YACb,aAAa;YACb,aAAa;YACb,UAAU;gBACN,OAAOJ,MAAM,KAAK;gBAClB,aAAaA,MAAM,WAAW,IAAI;gBAClC,OAAOA,MAAM,KAAK,IAAI,EAAE;YAC5B;YACA,SAAS,WAAT,GAAS,oBAACP,wBAAsBA;gBAAC,cAAcC;;YAC/C,UAAUa,CAAAA;gBACNN,SAAS;oBACL,GAAGD,KAAK;oBACR,OAAOO,KAAK,KAAK,IAAI;oBACrB,aAAaA,KAAK,WAAW,IAAI;oBACjC,OAAOA,KAAK,KAAK,IAAI,EAAE;gBAC3B;YACJ;QACJ;IACJ;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA;QAAC,SAAS;QAAU,eAAe;OACxCR,MAAM,KAAK,GAEfA,MAAM,WAAW,IAAI,WAAJ,GACd,oBAACS,MAAIA;QAAC,IAAI;QAAO,MAAM;QAAM,WAAW;OACnCT,MAAM,WAAW,kBAI9B,oBAAC;QAAI,WAAW;qBACZ,oBAACU,YAAUA;QACP,oBAAM,oBAACC,yBAAQA;QACf,SAASL;QACT,SAAS;QACT,MAAM;sBAEV,oBAACI,YAAUA;QACP,oBAAM,oBAACE,2BAAUA;QACjB,SAASV;QACT,SAAS;QACT,MAAM;;AAK1B;AAEO,MAAMW,mBAAkD;IAC3D,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAO1B,CAAC,CAAC,SAAS,CAAC;QACnB,aAAaA,CAAC,CAAC,uCAAuC,CAAC;QACvD,MAAM,WAAN,GAAM,oBAAC2B,gBAAaA;QACpB,iBAAiB;QACjB;YACI,OAAO;gBACH,MAAM;gBACN,OAAO;gBACP,aAAa;YACjB;QACJ;QACA,QAAO,EAAEd,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE;YAChC,OAAO,WAAP,GACI,oBAACH,qBAAmBA;gBAChB,OAAOC;gBACP,UAAUC;gBACV,UAAUC;;QAGtB;IACJ;AACJ"}

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

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

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

@@ -0,0 +1,65 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/tab.svg";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
+import { TabsLayoutEditor } from "./TabsLayoutEditor.js";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const uiTabsField = {
+    type: "cms-editor-layout-field-type",
+    name: "cms-editor-layout-field-type-tabs",
+    field: {
+        type: "tabs",
+        label: t`Tabs`,
+        description: t`Group fields into tabs.`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        canEditSettings: true,
+        createField () {
+            return {
+                type: "tabs",
+                label: "Tabs",
+                description: null,
+                help: null,
+                tabs: [
+                    {
+                        id: generateAlphaNumericLowerCaseId(8),
+                        label: "Tab 1",
+                        layout: []
+                    }
+                ]
+            };
+        },
+        collectFields ({ field, getField }) {
+            const tabs = field.tabs;
+            if (!tabs) return [];
+            const result = [];
+            for (const tab of tabs)for (const row of tab.layout)for (const cell of row)if ("string" == typeof cell) {
+                const f = getField(cell);
+                if (f) result.push(f);
+            }
+            return result;
+        },
+        getFieldLabelPrefixes ({ field }) {
+            const tabsField = field;
+            const tabs = tabsField.tabs;
+            if (!tabs) return {};
+            const fieldLabel = tabsField.label || "Tabs";
+            const prefixes = {};
+            for (const tab of tabs){
+                const tabLabel = tab.label || "Tab";
+                const prefix = `${fieldLabel} › ${tabLabel}`;
+                for (const row of tab.layout)for (const cell of row)if ("string" == typeof cell) prefixes[cell] = prefix;
+            }
+            return prefixes;
+        },
+        render ({ field, onUpdate, onDelete }) {
+            return /*#__PURE__*/ react.createElement(TabsLayoutEditor, {
+                field: field,
+                onUpdate: onUpdate,
+                onDelete: onDelete
+            });
+        }
+    }
+};
+export { uiTabsField };
+
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/plugins/fields/ui/tabs.js","sources":["../../../../../src/admin/plugins/fields/ui/tabs.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { CmsTabLayoutField } from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { ReactComponent as TabsIcon } from \"@webiny/icons/tab.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { TabsLayoutEditor } from \"./TabsLayoutEditor.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nexport const uiTabsField: CmsModelLayoutFieldTypePlugin = {\n    type: \"cms-editor-layout-field-type\",\n    name: \"cms-editor-layout-field-type-tabs\",\n    field: {\n        type: \"tabs\",\n        label: t`Tabs`,\n        description: t`Group fields into tabs.`,\n        icon: <TabsIcon />,\n        canEditSettings: true,\n        createField() {\n            return {\n                type: \"tabs\",\n                label: \"Tabs\",\n                description: null,\n                help: null,\n                tabs: [{ id: generateAlphaNumericLowerCaseId(8), label: \"Tab 1\", layout: [] }]\n            };\n        },\n        collectFields({ field, getField }) {\n            const tabs = (field as CmsTabLayoutField).tabs;\n            if (!tabs) {\n                return [];\n            }\n            const result = [];\n            for (const tab of tabs) {\n                for (const row of tab.layout) {\n                    for (const cell of row) {\n                        if (typeof cell === \"string\") {\n                            const f = getField(cell);\n                            if (f) {\n                                result.push(f);\n                            }\n                        }\n                    }\n                }\n            }\n            return result;\n        },\n        getFieldLabelPrefixes({ field }) {\n            const tabsField = field as CmsTabLayoutField;\n            const tabs = tabsField.tabs;\n            if (!tabs) {\n                return {};\n            }\n            const fieldLabel = tabsField.label || \"Tabs\";\n            const prefixes: Record<string, string> = {};\n            for (const tab of tabs) {\n                const tabLabel = tab.label || \"Tab\";\n                const prefix = `${fieldLabel} › ${tabLabel}`;\n                for (const row of tab.layout) {\n                    for (const cell of row) {\n                        if (typeof cell === \"string\") {\n                            prefixes[cell] = prefix;\n                        }\n                    }\n                }\n            }\n            return prefixes;\n        },\n        render({ field, onUpdate, onDelete }) {\n            return (\n                <TabsLayoutEditor\n                    field={field as CmsTabLayoutField}\n                    onUpdate={onUpdate}\n                    onDelete={onDelete}\n                />\n            );\n        }\n    }\n};\n"],"names":["t","i18n","uiTabsField","TabsIcon","generateAlphaNumericLowerCaseId","field","getField","tabs","result","tab","row","cell","f","tabsField","fieldLabel","prefixes","tabLabel","prefix","onUpdate","onDelete","TabsLayoutEditor"],"mappings":";;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,cAA6C;IACtD,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAOF,CAAC,CAAC,IAAI,CAAC;QACd,aAAaA,CAAC,CAAC,uBAAuB,CAAC;QACvC,MAAM,WAAN,GAAM,oBAACG,gBAAQA;QACf,iBAAiB;QACjB;YACI,OAAO;gBACH,MAAM;gBACN,OAAO;gBACP,aAAa;gBACb,MAAM;gBACN,MAAM;oBAAC;wBAAE,IAAIC,gCAAgC;wBAAI,OAAO;wBAAS,QAAQ,EAAE;oBAAC;iBAAE;YAClF;QACJ;QACA,eAAc,EAAEC,KAAK,EAAEC,QAAQ,EAAE;YAC7B,MAAMC,OAAQF,MAA4B,IAAI;YAC9C,IAAI,CAACE,MACD,OAAO,EAAE;YAEb,MAAMC,SAAS,EAAE;YACjB,KAAK,MAAMC,OAAOF,KACd,KAAK,MAAMG,OAAOD,IAAI,MAAM,CACxB,KAAK,MAAME,QAAQD,IACf,IAAI,AAAgB,YAAhB,OAAOC,MAAmB;gBAC1B,MAAMC,IAAIN,SAASK;gBACnB,IAAIC,GACAJ,OAAO,IAAI,CAACI;YAEpB;YAIZ,OAAOJ;QACX;QACA,uBAAsB,EAAEH,KAAK,EAAE;YAC3B,MAAMQ,YAAYR;YAClB,MAAME,OAAOM,UAAU,IAAI;YAC3B,IAAI,CAACN,MACD,OAAO,CAAC;YAEZ,MAAMO,aAAaD,UAAU,KAAK,IAAI;YACtC,MAAME,WAAmC,CAAC;YAC1C,KAAK,MAAMN,OAAOF,KAAM;gBACpB,MAAMS,WAAWP,IAAI,KAAK,IAAI;gBAC9B,MAAMQ,SAAS,GAAGH,WAAW,GAAG,EAAEE,UAAU;gBAC5C,KAAK,MAAMN,OAAOD,IAAI,MAAM,CACxB,KAAK,MAAME,QAAQD,IACf,IAAI,AAAgB,YAAhB,OAAOC,MACPI,QAAQ,CAACJ,KAAK,GAAGM;YAIjC;YACA,OAAOF;QACX;QACA,QAAO,EAAEV,KAAK,EAAEa,QAAQ,EAAEC,QAAQ,EAAE;YAChC,OAAO,WAAP,GACI,oBAACC,kBAAgBA;gBACb,OAAOf;gBACP,UAAUa;gBACV,UAAUC;;QAGtB;IACJ;AACJ"}

package/admin/plugins/getObjectId.js

@@ -1,11 +1,12 @@
 import { ApolloCacheObjectIdPlugin } from "@webiny/app";
-export default new ApolloCacheObjectIdPlugin(obj => {
-  switch (obj.__typename) {
-    case "CmsContentModel":
-      return `${obj.__typename}:${obj.modelId}`;
-    default:
-      return undefined;
-  }
+const getObjectId = new ApolloCacheObjectIdPlugin((obj)=>{
+    switch(obj.__typename){
+        case "CmsContentModel":
+            return `${obj.__typename}:${obj.modelId}`;
+        default:
+            return;
+    }
 });
+export default getObjectId;
 
 //# sourceMappingURL=getObjectId.js.map

package/admin/plugins/getObjectId.js.map

@@ -1 +1 @@
-{"version":3,"names":["ApolloCacheObjectIdPlugin","obj","__typename","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,aAAa;AAEvD,eAAe,IAAIA,yBAAyB,CAACC,GAAG,IAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,OAAO,GAAGD,GAAG,CAACC,UAAU,IAAID,GAAG,CAACE,OAAO,EAAE;IAC7C;MACI,OAAOC,SAAS;EACxB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/getObjectId.js","sources":["../../../src/admin/plugins/getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"names":["ApolloCacheObjectIdPlugin","obj"],"mappings":";AAEA,oBAAe,IAAIA,0BAA0BC,CAAAA;IACzC,OAAQA,IAAI,UAAU;QAClB,KAAK;YACD,OAAO,GAAGA,IAAI,UAAU,CAAC,CAAC,EAAEA,IAAI,OAAO,EAAE;QAC7C;YACI;IACR;AACJ"}

package/admin/plugins/icons.js

@@ -2,33 +2,31 @@ import { library } from "@fortawesome/fontawesome-svg-core";
 import { fab } from "@fortawesome/free-brands-svg-icons";
 import { fas } from "@fortawesome/free-solid-svg-icons";
 import { far } from "@fortawesome/free-regular-svg-icons";
+library.add(fab, fas, far);
 const icons = [];
-const plugin = {
-  name: "cms-icons-fontawesome",
-  type: "cms-icons",
-  init() {
-    /**
-     * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.
-     */
-    // @ts-expect-error
-    library.add(fab, fas, far);
-    const definitions = library.definitions;
-    // @ts-expect-error
-    Object.keys(definitions).forEach(pack => {
-      const defs = definitions[pack];
-      // @ts-expect-error
-      Object.keys(defs).forEach(icon => {
-        icons.push({
-          prefix: pack,
-          name: icon
-        });
-      });
-    });
-  },
-  getIcons() {
-    return icons;
-  }
+const getDefinitions = (input)=>{
+    if (!input?.definitions) throw new Error("FontAwesome library does not contain definitions. Make sure to add icons to the library before trying to get definitions.");
+    return input.definitions;
 };
-export default plugin;
+const icons_plugin = {
+    name: "cms-icons-fontawesome",
+    type: "cms-icons",
+    init () {
+        const definitions = getDefinitions(library);
+        for(const p in definitions){
+            const pack = p;
+            const defs = definitions[pack];
+            for(const icon in defs)icons.push({
+                prefix: pack,
+                name: icon
+            });
+        }
+    },
+    getIcons () {
+        return icons;
+    }
+};
+const plugins_icons = icons_plugin;
+export default plugins_icons;
 
 //# sourceMappingURL=icons.js.map

package/admin/plugins/icons.js.map

@@ -1 +1 @@
-{"version":3,"names":["library","fab","fas","far","icons","plugin","name","type","init","add","definitions","Object","keys","forEach","pack","defs","icon","push","prefix","getIcons"],"sources":["icons.tsx"],"sourcesContent":["import type { IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport type { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport type { IconPickerIconDto } from \"@webiny/admin-ui\";\nimport type { CmsIconsPlugin } from \"~/types.js\";\n\nconst icons: IconPickerIconDto[] = [];\n\ninterface Icons {\n    definitions: Record<IconPrefix, Record<IconName, string[]>>;\n}\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        /**\n         * Ignoring TS errors. We know what we did here is good, but cannot get it to work with typescript.\n         */\n        // @ts-expect-error\n        library.add(fab, fas, far);\n        const definitions = (library as unknown as Icons).definitions;\n        // @ts-expect-error\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-expect-error\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    prefix: pack,\n                    name: icon\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":"AACA,SAASA,OAAO,QAAQ,mCAAmC;AAE3D,SAASC,GAAG,QAAQ,oCAAoC;AACxD,SAASC,GAAG,QAAQ,mCAAmC;AACvD,SAASC,GAAG,QAAQ,qCAAqC;AAIzD,MAAMC,KAA0B,GAAG,EAAE;AAMrC,MAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAIA,CAAA,EAAG;IACH;AACR;AACA;IACQ;IACAR,OAAO,CAACS,GAAG,CAACR,GAAG,EAAEC,GAAG,EAAEC,GAAG,CAAC;IAC1B,MAAMO,WAAW,GAAIV,OAAO,CAAsBU,WAAW;IAC7D;IACAC,MAAM,CAACC,IAAI,CAACF,WAAW,CAAC,CAACG,OAAO,CAAEC,IAAgB,IAAK;MACnD,MAAMC,IAAI,GAAGL,WAAW,CAACI,IAAI,CAAC;MAC9B;MACAH,MAAM,CAACC,IAAI,CAACG,IAAI,CAAC,CAACF,OAAO,CAAEG,IAAc,IAAK;QAC1CZ,KAAK,CAACa,IAAI,CAAC;UACPC,MAAM,EAAEJ,IAAI;UACZR,IAAI,EAAEU;QACV,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACDG,QAAQA,CAAA,EAAG;IACP,OAAOf,KAAK;EAChB;AACJ,CAAC;AAED,eAAeC,MAAM","ignoreList":[]}
+{"version":3,"file":"admin/plugins/icons.js","sources":["../../../src/admin/plugins/icons.tsx"],"sourcesContent":["import type { IconName } from \"@fortawesome/fontawesome-svg-core\";\nimport { library } from \"@fortawesome/fontawesome-svg-core\";\nimport type { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport type { IconPickerIconDto } from \"@webiny/admin-ui\";\nimport type { CmsIconsPlugin } from \"~/types.js\";\n\nlibrary.add(fab, fas, far);\n\nconst icons: IconPickerIconDto[] = [];\n\nconst getDefinitions = (input: any): Record<IconPrefix, Record<IconName, string[]>> => {\n    if (!input?.definitions) {\n        throw new Error(\n            \"FontAwesome library does not contain definitions. Make sure to add icons to the library before trying to get definitions.\"\n        );\n    }\n    return input.definitions as unknown as Record<IconPrefix, Record<IconName, string[]>>;\n};\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        const definitions = getDefinitions(library);\n        for (const p in definitions) {\n            const pack = p as keyof typeof definitions;\n            const defs = definitions[pack];\n            for (const icon in defs) {\n                icons.push({\n                    prefix: pack,\n                    name: icon\n                });\n            }\n        }\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"names":["library","fab","fas","far","icons","getDefinitions","input","Error","plugin","definitions","p","pack","defs","icon"],"mappings":";;;;AASAA,QAAQ,GAAG,CAACC,KAAKC,KAAKC;AAEtB,MAAMC,QAA6B,EAAE;AAErC,MAAMC,iBAAiB,CAACC;IACpB,IAAI,CAACA,OAAO,aACR,MAAM,IAAIC,MACN;IAGR,OAAOD,MAAM,WAAW;AAC5B;AAEA,MAAME,eAAyB;IAC3B,MAAM;IACN,MAAM;IACN;QACI,MAAMC,cAAcJ,eAAeL;QACnC,IAAK,MAAMU,KAAKD,YAAa;YACzB,MAAME,OAAOD;YACb,MAAME,OAAOH,WAAW,CAACE,KAAK;YAC9B,IAAK,MAAME,QAAQD,KACfR,MAAM,IAAI,CAAC;gBACP,QAAQO;gBACR,MAAME;YACV;QAER;IACJ;IACA;QACI,OAAOT;IACX;AACJ;AAEA,sBAAeI"}

package/admin/plugins/index.d.ts

@@ -4,11 +4,13 @@ declare const _default: () => (import("@webiny/app-headless-cms-common/types/ind
     fieldId: import("@webiny/app-headless-cms-common/types/model.js").CmsEditorFieldId;
     storageId?: string;
     label: string;
-    helpText?: string | React.ReactNode;
-    placeholderText?: string;
+    help?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    note?: string | React.ReactNode;
+    placeholder?: string;
     validation?: (import("@webiny/app-headless-cms-common/types/validation.js").CmsModelFieldValidator | import("@webiny/validation/types.js").Validator)[];
     listValidation?: import("@webiny/app-headless-cms-common/types/validation.js").CmsModelFieldValidator[];
-    multipleValues?: boolean;
+    list?: boolean;
     predefinedValues?: import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFieldPredefinedValues;
     settings?: import("@webiny/app-headless-cms-common/types/model.js").CmsModelFieldSettings<unknown> | undefined;
     renderer: {
@@ -16,7 +18,8 @@ declare const _default: () => (import("@webiny/app-headless-cms-common/types/ind
         settings?: Record<string, any>;
     } | import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin["renderer"]["render"];
     tags?: string[];
-}>[] | import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFormSettingsPlugin<import("@webiny/app/types.js").GenericRecord> | import("@webiny/app-admin/types.js").AdminAppPermissionRendererPlugin | import("@webiny/app/index.js").ApolloCacheObjectIdPlugin<import("@webiny/app/index.js").ApolloCacheObject> | {
+    rules?: import("@webiny/app-headless-cms-common/types/model.js").FieldRule[];
+}>[] | import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFormSettingsPlugin<import("@webiny/app/types.js").GenericRecord> | import("@webiny/app/index.js").ApolloCacheObjectIdPlugin<import("@webiny/app/index.js").ApolloCacheObject> | {
     name: string;
     type: string;
     render(): import("react").JSX.Element;

package/admin/plugins/index.js

@@ -1,9 +1,15 @@
 import icons from "./icons.js";
-import contentFormTransformers from "./transformers/index.js";
+import transformers from "./transformers/index.js";
 import defaultBar from "./editor/defaultBar/index.js";
 import formSettings from "./editor/formSettings/index.js";
-import permissionRenderer from "./permissionRenderer/index.js";
 import getObjectId from "./getObjectId.js";
-export default () => [icons, contentFormTransformers(), defaultBar, formSettings, permissionRenderer, getObjectId];
+const plugins = ()=>[
+        icons,
+        transformers(),
+        defaultBar,
+        formSettings,
+        getObjectId
+    ];
+export default plugins;
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["icons","contentFormTransformers","defaultBar","formSettings","permissionRenderer","getObjectId"],"sources":["index.ts"],"sourcesContent":["import icons from \"./icons.js\";\nimport contentFormTransformers from \"./transformers/index.js\";\nimport defaultBar from \"./editor/defaultBar/index.js\";\nimport formSettings from \"./editor/formSettings/index.js\";\nimport permissionRenderer from \"./permissionRenderer/index.js\";\nimport getObjectId from \"./getObjectId.js\";\n\nexport default () => [\n    icons,\n    contentFormTransformers(),\n    defaultBar,\n    formSettings,\n    permissionRenderer,\n    getObjectId\n];\n"],"mappings":"AAAA,OAAOA,KAAK;AACZ,OAAOC,uBAAuB;AAC9B,OAAOC,UAAU;AACjB,OAAOC,YAAY;AACnB,OAAOC,kBAAkB;AACzB,OAAOC,WAAW;AAElB,eAAe,MAAM,CACjBL,KAAK,EACLC,uBAAuB,CAAC,CAAC,EACzBC,UAAU,EACVC,YAAY,EACZC,kBAAkB,EAClBC,WAAW,CACd","ignoreList":[]}
+{"version":3,"file":"admin/plugins/index.js","sources":["../../../src/admin/plugins/index.ts"],"sourcesContent":["import icons from \"./icons.js\";\nimport contentFormTransformers from \"./transformers/index.js\";\nimport defaultBar from \"./editor/defaultBar/index.js\";\nimport formSettings from \"./editor/formSettings/index.js\";\nimport getObjectId from \"./getObjectId.js\";\n\nexport default () => [icons, contentFormTransformers(), defaultBar, formSettings, getObjectId];\n"],"names":["icons","contentFormTransformers","defaultBar","formSettings","getObjectId"],"mappings":";;;;;AAMA,gBAAgB,IAAK;QAACA;QAAOC;QAA2BC;QAAYC;QAAcC;KAAW"}

package/admin/plugins/permissionRenderer/CmsPermissions.d.ts

@@ -1,11 +1,2 @@
-/**
- * @pavel Please review types for security permissions
- * TODO @ts-refactor
- */
 import React from "react";
-import type { CmsSecurityPermission } from "../../../types.js";
-export interface CMSPermissionsProps {
-    value: CmsSecurityPermission[];
-    onChange: (value: CmsSecurityPermission[]) => void;
-}
-export declare const CMSPermissions: ({ value, onChange }: CMSPermissionsProps) => React.JSX.Element;
+export declare const CMSPermissions: () => React.JSX.Element;