@webiny/app-headless-cms 6.4.5 → 6.6.0-alpha.0

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types.js";
-declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
-export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.js

@@ -1,15 +0,0 @@
-const lowerCase_plugin = {
-    type: "cms-model-field-regex-validator-expression",
-    name: "cms-model-field-regex-validator-expression-case",
-    pattern: {
-        message: "Only lower case characters are allowed.",
-        name: "lowerCase",
-        label: "Lower case",
-        regex: "^([a-z]*)$",
-        flags: ""
-    }
-};
-const lowerCase = lowerCase_plugin;
-export default lowerCase;
-
-//# sourceMappingURL=lowerCase.js.map

package/admin/plugins/fieldValidators/patternPlugins/lowerCase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/patternPlugins/lowerCase.js","sources":["../../../../../src/admin/plugins/fieldValidators/patternPlugins/lowerCase.ts"],"sourcesContent":["import type { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-case\",\n    pattern: {\n        message: \"Only lower case characters are allowed.\",\n        name: \"lowerCase\",\n        label: \"Lower case\",\n        regex: `^([a-z]*)$`,\n        flags: \"\"\n    }\n};\n\nexport default plugin;\n"],"names":["plugin"],"mappings":"AAEA,MAAMA,mBAAsD;IACxD,MAAM;IACN,MAAM;IACN,SAAS;QACL,SAAS;QACT,MAAM;QACN,OAAO;QACP,OAAO;QACP,OAAO;IACX;AACJ;AAEA,kBAAeA"}

package/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types.js";
-declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
-export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.js

@@ -1,15 +0,0 @@
-const lowerCaseSpace_plugin = {
-    type: "cms-model-field-regex-validator-expression",
-    name: "cms-model-field-regex-validator-expression-lower-case-space",
-    pattern: {
-        message: "Only lower case characters and space are allowed.",
-        name: "lowerCaseSpace",
-        label: "Lower case + space",
-        regex: "^([a-z\\s]+)$",
-        flags: ""
-    }
-};
-const lowerCaseSpace = lowerCaseSpace_plugin;
-export default lowerCaseSpace;
-
-//# sourceMappingURL=lowerCaseSpace.js.map

package/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.js","sources":["../../../../../src/admin/plugins/fieldValidators/patternPlugins/lowerCaseSpace.ts"],"sourcesContent":["import type { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-lower-case-space\",\n    pattern: {\n        message: \"Only lower case characters and space are allowed.\",\n        name: \"lowerCaseSpace\",\n        label: \"Lower case + space\",\n        regex: `^([a-z\\\\s]+)$`,\n        flags: \"\"\n    }\n};\nexport default plugin;\n"],"names":["plugin"],"mappings":"AAEA,MAAMA,wBAAsD;IACxD,MAAM;IACN,MAAM;IACN,SAAS;QACL,SAAS;QACT,MAAM;QACN,OAAO;QACP,OAAO;QACP,OAAO;IACX;AACJ;AACA,uBAAeA"}

package/admin/plugins/fieldValidators/patternPlugins/upperCase.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types.js";
-declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
-export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/upperCase.js

@@ -1,15 +0,0 @@
-const upperCase_plugin = {
-    type: "cms-model-field-regex-validator-expression",
-    name: "cms-model-field-regex-validator-expression-upper-case",
-    pattern: {
-        message: "Only upper case characters are allowed.",
-        name: "upperCase",
-        label: "Upper case",
-        regex: "^([A-Z]*)$",
-        flags: ""
-    }
-};
-const upperCase = upperCase_plugin;
-export default upperCase;
-
-//# sourceMappingURL=upperCase.js.map

package/admin/plugins/fieldValidators/patternPlugins/upperCase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/patternPlugins/upperCase.js","sources":["../../../../../src/admin/plugins/fieldValidators/patternPlugins/upperCase.ts"],"sourcesContent":["import type { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-upper-case\",\n    pattern: {\n        message: \"Only upper case characters are allowed.\",\n        name: \"upperCase\",\n        label: \"Upper case\",\n        regex: `^([A-Z]*)$`,\n        flags: \"\"\n    }\n};\nexport default plugin;\n"],"names":["plugin"],"mappings":"AAEA,MAAMA,mBAAsD;IACxD,MAAM;IACN,MAAM;IACN,SAAS;QACL,SAAS;QACT,MAAM;QACN,OAAO;QACP,OAAO;QACP,OAAO;IACX;AACJ;AACA,kBAAeA"}

package/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types.js";
-declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
-export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.js

@@ -1,15 +0,0 @@
-const upperCaseSpace_plugin = {
-    type: "cms-model-field-regex-validator-expression",
-    name: "cms-model-field-regex-validator-expression-upper-case-space",
-    pattern: {
-        message: "Only upper case characters and space are allowed.",
-        name: "upperCaseSpace",
-        label: "Upper case + space",
-        regex: "^([A-Z\\s]+)$",
-        flags: ""
-    }
-};
-const upperCaseSpace = upperCaseSpace_plugin;
-export default upperCaseSpace;
-
-//# sourceMappingURL=upperCaseSpace.js.map

package/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.js","sources":["../../../../../src/admin/plugins/fieldValidators/patternPlugins/upperCaseSpace.ts"],"sourcesContent":["import type { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-upper-case-space\",\n    pattern: {\n        message: \"Only upper case characters and space are allowed.\",\n        name: \"upperCaseSpace\",\n        label: \"Upper case + space\",\n        regex: `^([A-Z\\\\s]+)$`,\n        flags: \"\"\n    }\n};\nexport default plugin;\n"],"names":["plugin"],"mappings":"AAEA,MAAMA,wBAAsD;IACxD,MAAM;IACN,MAAM;IACN,SAAS;QACL,SAAS;QACT,MAAM;QACN,OAAO;QACP,OAAO;QACP,OAAO;IACX;AACJ;AACA,uBAAeA"}

package/admin/plugins/fieldValidators/patternPlugins/url.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldRegexValidatorExpressionPlugin } from "../../../../types.js";
-declare const plugin: CmsModelFieldRegexValidatorExpressionPlugin;
-export default plugin;

package/admin/plugins/fieldValidators/patternPlugins/url.js

