@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","AddIcon","RemoveIcon","i18n","useForm","useModelField","Button","DynamicFieldset","Grid","Icon","IconButton","Input","Switch","Text","t","ns","Header","props","createElement","Object","assign","className","onSelectedChange","params","form","bind","field","index","targetIndex","value","setToValue","setValue","map","defaultValue","list","selected","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","Column","span","actions","header","row","empty","Fragment","name","label","size","description","onChange","variant","icon","onClick","add","remove","text"],"sources":["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"],"mappings":"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","ignoreList":[]}
+{"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":"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"}

package/admin/plugins/fields/boolean.js

@@ -1,66 +1,65 @@
-import React from "react";
-import { ReactComponent as BooleanIcon } from "@webiny/icons/toggle_on.svg";
+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 = initialValue === true || initialValue === "true";
-  return /*#__PURE__*/React.createElement(RadioGroup, {
-    label: "Default value",
-    value: String(value),
-    onChange: value => {
-      onChange(value === "true");
-    },
-    items: [{
-      value: "true",
-      label: "True"
-    }, {
-      value: "false",
-      label: "False"
-    }]
-  });
+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 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(BooleanIcon, null),
-    allowList: false,
-    allowPredefinedValues: false,
-    listLabel: t`Use as a list of booleans`,
-    createField() {
-      return {
-        type: this.type,
-        validation: [],
-        renderer: {
-          name: ""
+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
+                }
+            };
         },
-        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
+                }))));
         }
-      };
-    },
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "settings.defaultValue"
-      }, bind => {
-        return /*#__PURE__*/React.createElement(Options, {
-          onChange: bind.onChange,
-          value: bind.value
-        });
-      })));
     }
-  }
 };
-export default plugin;
+const fields_boolean = boolean_plugin;
+export default fields_boolean;
 
 //# sourceMappingURL=boolean.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","BooleanIcon","i18n","Bind","Grid","RadioGroup","t","ns","Options","onChange","value","initialValue","createElement","label","String","items","plugin","type","name","field","description","icon","allowList","allowPredefinedValues","listLabel","createField","validation","renderer","settings","defaultValue","renderSettings","Column","span","bind"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,WAAW,QAAQ,6BAA6B;AAE3E,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,kBAAkB;AAEnD,MAAMC,CAAC,GAAGJ,IAAI,CAACK,EAAE,CAAC,+BAA+B,CAAC;AAOlD,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,EAAEC;AAA2B,CAAC,KAAK;EACjE,MAAMD,KAAK,GAAGC,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,MAAM;EAE9D,oBACIZ,KAAA,CAAAa,aAAA,CAACP,UAAU;IACPQ,KAAK,EAAE,eAAgB;IACvBH,KAAK,EAAEI,MAAM,CAACJ,KAAK,CAAE;IACrBD,QAAQ,EAAEC,KAAK,IAAI;MACfD,QAAQ,CAACC,KAAK,KAAK,MAAM,CAAC;IAC9B,CAAE;IACFK,KAAK,EAAE,CACH;MAAEL,KAAK,EAAE,MAAM;MAAEG,KAAK,EAAE;IAAO,CAAC,EAChC;MAAEH,KAAK,EAAE,OAAO;MAAEG,KAAK,EAAE;IAAQ,CAAC;EACpC,CACL,CAAC;AAEV,CAAC;AAED,MAAMG,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,+BAA+B;EACrCC,KAAK,EAAE;IACHF,IAAI,EAAE,SAAS;IACfJ,KAAK,EAAEP,CAAC,SAAS;IACjBc,WAAW,EAAEd,CAAC,wCAAwC;IACtDe,IAAI,eAAEtB,KAAA,CAAAa,aAAA,CAACX,WAAW,MAAE,CAAC;IACrBqB,SAAS,EAAE,KAAK;IAChBC,qBAAqB,EAAE,KAAK;IAC5BC,SAAS,EAAElB,CAAC,2BAA2B;IACvCmB,WAAWA,CAAA,EAAG;MACV,OAAO;QACHR,IAAI,EAAE,IAAI,CAACA,IAAI;QACfS,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNT,IAAI,EAAE;QACV,CAAC;QACDU,QAAQ,EAAE;UACNC,YAAY,EAAE;QAClB;MACJ,CAAC;IACL,CAAC;IACDC,cAAcA,CAAA,EAAG;MACb,oBACI/B,KAAA,CAAAa,aAAA,CAACR,IAAI,qBACDL,KAAA,CAAAa,aAAA,CAACR,IAAI,CAAC2B,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClBjC,KAAA,CAAAa,aAAA,CAACT,IAAI;QAACe,IAAI,EAAE;MAAwB,GAC/Be,IAAI,IAAI;QACL,oBAAOlC,KAAA,CAAAa,aAAA,CAACJ,OAAO;UAACC,QAAQ,EAAEwB,IAAI,CAACxB,QAAS;UAACC,KAAK,EAAEuB,IAAI,CAACvB;QAAM,CAAE,CAAC;MAClE,CACE,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAeM,MAAM","ignoreList":[]}
+{"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.js

@@ -1,82 +1,92 @@
-import React from "react";
+import react from "react";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { ReactComponent as DateTimeIcon } from "./icons/schedule-black-24px.svg";
+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 = () => {
-  return /*#__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 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(DateTimeIcon, null),
-    validators: ["required", "dateGte", "dateLte"],
-    allowList: true,
-    allowPredefinedValues: false,
-    // TODO: implement "renderPredefinedValues" and set to true.
-    listLabel: t`Use as a list of dates and times`,
-    createField() {
-      return {
-        type: this.type,
-        settings: {
-          type: "date"
+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: ""
+                }
+            };
         },
-        validation: [],
-        renderer: {
-          name: ""
+        renderSettings () {
+            return /*#__PURE__*/ react.createElement(DateTimeSettings, null);
         }
-      };
-    },
-    renderSettings() {
-      return /*#__PURE__*/React.createElement(DateTimeSettings, null);
     }
