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

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

@@ -1,163 +0,0 @@
-import React from "react";
-import { ReactComponent as AlertIcon } from "@webiny/icons/warning.svg";
-import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { Alert, Grid, IconButton, Tabs, Textarea, Select, Text, ScrollArea } 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 AlertSettings = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "label"
-  }, /*#__PURE__*/React.createElement(Textarea, {
-    label: "Message"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "alertType",
-    defaultValue: "info"
-  }, /*#__PURE__*/React.createElement(Select, {
-    displayResetAction: false,
-    label: "Alert type",
-    options: [{
-      value: "info",
-      label: "Info"
-    }, {
-      value: "success",
-      label: "Success"
-    }, {
-      value: "warning",
-      label: "Warning"
-    }, {
-      value: "danger",
-      label: "Danger"
-    }]
-  }))));
-};
-const AlertDialogContent = ({
-  fieldOptions
-}) => {
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "max-h-[70vh] flex flex-col"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "alert",
-      trigger: "Alert",
-      value: "alert",
-      content: /*#__PURE__*/React.createElement(AlertSettings, 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 AlertLayoutCell = ({
-  field,
-  onUpdate,
-  onDelete
-}) => {
-  const {
-    fieldOptions
-  } = useModelEditor();
-  const dialogs = useDialogs();
-  const openSettings = () => {
-    dialogs.showDialog({
-      title: "Alert Settings",
-      description: "Configure the alert and access permissions",
-      acceptLabel: "Save",
-      cancelLabel: "Cancel",
-      formData: {
-        label: field.label,
-        alertType: field.alertType,
-        rules: field.rules ?? []
-      },
-      content: /*#__PURE__*/React.createElement(AlertDialogContent, {
-        fieldOptions: fieldOptions
-      }),
-      onAccept: data => {
-        onUpdate({
-          ...field,
-          label: data.label ?? "",
-          alertType: data.alertType ?? "info",
-          rules: data.rules ?? []
-        });
-      }
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1"
-  }, field.label ? /*#__PURE__*/React.createElement(Alert, {
-    type: field.alertType
-  }, field.label) : /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "text-neutral-strong italic"
-  }, "Alert (no message set)")), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-xs ml-sm"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(EditIcon, null),
-    onClick: openSettings,
-    variant: "ghost",
-    size: "sm"
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    onClick: onDelete,
-    variant: "ghost",
-    size: "sm"
-  })));
-};
-export const uiAlertField = {
-  type: "cms-editor-layout-field-type",
-  name: "cms-editor-layout-field-type-alert",
-  field: {
-    type: "alert",
-    label: t`Alert`,
-    description: t`Show an alert message in the form.`,
-    icon: /*#__PURE__*/React.createElement(AlertIcon, null),
-    canEditSettings: true,
-    createField() {
-      return {
-        type: "alert",
-        label: "",
-        alertType: "info"
-      };
-    },
-    render({
-      field,
-      onUpdate,
-      onDelete
-    }) {
-      return /*#__PURE__*/React.createElement(AlertLayoutCell, {
-        field: field,
-        onUpdate: onUpdate,
-        onDelete: onDelete
-      });
-    }
-  }
-};
-
-//# sourceMappingURL=alert.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","AlertIcon","EditIcon","DeleteIcon","i18n","Alert","Grid","IconButton","Tabs","Textarea","Select","Text","ScrollArea","useDialogs","Bind","PermissionsEditor","RulesEditor","useModelEditor","t","ns","AlertSettings","createElement","className","Column","span","name","label","defaultValue","displayResetAction","options","value","AlertDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","content","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 {\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"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,5 +0,0 @@
-export * from "./alert.js";
-export * from "./separator.js";
-export * from "./tabs.js";
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./alert.js\";\nexport * from \"./separator.js\";\nexport * from \"./tabs.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

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

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

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