@@ -1,15 +0,0 @@
-const url_plugin = {
-    type: "cms-model-field-regex-validator-expression",
-    name: "cms-model-field-regex-validator-expression-url",
-    pattern: {
-        message: "Please enter a valid URL.",
-        name: "url",
-        label: "URL",
-        regex: "^(ftp|http|https):\\/\\/(\\w+:{0,1}\\w*@)?(\\S+)(:[0-9]+)?(\\/|\\/([\\w#!:.?+=&%@!\\-\\/]))?$",
-        flags: "i"
-    }
-};
-const url = url_plugin;
-export default url;
-
-//# sourceMappingURL=url.js.map

package/admin/plugins/fieldValidators/patternPlugins/url.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/patternPlugins/url.js","sources":["../../../../../src/admin/plugins/fieldValidators/patternPlugins/url.ts"],"sourcesContent":["import type { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types.js\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-url\",\n    pattern: {\n        message: \"Please enter a valid URL.\",\n        name: \"url\",\n        label: \"URL\",\n        regex: \"^(ftp|http|https):\\\\/\\\\/(\\\\w+:{0,1}\\\\w*@)?(\\\\S+)(:[0-9]+)?(\\\\/|\\\\/([\\\\w#!:.?+=&%@!\\\\-\\\\/]))?$\",\n        flags: \"i\"\n    }\n};\nexport default plugin;\n"],"names":["plugin"],"mappings":"AAEA,MAAMA,aAAsD;IACxD,MAAM;IACN,MAAM;IACN,SAAS;QACL,SAAS;QACT,MAAM;QACN,OAAO;QACP,OAAO;QACP,OAAO;IACX;AACJ;AACA,YAAeA"}

package/admin/plugins/fieldValidators/required.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldValidatorPlugin } from "../../../types.js";
-declare const plugin: CmsModelFieldValidatorPlugin;
-export default plugin;

package/admin/plugins/fieldValidators/required.js

@@ -1,16 +0,0 @@
-import { validation } from "@webiny/validation";
-const required_plugin = {
-    type: "cms-model-field-validator",
-    name: "cms-editor-field-validator-required",
-    validator: {
-        name: "required",
-        label: "Required",
-        description: "You won't be able to submit the form if this field is empty",
-        defaultMessage: "Value is required.",
-        validate: (value)=>validation.validate(value, "required")
-    }
-};
-const required = required_plugin;
-export default required;
-
-//# sourceMappingURL=required.js.map

package/admin/plugins/fieldValidators/required.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/required.js","sources":["../../../../src/admin/plugins/fieldValidators/required.tsx"],"sourcesContent":["import type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\nimport { validation } from \"@webiny/validation\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-required\",\n    validator: {\n        name: \"required\",\n        label: \"Required\",\n        description: \"You won't be able to submit the form if this field is empty\",\n        defaultMessage: \"Value is required.\",\n        validate: value => {\n            return validation.validate(value, \"required\");\n        }\n    }\n};\nexport default plugin;\n"],"names":["plugin","value","validation"],"mappings":";AAGA,MAAMA,kBAAuC;IACzC,MAAM;IACN,MAAM;IACN,WAAW;QACP,MAAM;QACN,OAAO;QACP,aAAa;QACb,gBAAgB;QAChB,UAAUC,CAAAA,QACCC,WAAW,QAAQ,CAACD,OAAO;IAE1C;AACJ;AACA,iBAAeD"}

package/admin/plugins/fieldValidators/unique.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldValidatorPlugin } from "../../../types.js";
-declare const _default: () => CmsModelFieldValidatorPlugin;
-export default _default;

package/admin/plugins/fieldValidators/unique.js

@@ -1,14 +0,0 @@
-const unique = ()=>({
-        type: "cms-model-field-validator",
-        name: "cms-editor-field-validator-unique",
-        validator: {
-            name: "unique",
-            label: "Unique",
-            description: "You won't be able to submit the form if this field is not unique",
-            defaultMessage: "Value must be unique.",
-            validate: async ()=>true
-        }
-    });
-export default unique;
-
-//# sourceMappingURL=unique.js.map

package/admin/plugins/fieldValidators/unique.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fieldValidators/unique.js","sources":["../../../../src/admin/plugins/fieldValidators/unique.tsx"],"sourcesContent":["import type { CmsModelFieldValidatorPlugin } from \"~/types.js\";\n\nexport default (): CmsModelFieldValidatorPlugin => {\n    return {\n        type: \"cms-model-field-validator\",\n        name: \"cms-editor-field-validator-unique\",\n        validator: {\n            name: \"unique\",\n            label: \"Unique\",\n            description: \"You won't be able to submit the form if this field is not unique\",\n            defaultMessage: \"Value must be unique.\",\n            validate: async () => {\n                /**\n                 * We let this validator be executed on the API side.\n                 */\n                return true;\n            }\n        }\n    };\n};\n"],"names":[],"mappings":"AAEA,eAAgB,IACL;QACH,MAAM;QACN,MAAM;QACN,WAAW;YACP,MAAM;YACN,OAAO;YACP,aAAa;YACb,gBAAgB;YAChB,UAAU,UAIC;QAEf;IACJ"}

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import type { BindComponent } from "../../../types.js";
-export interface PredefinedValuesDynamicFieldsetProps {
-    getBind: (value?: any) => BindComponent;
-    renderValueInput?: ((Bind: BindComponent) => React.ReactNode) | null;
-}
-declare const PredefinedValuesDynamicFieldset: ({ getBind, renderValueInput }: PredefinedValuesDynamicFieldsetProps) => React.JSX.Element;
-export default PredefinedValuesDynamicFieldset;

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js