-  }
 };
-export default plugin;
+const dateTime = dateTime_plugin;
+export default dateTime;
 
 //# sourceMappingURL=dateTime.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","i18n","ReactComponent","DateTimeIcon","Bind","Grid","Label","Select","t","ns","DateTimeSettings","createElement","Fragment","Column","span","name","label","text","description","options","value","size","hint","plugin","type","field","icon","validators","allowList","allowPredefinedValues","listLabel","createField","settings","validation","renderer","renderSettings"],"sources":["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"],"mappings":"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","ignoreList":[]}
+{"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

@@ -1,81 +1,72 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { TemplateDialog } from "./TemplateDialog.js";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as AddCircleIcon } from "@webiny/icons/add_circle_outline.svg";
-import { Button, Text, IconButton, Link, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as add_circle_outline_svg_ReactComponent } from "@webiny/icons/add_circle_outline.svg";
+import { Button, IconButton, Link, Text, Tooltip } from "@webiny/admin-ui";
 function useAddTemplate(params) {
-  const [showTemplateDialog, setShowTemplateDialog] = useState(false);
-  const addTemplate = () => {
-    setShowTemplateDialog(true);
-  };
-  const onTemplate = template => {
-    params.onTemplate(template);
-  };
-  const onDialogClose = () => {
-    setShowTemplateDialog(false);
-  };
-  return {
-    addTemplate,
-    onTemplate,
-    onDialogClose,
-    showTemplateDialog
-  };
+    const [showTemplateDialog, setShowTemplateDialog] = useState(false);
+    const addTemplate = ()=>{
+        setShowTemplateDialog(true);
+    };
+    const onTemplate = (template)=>{
+        params.onTemplate(template);
+    };
+    const onDialogClose = ()=>{
+        setShowTemplateDialog(false);
+    };
+    return {
+        addTemplate,
+        onTemplate,
+        onDialogClose,
+        showTemplateDialog
+    };
 }
-export const AddTemplateButton = props => {
-  const {
-    addTemplate,
-    onTemplate,
-    showTemplateDialog,
-    onDialogClose
-  } = useAddTemplate({
-    onTemplate: props.onTemplate
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col px-xl pt-xl pb-lg gap-sm border-sm border-neutral-muted rounded"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "w-full text-center"
-  }, showTemplateDialog ? /*#__PURE__*/React.createElement(TemplateDialog, {
-    onTemplate: onTemplate,
-    onClose: onDialogClose
-  }) : null, /*#__PURE__*/React.createElement(Button, {
-    size: "sm",
-    variant: "secondary",
-    onClick: addTemplate,
-    text: "Add template",
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-center gap-xs w-full mx-auto text-center"
-  }, /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "text-neutral-strong"
-  }, /*#__PURE__*/React.createElement(Link, {
-    to: "http://webiny.link/admin/how-to-use/dynamic-zones",
-    target: "_blank"
-  }, "Learn how"), " ", "templates and dynamic zones work.")));
+const AddTemplateButton = (props)=>{
+    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({
+        onTemplate: props.onTemplate
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col px-xl pt-xl pb-lg gap-sm border-sm border-neutral-muted rounded"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-full text-center"
+    }, showTemplateDialog ? /*#__PURE__*/ react.createElement(TemplateDialog, {
+        onTemplate: onTemplate,
+        onClose: onDialogClose
+    }) : null, /*#__PURE__*/ react.createElement(Button, {
+        size: "sm",
+        variant: "secondary",
+        onClick: addTemplate,
+        text: "Add template",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-center gap-xs w-full mx-auto text-center"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, /*#__PURE__*/ react.createElement(Link, {
+        to: "http://webiny.link/admin/how-to-use/dynamic-zones",
+        target: "_blank"
+    }, "Learn how"), " ", "templates and dynamic zones work.")));
 };
-export const AddTemplateIcon = props => {
-  const {
-    addTemplate,
-    onTemplate,
-    showTemplateDialog,
-    onDialogClose
-  } = useAddTemplate({
-    onTemplate: props.onTemplate
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-full text-center mt-md"
-  }, showTemplateDialog ? /*#__PURE__*/React.createElement(TemplateDialog, {
-    onTemplate: onTemplate,
-    onClose: onDialogClose
-  }) : null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: "Add template",
-    trigger: /*#__PURE__*/React.createElement(IconButton, {
-      onClick: addTemplate,
-      icon: /*#__PURE__*/React.createElement(AddCircleIcon, null),
-      size: "lg",
-      variant: "ghost"
-    })
-  }));
+const AddTemplateIcon = (props)=>{
+    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({
+        onTemplate: props.onTemplate
+    });
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full text-center mt-md"
+    }, showTemplateDialog ? /*#__PURE__*/ react.createElement(TemplateDialog, {
+        onTemplate: onTemplate,
+        onClose: onDialogClose
+    }) : null, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: "Add template",
+        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+            onClick: addTemplate,
+            icon: /*#__PURE__*/ react.createElement(add_circle_outline_svg_ReactComponent, null),
+            size: "lg",
+            variant: "ghost"
+        })
+    }));
 };
+export { AddTemplateButton, AddTemplateIcon };
 
 //# sourceMappingURL=AddTemplate.js.map