@@ -1,150 +0,0 @@
-import React from "react";
-import { ReactComponent as SeparatorIcon } from "@webiny/icons/line_style.svg";
-import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { ReactComponent as DeleteIcon } 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 = () => {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: "mt-md"
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "label"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Label"
-  }))), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "description"
-  }, /*#__PURE__*/React.createElement(Input, {
-    label: "Description"
-  }))));
-};
-const SeparatorDialogContent = ({
-  fieldOptions
-}) => {
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "max-h-[70vh] flex flex-col"
-  }, /*#__PURE__*/React.createElement(Tabs, {
-    size: "md",
-    separator: true,
-    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
-      key: "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(EditIcon, null),
-    onClick: openSettings,
-    variant: "ghost",
-    size: "sm"
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-    onClick: onDelete,
-    variant: "ghost",
-    size: "sm"
-  })));
-};
-export 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(SeparatorIcon, 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
-      });
-    }
-  }
-};
-
-//# sourceMappingURL=separator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","ReactComponent","SeparatorIcon","EditIcon","DeleteIcon","i18n","Grid","IconButton","Input","ScrollArea","Separator","Tabs","Text","useDialogs","Bind","PermissionsEditor","RulesEditor","useModelEditor","t","ns","SeparatorSettings","createElement","className","Column","span","name","label","SeparatorDialogContent","fieldOptions","size","separator","tabs","Tab","key","trigger","value","content","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, 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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,SAASC,cAAc,IAAIC,aAAa,QAAQ,8BAA8B;AAC9E,SAASD,cAAc,IAAIE,QAAQ,QAAQ,wBAAwB;AACnE,SAASF,cAAc,IAAIG,UAAU,QAAQ,0BAA0B;AACvE,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,EAAEC,UAAU,EAAEC,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7F,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,iBAAiB;AAC1B,SAASC,WAAW;AACpB,SAASC,cAAc;AAGvB,MAAMC,CAAC,GAAGb,IAAI,CAACc,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC5B,oBACIpB,KAAA,CAAAqB,aAAA,CAACf,IAAI;IAACgB,SAAS,EAAE;EAAQ,gBACrBtB,KAAA,CAAAqB,aAAA,CAACf,IAAI,CAACiB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxB,KAAA,CAAAqB,aAAA,CAACP,IAAI;IAACW,IAAI,EAAE;EAAQ,gBAChBzB,KAAA,CAAAqB,aAAA,CAACb,KAAK;IAACkB,KAAK,EAAE;EAAQ,CAAE,CACtB,CACG,CAAC,eACd1B,KAAA,CAAAqB,aAAA,CAACf,IAAI,CAACiB,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBxB,KAAA,CAAAqB,aAAA,CAACP,IAAI;IAACW,IAAI,EAAE;EAAc,gBACtBzB,KAAA,CAAAqB,aAAA,CAACb,KAAK;IAACkB,KAAK,EAAE;EAAc,CAAE,CAC5B,CACG,CACX,CAAC;AAEf,CAAC;AAED,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC;AAA8C,CAAC,KAAK;EAClF,oBACI5B,KAAA,CAAAqB,aAAA,CAACZ,UAAU;IAACa,SAAS,EAAC;EAA4B,gBAC9CtB,KAAA,CAAAqB,aAAA,CAACV,IAAI;IACDkB,IAAI,EAAE,IAAK;IACXC,SAAS;IACTC,IAAI,EAAE,cACF/B,KAAA,CAAAqB,aAAA,CAACV,IAAI,CAACqB,GAAG;MACLC,GAAG,EAAE,WAAY;MACjBC,OAAO,EAAE,WAAY;MACrBC,KAAK,EAAE,WAAY;MACnBC,OAAO,eAAEpC,KAAA,CAAAqB,aAAA,CAACD,iBAAiB,MAAE;IAAE,CAClC,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACV,IAAI,CAACqB,GAAG;MACLC,GAAG,EAAE,aAAc;MACnBC,OAAO,EAAE,aAAc;MACvBC,KAAK,EAAE,aAAc;MACrBC,OAAO,eACHpC,KAAA,CAAAqB,aAAA;QAAKC,SAAS,EAAE;MAAQ,gBACpBtB,KAAA,CAAAqB,aAAA,CAACN,iBAAiB,MAAE,CACnB;IACR,CACJ,CAAC,eACFf,KAAA,CAAAqB,aAAA,CAACV,IAAI,CAACqB,GAAG;MACLC,GAAG,EAAE,OAAQ;MACbC,OAAO,EAAE,OAAQ;MACjBC,KAAK,EAAE,OAAQ;MACfC,OAAO,eACHpC,KAAA,CAAAqB,aAAA;QAAKC,SAAS,EAAE;MAAQ,gBACpBtB,KAAA,CAAAqB,aAAA,CAACL,WAAW;QAACY,YAAY,EAAEA;MAAa,CAAE,CACzC;IACR,CACJ,CAAC;EACJ,CACL,CACO,CAAC;AAErB,CAAC;AAQD,MAAMS,mBAAmB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAmC,CAAC,KAAK;EACrF,MAAM;IAAEZ;EAAa,CAAC,GAAGX,cAAc,CAAC,CAAC;EACzC,MAAMwB,OAAO,GAAG5B,UAAU,CAAC,CAAC;EAE5B,MAAM6B,YAAY,GAAGA,CAAA,KAAM;IACvBD,OAAO,CAACE,UAAU,CAAC;MACfC,KAAK,EAAE,oBAAoB;MAC3BC,WAAW,EAAE,gDAAgD;MAC7DC,WAAW,EAAE,MAAM;MACnBC,WAAW,EAAE,QAAQ;MACrBC,QAAQ,EAAE;QACNtB,KAAK,EAAEY,KAAK,CAACZ,KAAK;QAClBmB,WAAW,EAAEP,KAAK,CAACO,WAAW,IAAI,EAAE;QACpCI,KAAK,EAAEX,KAAK,CAACW,KAAK,IAAI;MAC1B,CAAC;MACDb,OAAO,eAAEpC,KAAA,CAAAqB,aAAA,CAACM,sBAAsB;QAACC,YAAY,EAAEA;MAAa,CAAE,CAAC;MAC/DsB,QAAQ,EAAEC,IAAI,IAAI;QACdZ,QAAQ,CAAC;UACL,GAAGD,KAAK;UACRZ,KAAK,EAAEyB,IAAI,CAACzB,KAAK,IAAI,EAAE;UACvBmB,WAAW,EAAEM,IAAI,CAACN,WAAW,IAAI,EAAE;UACnCI,KAAK,EAAEE,IAAI,CAACF,KAAK,IAAI;QACzB,CAAC,CAAC;MACN;IACJ,CAAC,CAAC;EACN,CAAC;EAED,oBACIjD,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCtB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBtB,KAAA,CAAAqB,aAAA,CAACX,SAAS;IAAC0C,OAAO,EAAE,QAAS;IAACC,aAAa,EAAE;EAAQ,GAChDf,KAAK,CAACZ,KACA,CAAC,EACXY,KAAK,CAACO,WAAW,iBACd7C,KAAA,CAAAqB,aAAA,CAACT,IAAI;IAAC0C,EAAE,EAAE,KAAM;IAACzB,IAAI,EAAE,IAAK;IAACP,SAAS,EAAE;EAA4B,GAC/DgB,KAAK,CAACO,WACL,CAET,CAAC,eACN7C,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAA2B,gBACvCtB,KAAA,CAAAqB,aAAA,CAACd,UAAU;IACPgD,IAAI,eAAEvD,KAAA,CAAAqB,aAAA,CAAClB,QAAQ,MAAE,CAAE;IACnBqD,OAAO,EAAEd,YAAa;IACtBU,OAAO,EAAE,OAAQ;IACjBvB,IAAI,EAAE;EAAK,CACd,CAAC,eACF7B,KAAA,CAAAqB,aAAA,CAACd,UAAU;IACPgD,IAAI,eAAEvD,KAAA,CAAAqB,aAAA,CAACjB,UAAU,MAAE,CAAE;IACrBoD,OAAO,EAAEhB,QAAS;IAClBY,OAAO,EAAE,OAAQ;IACjBvB,IAAI,EAAE;EAAK,CACd,CACA,CACJ,CAAC;AAEd,CAAC;AAED,OAAO,MAAM4B,gBAA+C,GAAG;EAC3DC,IAAI,EAAE,8BAA8B;EACpCjC,IAAI,EAAE,wCAAwC;EAC9Ca,KAAK,EAAE;IACHoB,IAAI,EAAE,WAAW;IACjBhC,KAAK,EAAER,CAAC,WAAW;IACnB2B,WAAW,EAAE3B,CAAC,yCAAyC;IACvDqC,IAAI,eAAEvD,KAAA,CAAAqB,aAAA,CAACnB,aAAa,MAAE,CAAC;IACvByD,eAAe,EAAE,IAAI;IACrBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHF,IAAI,EAAE,WAAW;QACjBhC,KAAK,EAAE,SAAS;QAChBmB,WAAW,EAAE;MACjB,CAAC;IACL,CAAC;IACDgB,MAAMA,CAAC;MAAEvB,KAAK;MAAEC,QAAQ;MAAEC;IAAS,CAAC,EAAE;MAClC,oBACIxC,KAAA,CAAAqB,aAAA,CAACgB,mBAAmB;QAChBC,KAAK,EAAEA,KAAiC;QACxCC,QAAQ,EAAEA,QAAS;QACnBC,QAAQ,EAAEA;MAAS,CACtB,CAAC;IAEV;EACJ;AACJ,CAAC","ignoreList":[]}

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

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

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