@@ -1,100 +0,0 @@
-import react from "react";
-import { ReactComponent } from "@webiny/icons/add.svg";
-import { ReactComponent as remove_svg_ReactComponent } from "@webiny/icons/remove.svg";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { useForm } from "@webiny/form";
-import { useModelField } from "../../hooks/index.js";
-import { Button, DynamicFieldset, Grid, Icon, IconButton, Input, Switch, Text } from "@webiny/admin-ui";
-const t = i18n.ns("app-headless-cms/admin/fields/dynamic-fieldset-predefined-values");
-const Header = (props)=>/*#__PURE__*/ react.createElement("div", {
-        className: "flex justify-between mb-md",
-        ...props
-    });
-const onSelectedChange = (params)=>{
-    const { form, bind, field, index: targetIndex, value: setToValue } = params;
-    form.setValue("predefinedValues.values", bind.value.map((value, index)=>{
-        const defaultValue = field.list ? value.selected : false;
-        return {
-            ...value,
-            selected: index === targetIndex ? setToValue : defaultValue
-        };
-    }));
-};
-const PredefinedValuesDynamicFieldset = ({ getBind, renderValueInput = null })=>{
-    const Bind = getBind();
-    const { field } = useModelField();
-    const form = useForm();
-    return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 12
-    }, /*#__PURE__*/ react.createElement(Bind, null, (bind)=>/*#__PURE__*/ react.createElement(DynamicFieldset, bind, ({ actions, header, row, empty })=>/*#__PURE__*/ react.createElement(react.Fragment, null, row(({ index })=>{
-                const Bind = getBind(index);
-                return /*#__PURE__*/ react.createElement("div", {
-                    className: "mb-md"
-                }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
-                    span: 4
-                }, /*#__PURE__*/ react.createElement(Bind, {
-                    name: "label"
-                }, /*#__PURE__*/ react.createElement(Input, {
-                    label: t`Label`,
-                    size: "lg"
-                }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-                    span: 4
-                }, renderValueInput ? renderValueInput(Bind) : /*#__PURE__*/ react.createElement(Bind, {
-                    name: "value"
-                }, /*#__PURE__*/ react.createElement(Input, {
-                    label: t`Value`,
-                    size: "lg"
-                }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-                    span: 2
-                }, /*#__PURE__*/ react.createElement("div", {
-                    className: "flex flex-col justify-end h-full py-sm-plus"
-                }, /*#__PURE__*/ react.createElement(Bind, {
-                    name: "selected"
-                }, /*#__PURE__*/ react.createElement(Switch, {
-                    label: t`Selected`,
-                    description: t`Mark as selected value.`,
-                    onChange: (value)=>{
-                        onSelectedChange({
-                            form,
-                            bind,
-                            field,
-                            index,
-                            value
-                        });
-                    }
-                })))), /*#__PURE__*/ react.createElement(Grid.Column, {
-                    span: 2
-                }, /*#__PURE__*/ react.createElement("div", {
-                    className: "flex justify-end items-end gap-sm h-full py-sm-plus"
-                }, /*#__PURE__*/ react.createElement(IconButton, {
-                    variant: "primary",
-                    size: "sm",
-                    icon: /*#__PURE__*/ react.createElement(Icon, {
-                        label: "Add",
-                        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
-                    }),
-                    onClick: actions.add(index)
-                }), /*#__PURE__*/ react.createElement(IconButton, {
-                    variant: "secondary",
-                    size: "sm",
-                    icon: /*#__PURE__*/ react.createElement(Icon, {
-                        label: "Remove",
-                        icon: /*#__PURE__*/ react.createElement(remove_svg_ReactComponent, null)
-                    }),
-                    onClick: actions.remove(index)
-                })))));
-            }), empty(()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Header, null, /*#__PURE__*/ react.createElement(Text, null, t`Predefined values`)), /*#__PURE__*/ react.createElement(Grid, {
-                    className: "text-center"
-                }, /*#__PURE__*/ react.createElement(Grid.Column, {
-                    span: 12
-                }, /*#__PURE__*/ react.createElement(Text, null, t`There are no predefined values available.`)), /*#__PURE__*/ react.createElement(Grid.Column, {
-                    span: 12
-                }, /*#__PURE__*/ react.createElement(Button, {
-                    onClick: actions.add(),
-                    text: t`Add a predefined value`
-                }))))), header(()=>/*#__PURE__*/ react.createElement(Header, null, /*#__PURE__*/ react.createElement(Text, null, t`Predefined values`))))))));
-};
-const fields_PredefinedValuesDynamicFieldset = PredefinedValuesDynamicFieldset;
-export default fields_PredefinedValuesDynamicFieldset;
-
-//# sourceMappingURL=PredefinedValuesDynamicFieldset.js.map

