@webiny/app-headless-cms 6.0.0-rc.3 → 6.0.0-rc.5

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AlertIcon","EditIcon","DeleteIcon","i18n","Alert","Grid","IconButton","Tabs","Textarea","Select","Text","useDialogs","Bind","PermissionsTab","RulesTab","useModelEditor","t","ns","AlertSettings","createElement","className","Column","span","name","label","defaultValue","displayResetAction","options","value","AlertDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","content","gridClassName","AlertLayoutCell","descriptor","onUpdate","onDelete","dialogs","openSettings","showDialog","title","description","acceptLabel","cancelLabel","formData","alertType","rules","onAccept","data","type","icon","onClick","variant","uiAlertField","field","canEditSettings","createDescriptor","render"],"sources":["alert.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CmsAlertLayoutDescriptor,\n    CmsLayoutDescriptor\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 { Alert, Grid, IconButton, Tabs, Textarea, Select, Text } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { PermissionsTab } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsTab/PermissionsTab.js\";\nimport { RulesTab } from \"~/admin/components/FieldEditor/EditFieldDialog/RulesTab/RulesTab.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        <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={<PermissionsTab gridClassName={\"mt-md\"} />}\n                />,\n                <Tabs.Tab\n                    key={\"rules\"}\n                    trigger={\"Rules\"}\n                    value={\"rules\"}\n                    content={<RulesTab gridClassName={\"mt-md\"} fieldOptions={fieldOptions} />}\n                />\n            ]}\n        />\n    );\n};\n\ninterface AlertLayoutCellProps {\n    descriptor: CmsAlertLayoutDescriptor;\n    onUpdate: (d: CmsLayoutDescriptor) => void;\n    onDelete: () => void;\n}\n\nconst AlertLayoutCell = ({ descriptor, 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: descriptor.label,\n                alertType: descriptor.alertType,\n                rules: descriptor.rules ?? []\n            },\n            content: <AlertDialogContent fieldOptions={fieldOptions} />,\n            onAccept: data => {\n                onUpdate({\n                    ...descriptor,\n                    label: data.label ?? \"\",\n                    alertType: (data.alertType as CmsAlertLayoutDescriptor[\"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                {descriptor.label ? (\n                    <Alert type={descriptor.alertType}>{descriptor.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: CmsLayoutFieldTypePlugin = {\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        createDescriptor() {\n            return { type: \"alert\", label: \"\", alertType: \"info\" };\n        },\n        render({ descriptor, onUpdate, onDelete }) {\n            return (\n                <AlertLayoutCell\n                    descriptor={descriptor as CmsAlertLayoutDescriptor}\n                    onUpdate={onUpdate}\n                    onDelete={onDelete}\n                />\n            );\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","AlertIcon","EditIcon","DeleteIcon","i18n","Alert","Grid","IconButton","Tabs","Textarea","Select","Text","useDialogs","Bind","PermissionsTab","RulesTab","useModelEditor","t","ns","AlertSettings","createElement","className","Column","span","name","label","defaultValue","displayResetAction","options","value","AlertDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","content","gridClassName","AlertLayoutCell","field","onUpdate","onDelete","dialogs","openSettings","showDialog","title","description","acceptLabel","cancelLabel","formData","alertType","rules","onAccept","data","type","icon","onClick","variant","uiAlertField","canEditSettings","createField","render"],"sources":["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 { Alert, Grid, IconButton, Tabs, Textarea, Select, Text } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { PermissionsTab } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsTab/PermissionsTab.js\";\nimport { RulesTab } from \"~/admin/components/FieldEditor/EditFieldDialog/RulesTab/RulesTab.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        <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={<PermissionsTab gridClassName={\"mt-md\"} />}\n                />,\n                <Tabs.Tab\n                    key={\"rules\"}\n                    trigger={\"Rules\"}\n                    value={\"rules\"}\n                    content={<RulesTab gridClassName={\"mt-md\"} fieldOptions={fieldOptions} />}\n                />\n            ]}\n        />\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"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -57,7 +57,7 @@ const SeparatorDialogContent = ({
   });
 };
 const SeparatorLayoutCell = ({
-  descriptor,
+  field,
   onUpdate,
   onDelete
 }) => {
@@ -72,16 +72,16 @@ const SeparatorLayoutCell = ({
       acceptLabel: "Save",
       cancelLabel: "Cancel",
       formData: {
-        label: descriptor.label,
-        description: descriptor.description ?? "",
-        rules: descriptor.rules ?? []
+        label: field.label,
+        description: field.description ?? "",
+        rules: field.rules ?? []
       },
       content: /*#__PURE__*/React.createElement(SeparatorDialogContent, {
         fieldOptions: fieldOptions
       }),
       onAccept: data => {
         onUpdate({
-          ...descriptor,
+          ...field,
           label: data.label ?? "",
           description: data.description ?? "",
           rules: data.rules ?? []
@@ -96,11 +96,11 @@ const SeparatorLayoutCell = ({
   }, /*#__PURE__*/React.createElement(Separator, {
     variant: "accent",
     labelPosition: "start"
-  }, descriptor.label), descriptor.description && /*#__PURE__*/React.createElement(Text, {
+  }, field.label), field.description && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     size: "sm",
     className: "text-neutral-strong mt-sm"
-  }, descriptor.description)), /*#__PURE__*/React.createElement("div", {
+  }, field.description)), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-xs"
   }, /*#__PURE__*/React.createElement(IconButton, {
     icon: /*#__PURE__*/React.createElement(EditIcon, null),
@@ -123,7 +123,7 @@ export const uiSeparatorField = {
     description: t`Show a visual separator between fields.`,
     icon: /*#__PURE__*/React.createElement(SeparatorIcon, null),
     canEditSettings: true,
-    createDescriptor() {
+    createField() {
       return {
         type: "separator",
         label: "Section",
@@ -131,12 +131,12 @@ export const uiSeparatorField = {
       };
     },
     render({
-      descriptor,
+      field,
       onUpdate,
       onDelete
     }) {
       return /*#__PURE__*/React.createElement(SeparatorLayoutCell, {
-        descriptor: descriptor,
+        field: field,
         onUpdate: onUpdate,
         onDelete: onDelete
       });

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","SeparatorIcon","EditIcon","DeleteIcon","i18n","Grid","IconButton","Input","Separator","Tabs","Text","useDialogs","Bind","PermissionsTab","RulesTab","useModelEditor","t","ns","SeparatorSettings","createElement","className","Column","span","name","label","SeparatorDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","value","content","gridClassName","SeparatorLayoutCell","descriptor","onUpdate","onDelete","dialogs","openSettings","showDialog","title","description","acceptLabel","cancelLabel","formData","rules","onAccept","data","variant","labelPosition","as","icon","onClick","uiSeparatorField","type","field","canEditSettings","createDescriptor","render"],"sources":["separator.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CmsSeparatorLayoutDescriptor,\n    CmsLayoutDescriptor\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, Separator, Tabs, Text } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { PermissionsTab } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsTab/PermissionsTab.js\";\nimport { RulesTab } from \"~/admin/components/FieldEditor/EditFieldDialog/RulesTab/RulesTab.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        <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={<PermissionsTab gridClassName={\"mt-md\"} />}\n                />,\n                <Tabs.Tab\n                    key={\"rules\"}\n                    trigger={\"Rules\"}\n                    value={\"rules\"}\n                    content={<RulesTab gridClassName={\"mt-md\"} fieldOptions={fieldOptions} />}\n                />\n            ]}\n        />\n    );\n};\n\ninterface SeparatorLayoutCellProps {\n    descriptor: CmsSeparatorLayoutDescriptor;\n    onUpdate: (d: CmsLayoutDescriptor) => void;\n    onDelete: () => void;\n}\n\nconst SeparatorLayoutCell = ({ descriptor, 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: descriptor.label,\n                description: descriptor.description ?? \"\",\n                rules: descriptor.rules ?? []\n            },\n            content: <SeparatorDialogContent fieldOptions={fieldOptions} />,\n            onAccept: data => {\n                onUpdate({\n                    ...descriptor,\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                    {descriptor.label}\n                </Separator>\n                {descriptor.description && (\n                    <Text as={\"div\"} size={\"sm\"} className={\"text-neutral-strong mt-sm\"}>\n                        {descriptor.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: CmsLayoutFieldTypePlugin = {\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        createDescriptor() {\n            return {\n                type: \"separator\",\n                label: \"Section\",\n                description: \"Your description goes here\"\n            };\n        },\n        render({ descriptor, onUpdate, onDelete }) {\n            return (\n                <SeparatorLayoutCell\n                    descriptor={descriptor as CmsSeparatorLayoutDescriptor}\n                    onUpdate={onUpdate}\n                    onDelete={onDelete}\n                />\n            );\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","SeparatorIcon","EditIcon","DeleteIcon","i18n","Grid","IconButton","Input","Separator","Tabs","Text","useDialogs","Bind","PermissionsTab","RulesTab","useModelEditor","t","ns","SeparatorSettings","createElement","className","Column","span","name","label","SeparatorDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","value","content","gridClassName","SeparatorLayoutCell","field","onUpdate","onDelete","dialogs","openSettings","showDialog","title","description","acceptLabel","cancelLabel","formData","rules","onAccept","data","variant","labelPosition","as","icon","onClick","uiSeparatorField","type","canEditSettings","createField","render"],"sources":["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, Separator, Tabs, Text } from \"@webiny/admin-ui\";\nimport { useDialogs } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { PermissionsTab } from \"~/admin/components/FieldEditor/EditFieldDialog/PermissionsTab/PermissionsTab.js\";\nimport { RulesTab } from \"~/admin/components/FieldEditor/EditFieldDialog/RulesTab/RulesTab.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        <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={<PermissionsTab gridClassName={\"mt-md\"} />}\n                />,\n                <Tabs.Tab\n                    key={\"rules\"}\n                    trigger={\"Rules\"}\n                    value={\"rules\"}\n                    content={<RulesTab gridClassName={\"mt-md\"} fieldOptions={fieldOptions} />}\n                />\n            ]}\n        />\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"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -13,7 +13,7 @@ export const uiTabsField = {
     description: t`Group fields into tabs.`,
     icon: /*#__PURE__*/React.createElement(TabsIcon, null),
     canEditSettings: true,
-    createDescriptor() {
+    createField() {
       return {
         type: "tabs",
         label: "Tabs",
@@ -27,10 +27,10 @@ export const uiTabsField = {
       };
     },
     collectFields({
-      descriptor,
+      field,
       getField
     }) {
-      const tabs = descriptor.tabs;
+      const tabs = field.tabs;
       if (!tabs) {
         return [];
       }
@@ -50,18 +50,18 @@ export const uiTabsField = {
       return result;
     },
     getFieldLabelPrefixes({
-      descriptor
+      field
     }) {
-      const tabsDescriptor = descriptor;
-      const tabs = tabsDescriptor.tabs;
+      const tabsField = field;
+      const tabs = tabsField.tabs;
       if (!tabs) {
         return {};
       }
-      const descriptorLabel = tabsDescriptor.label || "Tabs";
+      const fieldLabel = tabsField.label || "Tabs";
       const prefixes = {};
       for (const tab of tabs) {
         const tabLabel = tab.label || "Tab";
-        const prefix = `${descriptorLabel} › ${tabLabel}`;
+        const prefix = `${fieldLabel} › ${tabLabel}`;
         for (const row of tab.layout) {
           for (const cell of row) {
             if (typeof cell === "string") {
@@ -73,12 +73,12 @@ export const uiTabsField = {
       return prefixes;
     },
     render({
-      descriptor,
+      field,
       onUpdate,
       onDelete
     }) {
       return /*#__PURE__*/React.createElement(TabsLayoutEditor, {
-        descriptor: descriptor,
+        field: field,
         onUpdate: onUpdate,
         onDelete: onDelete
       });

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","TabsIcon","i18n","generateAlphaNumericLowerCaseId","TabsLayoutEditor","t","ns","uiTabsField","type","name","field","label","description","icon","createElement","canEditSettings","createDescriptor","help","tabs","id","layout","collectFields","descriptor","getField","result","tab","row","cell","f","push","getFieldLabelPrefixes","tabsDescriptor","descriptorLabel","prefixes","tabLabel","prefix","render","onUpdate","onDelete"],"sources":["tabs.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { CmsTabLayoutDescriptor } 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: CmsLayoutFieldTypePlugin = {\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        createDescriptor() {\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({ descriptor, getField }) {\n            const tabs = (descriptor as CmsTabLayoutDescriptor).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({ descriptor }) {\n            const tabsDescriptor = descriptor as CmsTabLayoutDescriptor;\n            const tabs = tabsDescriptor.tabs;\n            if (!tabs) {\n                return {};\n            }\n            const descriptorLabel = tabsDescriptor.label || \"Tabs\";\n            const prefixes: Record<string, string> = {};\n            for (const tab of tabs) {\n                const tabLabel = tab.label || \"Tab\";\n                const prefix = `${descriptorLabel} › ${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({ descriptor, onUpdate, onDelete }) {\n            return (\n                <TabsLayoutEditor\n                    descriptor={descriptor as CmsTabLayoutDescriptor}\n                    onUpdate={onUpdate}\n                    onDelete={onDelete}\n                />\n            );\n        }\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,uBAAuB;AAClE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,+BAA+B,QAAQ,eAAe;AAC/D,SAASC,gBAAgB;AAEzB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+BAA+B,CAAC;AAElD,OAAO,MAAMC,WAAqC,GAAG;EACjDC,IAAI,EAAE,8BAA8B;EACpCC,IAAI,EAAE,mCAAmC;EACzCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEN,CAAC,MAAM;IACdO,WAAW,EAAEP,CAAC,yBAAyB;IACvCQ,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACb,QAAQ,MAAE,CAAC;IAClBc,eAAe,EAAE,IAAI;IACrBC,gBAAgBA,CAAA,EAAG;MACf,OAAO;QACHR,IAAI,EAAE,MAAM;QACZG,KAAK,EAAE,MAAM;QACbC,WAAW,EAAE,IAAI;QACjBK,IAAI,EAAE,IAAI;QACVC,IAAI,EAAE,CAAC;UAAEC,EAAE,EAAEhB,+BAA+B,CAAC,CAAC,CAAC;UAAEQ,KAAK,EAAE,OAAO;UAAES,MAAM,EAAE;QAAG,CAAC;MACjF,CAAC;IACL,CAAC;IACDC,aAAaA,CAAC;MAAEC,UAAU;MAAEC;IAAS,CAAC,EAAE;MACpC,MAAML,IAAI,GAAII,UAAU,CAA4BJ,IAAI;MACxD,IAAI,CAACA,IAAI,EAAE;QACP,OAAO,EAAE;MACb;MACA,MAAMM,MAAM,GAAG,EAAE;MACjB,KAAK,MAAMC,GAAG,IAAIP,IAAI,EAAE;QACpB,KAAK,MAAMQ,GAAG,IAAID,GAAG,CAACL,MAAM,EAAE;UAC1B,KAAK,MAAMO,IAAI,IAAID,GAAG,EAAE;YACpB,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;cAC1B,MAAMC,CAAC,GAAGL,QAAQ,CAACI,IAAI,CAAC;cACxB,IAAIC,CAAC,EAAE;gBACHJ,MAAM,CAACK,IAAI,CAACD,CAAC,CAAC;cAClB;YACJ;UACJ;QACJ;MACJ;MACA,OAAOJ,MAAM;IACjB,CAAC;IACDM,qBAAqBA,CAAC;MAAER;IAAW,CAAC,EAAE;MAClC,MAAMS,cAAc,GAAGT,UAAoC;MAC3D,MAAMJ,IAAI,GAAGa,cAAc,CAACb,IAAI;MAChC,IAAI,CAACA,IAAI,EAAE;QACP,OAAO,CAAC,CAAC;MACb;MACA,MAAMc,eAAe,GAAGD,cAAc,CAACpB,KAAK,IAAI,MAAM;MACtD,MAAMsB,QAAgC,GAAG,CAAC,CAAC;MAC3C,KAAK,MAAMR,GAAG,IAAIP,IAAI,EAAE;QACpB,MAAMgB,QAAQ,GAAGT,GAAG,CAACd,KAAK,IAAI,KAAK;QACnC,MAAMwB,MAAM,GAAG,GAAGH,eAAe,MAAME,QAAQ,EAAE;QACjD,KAAK,MAAMR,GAAG,IAAID,GAAG,CAACL,MAAM,EAAE;UAC1B,KAAK,MAAMO,IAAI,IAAID,GAAG,EAAE;YACpB,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;cAC1BM,QAAQ,CAACN,IAAI,CAAC,GAAGQ,MAAM;YAC3B;UACJ;QACJ;MACJ;MACA,OAAOF,QAAQ;IACnB,CAAC;IACDG,MAAMA,CAAC;MAAEd,UAAU;MAAEe,QAAQ;MAAEC;IAAS,CAAC,EAAE;MACvC,oBACIvC,KAAA,CAAAe,aAAA,CAACV,gBAAgB;QACbkB,UAAU,EAAEA,UAAqC;QACjDe,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA;MAAS,CACtB,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","TabsIcon","i18n","generateAlphaNumericLowerCaseId","TabsLayoutEditor","t","ns","uiTabsField","type","name","field","label","description","icon","createElement","canEditSettings","createField","help","tabs","id","layout","collectFields","getField","result","tab","row","cell","f","push","getFieldLabelPrefixes","tabsField","fieldLabel","prefixes","tabLabel","prefix","render","onUpdate","onDelete"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,uBAAuB;AAClE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,+BAA+B,QAAQ,eAAe;AAC/D,SAASC,gBAAgB;AAEzB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,+BAA+B,CAAC;AAElD,OAAO,MAAMC,WAA0C,GAAG;EACtDC,IAAI,EAAE,8BAA8B;EACpCC,IAAI,EAAE,mCAAmC;EACzCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEN,CAAC,MAAM;IACdO,WAAW,EAAEP,CAAC,yBAAyB;IACvCQ,IAAI,eAAEd,KAAA,CAAAe,aAAA,CAACb,QAAQ,MAAE,CAAC;IAClBc,eAAe,EAAE,IAAI;IACrBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHR,IAAI,EAAE,MAAM;QACZG,KAAK,EAAE,MAAM;QACbC,WAAW,EAAE,IAAI;QACjBK,IAAI,EAAE,IAAI;QACVC,IAAI,EAAE,CAAC;UAAEC,EAAE,EAAEhB,+BAA+B,CAAC,CAAC,CAAC;UAAEQ,KAAK,EAAE,OAAO;UAAES,MAAM,EAAE;QAAG,CAAC;MACjF,CAAC;IACL,CAAC;IACDC,aAAaA,CAAC;MAAEX,KAAK;MAAEY;IAAS,CAAC,EAAE;MAC/B,MAAMJ,IAAI,GAAIR,KAAK,CAAuBQ,IAAI;MAC9C,IAAI,CAACA,IAAI,EAAE;QACP,OAAO,EAAE;MACb;MACA,MAAMK,MAAM,GAAG,EAAE;MACjB,KAAK,MAAMC,GAAG,IAAIN,IAAI,EAAE;QACpB,KAAK,MAAMO,GAAG,IAAID,GAAG,CAACJ,MAAM,EAAE;UAC1B,KAAK,MAAMM,IAAI,IAAID,GAAG,EAAE;YACpB,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;cAC1B,MAAMC,CAAC,GAAGL,QAAQ,CAACI,IAAI,CAAC;cACxB,IAAIC,CAAC,EAAE;gBACHJ,MAAM,CAACK,IAAI,CAACD,CAAC,CAAC;cAClB;YACJ;UACJ;QACJ;MACJ;MACA,OAAOJ,MAAM;IACjB,CAAC;IACDM,qBAAqBA,CAAC;MAAEnB;IAAM,CAAC,EAAE;MAC7B,MAAMoB,SAAS,GAAGpB,KAA0B;MAC5C,MAAMQ,IAAI,GAAGY,SAAS,CAACZ,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACP,OAAO,CAAC,CAAC;MACb;MACA,MAAMa,UAAU,GAAGD,SAAS,CAACnB,KAAK,IAAI,MAAM;MAC5C,MAAMqB,QAAgC,GAAG,CAAC,CAAC;MAC3C,KAAK,MAAMR,GAAG,IAAIN,IAAI,EAAE;QACpB,MAAMe,QAAQ,GAAGT,GAAG,CAACb,KAAK,IAAI,KAAK;QACnC,MAAMuB,MAAM,GAAG,GAAGH,UAAU,MAAME,QAAQ,EAAE;QAC5C,KAAK,MAAMR,GAAG,IAAID,GAAG,CAACJ,MAAM,EAAE;UAC1B,KAAK,MAAMM,IAAI,IAAID,GAAG,EAAE;YACpB,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;cAC1BM,QAAQ,CAACN,IAAI,CAAC,GAAGQ,MAAM;YAC3B;UACJ;QACJ;MACJ;MACA,OAAOF,QAAQ;IACnB,CAAC;IACDG,MAAMA,CAAC;MAAEzB,KAAK;MAAE0B,QAAQ;MAAEC;IAAS,CAAC,EAAE;MAClC,oBACItC,KAAA,CAAAe,aAAA,CAACV,gBAAgB;QACbM,KAAK,EAAEA,KAA2B;QAClC0B,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA;MAAS,CACtB,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}

package/allPlugins.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsLayoutFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
+declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelLayoutFieldTypePlugin<import("@webiny/app-headless-cms-common/types").CmsModelLayoutField> | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
     id: string;
     type: string;
     fieldId: import("@webiny/app-headless-cms-common/types").CmsEditorFieldId;

package/exports/admin/cms/{fieldRenderers/dynamicZone.js → field-renderers/dynamic-zone.js}

@@ -6,4 +6,4 @@ export { MultiValueContainer } from "../../../../admin/plugins/fieldRenderers/dy
 export { MultiValueItemContainer } from "../../../../admin/plugins/fieldRenderers/dynamicZone/index.js";
 export { MultiValueItem } from "../../../../admin/plugins/fieldRenderers/dynamicZone/index.js";
 
-//# sourceMappingURL=dynamicZone.js.map
+//# sourceMappingURL=dynamic-zone.js.map

package/exports/admin/cms/field-renderers/dynamic-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DynamicZoneContainer","useTemplate","TemplateGallery","SingleValueItemContainer","MultiValueContainer","MultiValueItemContainer","MultiValueItem"],"sources":["dynamic-zone.ts"],"sourcesContent":["export { DynamicZoneContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { useTemplate } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { TemplateGallery } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { SingleValueItemContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.js\";\nexport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { MultiValueItemContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { MultiValueItem } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,WAAW;AACpB,SAASC,eAAe;AACxB,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;AAC5B,SAASC,uBAAuB;AAChC,SAASC,cAAc","ignoreList":[]}

package/exports/admin/cms.d.ts

@@ -1,3 +1,7 @@
+export { CmsModelFieldType } from "../../admin/components/CmsModelFieldType.js";
+export { CmsModelFieldRenderer } from "../../admin/components/CmsModelFieldRenderer.js";
+export { CmsModelLayoutFieldType } from "../../admin/components/CmsModelLayoutFieldType.js";
+export { CmsModelLayoutFieldRenderer } from "../../admin/components/CmsModelLayoutFieldRenderer.js";
 export { useQuery } from "../../admin/hooks/useQuery.js";
 export { useLazyQuery } from "../../admin/hooks/useLazyQuery.js";
 export { useMutation } from "../../admin/hooks/useMutation.js";

package/exports/admin/cms.js

@@ -1,3 +1,7 @@
+export { CmsModelFieldType } from "../../admin/components/CmsModelFieldType.js";
+export { CmsModelFieldRenderer } from "../../admin/components/CmsModelFieldRenderer.js";
+export { CmsModelLayoutFieldType } from "../../admin/components/CmsModelLayoutFieldType.js";
+export { CmsModelLayoutFieldRenderer } from "../../admin/components/CmsModelLayoutFieldRenderer.js";
 export { useQuery } from "../../admin/hooks/useQuery.js";
 export { useLazyQuery } from "../../admin/hooks/useLazyQuery.js";
 export { useMutation } from "../../admin/hooks/useMutation.js";

package/exports/admin/cms.js.map

@@ -1 +1 @@
-{"version":3,"names":["useQuery","useLazyQuery","useMutation","useModel","usePermission","IsModelPublishable","Routes"],"sources":["cms.ts"],"sourcesContent":["export { useQuery } from \"~/admin/hooks/useQuery.js\";\nexport { useLazyQuery } from \"~/admin/hooks/useLazyQuery.js\";\nexport { useMutation } from \"~/admin/hooks/useMutation.js\";\nexport { useModel } from \"~/admin/components/ModelProvider/index.js\";\nexport { usePermission } from \"~/admin/hooks/usePermission.js\";\nexport { IsModelPublishable } from \"~/admin/components/IsModelPublishable.js\";\nexport { Routes } from \"~/routes.js\";\n"],"mappings":"AAAA,SAASA,QAAQ;AACjB,SAASC,YAAY;AACrB,SAASC,WAAW;AACpB,SAASC,QAAQ;AACjB,SAASC,aAAa;AACtB,SAASC,kBAAkB;AAC3B,SAASC,MAAM","ignoreList":[]}
+{"version":3,"names":["CmsModelFieldType","CmsModelFieldRenderer","CmsModelLayoutFieldType","CmsModelLayoutFieldRenderer","useQuery","useLazyQuery","useMutation","useModel","usePermission","IsModelPublishable","Routes"],"sources":["cms.ts"],"sourcesContent":["export { CmsModelFieldType } from \"~/admin/components/CmsModelFieldType.js\";\nexport { CmsModelFieldRenderer } from \"~/admin/components/CmsModelFieldRenderer.js\";\nexport { CmsModelLayoutFieldType } from \"~/admin/components/CmsModelLayoutFieldType.js\";\nexport { CmsModelLayoutFieldRenderer } from \"~/admin/components/CmsModelLayoutFieldRenderer.js\";\nexport { useQuery } from \"~/admin/hooks/useQuery.js\";\nexport { useLazyQuery } from \"~/admin/hooks/useLazyQuery.js\";\nexport { useMutation } from \"~/admin/hooks/useMutation.js\";\nexport { useModel } from \"~/admin/components/ModelProvider/index.js\";\nexport { usePermission } from \"~/admin/hooks/usePermission.js\";\nexport { IsModelPublishable } from \"~/admin/components/IsModelPublishable.js\";\nexport { Routes } from \"~/routes.js\";\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,qBAAqB;AAC9B,SAASC,uBAAuB;AAChC,SAASC,2BAA2B;AACpC,SAASC,QAAQ;AACjB,SAASC,YAAY;AACrB,SAASC,WAAW;AACpB,SAASC,QAAQ;AACjB,SAASC,aAAa;AACtB,SAASC,kBAAkB;AAC3B,SAASC,MAAM","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-headless-cms",
-	"version": "6.0.0-rc.3",
+	"version": "6.0.0-rc.5",
 	"type": "module",
 	"main": "index.js",
 	"repository": {
@@ -28,26 +28,26 @@
 		"@lexical/utils": "0.40.0",
 		"@svgr/webpack": "6.5.1",
 		"@types/react": "18.2.79",
-		"@webiny/admin-ui": "6.0.0-rc.3",
-		"@webiny/app": "6.0.0-rc.3",
-		"@webiny/app-aco": "6.0.0-rc.3",
-		"@webiny/app-admin": "6.0.0-rc.3",
-		"@webiny/app-graphql-playground": "6.0.0-rc.3",
-		"@webiny/app-headless-cms-common": "6.0.0-rc.3",
-		"@webiny/app-headless-cms-scheduler": "6.0.0-rc.3",
-		"@webiny/app-trash-bin": "6.0.0-rc.3",
-		"@webiny/error": "6.0.0-rc.3",
-		"@webiny/form": "6.0.0-rc.3",
-		"@webiny/icons": "6.0.0-rc.3",
-		"@webiny/lexical-converter": "6.0.0-rc.3",
-		"@webiny/lexical-editor": "6.0.0-rc.3",
-		"@webiny/lexical-nodes": "6.0.0-rc.3",
-		"@webiny/plugins": "6.0.0-rc.3",
-		"@webiny/react-composition": "6.0.0-rc.3",
-		"@webiny/react-properties": "6.0.0-rc.3",
-		"@webiny/ui": "6.0.0-rc.3",
-		"@webiny/utils": "6.0.0-rc.3",
-		"@webiny/validation": "6.0.0-rc.3",
+		"@webiny/admin-ui": "6.0.0-rc.5",
+		"@webiny/app": "6.0.0-rc.5",
+		"@webiny/app-aco": "6.0.0-rc.5",
+		"@webiny/app-admin": "6.0.0-rc.5",
+		"@webiny/app-graphql-playground": "6.0.0-rc.5",
+		"@webiny/app-headless-cms-common": "6.0.0-rc.5",
+		"@webiny/app-headless-cms-scheduler": "6.0.0-rc.5",
+		"@webiny/app-trash-bin": "6.0.0-rc.5",
+		"@webiny/error": "6.0.0-rc.5",
+		"@webiny/form": "6.0.0-rc.5",
+		"@webiny/icons": "6.0.0-rc.5",
+		"@webiny/lexical-converter": "6.0.0-rc.5",
+		"@webiny/lexical-editor": "6.0.0-rc.5",
+		"@webiny/lexical-nodes": "6.0.0-rc.5",
+		"@webiny/plugins": "6.0.0-rc.5",
+		"@webiny/react-composition": "6.0.0-rc.5",
+		"@webiny/react-properties": "6.0.0-rc.5",
+		"@webiny/ui": "6.0.0-rc.5",
+		"@webiny/utils": "6.0.0-rc.5",
+		"@webiny/validation": "6.0.0-rc.5",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -74,7 +74,7 @@
 	},
 	"devDependencies": {
 		"@emotion/babel-plugin": "11.13.5",
-		"@webiny/build-tools": "6.0.0-rc.3",
+		"@webiny/build-tools": "6.0.0-rc.5",
 		"babel-plugin-module-resolver": "5.0.2",
 		"rimraf": "6.1.3",
 		"typescript": "5.9.3",
@@ -99,5 +99,5 @@
 			]
 		}
 	},
-	"gitHead": "228fe25e1a17f248d566bce1c33d11c291955513"
+	"gitHead": "8f9b60f1193682a21e037e6f771b19f1dfd65045"
 }

package/types.d.ts

@@ -3,7 +3,7 @@ import type { FolderTableRow, RecordTableRow } from "@webiny/app-aco";
 import type { DragSourceMonitor, XYCoord } from "react-dnd";
 import type { DragDropManager, Identifier, Listener, Unsubscribe } from "dnd-core";
 export type * from "@webiny/app-headless-cms-common/types/index.js";
-export { isLayoutDescriptor } from "@webiny/app-headless-cms-common/types/index.js";
+export { isLayoutField, isLayoutDescriptor } from "@webiny/app-headless-cms-common/types/index.js";
 /***
  * ###### TABLE ########
  */

package/types.js

@@ -1,4 +1,4 @@
-export { isLayoutDescriptor } from "@webiny/app-headless-cms-common/types/index.js";
+export { isLayoutField, isLayoutDescriptor } from "@webiny/app-headless-cms-common/types/index.js";
 
 /***
  * ###### TABLE ########

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["isLayoutDescriptor"],"sources":["types.ts"],"sourcesContent":["import type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { FolderTableRow, RecordTableRow } from \"@webiny/app-aco\";\nimport type { DragSourceMonitor, XYCoord } from \"react-dnd\";\nimport type { DragDropManager, Identifier, Listener, Unsubscribe } from \"dnd-core\";\n\nexport type * from \"@webiny/app-headless-cms-common/types/index.js\";\nexport { isLayoutDescriptor } from \"@webiny/app-headless-cms-common/types/index.js\";\n\n/***\n * ###### TABLE ########\n */\nexport type EntryTableItem = RecordTableRow<CmsContentEntry>;\n\nexport type TableItem = FolderTableRow | EntryTableItem;\n\nexport declare class DragSourceMonitorImpl<DragObject = unknown, DropResult = unknown>\n    implements DragSourceMonitor<DragObject, DropResult>\n{\n    private internalMonitor;\n    private sourceId;\n    constructor(manager: DragDropManager);\n    receiveHandlerId(sourceId: Identifier | null): void;\n    getHandlerId(): Identifier | null;\n    subscribeToStateChange(\n        listener: Listener,\n        options?: {\n            handlerIds: Identifier[] | undefined;\n        }\n    ): Unsubscribe;\n    subscribeToOffsetChange(listener: Listener): Unsubscribe;\n    canDrag(): boolean;\n    isDragging(): boolean;\n    getItemType(): Identifier | null;\n    getItem<T = DragObject>(): T;\n    getDropResult<T = DropResult>(): T | null;\n    didDrop(): boolean;\n    getInitialClientOffset(): XYCoord | null;\n    getInitialSourceClientOffset(): XYCoord | null;\n    getClientOffset(): XYCoord | null;\n    getDifferenceFromInitialOffset(): XYCoord | null;\n    getSourceClientOffset(): XYCoord | null;\n    getTargetIds(): Identifier[];\n}\n"],"mappings":"AAMA,SAASA,kBAAkB,QAAQ,gDAAgD;;AAEnF;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["isLayoutField","isLayoutDescriptor"],"sources":["types.ts"],"sourcesContent":["import type { CmsContentEntry } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { FolderTableRow, RecordTableRow } from \"@webiny/app-aco\";\nimport type { DragSourceMonitor, XYCoord } from \"react-dnd\";\nimport type { DragDropManager, Identifier, Listener, Unsubscribe } from \"dnd-core\";\n\nexport type * from \"@webiny/app-headless-cms-common/types/index.js\";\nexport { isLayoutField, isLayoutDescriptor } from \"@webiny/app-headless-cms-common/types/index.js\";\n\n/***\n * ###### TABLE ########\n */\nexport type EntryTableItem = RecordTableRow<CmsContentEntry>;\n\nexport type TableItem = FolderTableRow | EntryTableItem;\n\nexport declare class DragSourceMonitorImpl<DragObject = unknown, DropResult = unknown>\n    implements DragSourceMonitor<DragObject, DropResult>\n{\n    private internalMonitor;\n    private sourceId;\n    constructor(manager: DragDropManager);\n    receiveHandlerId(sourceId: Identifier | null): void;\n    getHandlerId(): Identifier | null;\n    subscribeToStateChange(\n        listener: Listener,\n        options?: {\n            handlerIds: Identifier[] | undefined;\n        }\n    ): Unsubscribe;\n    subscribeToOffsetChange(listener: Listener): Unsubscribe;\n    canDrag(): boolean;\n    isDragging(): boolean;\n    getItemType(): Identifier | null;\n    getItem<T = DragObject>(): T;\n    getDropResult<T = DropResult>(): T | null;\n    didDrop(): boolean;\n    getInitialClientOffset(): XYCoord | null;\n    getInitialSourceClientOffset(): XYCoord | null;\n    getClientOffset(): XYCoord | null;\n    getDifferenceFromInitialOffset(): XYCoord | null;\n    getSourceClientOffset(): XYCoord | null;\n    getTargetIds(): Identifier[];\n}\n"],"mappings":"AAMA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,gDAAgD;;AAElG;AACA;AACA","ignoreList":[]}

package/exports/admin/cms/fieldRenderers/dynamicZone.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DynamicZoneContainer","useTemplate","TemplateGallery","SingleValueItemContainer","MultiValueContainer","MultiValueItemContainer","MultiValueItem"],"sources":["dynamicZone.ts"],"sourcesContent":["export { DynamicZoneContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { useTemplate } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { TemplateGallery } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { SingleValueItemContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/SingleValueDynamicZone.js\";\nexport { MultiValueContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { MultiValueItemContainer } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\nexport { MultiValueItem } from \"~/admin/plugins/fieldRenderers/dynamicZone/index.js\";\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,WAAW;AACpB,SAASC,eAAe;AACxB,SAASC,wBAAwB;AACjC,SAASC,mBAAmB;AAC5B,SAASC,uBAAuB;AAChC,SAASC,cAAc","ignoreList":[]}