npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1358) hide show

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

	@@ -1 +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","multipleValues","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\";\nimport type { BindComponent, CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp, FormAPI } from \"@webiny/form\";\nimport { useForm } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\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={\"wby-flex wby-justify-between wby-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.multipleValues ? 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={\"wby-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 \"wby-flex wby-flex-col wby-justify-end wby-h-full wby-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 \"wby-flex wby-justify-end wby-items-end wby-gap-sm wby-h-full wby-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={\"wby-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":[]}
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":[]}

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

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

package/admin/plugins/fields/boolean.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from "react";
 import { ReactComponent as BooleanIcon } from "@webiny/icons/toggle_on.svg";
-import { i18n } from "@webiny/app/i18n";
+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");
@@ -32,9 +32,9 @@ const plugin = {
     label: t`Boolean`,
     description: t`Store boolean ("yes" or "no" ) values.`,
     icon: /*#__PURE__*/React.createElement(BooleanIcon, null),
-    allowMultipleValues: false,
+    allowList: false,
     allowPredefinedValues: false,
-    multipleValuesLabel: t`Use as a list of booleans`,
+    listLabel: t`Use as a list of booleans`,
     createField() {
       return {
         type: this.type,

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

	@@ -1 +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","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValuesLabel~~","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\";\nimport { i18n } from \"@webiny/app/i18n\";\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 ~~allowMultipleValues~~: false,\n allowPredefinedValues: false,\n ~~multipleValuesLabel~~: 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,~~kBAAkB~~;~~AACvC~~,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,~~mBAAmB~~,EAAE,KAAK;~~IAC1BC~~,qBAAqB,EAAE,KAAK;IAC5BC,~~mBAAmB~~,EAAElB,CAAC,2BAA2B;~~IACjDmB~~,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":[]}
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":[]}

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

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

package/admin/plugins/fields/dateTime.js CHANGED Viewed

@@ -1,21 +1,10 @@
 import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
+import { i18n } from "@webiny/app/i18n/index.js";
 import { ReactComponent as DateTimeIcon } from "./icons/schedule-black-24px.svg";
-import { useModel, useModelField } from "../../hooks";
 import { Bind } from "@webiny/form";
 import { Grid, Label, Select } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/fields");
 const DateTimeSettings = () => {
-  const {
-    model
-  } = useModel();
-  const {
-    field
-  } = useModelField();
-  const lockedFields = model.lockedFields || [];
-  const fieldId = get(field, "fieldId", null);
-  const lockedField = lockedFields.find(lockedField => lockedField.fieldId === fieldId);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 6
   }, /*#__PURE__*/React.createElement(Bind, {
@@ -25,7 +14,6 @@ const DateTimeSettings = () => {
       text: t`Format`,
       description: t`(cannot be changed later)`
     }),
-    disabled: lockedField && Boolean(lockedField.formatType),
     options: [{
       value: "date",
       label: t`Date only`
@@ -68,10 +56,10 @@ const plugin = {
     description: t`Store date and time.`,
     icon: /*#__PURE__*/React.createElement(DateTimeIcon, null),
     validators: ["required", "dateGte", "dateLte"],
-    allowMultipleValues: true,
+    allowList: true,
     allowPredefinedValues: false,
     // TODO: implement "renderPredefinedValues" and set to true.
-    multipleValuesLabel: t`Use as a list of dates and times`,
+    listLabel: t`Use as a list of dates and times`,
     createField() {
       return {
         type: this.type,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~get","~~i18n","ReactComponent","DateTimeIcon","~~useModel","useModelField","~~Bind","Grid","Label","Select","t","ns","DateTimeSettings","~~model","field","lockedFields","fieldId","lockedField","find","~~createElement","Fragment","Column","span","name","label","text","description","~~disabled","Boolean","formatType","~~options","value","size","hint","plugin","type","icon","validators","~~allowMultipleValues~~","allowPredefinedValues","~~multipleValuesLabel~~","createField","settings","validation","renderer","renderSettings"],"sources":["dateTime.tsx"],"sourcesContent":["import React from \"react\";\~~nimport get from \"lodash/get\";\~~n\nimport type { ~~CmsModelField,~~ CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DateTimeIcon } from \"./icons/schedule-black-24px.svg\";\nimport { ~~useModel, useModelField } from \"~/admin/hooks\";\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 const { model } = useModel();\n const { field } = useModelField();\n const lockedFields = model.lockedFields \|\| [];\n const fieldId = get(field, \"fieldId\", null);\n const lockedField = lockedFields.find(\n lockedField => lockedField.fieldId === fieldId\n ) as CmsModelField<{\n formatType: string;\n }>;\n\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 ~~disabled={lockedField && Boolean(lockedField.formatType)}\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 ~~allowMultipleValues~~: true,\n allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n ~~multipleValuesLabel~~: 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;~~AACzB~~,~~OAAOC,GAAG,MAAM,YAAY;AAG5B,~~SAASC,IAAI,QAAQ,~~kBAAkB~~;~~AACvC~~,SAASC,cAAc,IAAIC,YAAY;AACvC,SAASC,~~QAAQ,EAAEC,aAAa;AAChC,SAASC,~~IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,MAAM,QAAQ,kBAAkB;AAEtD,MAAMC,CAAC,~~GAAGT~~,IAAI,~~CAACU~~,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,~~MAAM;IAAEC;EAAM~~,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEU;EAAM,CAAC,GAAGT,aAAa,CAAC,CAAC;EACjC,MAAMU,YAAY,GAAGF,KAAK,CAACE,YAAY,IAAI,EAAE;EAC7C,MAAMC,OAAO,GAAGhB,GAAG,CAACc,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC;EAC3C,MAAMG,WAAW,GAAGF,YAAY,CAACG,IAAI,CACjCD,WAAW,IAAIA,WAAW,CAACD,OAAO,KAAKA,OAC3C,CAEE;EAEF,oBACIjB,KAAA,~~CAAAoB~~,aAAA,~~CAAApB~~,KAAA,~~CAAAqB~~,QAAA,~~qBACIrB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACZ~~,IAAI,~~qBACDR~~,KAAA,~~CAAAoB~~,aAAA,~~CAACZ~~,IAAI,~~CAACc~~,MAAM;IAACC,IAAI,EAAE;EAAE,~~gBACjBvB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACb~~,IAAI;~~IAACiB~~,IAAI,EAAE;EAAgB,~~gBACxBxB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACV~~,MAAM;~~IACHe~~,KAAK,~~eACDzB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACX~~,KAAK;~~MACFiB~~,IAAI,~~EAAEf~~,CAAC,QAAS;~~MAChBgB~~,WAAW,~~EAAEhB~~,CAAC;IAA4B,CAC7C,CACJ;~~IACDiB~~,~~QAAQ,EAAEV,WAAW,IAAIW,~~OAAO,~~CAACX,WAAW,CAACY,UAAU,CAAE;IACzDC,OAAO,~~EAAE,CACL;MAAEC,KAAK,EAAE,MAAM;~~MAAEP~~,KAAK,~~EAAEd~~,CAAC;IAAY,CAAC,EACtC;~~MAAEqB~~,KAAK,EAAE,MAAM;~~MAAEP~~,KAAK,~~EAAEd~~,CAAC;IAAY,CAAC,EACtC;~~MACIqB~~,KAAK,EAAE,sBAAsB;~~MAC7BP~~,KAAK,~~EAAEd~~,CAAC;IACZ,CAAC,EACD;~~MACIqB~~,KAAK,EAAE,yBAAyB;~~MAChCP~~,KAAK,~~EAAEd~~,CAAC;IACZ,CAAC,CACH;~~IACFsB~~,IAAI,EAAE;EAAK,CACd,CACC,CACG,CAAC,~~eACdjC~~,KAAA,~~CAAAoB~~,aAAA,~~CAACZ~~,IAAI,~~CAACc~~,MAAM;IAACC,IAAI,EAAE;EAAE,~~gBACjBvB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACb~~,IAAI;~~IAACiB~~,IAAI,EAAE;EAA2B,~~gBACnCxB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACV~~,MAAM;~~IACHe~~,KAAK,~~eACDzB~~,KAAA,~~CAAAoB~~,aAAA,~~CAACX~~,KAAK;~~MACFiB~~,IAAI,~~EAAEf~~,CAAC,wBAAyB;~~MAChCuB~~,IAAI,~~EAAEvB~~,CAAC;IAA4B,CACtC,CACJ;~~IACDoB~~,OAAO,EAAE,CACL;MAAEC,KAAK,~~EAAErB~~,CAAC,MAAM;~~MAAEc~~,KAAK,~~EAAEd~~,CAAC;IAA2B,CAAC,EACtD;~~MAAEqB~~,KAAK,~~EAAErB~~,CAAC,SAAS;~~MAAEc~~,KAAK,~~EAAEd~~,CAAC;IAAoB,CAAC,CACpD;~~IACFsB~~,IAAI,EAAE;EAAK,CACd,CACC,CACG,CACX,CACR,CAAC;AAEX,CAAC;AAED,MAAME,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;~~EAC7BZ~~,IAAI,EAAE,gCAAgC;~~EACtCT~~,KAAK,EAAE;~~IACHqB~~,IAAI,EAAE,UAAU;~~IAChBX~~,KAAK,~~EAAEd~~,CAAC,WAAW;~~IACnBgB~~,WAAW,~~EAAEhB~~,CAAC,sBAAsB;~~IACpC0B~~,IAAI,~~eAAErC~~,KAAA,~~CAAAoB~~,aAAA,~~CAAChB~~,YAAY,MAAE,CAAC;~~IACtBkC~~,UAAU,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC;IAC9CC,~~mBAAmB~~,EAAE,IAAI;~~IACzBC~~,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,~~mBAAmB~~,~~EAAE9B~~,CAAC,kCAAkC;~~IACxD+B~~,WAAWA,CAAA,EAAG;MACV,OAAO;~~QACHN~~,IAAI,EAAE,IAAI,CAACA,IAAI;~~QACfO~~,QAAQ,EAAE;~~UACNP~~,IAAI,EAAE;QACV,CAAC;~~QACDQ~~,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;~~UACNrB~~,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;~~IACDsB~~,cAAcA,CAAA,EAAG;MACb,~~oBAAO9C~~,KAAA,~~CAAAoB~~,aAAA,~~CAACP~~,gBAAgB,MAAE,CAAC;IAC/B;EACJ;AACJ,CAAC;AAED,~~eAAesB~~,MAAM","ignoreList":[]}
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":[]}

package/admin/plugins/fields/dynamicZone/AddTemplate.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types";
+import type { CmsDynamicZoneTemplate } from "../../../../types.js";
 interface AddTemplateProps {
     onTemplate: UseAddTemplateParams["onTemplate"];
 }

package/admin/plugins/fields/dynamicZone/AddTemplate.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { TemplateDialog } from "./TemplateDialog";
+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";
@@ -31,9 +31,9 @@ export const AddTemplateButton = props => {
     onTemplate: props.onTemplate
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-px-xl wby-pt-xl wby-pb-lg wby-gap-sm wby-border-sm wby-border-neutral-muted wby-rounded"
+    className: "flex flex-col px-xl pt-xl pb-lg gap-sm border-sm border-neutral-muted rounded"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-text-center"
+    className: "w-full text-center"
   }, showTemplateDialog ? /*#__PURE__*/React.createElement(TemplateDialog, {
     onTemplate: onTemplate,
     onClose: onDialogClose
@@ -44,10 +44,10 @@ export const AddTemplateButton = props => {
     text: "Add template",
     icon: /*#__PURE__*/React.createElement(AddIcon, null)
   })), /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-items-center wby-justify-center wby-gap-xs wby-w-full wby-mx-auto wby-text-center"
+    className: "flex items-center justify-center gap-xs w-full mx-auto text-center"
   }, /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-strong"
+    className: "text-neutral-strong"
   }, /*#__PURE__*/React.createElement(Link, {
     to: "http://webiny.link/admin/how-to-use/dynamic-zones",
     target: "_blank"
@@ -63,7 +63,7 @@ export const AddTemplateIcon = props => {
     onTemplate: props.onTemplate
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-text-center wby-mt-md"
+    className: "w-full text-center mt-md"
   }, showTemplateDialog ? /*#__PURE__*/React.createElement(TemplateDialog, {
     onTemplate: onTemplate,
     onClose: onDialogClose

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","TemplateDialog","ReactComponent","AddIcon","AddCircleIcon","Button","Text","IconButton","Link","Tooltip","useAddTemplate","params","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","createElement","className","onClose","size","variant","onClick","text","icon","to","target","AddTemplateIcon","content","trigger"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\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 \"~~wby-~~flex ~~wby-~~flex-col ~~wby-~~px-xl ~~wby-~~pt-xl ~~wby-~~pb-lg ~~wby-~~gap-sm ~~wby-~~border-sm ~~wby-~~border-neutral-muted ~~wby-~~rounded\"\n }\n >\n <div className={\"~~wby-~~w-full ~~wby-~~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\n className={\~~n \~~"~~wby-~~flex ~~wby-~~items-center ~~wby-~~justify-center ~~wby-~~gap-xs ~~wby-~~w-full ~~wby-~~mx-auto ~~wby-~~text-center\"\n }\n >\n <Text size={\"sm\"} className={\"~~wby-~~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={\"~~wby-~~w-full ~~wby-~~text-center ~~wby-~~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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,cAAc;AACvB,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,aAAa,QAAQ,sCAAsC;AACtF,SAASC,MAAM,EAAEC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAU1E,SAASC,cAAcA,CAACC,MAA4B,EAAE;EAClD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAEnE,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACtBD,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC;EAED,MAAME,UAAU,GAAIC,QAAgC,IAAK;IACrDL,MAAM,CAACI,UAAU,CAACC,QAAQ,CAAC;EAC/B,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IACxBJ,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC;EAED,OAAO;IACHC,WAAW;IACXC,UAAU;IACVE,aAAa;IACbL;EACJ,CAAC;AACL;AAEA,OAAO,MAAMM,iBAAiB,GAAIC,KAAuB,IAAK;EAC1D,MAAM;IAAEL,WAAW;IAAEC,UAAU;IAAEH,kBAAkB;IAAEK;EAAc,CAAC,GAAGP,cAAc,CAAC;IAClFK,UAAU,EAAEI,KAAK,CAACJ;EACtB,CAAC,CAAC;EAEF,oBACIhB,KAAA,CAAAqB,aAAA;IACIC,SAAS,EACL;EACH,gBAEDtB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;~~EAA6B~~,~~GACxCT~~,kBAAkB,gBACfb,KAAA,CAAAqB,aAAA,CAACnB,cAAc;IAACc,UAAU,EAAEA,UAAW;IAACO,OAAO,EAAEL;EAAc,CAAE,CAAC,GAClE,IAAI,eACRlB,KAAA,CAAAqB,aAAA,CAACf,MAAM;IACHkB,IAAI,EAAE,IAAK;IACXC,OAAO,EAAE,WAAY;IACrBC,OAAO,EAAEX,WAAY;IACrBY,IAAI,EAAE,cAAe;IACrBC,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAACjB,OAAO,MAAE;EAAE,CACrB,CACA,CAAC,eACNJ,KAAA,CAAAqB,aAAA;~~IACIC~~,SAAS,~~EACL~~;~~EACH~~,~~gBAEDtB~~,KAAA,CAAAqB,aAAA,CAACd,IAAI;IAACiB,IAAI,EAAE,IAAK;IAACF,SAAS,EAAE;~~EAA0B~~,~~gBACnDtB~~,KAAA,CAAAqB,aAAA,CAACZ,IAAI;IACDoB,EAAE,EAAE,mDAAoD;IACxDC,MAAM,EAAE;EAAS,GACpB,WAEK,CAAC,EAAC,GAAG,EAAC,mCAEV,CACL,CACJ,CAAC;AAEd,CAAC;AAED,OAAO,MAAMC,eAAe,GAAIX,KAAuB,IAAK;EACxD,MAAM;IAAEL,WAAW;IAAEC,UAAU;IAAEH,kBAAkB;IAAEK;EAAc,CAAC,GAAGP,cAAc,CAAC;IAClFK,UAAU,EAAEI,KAAK,CAACJ;EACtB,CAAC,CAAC;EAEF,oBACIhB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;~~EAAuC~~,~~GAClDT~~,kBAAkB,gBACfb,KAAA,CAAAqB,aAAA,CAACnB,cAAc;IAACc,UAAU,EAAEA,UAAW;IAACO,OAAO,EAAEL;EAAc,CAAE,CAAC,GAClE,IAAI,eACRlB,KAAA,CAAAqB,aAAA,CAACX,OAAO;IACJsB,OAAO,EAAE,cAAe;IACxBC,OAAO,eACHjC,KAAA,CAAAqB,aAAA,CAACb,UAAU;MACPkB,OAAO,EAAEX,WAAY;MACrBa,IAAI,eAAE5B,KAAA,CAAAqB,aAAA,CAAChB,aAAa,MAAE,CAAE;MACxBmB,IAAI,EAAE,IAAK;MACXC,OAAO,EAAE;IAAQ,CACpB;EACJ,CACJ,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","TemplateDialog","ReactComponent","AddIcon","AddCircleIcon","Button","Text","IconButton","Link","Tooltip","useAddTemplate","params","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","createElement","className","onClose","size","variant","onClick","text","icon","to","target","AddTemplateIcon","content","trigger"],"sources":["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"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from "react";
-import { Accordion } from "@webiny/ui/Accordion";
-import { AddTemplateIcon, AddTemplateButton } from "./AddTemplate";
-import { DynamicZoneTemplate } from "./DynamicZoneTemplate";
-import { useModelField, useModelFieldEditor } from "../../../hooks";
+import { Accordion } from "@webiny/ui/Accordion/index.js";
+import { AddTemplateIcon, AddTemplateButton } 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) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useRef","useEffect","Accordion","AddTemplateIcon","AddTemplateButton","DynamicZoneTemplate","useModelField","useModelFieldEditor","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","slice","DynamicZone","field","updateField","newTemplateId","undefined","settings","onTemplate","current","createElement","Fragment","length","map","index","key","open","onChange"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks\";\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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ~~,sBAAsB~~;~~AAEhD~~,SAASC,eAAe,EAAEC,iBAAiB;AAC3C,SAASC,mBAAmB;AAC5B,SAASC,aAAa,EAAEC,mBAAmB;AAE3C,SAASC,sBAAsBA,CAC3BC,SAAmC,EACnCC,QAAgC,EAClC;EACE,MAAMC,aAAa,GAAGF,SAAS,CAACG,SAAS,CAACC,GAAG,IAAIA,GAAG,CAACC,EAAE,KAAKJ,QAAQ,CAACI,EAAE,CAAC;EAExE,IAAIH,aAAa,GAAG,CAAC,CAAC,EAAE;IACpB,OAAO,CACH,GAAGF,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEJ,aAAa,CAAC,EACpCD,QAAQ,EACR,GAAGD,SAAS,CAACM,KAAK,CAACJ,aAAa,GAAG,CAAC,CAAC,CACxC;EACL;EAEA,OAAO,CAAC,GAAGF,SAAS,EAAEC,QAAQ,CAAC;AACnC;AAEA,OAAO,MAAMM,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGX,aAAa,CAAC,CAAC;EACjC,MAAM;IAAEY;EAAY,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC7C,MAAMY,aAAa,GAAGnB,MAAM,CAAqBoB,SAAS,CAAC;EAE3D,MAAMX,SAAmC,GAAGQ,KAAK,CAACI,QAAQ,EAAEZ,SAAS,IAAI,EAAE;EAE3E,MAAMa,UAAU,GAAIZ,QAAgC,IAAK;IACrD,MAAMD,SAAS,GAAGQ,KAAK,CAACI,QAAQ,EAAEZ,SAAS,IAAI,EAAE;IAEjDU,aAAa,CAACI,OAAO,GAAGb,QAAQ,CAACI,EAAE;IAEnCI,WAAW,CAAC;MACR,GAAGD,KAAK;MACRI,QAAQ,EAAE;QACN,IAAIJ,KAAK,CAACI,QAAQ,IAAI,CAAC,CAAC,CAAC;QACzBZ,SAAS,EAAED,sBAAsB,CAACC,SAAS,EAAEC,QAAQ;MACzD;IACJ,CAAC,CAAC;EACN,CAAC;EAEDT,SAAS,CAAC,MAAM;IACZ;IACAkB,aAAa,CAACI,OAAO,GAAGH,SAAS;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACKhB,SAAS,CAACiB,MAAM,gBACb3B,KAAA,CAAAyB,aAAA,CAACtB,SAAS,QACLO,SAAS,CAACkB,GAAG,CAAC,CAACjB,QAAQ,EAAEkB,KAAK,kBAC3B7B,KAAA,CAAAyB,aAAA,CAACnB,mBAAmB;IAChBwB,GAAG,EAAEnB,QAAQ,CAACI,EAAG;IACjBgB,IAAI,EAAEpB,QAAQ,CAACI,EAAE,KAAKK,aAAa,CAACI,OAAQ;IAC5CK,KAAK,EAAEA,KAAM;IACbX,KAAK,EAAEA,KAAM;IACbP,QAAQ,EAAEA,QAAS;IACnBqB,QAAQ,EAAEb;EAAY,CACzB,CACJ,CACM,CAAC,GACZ,IAAI,EACPT,SAAS,CAACiB,MAAM,gBACb3B,KAAA,CAAAyB,aAAA,CAACrB,eAAe;IAACmB,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE3CvB,KAAA,CAAAyB,aAAA,CAACpB,iBAAiB;IAACkB,UAAU,EAAEA;EAAW,CAAE,CAElD,CAAC;AAEX,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useRef","useEffect","Accordion","AddTemplateIcon","AddTemplateButton","DynamicZoneTemplate","useModelField","useModelFieldEditor","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","slice","DynamicZone","field","updateField","newTemplateId","undefined","settings","onTemplate","current","createElement","Fragment","length","map","index","key","open","onChange"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion/index.js\";\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"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,+BAA+B;AAEzD,SAASC,eAAe,EAAEC,iBAAiB;AAC3C,SAASC,mBAAmB;AAC5B,SAASC,aAAa,EAAEC,mBAAmB;AAE3C,SAASC,sBAAsBA,CAC3BC,SAAmC,EACnCC,QAAgC,EAClC;EACE,MAAMC,aAAa,GAAGF,SAAS,CAACG,SAAS,CAACC,GAAG,IAAIA,GAAG,CAACC,EAAE,KAAKJ,QAAQ,CAACI,EAAE,CAAC;EAExE,IAAIH,aAAa,GAAG,CAAC,CAAC,EAAE;IACpB,OAAO,CACH,GAAGF,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEJ,aAAa,CAAC,EACpCD,QAAQ,EACR,GAAGD,SAAS,CAACM,KAAK,CAACJ,aAAa,GAAG,CAAC,CAAC,CACxC;EACL;EAEA,OAAO,CAAC,GAAGF,SAAS,EAAEC,QAAQ,CAAC;AACnC;AAEA,OAAO,MAAMM,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAM,CAAC,GAAGX,aAAa,CAAC,CAAC;EACjC,MAAM;IAAEY;EAAY,CAAC,GAAGX,mBAAmB,CAAC,CAAC;EAC7C,MAAMY,aAAa,GAAGnB,MAAM,CAAqBoB,SAAS,CAAC;EAE3D,MAAMX,SAAmC,GAAGQ,KAAK,CAACI,QAAQ,EAAEZ,SAAS,IAAI,EAAE;EAE3E,MAAMa,UAAU,GAAIZ,QAAgC,IAAK;IACrD,MAAMD,SAAS,GAAGQ,KAAK,CAACI,QAAQ,EAAEZ,SAAS,IAAI,EAAE;IAEjDU,aAAa,CAACI,OAAO,GAAGb,QAAQ,CAACI,EAAE;IAEnCI,WAAW,CAAC;MACR,GAAGD,KAAK;MACRI,QAAQ,EAAE;QACN,IAAIJ,KAAK,CAACI,QAAQ,IAAI,CAAC,CAAC,CAAC;QACzBZ,SAAS,EAAED,sBAAsB,CAACC,SAAS,EAAEC,QAAQ;MACzD;IACJ,CAAC,CAAC;EACN,CAAC;EAEDT,SAAS,CAAC,MAAM;IACZ;IACAkB,aAAa,CAACI,OAAO,GAAGH,SAAS;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIrB,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA0B,QAAA,QACKhB,SAAS,CAACiB,MAAM,gBACb3B,KAAA,CAAAyB,aAAA,CAACtB,SAAS,QACLO,SAAS,CAACkB,GAAG,CAAC,CAACjB,QAAQ,EAAEkB,KAAK,kBAC3B7B,KAAA,CAAAyB,aAAA,CAACnB,mBAAmB;IAChBwB,GAAG,EAAEnB,QAAQ,CAACI,EAAG;IACjBgB,IAAI,EAAEpB,QAAQ,CAACI,EAAE,KAAKK,aAAa,CAACI,OAAQ;IAC5CK,KAAK,EAAEA,KAAM;IACbX,KAAK,EAAEA,KAAM;IACbP,QAAQ,EAAEA,QAAS;IACnBqB,QAAQ,EAAEb;EAAY,CACzB,CACJ,CACM,CAAC,GACZ,IAAI,EACPT,SAAS,CAACiB,MAAM,gBACb3B,KAAA,CAAAyB,aAAA,CAACrB,eAAe;IAACmB,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE3CvB,KAAA,CAAAyB,aAAA,CAACpB,iBAAiB;IAACkB,UAAU,EAAEA;EAAW,CAAE,CAElD,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/DynamicZoneTemplate.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsDynamicZoneTemplate, CmsModelField } from "../../../../types";
+import type { CmsDynamicZoneTemplate, CmsModelField } from "../../../../types.js";
 interface DynamicZoneTemplateProps {
     index: number;
     field: CmsModelField;

package/admin/plugins/fields/dynamicZone/DynamicZoneTemplate.js CHANGED Viewed

@@ -5,11 +5,12 @@ import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
 import { ReactComponent as ArrowUpIcon } from "@webiny/icons/expand_less.svg";
 import { ReactComponent as ArrowDownIcon } from "@webiny/icons/expand_more.svg";
-import { AccordionItem } from "@webiny/ui/Accordion";
+import { AccordionItem } from "@webiny/ui/Accordion/index.js";
 import { useConfirmationDialog } from "@webiny/app-admin";
-import { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from "../../arrayUtils";
-import { TemplateDialog } from "./TemplateDialog";
-import { FieldEditor } from "../../../components/FieldEditor";
+import { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from "../../arrayUtils.js";
+import { TemplateDialog } from "./TemplateDialog.js";
+import { FieldEditor } from "../../../components/FieldEditor/index.js";
+import { normalizeIcon } from "../../../../utils/normalizeIcon.js";
 const TEMPLATES_PATH = "settings.templates";
 export const DynamicZoneTemplate = ({
   index,
@@ -61,7 +62,7 @@ export const DynamicZoneTemplate = ({
       onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));
     });
   }, callbackDeps);
-  const icon = template.icon ? template.icon.split("/") : undefined;
+  const icon = normalizeIcon(template.icon);
   return /*#__PURE__*/React.createElement(AccordionItem, {
     title: template.name,
     description: template.description,

package/admin/plugins/fields/dynamicZone/DynamicZoneTemplate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useState","set","FontAwesomeIcon","ReactComponent","EditIcon","DeleteIcon","ArrowUpIcon","ArrowDownIcon","AccordionItem","useConfirmationDialog","pullValueAtIndex","pushValueAtIndex","removeValueAtIndex","TemplateDialog","FieldEditor","TEMPLATES_PATH","DynamicZoneTemplate","index","field","template","onChange","open","showConfirmation","title","message","acceptLabel","templateToEdit","setTemplateToEdit","undefined","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","editTemplate","updateTemplate","params","tpl","updateFieldsAndLayout","moveTemplateUp","moveTemplateDown","deleteTemplate","icon","~~split","~~createElement","name","description","actions","Actions","Action","onClick","disabled","Divider","onTemplate","onClose","parent","fields","layout"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport ~~type~~ { ~~IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport {~~ ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from \"~/admin/plugins/arrayUtils\";\nimport type { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor\";\n\ninterface DynamicZoneTemplateProps {\n index: number;\n field: CmsModelField;\n template: CmsDynamicZoneTemplate;\n onChange: (field: CmsModelField) => void;\n open: boolean;\n}\n\ninterface UpdateTemplate {\n (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate = ({\n index,\n field,\n template,\n onChange,\n open\n}: DynamicZoneTemplateProps) => {\n const { showConfirmation } = useConfirmationDialog({\n title: \"Delete content template\",\n message: \"Are you sure you want to delete this content template?\",\n acceptLabel: \"Yes, I'm sure!\"\n });\n\n const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate \| undefined>(\n undefined\n );\n\n const templates = field.settings?.templates \|\| [];\n const isFirst = index === 0;\n const isLast = index === templates.length - 1;\n\n const callbackDeps = [onChange, field, index, template.id];\n\n const onDialogClose = useCallback(() => {\n setTemplateToEdit(undefined);\n }, []);\n\n const editTemplate = useCallback(() => {\n setTemplateToEdit(template);\n }, [template]);\n\n const updateTemplate = useCallback<UpdateTemplate>(params => {\n onChange(\n set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n return { ...tpl, ...params };\n })\n );\n }, callbackDeps);\n\n const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n params => {\n updateTemplate({ ...template, ...params });\n },\n [updateTemplate]\n );\n\n const moveTemplateUp = useCallback(() => {\n onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n }, callbackDeps);\n\n const moveTemplateDown = useCallback(() => {\n onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n }, callbackDeps);\n\n const deleteTemplate = useCallback(() => {\n showConfirmation(() => {\n onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n });\n }, callbackDeps);\n\n const icon = ~~template.icon ?~~ (template.icon~~.split(\"/\"~~) ~~as IconProp) : undefined~~;\n\n return (\n <AccordionItem\n title={template.name}\n description={template.description}\n icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n open={open}\n actions={\n <AccordionItem.Actions>\n <AccordionItem.Action\n icon={<ArrowUpIcon />}\n onClick={moveTemplateUp}\n disabled={isFirst}\n />\n <AccordionItem.Action\n icon={<ArrowDownIcon />}\n onClick={moveTemplateDown}\n disabled={isLast}\n />\n <AccordionItem.Divider />\n <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n </AccordionItem.Actions>\n }\n >\n {templateToEdit ? (\n <TemplateDialog\n template={templateToEdit}\n onTemplate={updateTemplate}\n onClose={onDialogClose}\n />\n ) : null}\n\n <FieldEditor\n parent={field}\n fields={template.fields}\n layout={template.layout}\n onChange={updateFieldsAndLayout}\n />\n </AccordionItem>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,GAAG,QAAQ,oBAAoB;AACxC,SAASC,eAAe,QAAQ,gCAAgC;~~AAEhE~~,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AACnE,SAASD,cAAc,IAAIE,UAAU,QAAQ,0BAA0B;AACvE,SAASF,cAAc,IAAIG,WAAW,QAAQ,+BAA+B;AAC7E,SAASH,cAAc,IAAII,aAAa,QAAQ,+BAA+B;AAC/E,SAASC,aAAa,QAAQ~~,sBAAsB~~;~~AACpD~~,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,~~SAASC~~,gBAAgB,~~EAAEC~~,gBAAgB,~~EAAEC~~,kBAAkB;~~AAE/D~~,SAASC,cAAc;AACvB,SAASC,WAAW;~~AAkBpB~~,MAAMC,cAAc,GAAG,oBAAoB;AAE3C,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAChCC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEC;EAAiB,CAAC,~~GAAGb~~,qBAAqB,CAAC;IAC/Cc,KAAK,EAAE,yBAAyB;IAChCC,OAAO,EAAE,wDAAwD;IACjEC,WAAW,EAAE;EACjB,CAAC,CAAC;EAEF,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,~~GAAG3B~~,QAAQ,~~CAChD4B~~,SACJ,CAAC;EAED,MAAMC,SAAS,GAAGX,KAAK,CAACY,QAAQ,EAAED,SAAS,IAAI,EAAE;EACjD,MAAME,OAAO,GAAGd,KAAK,KAAK,CAAC;EAC3B,MAAMe,MAAM,GAAGf,KAAK,KAAKY,SAAS,CAACI,MAAM,GAAG,CAAC;EAE7C,MAAMC,YAAY,GAAG,CAACd,QAAQ,EAAEF,KAAK,EAAED,KAAK,EAAEE,QAAQ,CAACgB,EAAE,CAAC;EAE1D,MAAMC,aAAa,~~GAAGrC~~,WAAW,CAAC,MAAM;~~IACpC4B~~,iBAAiB,CAACC,SAAS,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMS,YAAY,~~GAAGtC~~,WAAW,CAAC,MAAM;~~IACnC4B~~,iBAAiB,CAACR,QAAQ,CAAC;EAC/B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMmB,cAAc,~~GAAGvC~~,WAAW,~~CAAiBwC~~,MAAM,IAAI;IACzDnB,QAAQ,~~CACJnB~~,GAAG,~~CAACiB~~,KAAK,EAAE,GAAGH,cAAc,IAAIE,KAAK,EAAE,EAAGuB,GAA2B,IAAK;MACtE,OAAO;QAAE,GAAGA,GAAG;QAAE,GAAGD;MAAO,CAAC;IAChC,CAAC,CACL,CAAC;EACL,CAAC,EAAEL,YAAY,CAAC;EAEhB,MAAMO,qBAAqB,~~GAAG1C~~,WAAW,~~CACrCwC~~,MAAM,IAAI;IACND,cAAc,CAAC;MAAE,GAAGnB,QAAQ;MAAE,GAAGoB;IAAO,CAAC,CAAC;EAC9C,CAAC,EACD,CAACD,cAAc,CACnB,CAAC;EAED,MAAMI,cAAc,~~GAAG3C~~,WAAW,CAAC,MAAM;~~IACrCqB~~,QAAQ,~~CAACnB~~,GAAG,~~CAACiB~~,KAAK,EAAEH,cAAc,~~EAAEL~~,gBAAgB,~~CAACmB~~,SAAS,EAAEZ,KAAK,CAAC,CAAC,CAAC;EAC5E,CAAC,EAAEiB,YAAY,CAAC;EAEhB,MAAMS,gBAAgB,~~GAAG5C~~,WAAW,CAAC,MAAM;~~IACvCqB~~,QAAQ,~~CAACnB~~,GAAG,~~CAACiB~~,KAAK,EAAEH,cAAc,~~EAAEJ~~,gBAAgB,~~CAACkB~~,SAAS,EAAEZ,KAAK,CAAC,CAAC,CAAC;EAC5E,CAAC,EAAEiB,YAAY,CAAC;EAEhB,MAAMU,cAAc,~~GAAG7C~~,WAAW,CAAC,MAAM;~~IACrCuB~~,gBAAgB,CAAC,MAAM;MACnBF,QAAQ,~~CAACnB~~,GAAG,~~CAACiB~~,KAAK,EAAEH,cAAc,~~EAAEH~~,kBAAkB,~~CAACiB~~,SAAS,EAAEZ,KAAK,CAAC,CAAC,CAAC;IAC9E,CAAC,CAAC;EACN,CAAC,EAAEiB,YAAY,CAAC;EAEhB,MAAMW,IAAI,~~GAAG1B~~,~~QAAQ~~,~~CAAC0B~~,~~IAAI,GAAI1B,~~QAAQ,CAAC0B,IAAI,~~CAACC,KAAK,~~CAAC~~,GAAG,CAAC,GAAgBlB,SAAS~~;~~EAE/E~~,~~oBACI9B~~,KAAA,CAAAiD,aAAA,CAACvC,aAAa;~~IACVe~~,KAAK,EAAEJ,QAAQ,~~CAAC6B~~,IAAK;IACrBC,WAAW,~~EAAE9B~~,QAAQ,~~CAAC8B~~,WAAY;~~IAClCJ~~,IAAI,EAAEA,IAAI,~~gBAAG/C~~,KAAA,CAAAiD,aAAA,CAAC7C,eAAe;~~MAAC2C~~,IAAI,EAAEA;IAAK,CAAE,CAAC,GAAGjB,SAAU;IACzDP,IAAI,EAAEA,IAAK;~~IACX6B~~,OAAO,eACHpD,KAAA,CAAAiD,aAAA,CAACvC,aAAa,CAAC2C,OAAO,qBAClBrD,KAAA,CAAAiD,aAAA,CAACvC,aAAa,CAAC4C,MAAM;~~MACjBP~~,IAAI,~~eAAE/C~~,KAAA,CAAAiD,aAAA,CAACzC,WAAW,MAAE,CAAE;MACtB+C,OAAO,~~EAAEX~~,cAAe;~~MACxBY~~,QAAQ,~~EAAEvB~~;IAAQ,CACrB,CAAC,~~eACFjC~~,KAAA,CAAAiD,aAAA,CAACvC,aAAa,CAAC4C,MAAM;~~MACjBP~~,IAAI,~~eAAE/C~~,KAAA,CAAAiD,aAAA,CAACxC,aAAa,MAAE,CAAE;MACxB8C,OAAO,~~EAAEV~~,gBAAiB;~~MAC1BW~~,QAAQ,~~EAAEtB~~;IAAO,CACpB,CAAC,~~eACFlC~~,KAAA,CAAAiD,aAAA,CAACvC,aAAa,CAAC+C,OAAO,MAAE,CAAC,eACzBzD,KAAA,CAAAiD,aAAA,CAACvC,aAAa,CAAC4C,MAAM;~~MAACP~~,IAAI,~~eAAE/C~~,KAAA,CAAAiD,aAAA,CAAC3C,QAAQ,MAAE,CAAE;MAACiD,OAAO,~~EAAEhB~~;IAAa,CAAE,CAAC,~~eACnEvC~~,KAAA,CAAAiD,aAAA,CAACvC,aAAa,CAAC4C,MAAM;~~MAACP~~,IAAI,~~eAAE/C~~,KAAA,CAAAiD,aAAA,CAAC1C,UAAU,MAAE,CAAE;MAACgD,OAAO,~~EAAET~~;IAAe,CAAE,CACnD;EAC1B,GAEAlB,cAAc,~~gBACX5B~~,KAAA,CAAAiD,aAAA,CAAClC,cAAc;~~IACXM~~,QAAQ,EAAEO,cAAe;~~IACzB8B~~,UAAU,~~EAAElB~~,cAAe;~~IAC3BmB~~,OAAO,~~EAAErB~~;EAAc,CAC1B,CAAC,GACF,IAAI,~~eAERtC~~,KAAA,CAAAiD,aAAA,CAACjC,WAAW;IACR4C,MAAM,~~EAAExC~~,KAAM;~~IACdyC~~,MAAM,~~EAAExC~~,QAAQ,~~CAACwC~~,MAAO;IACxBC,MAAM,~~EAAEzC~~,QAAQ,~~CAACyC~~,MAAO;~~IACxBxC~~,QAAQ,EAAEqB;EAAsB,CACnC,CACU,CAAC;AAExB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useState","set","FontAwesomeIcon","ReactComponent","EditIcon","DeleteIcon","ArrowUpIcon","ArrowDownIcon","AccordionItem","useConfirmationDialog","pullValueAtIndex","pushValueAtIndex","removeValueAtIndex","TemplateDialog","FieldEditor","normalizeIcon","TEMPLATES_PATH","DynamicZoneTemplate","index","field","template","onChange","open","showConfirmation","title","message","acceptLabel","templateToEdit","setTemplateToEdit","undefined","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","editTemplate","updateTemplate","params","tpl","updateFieldsAndLayout","moveTemplateUp","moveTemplateDown","deleteTemplate","icon","createElement","name","description","actions","Actions","Action","onClick","disabled","Divider","onTemplate","onClose","parent","fields","layout"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion/index.js\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport {\n pullValueAtIndex,\n pushValueAtIndex,\n removeValueAtIndex\n} from \"~/admin/plugins/arrayUtils.js\";\nimport type { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types.js\";\nimport { TemplateDialog } from \"./TemplateDialog.js\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor/index.js\";\nimport { normalizeIcon } from \"~/utils/normalizeIcon.js\";\n\ninterface DynamicZoneTemplateProps {\n index: number;\n field: CmsModelField;\n template: CmsDynamicZoneTemplate;\n onChange: (field: CmsModelField) => void;\n open: boolean;\n}\n\ninterface UpdateTemplate {\n (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate = ({\n index,\n field,\n template,\n onChange,\n open\n}: DynamicZoneTemplateProps) => {\n const { showConfirmation } = useConfirmationDialog({\n title: \"Delete content template\",\n message: \"Are you sure you want to delete this content template?\",\n acceptLabel: \"Yes, I'm sure!\"\n });\n\n const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate \| undefined>(\n undefined\n );\n\n const templates = field.settings?.templates \|\| [];\n const isFirst = index === 0;\n const isLast = index === templates.length - 1;\n\n const callbackDeps = [onChange, field, index, template.id];\n\n const onDialogClose = useCallback(() => {\n setTemplateToEdit(undefined);\n }, []);\n\n const editTemplate = useCallback(() => {\n setTemplateToEdit(template);\n }, [template]);\n\n const updateTemplate = useCallback<UpdateTemplate>(params => {\n onChange(\n set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n return { ...tpl, ...params };\n })\n );\n }, callbackDeps);\n\n const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n params => {\n updateTemplate({ ...template, ...params });\n },\n [updateTemplate]\n );\n\n const moveTemplateUp = useCallback(() => {\n onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n }, callbackDeps);\n\n const moveTemplateDown = useCallback(() => {\n onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n }, callbackDeps);\n\n const deleteTemplate = useCallback(() => {\n showConfirmation(() => {\n onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n });\n }, callbackDeps);\n\n const icon = normalizeIcon(template.icon);\n\n return (\n <AccordionItem\n title={template.name}\n description={template.description}\n icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n open={open}\n actions={\n <AccordionItem.Actions>\n <AccordionItem.Action\n icon={<ArrowUpIcon />}\n onClick={moveTemplateUp}\n disabled={isFirst}\n />\n <AccordionItem.Action\n icon={<ArrowDownIcon />}\n onClick={moveTemplateDown}\n disabled={isLast}\n />\n <AccordionItem.Divider />\n <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n </AccordionItem.Actions>\n }\n >\n {templateToEdit ? (\n <TemplateDialog\n template={templateToEdit}\n onTemplate={updateTemplate}\n onClose={onDialogClose}\n />\n ) : null}\n\n <FieldEditor\n parent={field}\n fields={template.fields}\n layout={template.layout}\n onChange={updateFieldsAndLayout}\n />\n </AccordionItem>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/TemplateDialog.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsDynamicZoneTemplate } from "../../../../types";
+import type { CmsDynamicZoneTemplate } from "../../../../types.js";
 interface TemplateDialogProps {
     onClose: () => void;
     template?: CmsDynamicZoneTemplate;

package/admin/plugins/fields/dynamicZone/TemplateDialog.js CHANGED Viewed

@@ -2,8 +2,8 @@ import React, { useState } from "react";
 import { Form } from "@webiny/form";
 import { validation } from "@webiny/validation";
 import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
-import { IconPicker } from "../../../components/IconPicker";
-import { Tags } from "@webiny/ui/Tags";
+import { IconPicker } from "../../../components/IconPicker.js";
+import { Tags } from "@webiny/ui/Tags/index.js";
 import { Alert, Dialog, Grid, Input, Textarea } from "@webiny/admin-ui";
 const typeNameValidator = value => {
   const regex = new RegExp("^[A-Z]+[_0-9A-Za-z]+$");
@@ -77,7 +77,7 @@ export const TemplateDialog = props => {
     open: true,
     onClose: props.onClose,
     title: dialogTitle,
-    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelButton, null), /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.CancelAction, null), /*#__PURE__*/React.createElement(Dialog.ConfirmAction, {
       onClick: submit,
       text: submitLabel
     }))

package/admin/plugins/fields/dynamicZone/TemplateDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","Form","validation","generateAlphaNumericLowerCaseId","IconPicker","Tags","Alert","Dialog","Grid","Input","Textarea","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","onChange","Bind","submit","open","title","actions","Fragment","CancelButton","ConfirmButton","onClick","text","Column","span","type","validators","create","label","onBlur","autoFocus","description","rows","defaultValue"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { Alert, Dialog, Grid, Input, Textarea } from \"@webiny/admin-ui\";\n\nconst typeNameValidator = (value: string) => {\n const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n if (regex.test(value)) {\n return true;\n }\n\n throw Error(\n `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n onClose: () => void;\n template?: CmsDynamicZoneTemplate;\n onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n const [showWarning, setWarning] = useState(false);\n const newTemplate = !Boolean(props.template);\n const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n if (template.id) {\n props.onTemplate(template);\n } else {\n props.onTemplate({\n ...template,\n id: generateAlphaNumericLowerCaseId(),\n fields: [],\n layout: []\n });\n }\n props.onClose();\n };\n\n const showGqlTypeNameWarning = () => {\n setWarning(true);\n };\n\n const hideGqlTypeNameWarning = () => {\n setWarning(false);\n };\n\n const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n if (newTemplate) {\n return;\n }\n\n if (data.gqlTypeName !== props.template?.gqlTypeName) {\n showGqlTypeNameWarning();\n } else {\n hideGqlTypeNameWarning();\n }\n };\n\n const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n if (!form.data.gqlTypeName) {\n /*\n There is a possibility that name is undefined, so let's check for it.\n */\n const name = form.data.name;\n if (!name) {\n return;\n }\n form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n }\n };\n\n const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n checkGqlType(data, form);\n };\n\n return (\n <Form<CmsDynamicZoneTemplate>\n onSubmit={onSubmit}\n data={props.template}\n onChange={onFormChange}\n >\n {({ Bind, submit, form }) => (\n <Dialog\n open={true}\n onClose={props.onClose}\n title={dialogTitle}\n actions={\n <>\n <Dialog.CancelButton />\n <Dialog.ConfirmButton onClick={submit} text={submitLabel} />\n </>\n }\n >\n <Grid>\n <>\n {showWarning ? (\n <Grid.Column span={12}>\n <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n You've changed the GraphQL schema type name! If your\n API is being queried by a 3rd party application, this will\n affect the GraphQL queries in those applications. Make sure\n your consumers are informed about this change!\n </Alert>\n </Grid.Column>\n ) : null}\n </>\n <Grid.Column span={12}>\n <Bind name={\"name\"} validators={[validation.create(\"required\")]}>\n <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"gqlTypeName\"}\n validators={[validation.create(\"required\"), typeNameValidator]}\n >\n <Input\n autoFocus={false}\n label={\"GraphQL Type Name\"}\n description={\n \"This string will be used to generate the GraphQL schema. \"\n }\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"icon\"} validators={[validation.create(\"required\")]}>\n <IconPicker label={\"Icon\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"description\"} validators={[validation.create(\"required\")]}>\n <Textarea rows={3} label={\"Description\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"tags\"} defaultValue={[]}>\n <Tags label={\"Tags\"} />\n </Bind>\n </Grid.Column>\n </Grid>\n </Dialog>\n )}\n </Form>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,+BAA+B,QAAQ,eAAe;AAC/D,SAASC,UAAU;AACnB,SAASC,IAAI,QAAQ,iBAAiB;AACtC,SAASC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,kBAAkB;AAEvE,MAAMC,iBAAiB,GAAIC,KAAa,IAAK;EACzC,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAAC,uBAAuB,CAAC;EACjD,IAAID,KAAK,CAACE,IAAI,CAACH,KAAK,CAAC,EAAE;IACnB,OAAO,IAAI;EACf;EAEA,MAAMI,KAAK,CACP,qFACJ,CAAC;AACL,CAAC;AAED,MAAMC,kBAAkB,GAAIL,KAAa,IAAK;EAC1C,MAAMM,SAAS,GAAGN,KAAK,CAACO,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGR,KAAK,CAACS,KAAK,CAAC,CAAC,CAAC;EAChE,OAAOH,SAAS,CAACI,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;AACjD,CAAC;AAQD,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC1D,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM2B,WAAW,GAAG,CAACC,OAAO,CAACJ,KAAK,CAACK,QAAQ,CAAC;EAC5C,MAAMC,WAAW,GAAGH,WAAW,GAAG,cAAc,GAAG,eAAe;EAClE,MAAMI,WAAW,GAAGJ,WAAW,GAAG,cAAc,GAAG,iBAAiB;EAEpE,MAAMK,QAA8C,GAAGH,QAAQ,IAAI;IAC/D,IAAIA,QAAQ,CAACI,EAAE,EAAE;MACbT,KAAK,CAACU,UAAU,CAACL,QAAQ,CAAC;IAC9B,CAAC,MAAM;MACHL,KAAK,CAACU,UAAU,CAAC;QACb,GAAGL,QAAQ;QACXI,EAAE,EAAE9B,+BAA+B,CAAC,CAAC;QACrCgC,MAAM,EAAE,EAAE;QACVC,MAAM,EAAE;MACZ,CAAC,CAAC;IACN;IACAZ,KAAK,CAACa,OAAO,CAAC,CAAC;EACnB,CAAC;EAED,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACjCZ,UAAU,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,MAAMa,sBAAsB,GAAGA,CAAA,KAAM;IACjCb,UAAU,CAAC,KAAK,CAAC;EACrB,CAAC;EAED,MAAMc,YAAkD,GAAGC,IAAI,IAAI;IAC/D,IAAId,WAAW,EAAE;MACb;IACJ;IAEA,IAAIc,IAAI,CAACC,WAAW,KAAKlB,KAAK,CAACK,QAAQ,EAAEa,WAAW,EAAE;MAClDJ,sBAAsB,CAAC,CAAC;IAC5B,CAAC,MAAM;MACHC,sBAAsB,CAAC,CAAC;IAC5B;EACJ,CAAC;EAED,MAAMI,UAAU,GAAIC,IAAqC,IAAK,MAAM;IAChE,IAAI,CAACA,IAAI,CAACH,IAAI,CAACC,WAAW,EAAE;MACxB;AACZ;AACA;MACY,MAAMG,IAAI,GAAGD,IAAI,CAACH,IAAI,CAACI,IAAI;MAC3B,IAAI,CAACA,IAAI,EAAE;QACP;MACJ;MACAD,IAAI,CAACE,QAAQ,CAAC,aAAa,EAAE7B,kBAAkB,CAAC4B,IAAI,CAAC,CAAC;IAC1D;EACJ,CAAC;EAED,MAAME,YAAkD,GAAGA,CAACN,IAAI,EAAEG,IAAI,KAAK;IACvEJ,YAAY,CAACC,IAAI,EAAEG,IAAI,CAAC;EAC5B,CAAC;EAED,oBACI7C,KAAA,CAAAiD,aAAA,CAAC/C,IAAI;IACD+B,QAAQ,EAAEA,QAAS;IACnBS,IAAI,EAAEjB,KAAK,CAACK,QAAS;IACrBoB,QAAQ,EAAEF;EAAa,GAEtB,CAAC;IAAEG,IAAI;IAAEC,MAAM;IAAEP;EAAK,CAAC,kBACpB7C,KAAA,CAAAiD,aAAA,CAACzC,MAAM;IACH6C,IAAI,EAAE,IAAK;IACXf,OAAO,EAAEb,KAAK,CAACa,OAAQ;IACvBgB,KAAK,EAAEvB,WAAY;IACnBwB,OAAO,eACHvD,KAAA,CAAAiD,aAAA,CAAAjD,KAAA,CAAAwD,QAAA,qBACIxD,KAAA,CAAAiD,aAAA,CAACzC,MAAM,CAACiD,YAAY,MAAE,CAAC,eACvBzD,KAAA,CAAAiD,aAAA,CAACzC,MAAM,CAACkD,aAAa;MAACC,OAAO,EAAEP,MAAO;MAACQ,IAAI,EAAE5B;IAAY,CAAE,CAC7D;EACL,gBAEDhC,KAAA,CAAAiD,aAAA,CAACxC,IAAI,qBACDT,KAAA,CAAAiD,aAAA,CAAAjD,KAAA,CAAAwD,QAAA,QACK9B,WAAW,gBACR1B,KAAA,CAAAiD,aAAA,CAACxC,IAAI,CAACoD,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB9D,KAAA,CAAAiD,aAAA,CAAC1C,KAAK;IAAC+C,KAAK,EAAE,uBAAwB;IAACS,IAAI,EAAE;EAAS,GAAC,4NAKhD,CACE,CAAC,GACd,IACN,CAAC,eACH/D,KAAA,CAAAiD,aAAA,CAACxC,IAAI,CAACoD,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB9D,KAAA,CAAAiD,aAAA,CAACE,IAAI;IAACL,IAAI,EAAE,MAAO;IAACkB,UAAU,EAAE,CAAC7D,UAAU,CAAC8D,MAAM,CAAC,UAAU,CAAC;EAAE,gBAC5DjE,KAAA,CAAAiD,aAAA,CAACvC,KAAK;IAACwD,KAAK,EAAE,MAAO;IAACC,MAAM,EAAEvB,UAAU,CAACC,IAAI;EAAE,CAAE,CAC/C,CACG,CAAC,eACd7C,KAAA,CAAAiD,aAAA,CAACxC,IAAI,CAACoD,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB9D,KAAA,CAAAiD,aAAA,CAACE,IAAI;IACDL,IAAI,EAAE,aAAc;IACpBkB,UAAU,EAAE,CAAC7D,UAAU,CAAC8D,MAAM,CAAC,UAAU,CAAC,EAAErD,iBAAiB;EAAE,gBAE/DZ,KAAA,CAAAiD,aAAA,CAACvC,KAAK;IACF0D,SAAS,EAAE,KAAM;IACjBF,KAAK,EAAE,mBAAoB;IAC3BG,WAAW,EACP;EACH,CACJ,CACC,CACG,CAAC,eACdrE,KAAA,CAAAiD,aAAA,CAACxC,IAAI,CAACoD,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB9D,KAAA,CAAAiD,aAAA,CAACE,IAAI;IAACL,IAAI,EAAE,MAAO;IAACkB,UAAU,EAAE,CAAC7D,UAAU,CAAC8D,MAAM,CAAC,UAAU,CAAC;EAAE,gBAC5DjE,KAAA,CAAAiD,aAAA,CAAC5C,UAAU;IAAC6D,KAAK,EAAE;EAAO,CAAE,CAC1B,CACG,CAAC,eACdlE,KAAA,CAAAiD,aAAA,CAACxC,IAAI,CAACoD,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB9D,KAAA,CAAAiD,aAAA,CAACE,IAAI;IAACL,IAAI,EAAE,aAAc;IAACkB,UAAU,EAAE,CAAC7D,UAAU,CAAC8D,MAAM,CAAC,UAAU,CAAC;EAAE,gBACnEjE,KAAA,CAAAiD,aAAA,CAACtC,QAAQ;IAAC2D,IAAI,EAAE,CAAE;IAACJ,KAAK,EAAE;EAAc,CAAE,CACxC,CACG,CAAC,eACdlE,KAAA,CAAAiD,aAAA,CAACxC,IAAI,CAACoD,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClB9D,KAAA,CAAAiD,aAAA,CAACE,IAAI;IAACL,IAAI,EAAE,MAAO;IAACyB,YAAY,EAAE;EAAG,gBACjCvE,KAAA,CAAAiD,aAAA,CAAC3C,IAAI;IAAC4D,KAAK,EAAE;EAAO,CAAE,CACpB,CACG,CACX,CACF,CAEV,CAAC;AAEf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useState","Form","validation","generateAlphaNumericLowerCaseId","IconPicker","Tags","Alert","Dialog","Grid","Input","Textarea","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","onChange","Bind","submit","open","title","actions","Fragment","CancelAction","ConfirmAction","onClick","text","Column","span","type","validators","create","label","onBlur","autoFocus","description","rows","defaultValue"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport type { CmsDynamicZoneTemplate } from \"~/types.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker.js\";\nimport { Tags } from \"@webiny/ui/Tags/index.js\";\nimport { Alert, Dialog, Grid, Input, Textarea } from \"@webiny/admin-ui\";\n\nconst typeNameValidator = (value: string) => {\n const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n if (regex.test(value)) {\n return true;\n }\n\n throw Error(\n `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n onClose: () => void;\n template?: CmsDynamicZoneTemplate;\n onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog = (props: TemplateDialogProps) => {\n const [showWarning, setWarning] = useState(false);\n const newTemplate = !Boolean(props.template);\n const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n if (template.id) {\n props.onTemplate(template);\n } else {\n props.onTemplate({\n ...template,\n id: generateAlphaNumericLowerCaseId(),\n fields: [],\n layout: []\n });\n }\n props.onClose();\n };\n\n const showGqlTypeNameWarning = () => {\n setWarning(true);\n };\n\n const hideGqlTypeNameWarning = () => {\n setWarning(false);\n };\n\n const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n if (newTemplate) {\n return;\n }\n\n if (data.gqlTypeName !== props.template?.gqlTypeName) {\n showGqlTypeNameWarning();\n } else {\n hideGqlTypeNameWarning();\n }\n };\n\n const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n if (!form.data.gqlTypeName) {\n /*\n There is a possibility that name is undefined, so let's check for it.\n */\n const name = form.data.name;\n if (!name) {\n return;\n }\n form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n }\n };\n\n const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n checkGqlType(data, form);\n };\n\n return (\n <Form<CmsDynamicZoneTemplate>\n onSubmit={onSubmit}\n data={props.template}\n onChange={onFormChange}\n >\n {({ Bind, submit, form }) => (\n <Dialog\n open={true}\n onClose={props.onClose}\n title={dialogTitle}\n actions={\n <>\n <Dialog.CancelAction />\n <Dialog.ConfirmAction onClick={submit} text={submitLabel} />\n </>\n }\n >\n <Grid>\n <>\n {showWarning ? (\n <Grid.Column span={12}>\n <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n You've changed the GraphQL schema type name! If your\n API is being queried by a 3rd party application, this will\n affect the GraphQL queries in those applications. Make sure\n your consumers are informed about this change!\n </Alert>\n </Grid.Column>\n ) : null}\n </>\n <Grid.Column span={12}>\n <Bind name={\"name\"} validators={[validation.create(\"required\")]}>\n <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind\n name={\"gqlTypeName\"}\n validators={[validation.create(\"required\"), typeNameValidator]}\n >\n <Input\n autoFocus={false}\n label={\"GraphQL Type Name\"}\n description={\n \"This string will be used to generate the GraphQL schema. \"\n }\n />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"icon\"} validators={[validation.create(\"required\")]}>\n <IconPicker label={\"Icon\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"description\"} validators={[validation.create(\"required\")]}>\n <Textarea rows={3} label={\"Description\"} />\n </Bind>\n </Grid.Column>\n <Grid.Column span={12}>\n <Bind name={\"tags\"} defaultValue={[]}>\n <Tags label={\"Tags\"} />\n </Bind>\n </Grid.Column>\n </Grid>\n </Dialog>\n )}\n </Form>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fields/dynamicZone/commonValidators.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { CmsModelFieldValidatorConfig } from "../../../../types";
+import type { CmsModelFieldValidatorConfig } from "../../../../types.js";
 export declare const commonValidators: CmsModelFieldValidatorConfig[];

package/admin/plugins/fields/dynamicZone/commonValidators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["commonValidators","name","label","description","defaultMessage","variables"],"sources":["commonValidators.ts"],"sourcesContent":["import type { CmsModelFieldValidatorConfig } from \"~/types\";\n\nexport const commonValidators: CmsModelFieldValidatorConfig[] = [\n {\n name: \"minLength\",\n label: \"Minimum number of entries\",\n description: \"Define the minimum number of entries a user must create.\",\n defaultMessage: \"You must create at least {value} entries.\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the minimum number of entries a user must create.\"\n }\n ]\n },\n {\n name: \"maxLength\",\n label: \"Maximum number of entries\",\n description: \"Define the maximum number of entries a user can create.\",\n defaultMessage: \"You have too many entries (max: {value}).\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the maximum number of entries a user can create.\"\n }\n ]\n }\n];\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAgD,GAAG,CAC5D;EACIC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ","ignoreList":[]}
1	+ {"version":3,"names":["commonValidators","name","label","description","defaultMessage","variables"],"sources":["commonValidators.ts"],"sourcesContent":["import type { CmsModelFieldValidatorConfig } from \"~/types.js\";\n\nexport const commonValidators: CmsModelFieldValidatorConfig[] = [\n {\n name: \"minLength\",\n label: \"Minimum number of entries\",\n description: \"Define the minimum number of entries a user must create.\",\n defaultMessage: \"You must create at least {value} entries.\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the minimum number of entries a user must create.\"\n }\n ]\n },\n {\n name: \"maxLength\",\n label: \"Maximum number of entries\",\n description: \"Define the maximum number of entries a user can create.\",\n defaultMessage: \"You have too many entries (max: {value}).\",\n variables: [\n {\n name: \"value\",\n description: \"This defines the maximum number of entries a user can create.\"\n }\n ]\n }\n];\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAgD,GAAG,CAC5D;EACIC,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,0DAA0D;EACvEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,EACD;EACIF,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE,2BAA2B;EAClCC,WAAW,EAAE,yDAAyD;EACtEC,cAAc,EAAE,2CAA2C;EAC3DC,SAAS,EAAE,CACP;IACIJ,IAAI,EAAE,OAAO;IACbE,WAAW,EAAE;EACjB,CAAC;AAET,CAAC,CACJ","ignoreList":[]}

package/admin/plugins/fields/dynamicZone.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import type { CmsModelFieldTypePlugin } from "../../../types";
+import type { CmsModelFieldTypePlugin } from "../../../types.js";
 export declare const dynamicZoneField: CmsModelFieldTypePlugin;