package/admin/plugins/fields/PredefinedValuesDynamicFieldset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fields/PredefinedValuesDynamicFieldset.js","sources":["../../../../src/admin/plugins/fields/PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as RemoveIcon } from \"@webiny/icons/remove.svg\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { BindComponent, CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp, FormAPI } from \"@webiny/form\";\nimport { useForm } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks/index.js\";\nimport {\n    Button,\n    DynamicFieldset,\n    Grid,\n    Icon,\n    IconButton,\n    Input,\n    Switch,\n    Text\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Header = (props: React.HTMLProps<HTMLDivElement>) => {\n    return <div className={\"flex justify-between mb-md\"} {...props} />;\n};\n\ninterface PredefinedValue {\n    selected?: boolean;\n}\n\ninterface OnSelectedParams {\n    form: FormAPI;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    index: number;\n    value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n    const { form, bind, field, index: targetIndex, value: setToValue } = params;\n\n    form.setValue(\n        \"predefinedValues.values\",\n        bind.value.map((value: PredefinedValue, index: number) => {\n            const defaultValue = field.list ? value.selected : false;\n            return {\n                ...value,\n                selected: index === targetIndex ? setToValue : defaultValue\n            };\n        })\n    );\n};\n\nexport interface PredefinedValuesDynamicFieldsetProps {\n    getBind: (value?: any) => BindComponent;\n    renderValueInput?: ((Bind: BindComponent) => React.ReactNode) | null;\n}\nconst PredefinedValuesDynamicFieldset = ({\n    getBind,\n    renderValueInput = null\n}: PredefinedValuesDynamicFieldsetProps) => {\n    const Bind = getBind();\n    const { field } = useModelField();\n    const form = useForm();\n\n    return (\n        <Grid>\n            <Grid.Column span={12}>\n                <Bind>\n                    {bind => {\n                        return (\n                            <DynamicFieldset {...bind}>\n                                {({ actions, header, row, empty }) => {\n                                    return (\n                                        <React.Fragment>\n                                            {row(({ index }) => {\n                                                const Bind = getBind(index);\n\n                                                return (\n                                                    <div className={\"mb-md\"}>\n                                                        <Grid>\n                                                            <Grid.Column span={4}>\n                                                                <Bind name={\"label\"}>\n                                                                    <Input\n                                                                        label={t`Label`}\n                                                                        size={\"lg\"}\n                                                                    />\n                                                                </Bind>\n                                                            </Grid.Column>\n                                                            <Grid.Column span={4}>\n                                                                {renderValueInput ? (\n                                                                    renderValueInput(Bind)\n                                                                ) : (\n                                                                    <Bind name={\"value\"}>\n                                                                        <Input\n                                                                            label={t`Value`}\n                                                                            size={\"lg\"}\n                                                                        />\n                                                                    </Bind>\n                                                                )}\n                                                            </Grid.Column>\n                                                            <Grid.Column span={2}>\n                                                                <div\n                                                                    className={\n                                                                        \"flex flex-col justify-end h-full py-sm-plus\"\n                                                                    }\n                                                                >\n                                                                    <Bind name={\"selected\"}>\n                                                                        <Switch\n                                                                            label={t`Selected`}\n                                                                            description={t`Mark as selected value.`}\n                                                                            onChange={value => {\n                                                                                onSelectedChange({\n                                                                                    form,\n                                                                                    bind,\n                                                                                    field,\n                                                                                    index,\n                                                                                    value\n                                                                                });\n                                                                            }}\n                                                                        />\n                                                                    </Bind>\n                                                                </div>\n                                                            </Grid.Column>\n\n                                                            <Grid.Column span={2}>\n                                                                <div\n                                                                    className={\n                                                                        \"flex justify-end items-end gap-sm h-full py-sm-plus\"\n                                                                    }\n                                                                >\n                                                                    <IconButton\n                                                                        variant={\"primary\"}\n                                                                        size={\"sm\"}\n                                                                        icon={\n                                                                            <Icon\n                                                                                label={\"Add\"}\n                                                                                icon={<AddIcon />}\n                                                                            />\n                                                                        }\n                                                                        onClick={actions.add(index)}\n                                                                    />\n                                                                    <IconButton\n                                                                        variant={\"secondary\"}\n                                                                        size={\"sm\"}\n                                                                        icon={\n                                                                            <Icon\n                                                                                label={\"Remove\"}\n                                                                                icon={\n                                                                                    <RemoveIcon />\n                                                                                }\n                                                                            />\n                                                                        }\n                                                                        onClick={actions.remove(\n                                                                            index\n                                                                        )}\n                                                                    />\n                                                                </div>\n                                                            </Grid.Column>\n                                                        </Grid>\n                                                    </div>\n                                                );\n                                            })}\n                                            {empty(() => {\n                                                return (\n                                                    <React.Fragment>\n                                                        <Header>\n                                                            <Text>{t`Predefined values`}</Text>\n                                                        </Header>\n\n                                                        <Grid className={\"text-center\"}>\n                                                            <Grid.Column span={12}>\n                                                                <Text>{t`There are no predefined values available.`}</Text>\n                                                            </Grid.Column>\n                                                            <Grid.Column span={12}>\n                                                                <Button\n                                                                    onClick={actions.add()}\n                                                                    text={t`Add a predefined value`}\n                                                                />\n                                                            </Grid.Column>\n                                                        </Grid>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {header(() => (\n                                                <Header>\n                                                    <Text>{t`Predefined values`}</Text>\n                                                </Header>\n                                            ))}\n                                        </React.Fragment>\n                                    );\n                                }}\n                            </DynamicFieldset>\n                        );\n                    }}\n                </Bind>\n            </Grid.Column>\n        </Grid>\n    );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"names":["t","i18n","Header","props","onSelectedChange","params","form","bind","field","targetIndex","setToValue","value","index","defaultValue","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","useModelField","useForm","Grid","DynamicFieldset","actions","header","row","empty","React","Input","Switch","IconButton","Icon","AddIcon","RemoveIcon","Text","Button"],"mappings":";;;;;;;AAmBA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,SAAS,CAACC,QACL,WAAP,GAAO,oBAAC;QAAI,WAAW;QAA+B,GAAGA,KAAK;;AAclE,MAAMC,mBAAmB,CAACC;IACtB,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,OAAOC,WAAW,EAAE,OAAOC,UAAU,EAAE,GAAGL;IAErEC,KAAK,QAAQ,CACT,2BACAC,KAAK,KAAK,CAAC,GAAG,CAAC,CAACI,OAAwBC;QACpC,MAAMC,eAAeL,MAAM,IAAI,GAAGG,MAAM,QAAQ,GAAG;QACnD,OAAO;YACH,GAAGA,KAAK;YACR,UAAUC,UAAUH,cAAcC,aAAaG;QACnD;IACJ;AAER;AAMA,MAAMC,kCAAkC,CAAC,EACrCC,OAAO,EACPC,mBAAmB,IAAI,EACY;IACnC,MAAMC,OAAOF;IACb,MAAM,EAAEP,KAAK,EAAE,GAAGU;IAClB,MAAMZ,OAAOa;IAEb,OAAO,WAAP,GACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACH,MAAAA,MACIV,CAAAA,OACU,WAAP,GACI,oBAACc,iBAAoBd,MAChB,CAAC,EAAEe,OAAO,EAAEC,MAAM,EAAEC,GAAG,EAAEC,KAAK,EAAE,GACtB,WAAP,GACI,oBAACC,MAAAA,QAAc,QACVF,IAAI,CAAC,EAAEZ,KAAK,EAAE;gBACX,MAAMK,OAAOF,QAAQH;gBAErB,OAAO,WAAP,GACI,oBAAC;oBAAI,WAAW;iCACZ,oBAACQ,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;oBAAC,MAAM;iCACf,oBAACH,MAAAA;oBAAK,MAAM;iCACR,oBAACU,OAAKA;oBACF,OAAO3B,CAAC,CAAC,KAAK,CAAC;oBACf,MAAM;oCAIlB,oBAACoB,KAAK,MAAM;oBAAC,MAAM;mBACdJ,mBACGA,iBAAiBC,QAAAA,WAAAA,GAEjB,oBAACA,MAAAA;oBAAK,MAAM;iCACR,oBAACU,OAAKA;oBACF,OAAO3B,CAAC,CAAC,KAAK,CAAC;oBACf,MAAM;oCAKtB,oBAACoB,KAAK,MAAM;oBAAC,MAAM;iCACf,oBAAC;oBACG,WACI;iCAGJ,oBAACH,MAAAA;oBAAK,MAAM;iCACR,oBAACW,QAAMA;oBACH,OAAO5B,CAAC,CAAC,QAAQ,CAAC;oBAClB,aAAaA,CAAC,CAAC,uBAAuB,CAAC;oBACvC,UAAUW,CAAAA;wBACNP,iBAAiB;4BACbE;4BACAC;4BACAC;4BACAI;4BACAD;wBACJ;oBACJ;qCAMhB,oBAACS,KAAK,MAAM;oBAAC,MAAM;iCACf,oBAAC;oBACG,WACI;iCAGJ,oBAACS,YAAUA;oBACP,SAAS;oBACT,MAAM;oBACN,oBACI,oBAACC,MAAIA;wBACD,OAAO;wBACP,oBAAM,oBAACC,gBAAOA;;oBAGtB,SAAST,QAAQ,GAAG,CAACV;kCAEzB,oBAACiB,YAAUA;oBACP,SAAS;oBACT,MAAM;oBACN,oBACI,oBAACC,MAAIA;wBACD,OAAO;wBACP,oBACI,oBAACE,2BAAUA;;oBAIvB,SAASV,QAAQ,MAAM,CACnBV;;YAQhC,IACCa,MAAM,IACI,WAAP,GACI,oBAACC,MAAAA,QAAc,sBACX,oBAACxB,QAAMA,MAAAA,WAAAA,GACH,oBAAC+B,MAAIA,MAAEjC,CAAC,CAAC,iBAAiB,CAAC,kBAG/B,oBAACoB,MAAIA;oBAAC,WAAW;iCACb,oBAACA,KAAK,MAAM;oBAAC,MAAM;iCACf,oBAACa,MAAIA,MAAEjC,CAAC,CAAC,yCAAyC,CAAC,kBAEvD,oBAACoB,KAAK,MAAM;oBAAC,MAAM;iCACf,oBAACc,QAAMA;oBACH,SAASZ,QAAQ,GAAG;oBACpB,MAAMtB,CAAC,CAAC,sBAAsB,CAAC;wBAOtDuB,OAAO,kBACJ,oBAACrB,QAAMA,MAAAA,WAAAA,GACH,oBAAC+B,MAAIA,MAAEjC,CAAC,CAAC,iBAAiB,CAAC;AAa/E;AAEA,+CAAec"}