@@ -1,89 +0,0 @@
-import React from "react";
-import { ReactComponent as TabsIcon } 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");
-export 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(TabsIcon, 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 (typeof cell === "string") {
-              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 (typeof cell === "string") {
-              prefixes[cell] = prefix;
-            }
-          }
-        }
-      }
-      return prefixes;
-    },
-    render({
-      field,
-      onUpdate,
-      onDelete
-    }) {
-      return /*#__PURE__*/React.createElement(TabsLayoutEditor, {
-        field: field,
-        onUpdate: onUpdate,
-        onDelete: onDelete
-      });
-    }
-  }
-};
-
-//# sourceMappingURL=tabs.js.map

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

@@ -1 +0,0 @@
-{"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/admin/plugins/getObjectId.d.ts

@@ -1,3 +0,0 @@
-import { ApolloCacheObjectIdPlugin } from "@webiny/app";
-declare const _default: ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject>;
-export default _default;

package/admin/plugins/getObjectId.js

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

package/admin/plugins/getObjectId.js.map

@@ -1 +0,0 @@
-{"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":[]}

package/admin/plugins/permissionRenderer/components/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface OnChangeCallable {\n    (id: string | number): () => void;\n}\nexport interface GetValueCallable {\n    (id: string | number): boolean;\n}\nexport interface PermissionSelectorCmsModel {\n    id: string;\n    label: string;\n    [key: string]: any;\n}\n\nexport interface PermissionSelectorCmsGroup {\n    id: string;\n    label: string;\n    [key: string]: any;\n}\n"],"mappings":"","ignoreList":[]}

package/admin/plugins/transformers/dateTransformer.d.ts

@@ -1,2 +0,0 @@
-import type { CmsFieldValueTransformer } from "../../../types.js";
-export declare const createDateTransformer: () => CmsFieldValueTransformer;

package/admin/plugins/transformers/dateTransformer.js

@@ -1,117 +0,0 @@
-import WebinyError from "@webiny/error";
-const dateOnly = value => {
-  if (!value) {
-    return null;
-  }
-  try {
-    const date = new Date(value).toISOString();
-    return date.slice(0, 10);
-  } catch (error) {
-    throw new WebinyError(`Could not transform value to a date.`, "TRANSFORM_ERROR", {
-      error,
-      type: "date",
-      value
-    });
-  }
-};
-const extractTimeZone = value => {
-  let result;
-  if (!value) {
-    return [new Date().toISOString(), "00:00"];
-  } else if (value.includes("+")) {
-    result = value.split("+");
-  } else {
-    result = value.split("-");
-  }
-  if (!result || result.length !== 2) {
-    throw new WebinyError(`Could not determine time and timezone out of given value.`, "TIME_ZONE_ERROR", {
-      value
-    });
-  }
-  return result;
-};
-const extractTime = (value, def = null) => {
-  if (!value) {
-    return null;
-  } else if (value.includes(":") === false) {
-    throw new WebinyError("Time value is missing : separators.", "TIME_ERROR", {
-      value
-    });
-  }
-  const result = value.split(":");
-  if (result.length === 3) {
-    return value;
-  } else if (result.length === 2) {
-    return `${value}:00`;
-  }
-  return def;
-};
-const dateTimeWithTimezone = value => {
-  if (!value) {
-    return null;
-  } else if (value.includes("T") === false) {
-    return value;
-  }
-  const [initialDate, initialTimeZone] = value.split("T");
-  let date;
-  try {
-    const dateObj = new Date(initialDate);
-    date = dateObj.toISOString().slice(0, 10);
-  } catch {
-    throw new WebinyError("Could not transform received date into Date object.", "DATE_TRANSFORM_ERROR", {
-      value,
-      date: initialDate,
-      time: initialTimeZone
-    });
-  }
-  const [initialTime] = extractTimeZone(initialTimeZone);
-  const time = extractTime(initialTime, "00:00:00");
-  return value.replace(initialDate, date).replace(initialTime, time);
-};
-const dateTimeWithoutTimezone = value => {
-  if (!value) {
-    return null;
-  } else if (value.includes(" ") === false) {
-    return value;
-  }
-  try {
-    return new Date(`${value.replace(" ", "T")}.000Z`).toISOString();
-  } catch (error) {
-    throw new WebinyError(`Could not transform value to a date.`, "TRANSFORM_ERROR", {
-      error,
-      type: "dateTimeWithoutTimezone",
-      value
-    });
-  }
-};
-const time = value => {
-  if (!value) {
-    return null;
-  }
-  return extractTime(value);
-};
-const transformers = {
-  time,
-  date: dateOnly,
-  dateTimeWithoutTimezone,
-  dateTimeWithTimezone
-};
-export const createDateTransformer = () => ({
-  type: "cms-field-value-transformer",
-  name: "cms-field-value-transformer-date",
-  fieldType: "datetime",
-  transform: (value, field) => {
-    // check types in packages/app-headless-cms/src/admin/plugins/fieldRenderers/dateTime/dateTimeField.tsx
-    const type = field.settings && field.settings.type ? String(field.settings.type) : null;
-    if (!type) {
-      return value;
-    }
-    const transform = transformers[type];
-    if (!transform) {
-      return value;
-    }
-    return transform(value);
-  }
-});
-
-//# sourceMappingURL=dateTransformer.js.map