package/admin/plugins/fields/boolean.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldTypePlugin } from "../../../types.js";
-declare const plugin: CmsModelFieldTypePlugin;
-export default plugin;

package/admin/plugins/fields/boolean.js

@@ -1,65 +0,0 @@
-import react from "react";
-import { ReactComponent } from "@webiny/icons/toggle_on.svg";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { Bind } from "@webiny/form";
-import { Grid, RadioGroup } from "@webiny/admin-ui";
-const t = i18n.ns("app-headless-cms/admin/fields");
-const Options = ({ onChange, value: initialValue })=>{
-    const value = true === initialValue || "true" === initialValue;
-    return /*#__PURE__*/ react.createElement(RadioGroup, {
-        label: "Default value",
-        value: String(value),
-        onChange: (value)=>{
-            onChange("true" === value);
-        },
-        items: [
-            {
-                value: "true",
-                label: "True"
-            },
-            {
-                value: "false",
-                label: "False"
-            }
-        ]
-    });
-};
-const boolean_plugin = {
-    type: "cms-editor-field-type",
-    name: "cms-editor-field-type-boolean",
-    field: {
-        type: "boolean",
-        label: t`Boolean`,
-        description: t`Store boolean ("yes" or "no" ) values.`,
-        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-        allowList: false,
-        allowPredefinedValues: false,
-        listLabel: t`Use as a list of booleans`,
-        createField () {
-            return {
-                type: this.type,
-                validation: [],
-                renderer: {
-                    name: ""
-                },
-                settings: {
-                    defaultValue: false
-                }
-            };
-        },
-        renderSettings () {
-            return /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
-                span: 12
-            }, /*#__PURE__*/ react.createElement(Bind, {
-                name: "settings.defaultValue"
-            }, (bind)=>/*#__PURE__*/ react.createElement(Options, {
-                    onChange: bind.onChange,
-                    value: bind.value
-                }))));
-        }
-    }
-};
-const fields_boolean = boolean_plugin;
-export default fields_boolean;
-
-//# sourceMappingURL=boolean.js.map

package/admin/plugins/fields/boolean.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fields/boolean.js","sources":["../../../../src/admin/plugins/fields/boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"@webiny/icons/toggle_on.svg\";\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, RadioGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\ninterface OptionsProps {\n    onChange: (value: boolean) => void;\n    value?: boolean | \"true\" | \"false\";\n}\n\nconst Options = ({ onChange, value: initialValue }: OptionsProps) => {\n    const value = initialValue === true || initialValue === \"true\";\n\n    return (\n        <RadioGroup\n            label={\"Default value\"}\n            value={String(value)}\n            onChange={value => {\n                onChange(value === \"true\");\n            }}\n            items={[\n                { value: \"true\", label: \"True\" },\n                { value: \"false\", label: \"False\" }\n            ]}\n        />\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-boolean\",\n    field: {\n        type: \"boolean\",\n        label: t`Boolean`,\n        description: t`Store boolean (\"yes\" or \"no\" ) values.`,\n        icon: <BooleanIcon />,\n        allowList: false,\n        allowPredefinedValues: false,\n        listLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                },\n                settings: {\n                    defaultValue: false\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Grid.Column span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            {bind => {\n                                return <Options onChange={bind.onChange} value={bind.value} />;\n                            }}\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","Options","onChange","initialValue","value","RadioGroup","String","plugin","BooleanIcon","Grid","Bind","bind"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOlB,MAAMC,UAAU,CAAC,EAAEC,QAAQ,EAAE,OAAOC,YAAY,EAAgB;IAC5D,MAAMC,QAAQD,AAAiB,SAAjBA,gBAAyBA,AAAiB,WAAjBA;IAEvC,OAAO,WAAP,GACI,oBAACE,YAAUA;QACP,OAAO;QACP,OAAOC,OAAOF;QACd,UAAUA,CAAAA;YACNF,SAASE,AAAU,WAAVA;QACb;QACA,OAAO;YACH;gBAAE,OAAO;gBAAQ,OAAO;YAAO;YAC/B;gBAAE,OAAO;gBAAS,OAAO;YAAQ;SACpC;;AAGb;AAEA,MAAMG,iBAAkC;IACpC,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAOR,CAAC,CAAC,OAAO,CAAC;QACjB,aAAaA,CAAC,CAAC,sCAAsC,CAAC;QACtD,MAAM,WAAN,GAAM,oBAACS,gBAAWA;QAClB,WAAW;QACX,uBAAuB;QACvB,WAAWT,CAAC,CAAC,yBAAyB,CAAC;QACvC;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,YAAY,EAAE;gBACd,UAAU;oBACN,MAAM;gBACV;gBACA,UAAU;oBACN,cAAc;gBAClB;YACJ;QACJ;QACA;YACI,OAAO,WAAP,GACI,oBAACU,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;gBAAC,MAAM;6BACf,oBAACC,MAAIA;gBAAC,MAAM;eACPC,CAAAA,OACU,WAAP,GAAO,oBAACV,SAAOA;oBAAC,UAAUU,KAAK,QAAQ;oBAAE,OAAOA,KAAK,KAAK;;QAMlF;IACJ;AACJ;AAEA,uBAAeJ"}

package/admin/plugins/fields/dateTime.d.ts

@@ -1,3 +0,0 @@
-import type { CmsModelFieldTypePlugin } from "../../../types.js";
-declare const plugin: CmsModelFieldTypePlugin;
-export default plugin;

package/admin/plugins/fields/dateTime.js

@@ -1,92 +0,0 @@
-import react from "react";
-import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent } from "./icons/schedule-black-24px.js";
-import { Bind } from "@webiny/form";
-import { Grid, Label, Select } from "@webiny/admin-ui";
-const t = i18n.ns("app-headless-cms/admin/fields");
-const DateTimeSettings = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 6
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "settings.type"
-    }, /*#__PURE__*/ react.createElement(Select, {
-        label: /*#__PURE__*/ react.createElement(Label, {
-            text: t`Format`,
-            description: t`(cannot be changed later)`
-        }),
-        options: [
-            {
-                value: "date",
-                label: t`Date only`
-            },
-            {
-                value: "time",
-                label: t`Time only`
-            },
-            {
-                value: "dateTimeWithTimezone",
-                label: t`Date and time with timezone`
-            },
-            {
-                value: "dateTimeWithoutTimezone",
-                label: t`Date and time without timezone`
-            }
-        ],
-        size: "lg"
-    }))), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 6
-    }, /*#__PURE__*/ react.createElement(Bind, {
-        name: "settings.defaultSetValue"
-    }, /*#__PURE__*/ react.createElement(Select, {
-        label: /*#__PURE__*/ react.createElement(Label, {
-            text: t`Default Admin UI value`,
-            hint: t`Affects the Admin UI only`
-        }),
-        options: [
-            {
-                value: t`null`,
-                label: t`Leave empty (null value)`
-            },
-            {
-                value: t`current`,
-                label: t`Current date/time`
-            }
-        ],
-        size: "lg"
-    })))));
-const dateTime_plugin = {
-    type: "cms-editor-field-type",
-    name: "cms-editor-field-type-dateTime",
-    field: {
-        type: "datetime",
-        label: t`Date/Time`,
-        description: t`Store date and time.`,
-        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
-        validators: [
-            "required",
-            "dateGte",
-            "dateLte"
-        ],
-        allowList: true,
-        allowPredefinedValues: false,
-        listLabel: t`Use as a list of dates and times`,
-        createField () {
-            return {
-                type: this.type,
-                settings: {
-                    type: "date"
-                },
-                validation: [],
-                renderer: {
-                    name: ""
-                }
-            };
-        },
-        renderSettings () {
-            return /*#__PURE__*/ react.createElement(DateTimeSettings, null);
-        }
-    }
-};
-const dateTime = dateTime_plugin;
-export default dateTime;
-
-//# sourceMappingURL=dateTime.js.map

package/admin/plugins/fields/dateTime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fields/dateTime.js","sources":["../../../../src/admin/plugins/fields/dateTime.tsx"],"sourcesContent":["import React from \"react\";\n\nimport type { CmsModelFieldTypePlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DateTimeIcon } from \"./icons/schedule-black-24px.svg\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Label, Select } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst DateTimeSettings = () => {\n    return (\n        <>\n            <Grid>\n                <Grid.Column span={6}>\n                    <Bind name={\"settings.type\"}>\n                        <Select\n                            label={\n                                <Label\n                                    text={t`Format`}\n                                    description={t`(cannot be changed later)`}\n                                />\n                            }\n                            options={[\n                                { value: \"date\", label: t`Date only` },\n                                { value: \"time\", label: t`Time only` },\n                                {\n                                    value: \"dateTimeWithTimezone\",\n                                    label: t`Date and time with timezone`\n                                },\n                                {\n                                    value: \"dateTimeWithoutTimezone\",\n                                    label: t`Date and time without timezone`\n                                }\n                            ]}\n                            size={\"lg\"}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind name={\"settings.defaultSetValue\"}>\n                        <Select\n                            label={\n                                <Label\n                                    text={t`Default Admin UI value`}\n                                    hint={t`Affects the Admin UI only`}\n                                />\n                            }\n                            options={[\n                                { value: t`null`, label: t`Leave empty (null value)` },\n                                { value: t`current`, label: t`Current date/time` }\n                            ]}\n                            size={\"lg\"}\n                        />\n                    </Bind>\n                </Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dateTime\",\n    field: {\n        type: \"datetime\",\n        label: t`Date/Time`,\n        description: t`Store date and time.`,\n        icon: <DateTimeIcon />,\n        validators: [\"required\", \"dateGte\", \"dateLte\"],\n        allowList: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        listLabel: t`Use as a list of dates and times`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    type: \"date\"\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <DateTimeSettings />;\n        }\n    }\n};\n\nexport default plugin;\n"],"names":["t","i18n","DateTimeSettings","Grid","Bind","Select","Label","plugin","DateTimeIcon"],"mappings":";;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAElB,MAAMC,mBAAmB,IACd,WAAP,GACI,wDACI,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,QAAMA;QACH,qBACI,oBAACC,OAAKA;YACF,MAAMN,CAAC,CAAC,MAAM,CAAC;YACf,aAAaA,CAAC,CAAC,yBAAyB,CAAC;;QAGjD,SAAS;YACL;gBAAE,OAAO;gBAAQ,OAAOA,CAAC,CAAC,SAAS,CAAC;YAAC;YACrC;gBAAE,OAAO;gBAAQ,OAAOA,CAAC,CAAC,SAAS,CAAC;YAAC;YACrC;gBACI,OAAO;gBACP,OAAOA,CAAC,CAAC,2BAA2B,CAAC;YACzC;YACA;gBACI,OAAO;gBACP,OAAOA,CAAC,CAAC,8BAA8B,CAAC;YAC5C;SACH;QACD,MAAM;wBAIlB,oBAACG,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,MAAIA;QAAC,MAAM;qBACR,oBAACC,QAAMA;QACH,qBACI,oBAACC,OAAKA;YACF,MAAMN,CAAC,CAAC,sBAAsB,CAAC;YAC/B,MAAMA,CAAC,CAAC,yBAAyB,CAAC;;QAG1C,SAAS;YACL;gBAAE,OAAOA,CAAC,CAAC,IAAI,CAAC;gBAAE,OAAOA,CAAC,CAAC,wBAAwB,CAAC;YAAC;YACrD;gBAAE,OAAOA,CAAC,CAAC,OAAO,CAAC;gBAAE,OAAOA,CAAC,CAAC,iBAAiB,CAAC;YAAC;SACpD;QACD,MAAM;;AASlC,MAAMO,kBAAkC;IACpC,MAAM;IACN,MAAM;IACN,OAAO;QACH,MAAM;QACN,OAAOP,CAAC,CAAC,SAAS,CAAC;QACnB,aAAaA,CAAC,CAAC,oBAAoB,CAAC;QACpC,MAAM,WAAN,GAAM,oBAACQ,gBAAYA;QACnB,YAAY;YAAC;YAAY;YAAW;SAAU;QAC9C,WAAW;QACX,uBAAuB;QACvB,WAAWR,CAAC,CAAC,gCAAgC,CAAC;QAC9C;YACI,OAAO;gBACH,MAAM,IAAI,CAAC,IAAI;gBACf,UAAU;oBACN,MAAM;gBACV;gBACA,YAAY,EAAE;gBACd,UAAU;oBACN,MAAM;gBACV;YACJ;QACJ;QACA;YACI,OAAO,WAAP,GAAO,oBAACE,kBAAgBA;QAC5B;IACJ;AACJ;AAEA,iBAAeK"}

package/admin/plugins/fields/dynamicZone/AddTemplate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fields/dynamicZone/AddTemplate.js","sources":["../../../../../src/admin/plugins/fields/dynamicZone/AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { TemplateDialog } from \"./TemplateDialog.js\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as AddCircleIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport { Button, Text, IconButton, Link, Tooltip } from \"@webiny/admin-ui\";\n\ninterface AddTemplateProps {\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showTemplateDialog, setShowTemplateDialog] = useState(false);\n\n    const addTemplate = () => {\n        setShowTemplateDialog(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n    };\n\n    const onDialogClose = () => {\n        setShowTemplateDialog(false);\n    };\n\n    return {\n        addTemplate,\n        onTemplate,\n        onDialogClose,\n        showTemplateDialog\n    };\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div\n            className={\n                \"flex flex-col px-xl pt-xl pb-lg gap-sm border-sm border-neutral-muted rounded\"\n            }\n        >\n            <div className={\"w-full text-center\"}>\n                {showTemplateDialog ? (\n                    <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n                ) : null}\n                <Button\n                    size={\"sm\"}\n                    variant={\"secondary\"}\n                    onClick={addTemplate}\n                    text={\"Add template\"}\n                    icon={<AddIcon />}\n                />\n            </div>\n            <div className={\"flex items-center justify-center gap-xs w-full mx-auto text-center\"}>\n                <Text size={\"sm\"} className={\"text-neutral-strong\"}>\n                    <Link\n                        to={\"http://webiny.link/admin/how-to-use/dynamic-zones\"}\n                        target={\"_blank\"}\n                    >\n                        Learn how\n                    </Link>{\" \"}\n                    templates and dynamic zones work.\n                </Text>\n            </div>\n        </div>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div className={\"w-full text-center mt-md\"}>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <Tooltip\n                content={\"Add template\"}\n                trigger={\n                    <IconButton\n                        onClick={addTemplate}\n                        icon={<AddCircleIcon />}\n                        size={\"lg\"}\n                        variant={\"ghost\"}\n                    />\n                }\n            />\n        </div>\n    );\n};\n"],"names":["useAddTemplate","params","showTemplateDialog","setShowTemplateDialog","useState","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","TemplateDialog","Button","AddIcon","Text","Link","AddTemplateIcon","Tooltip","IconButton","AddCircleIcon"],"mappings":";;;;;AAeA,SAASA,eAAeC,MAA4B;IAChD,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGC,SAAS;IAE7D,MAAMC,cAAc;QAChBF,sBAAsB;IAC1B;IAEA,MAAMG,aAAa,CAACC;QAChBN,OAAO,UAAU,CAACM;IACtB;IAEA,MAAMC,gBAAgB;QAClBL,sBAAsB;IAC1B;IAEA,OAAO;QACHE;QACAC;QACAE;QACAN;IACJ;AACJ;AAEO,MAAMO,oBAAoB,CAACC;IAC9B,MAAM,EAAEL,WAAW,EAAEC,UAAU,EAAEJ,kBAAkB,EAAEM,aAAa,EAAE,GAAGR,eAAe;QAClF,YAAYU,MAAM,UAAU;IAChC;IAEA,OAAO,WAAP,GACI,oBAAC;QACG,WACI;qBAGJ,oBAAC;QAAI,WAAW;OACXR,qBAAqB,WAArBA,GACG,oBAACS,gBAAcA;QAAC,YAAYL;QAAY,SAASE;SACjD,oBACJ,oBAACI,QAAMA;QACH,MAAM;QACN,SAAS;QACT,SAASP;QACT,MAAM;QACN,oBAAM,oBAACQ,gBAAOA;uBAGtB,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;qBACzB,oBAACC,MAAIA;QACD,IAAI;QACJ,QAAQ;OACX,cAEO,KAAI;AAMhC;AAEO,MAAMC,kBAAkB,CAACN;IAC5B,MAAM,EAAEL,WAAW,EAAEC,UAAU,EAAEJ,kBAAkB,EAAEM,aAAa,EAAE,GAAGR,eAAe;QAClF,YAAYU,MAAM,UAAU;IAChC;IAEA,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXR,qBAAqB,WAArBA,GACG,oBAACS,gBAAcA;QAAC,YAAYL;QAAY,SAASE;SACjD,oBACJ,oBAACS,SAAOA;QACJ,SAAS;QACT,uBACI,oBAACC,YAAUA;YACP,SAASb;YACT,oBAAM,oBAACc,uCAAaA;YACpB,MAAM;YACN,SAAS;;;AAMjC"}

package/admin/plugins/fields/dynamicZone/DynamicZone.js

@@ -1,52 +0,0 @@
-import react, { useEffect, useRef } from "react";
-import { Accordion } from "@webiny/admin-ui";
-import { AddTemplateButton, AddTemplateIcon } from "./AddTemplate.js";
-import { DynamicZoneTemplate } from "./DynamicZoneTemplate.js";
-import { useModelField, useModelFieldEditor } from "../../../hooks/index.js";
-function updateOrCreateTemplate(templates, template) {
-    const templateIndex = templates.findIndex((tpl)=>tpl.id === template.id);
-    if (templateIndex > -1) return [
-        ...templates.slice(0, templateIndex),
-        template,
-        ...templates.slice(templateIndex + 1)
-    ];
-    return [
-        ...templates,
-        template
-    ];
-}
-const DynamicZone = ()=>{
-    const { field } = useModelField();
-    const { updateField } = useModelFieldEditor();
-    const newTemplateId = useRef(void 0);
-    const templates = field.settings?.templates || [];
-    const onTemplate = (template)=>{
-        const templates = field.settings?.templates || [];
-        newTemplateId.current = template.id;
-        updateField({
-            ...field,
-            settings: {
-                ...field.settings || {},
-                templates: updateOrCreateTemplate(templates, template)
-            }
-        });
-    };
-    useEffect(()=>{
-        newTemplateId.current = void 0;
-    }, []);
-    return /*#__PURE__*/ react.createElement(react.Fragment, null, templates.length ? /*#__PURE__*/ react.createElement(Accordion, null, templates.map((template, index)=>/*#__PURE__*/ react.createElement(DynamicZoneTemplate, {
-            key: template.id,
-            open: template.id === newTemplateId.current,
-            index: index,
-            field: field,
-            template: template,
-            onChange: updateField
-        }))) : null, templates.length ? /*#__PURE__*/ react.createElement(AddTemplateIcon, {
-        onTemplate: onTemplate
-    }) : /*#__PURE__*/ react.createElement(AddTemplateButton, {
-        onTemplate: onTemplate
-    }));
-};
-export { DynamicZone };
-
-//# sourceMappingURL=DynamicZone.js.map

package/admin/plugins/fields/dynamicZone/DynamicZone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"admin/plugins/fields/dynamicZone/DynamicZone.js","sources":["../../../../../src/admin/plugins/fields/dynamicZone/DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate.js\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate.js\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks/index.js\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"names":["updateOrCreateTemplate","templates","template","templateIndex","tpl","DynamicZone","field","useModelField","updateField","useModelFieldEditor","newTemplateId","useRef","undefined","onTemplate","useEffect","Accordion","index","DynamicZoneTemplate","AddTemplateIcon","AddTemplateButton"],"mappings":";;;;;AAOA,SAASA,uBACLC,SAAmC,EACnCC,QAAgC;IAEhC,MAAMC,gBAAgBF,UAAU,SAAS,CAACG,CAAAA,MAAOA,IAAI,EAAE,KAAKF,SAAS,EAAE;IAEvE,IAAIC,gBAAgB,IAChB,OAAO;WACAF,UAAU,KAAK,CAAC,GAAGE;QACtBD;WACGD,UAAU,KAAK,CAACE,gBAAgB;KACtC;IAGL,OAAO;WAAIF;QAAWC;KAAS;AACnC;AAEO,MAAMG,cAAc;IACvB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAMC,gBAAgBC,OAA2BC;IAEjD,MAAMX,YAAsCK,MAAM,QAAQ,EAAE,aAAa,EAAE;IAE3E,MAAMO,aAAa,CAACX;QAChB,MAAMD,YAAYK,MAAM,QAAQ,EAAE,aAAa,EAAE;QAEjDI,cAAc,OAAO,GAAGR,SAAS,EAAE;QAEnCM,YAAY;YACR,GAAGF,KAAK;YACR,UAAU;gBACN,GAAIA,MAAM,QAAQ,IAAI,CAAC,CAAC;gBACxB,WAAWN,uBAAuBC,WAAWC;YACjD;QACJ;IACJ;IAEAY,UAAU;QAENJ,cAAc,OAAO,GAAGE;IAC5B,GAAG,EAAE;IAEL,OAAO,WAAP,GACI,0CACKX,UAAU,MAAM,GAAG,WAAH,GACb,oBAACc,WAASA,MACLd,UAAU,GAAG,CAAC,CAACC,UAAUc,QAAAA,WAAAA,GACtB,oBAACC,qBAAmBA;YAChB,KAAKf,SAAS,EAAE;YAChB,MAAMA,SAAS,EAAE,KAAKQ,cAAc,OAAO;YAC3C,OAAOM;YACP,OAAOV;YACP,UAAUJ;YACV,UAAUM;eAItB,MACHP,UAAU,MAAM,GAAG,WAAH,GACb,oBAACiB,iBAAeA;QAAC,YAAYL;uBAE7B,oBAACM,mBAAiBA;QAAC,YAAYN;;AAI/C"}