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

package/admin/plugins/fieldRenderers/DynamicSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","classSet","css","i18n","ReactComponent","AddIcon","ParentFieldProvider","ParentValueIndexProvider","getMultiValueRendererSettings","Button","cn","FormComponentDescription","FormComponentErrorMessage","Grid","Heading","t","ns","style","gridContainer","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultAddItem","DynamicSection","field","getBind","children","showLabel","emptyValue","onAddItem","gridClassName","props","Bind","settings","addValueButtonLabel","createElement","bindField","value","appendValue","bindFieldValue","ValidationContainer","path","parentName","className","level","label","length","helpText","text","Fragment","_","index","BindField","Column","span","key","bindProps","bind","validation","isValid","invalid","message","variant","icon","onClick"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"@emotion/css\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport {\n    Button,\n    cn,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    Grid,\n    Heading\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    gridContainer: css`\n        padding: 0 !important;\n    `\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    gridClassName?: string;\n    onAddItem?: (index: number) => void;\n    addValueButtonLabel?: string;\n}\n\nconst defaultAddItem = () => {\n    // No op.\n};\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    onAddItem = defaultAddItem,\n    gridClassName,\n    ...props\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n\n    const settings = getMultiValueRendererSettings(field);\n    const addValueButtonLabel =\n        props.addValueButtonLabel ?? settings.addValueButtonLabel ?? \"Add Value\";\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n\n                return (\n                    <Bind.ValidationContainer>\n                        <ParentFieldProvider value={value} path={Bind.parentName}>\n                            {showLabel ? (\n                                <div\n                                    className={\n                                        \"wby-pb-md wby-mb-md wby-border-b-sm wby-border-neutral-dimmed\"\n                                    }\n                                >\n                                    <Heading level={6} className={\"webiny_group-label-text\"}>\n                                        {`${field.label} ${\n                                            bindFieldValue.length\n                                                ? `(${bindFieldValue.length})`\n                                                : \"\"\n                                        }`}\n                                    </Heading>\n                                    {field.helpText && (\n                                        <FormComponentDescription text={field.helpText} />\n                                    )}\n                                </div>\n                            ) : null}\n                            <Grid className={classSet(gridClassName, style.gridContainer)}>\n                                <>\n                                    {bindFieldValue.map((_, index) => {\n                                        const BindField = getBind(index);\n                                        return (\n                                            <Grid.Column span={12} key={index}>\n                                                <BindField>\n                                                    {bindProps => (\n                                                        <BindField.ValidationContainer>\n                                                            <ParentValueIndexProvider index={index}>\n                                                                {children({\n                                                                    Bind: BindField,\n                                                                    field,\n                                                                    bind: {\n                                                                        index: bindProps,\n                                                                        field: bindField\n                                                                    },\n                                                                    index\n                                                                })}\n                                                            </ParentValueIndexProvider>\n                                                        </BindField.ValidationContainer>\n                                                    )}\n                                                </BindField>\n                                            </Grid.Column>\n                                        );\n                                    })}\n                                </>\n                                <>\n                                    {bindField.validation.isValid === false && (\n                                        <Grid.Column span={12}>\n                                            <FormComponentErrorMessage\n                                                invalid\n                                                text={bindField.validation.message}\n                                            />\n                                        </Grid.Column>\n                                    )}\n                                </>\n                                <Grid.Column span={12}>\n                                    <div\n                                        className={cn(\n                                            bindFieldValue.length > 0 ? \"wby-pt-none\" : \"wby-pt-sm\"\n                                        )}\n                                    >\n                                        <Button\n                                            variant={\"tertiary\"}\n                                            icon={<AddIcon />}\n                                            text={t(addValueButtonLabel)}\n                                            onClick={() => {\n                                                appendValue(emptyValue);\n                                                onAddItem(bindFieldValue.length);\n                                            }}\n                                        />\n                                    </div>\n                                </Grid.Column>\n                            </Grid>\n                        </ParentFieldProvider>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","classSet","css","i18n","ReactComponent","AddIcon","ParentFieldProvider","ParentValueIndexProvider","getMultiValueRendererSettings","Button","cn","FormComponentDescription","FormComponentErrorMessage","Grid","Heading","t","ns","style","gridContainer","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultAddItem","DynamicSection","field","getBind","children","showLabel","emptyValue","onAddItem","gridClassName","props","Bind","settings","addValueButtonLabel","createElement","bindField","value","appendValue","bindFieldValue","ValidationContainer","path","parentName","className","level","label","length","helpText","text","Fragment","_","index","BindField","Column","span","key","bindProps","bind","validation","isValid","invalid","message","variant","icon","onClick"],"sources":["DynamicSection.tsx"],"sourcesContent":["import React from \"react\";\nimport classSet from \"classnames\";\nimport { css } from \"@emotion/css\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport type { GetBindCallable } from \"~/admin/components/ContentEntryForm/useBind\";\nimport { ParentFieldProvider } from \"~/admin/hooks\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport type { BindComponent, BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { getMultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\nimport {\n    Button,\n    cn,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    Grid,\n    Heading\n} from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst style = {\n    gridContainer: css`\n        padding: 0 !important;\n    `\n};\n\nexport interface DynamicSectionPropsChildrenParams {\n    Bind: BindComponent;\n    field: CmsModelField;\n    bind: {\n        index: BindComponentRenderProp;\n        field: BindComponentRenderProp;\n    };\n    index: number;\n}\n\nexport interface DynamicSectionProps {\n    field: CmsModelField;\n    getBind: GetBindCallable;\n    showLabel?: boolean;\n    children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;\n    emptyValue?: any;\n    gridClassName?: string;\n    onAddItem?: (index: number) => void;\n    addValueButtonLabel?: string;\n}\n\nconst defaultAddItem = () => {\n    // No op.\n};\n\nconst DynamicSection = ({\n    field,\n    getBind,\n    children,\n    showLabel = true,\n    emptyValue = \"\",\n    onAddItem = defaultAddItem,\n    gridClassName,\n    ...props\n}: DynamicSectionProps) => {\n    const Bind = getBind();\n\n    const settings = getMultiValueRendererSettings(field);\n    const addValueButtonLabel =\n        props.addValueButtonLabel ?? settings.addValueButtonLabel ?? \"Add Value\";\n\n    return (\n        /* First we mount the top level field, for example: \"items\" */\n        <Bind>\n            {bindField => {\n                /**\n                 * \"value\" -> an array of items\n                 * \"appendValue\" -> a callback to add a new value to the top level \"items\" array\n                 */\n                const { value, appendValue } = bindField;\n\n                const bindFieldValue: string[] = value || [];\n\n                return (\n                    <Bind.ValidationContainer>\n                        <ParentFieldProvider value={value} path={Bind.parentName}>\n                            {showLabel ? (\n                                <div\n                                    className={\n                                        \"wby-pb-md wby-mb-md wby-border-b-sm wby-border-neutral-dimmed\"\n                                    }\n                                >\n                                    <Heading level={6} className={\"webiny_group-label-text\"}>\n                                        {`${field.label} ${\n                                            bindFieldValue.length\n                                                ? `(${bindFieldValue.length})`\n                                                : \"\"\n                                        }`}\n                                    </Heading>\n                                    {field.helpText && (\n                                        <FormComponentDescription text={field.helpText} />\n                                    )}\n                                </div>\n                            ) : null}\n                            <Grid className={classSet(gridClassName, style.gridContainer)}>\n                                <>\n                                    {bindFieldValue.map((_, index) => {\n                                        const BindField = getBind(index);\n                                        return (\n                                            <Grid.Column span={12} key={index}>\n                                                <BindField>\n                                                    {bindProps => (\n                                                        <BindField.ValidationContainer>\n                                                            <ParentValueIndexProvider index={index}>\n                                                                {children({\n                                                                    Bind: BindField,\n                                                                    field,\n                                                                    bind: {\n                                                                        index: bindProps,\n                                                                        field: bindField\n                                                                    },\n                                                                    index\n                                                                })}\n                                                            </ParentValueIndexProvider>\n                                                        </BindField.ValidationContainer>\n                                                    )}\n                                                </BindField>\n                                            </Grid.Column>\n                                        );\n                                    })}\n                                </>\n                                <>\n                                    {bindField.validation.isValid === false && (\n                                        <Grid.Column span={12}>\n                                            <FormComponentErrorMessage\n                                                invalid\n                                                text={bindField.validation.message}\n                                            />\n                                        </Grid.Column>\n                                    )}\n                                </>\n                                <Grid.Column span={12}>\n                                    <div\n                                        className={cn(\n                                            bindFieldValue.length > 0 ? \"wby-pt-none\" : \"wby-pt-sm\"\n                                        )}\n                                    >\n                                        <Button\n                                            variant={\"tertiary\"}\n                                            icon={<AddIcon />}\n                                            text={t(addValueButtonLabel)}\n                                            onClick={() => {\n                                                appendValue(emptyValue);\n                                                onAddItem(bindFieldValue.length);\n                                            }}\n                                        />\n                                    </div>\n                                </Grid.Column>\n                            </Grid>\n                        </ParentFieldProvider>\n                    </Bind.ValidationContainer>\n                );\n            }}\n        </Bind>\n    );\n};\n\nexport default DynamicSection;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,GAAG,QAAQ,cAAc;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AAEjE,SAASC,mBAAmB;AAC5B,SAASC,wBAAwB;AAEjC,SAASC,6BAA6B;AACtC,SACIC,MAAM,EACNC,EAAE,EACFC,wBAAwB,EACxBC,yBAAyB,EACzBC,IAAI,EACJC,OAAO,QACJ,kBAAkB;AAEzB,MAAMC,CAAC,GAAGZ,IAAI,CAACa,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,KAAK,GAAG;EACVC,aAAa,eAAEhB,GAAG,CAAAiB,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,QAAA,EAAAC;EAAA;AAGtB,CAAC;AAuBD,MAAMC,cAAc,GAAGA,CAAA,KAAM;EACzB;AAAA,CACH;AAED,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,OAAO;EACPC,QAAQ;EACRC,SAAS,GAAG,IAAI;EAChBC,UAAU,GAAG,EAAE;EACfC,SAAS,GAAGP,cAAc;EAC1BQ,aAAa;EACb,GAAGC;AACc,CAAC,KAAK;EACvB,MAAMC,IAAI,GAAGP,OAAO,CAAC,CAAC;EAEtB,MAAMQ,QAAQ,GAAG9B,6BAA6B,CAACqB,KAAK,CAAC;EACrD,MAAMU,mBAAmB,GACrBH,KAAK,CAACG,mBAAmB,IAAID,QAAQ,CAACC,mBAAmB,IAAI,WAAW;EAE5E,qBACI,8DACAvC,KAAA,CAAAwC,aAAA,CAACH,IAAI,QACAI,SAAS,IAAI;IACV;AAChB;AACA;AACA;IACgB,MAAM;MAAEC,KAAK;MAAEC;IAAY,CAAC,GAAGF,SAAS;IAExC,MAAMG,cAAwB,GAAGF,KAAK,IAAI,EAAE;IAE5C,oBACI1C,KAAA,CAAAwC,aAAA,CAACH,IAAI,CAACQ,mBAAmB,qBACrB7C,KAAA,CAAAwC,aAAA,CAAClC,mBAAmB;MAACoC,KAAK,EAAEA,KAAM;MAACI,IAAI,EAAET,IAAI,CAACU;IAAW,GACpDf,SAAS,gBACNhC,KAAA,CAAAwC,aAAA;MACIQ,SAAS,EACL;IACH,gBAEDhD,KAAA,CAAAwC,aAAA,CAAC1B,OAAO;MAACmC,KAAK,EAAE,CAAE;MAACD,SAAS,EAAE;IAA0B,GACnD,GAAGnB,KAAK,CAACqB,KAAK,IACXN,cAAc,CAACO,MAAM,GACf,IAAIP,cAAc,CAACO,MAAM,GAAG,GAC5B,EAAE,EAEP,CAAC,EACTtB,KAAK,CAACuB,QAAQ,iBACXpD,KAAA,CAAAwC,aAAA,CAAC7B,wBAAwB;MAAC0C,IAAI,EAAExB,KAAK,CAACuB;IAAS,CAAE,CAEpD,CAAC,GACN,IAAI,eACRpD,KAAA,CAAAwC,aAAA,CAAC3B,IAAI;MAACmC,SAAS,EAAE/C,QAAQ,CAACkC,aAAa,EAAElB,KAAK,CAACC,aAAa;IAAE,gBAC1DlB,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAAsD,QAAA,QACKV,cAAc,CAACpB,GAAG,CAAC,CAAC+B,CAAC,EAAEC,KAAK,KAAK;MAC9B,MAAMC,SAAS,GAAG3B,OAAO,CAAC0B,KAAK,CAAC;MAChC,oBACIxD,KAAA,CAAAwC,aAAA,CAAC3B,IAAI,CAAC6C,MAAM;QAACC,IAAI,EAAE,EAAG;QAACC,GAAG,EAAEJ;MAAM,gBAC9BxD,KAAA,CAAAwC,aAAA,CAACiB,SAAS,QACLI,SAAS,iBACN7D,KAAA,CAAAwC,aAAA,CAACiB,SAAS,CAACZ,mBAAmB,qBAC1B7C,KAAA,CAAAwC,aAAA,CAACjC,wBAAwB;QAACiD,KAAK,EAAEA;MAAM,GAClCzB,QAAQ,CAAC;QACNM,IAAI,EAAEoB,SAAS;QACf5B,KAAK;QACLiC,IAAI,EAAE;UACFN,KAAK,EAAEK,SAAS;UAChBhC,KAAK,EAAEY;QACX,CAAC;QACDe;MACJ,CAAC,CACqB,CACC,CAE5B,CACF,CAAC;IAEtB,CAAC,CACH,CAAC,eACHxD,KAAA,CAAAwC,aAAA,CAAAxC,KAAA,CAAAsD,QAAA,QACKb,SAAS,CAACsB,UAAU,CAACC,OAAO,KAAK,KAAK,iBACnChE,KAAA,CAAAwC,aAAA,CAAC3B,IAAI,CAAC6C,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB3D,KAAA,CAAAwC,aAAA,CAAC5B,yBAAyB;MACtBqD,OAAO;MACPZ,IAAI,EAAEZ,SAAS,CAACsB,UAAU,CAACG;IAAQ,CACtC,CACQ,CAEnB,CAAC,eACHlE,KAAA,CAAAwC,aAAA,CAAC3B,IAAI,CAAC6C,MAAM;MAACC,IAAI,EAAE;IAAG,gBAClB3D,KAAA,CAAAwC,aAAA;MACIQ,SAAS,EAAEtC,EAAE,CACTkC,cAAc,CAACO,MAAM,GAAG,CAAC,GAAG,aAAa,GAAG,WAChD;IAAE,gBAEFnD,KAAA,CAAAwC,aAAA,CAAC/B,MAAM;MACH0D,OAAO,EAAE,UAAW;MACpBC,IAAI,eAAEpE,KAAA,CAAAwC,aAAA,CAACnC,OAAO,MAAE,CAAE;MAClBgD,IAAI,EAAEtC,CAAC,CAACwB,mBAAmB,CAAE;MAC7B8B,OAAO,EAAEA,CAAA,KAAM;QACX1B,WAAW,CAACV,UAAU,CAAC;QACvBC,SAAS,CAACU,cAAc,CAACO,MAAM,CAAC;MACpC;IAAE,CACL,CACA,CACI,CACX,CACW,CACC,CAAC;EAEnC,CACE,CAAC;AAEf,CAAC;AAED,eAAevB,cAAc","ignoreList":[]}

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.d.ts

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

package/admin/plugins/fieldRenderers/boolean/booleanSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","Switch","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bindProps","Object","assign","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Switch } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IACxB,CAACM,KAAK,CAACC,cAAc,IACrB,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,SAAS,iBACNnB,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbG,KAAK,EAAET,KAAK,CAACS,KAAM;QACnBX,WAAW,EAAEE,KAAK,CAACU,QAAS;QAC5B,eAAa,oBAAoBV,KAAK,CAACS,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","Switch","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","createElement","bindProps","Object","assign","label","helpText"],"sources":["booleanSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Switch } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/boolean\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-boolean\",\n    renderer: {\n        rendererName: \"boolean-input\",\n        name: t`Boolean Input`,\n        description: t`Renders a simple switch button.`,\n        canUse({ field }) {\n            return (\n                field.type === \"boolean\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            return (\n                <Bind>\n                    {bindProps => (\n                        <Switch\n                            {...bindProps}\n                            label={field.label}\n                            description={field.helpText}\n                            data-testid={`fr.input.boolean.${field.label}`}\n                        />\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,uCAAuC,CAAC;AAE1D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,iCAAiC;IAC/CQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,SAAS,IACxB,CAACM,KAAK,CAACC,cAAc,IACrB,CAACb,GAAG,CAACY,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,SAAS,iBACNnB,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAiB,MAAA,CAAAC,MAAA,KACCF,SAAS;QACbG,KAAK,EAAET,KAAK,CAACS,KAAM;QACnBX,WAAW,EAAEE,KAAK,CAACU,QAAS;QAC5B,eAAa,oBAAoBV,KAAK,CAACS,KAAK;MAAG,EAClD,CAEH,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/checkboxes.d.ts

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

package/admin/plugins/fieldRenderers/checkboxes.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","CheckboxGroup","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","multipleValues","render","getBind","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","Object","assign","label","helpText","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst adaptToField = (field: CmsModelField, value: string) => {\n    return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: predefinedOptions = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            // For `number` field, we want to convert the value to actual Number.\n            const options = predefinedOptions.map(opt => ({\n                ...opt,\n                value: adaptToField(field, opt.value)\n            }));\n\n            const defaults = options.filter(option => option.selected);\n            const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n            return (\n                <Bind defaultValue={defaultValue}>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                value={bind.value}\n                                items={options.map(opt => ({\n                                    label: opt.label,\n                                    value: opt.value,\n                                    selected: opt.selected\n                                }))}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,YAAY,GAAGA,CAACC,KAAoB,EAAEC,KAAa,KAAK;EAC1D,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;AAC1D,CAAC;AAED,MAAMG,MAAmC,GAAG;EACxCF,IAAI,EAAE,2BAA2B;EACjCG,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,YAAY;IACnBW,WAAW,EAAEX,CAAC,4DAA4D;IAC1EY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,CAACA,KAAK,CAACU,cAAc,IAAI,CAAC,CAAChB,GAAG,CAACM,KAAK,EAAE,0BAA0B,CAAC;IAC7E,CAAC;IACDW,MAAMA,CAAC;MAAEX,KAAK;MAAEY;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,iBAAiB,GAAG;MAAG,CAAC,GAAGf,KAAK,CAACgB,gBAAgB,IAAI;QACjEF,MAAM,EAAE;MACZ,CAAC;;MAED;MACA,MAAMG,OAAO,GAAGF,iBAAiB,CAACG,GAAG,CAACC,GAAG,KAAK;QAC1C,GAAGA,GAAG;QACNlB,KAAK,EAAEF,YAAY,CAACC,KAAK,EAAEmB,GAAG,CAAClB,KAAK;MACxC,CAAC,CAAC,CAAC;MAEH,MAAMmB,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC;MAC1D,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACF,GAAG,CAACC,GAAG,IAAIA,GAAG,CAAClB,KAAK,CAAC,GAAGyB,SAAS;MAErF,oBACIjC,KAAA,CAAAkC,aAAA,CAACd,IAAI;QAACW,YAAY,EAAEA;MAAa,GAC5BI,IAAI,iBACDnC,KAAA,CAAAkC,aAAA,CAACd,IAAI,CAACgB,mBAAmB,qBACrBpC,KAAA,CAAAkC,aAAA,CAAC/B,aAAa,EAAAkC,MAAA,CAAAC,MAAA,KACNH,IAAI;QACRI,KAAK,EAAEhC,KAAK,CAACgC,KAAM;QACnBxB,WAAW,EAAER,KAAK,CAACiC,QAAS;QAC5BhC,KAAK,EAAE2B,IAAI,CAAC3B,KAAM;QAClBiC,KAAK,EAAEjB,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UACvBa,KAAK,EAAEb,GAAG,CAACa,KAAK;UAChB/B,KAAK,EAAEkB,GAAG,CAAClB,KAAK;UAChBsB,QAAQ,EAAEJ,GAAG,CAACI;QAClB,CAAC,CAAC;MAAE,EACP,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","CheckboxGroup","t","ns","adaptToField","field","value","type","Number","plugin","name","renderer","rendererName","description","canUse","multipleValues","render","getBind","Bind","values","predefinedOptions","predefinedValues","options","map","opt","defaults","filter","option","selected","defaultValue","length","undefined","createElement","bind","ValidationContainer","Object","assign","label","helpText","items"],"sources":["checkboxes.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelField, CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst adaptToField = (field: CmsModelField, value: string) => {\n    return field.type === \"number\" ? Number(value) : value;\n};\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-checkboxes-buttons\",\n    renderer: {\n        rendererName: \"checkboxes\",\n        name: t`Checkboxes`,\n        description: t`Renders checkboxes, allowing selection of multiple values.`,\n        canUse({ field }) {\n            return !!field.multipleValues && !!get(field, \"predefinedValues.enabled\");\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const { values: predefinedOptions = [] } = field.predefinedValues || {\n                values: []\n            };\n\n            // For `number` field, we want to convert the value to actual Number.\n            const options = predefinedOptions.map(opt => ({\n                ...opt,\n                value: adaptToField(field, opt.value)\n            }));\n\n            const defaults = options.filter(option => option.selected);\n            const defaultValue = defaults.length > 0 ? defaults.map(opt => opt.value) : undefined;\n\n            return (\n                <Bind defaultValue={defaultValue}>\n                    {bind => (\n                        <Bind.ValidationContainer>\n                            <CheckboxGroup\n                                {...bind}\n                                label={field.label}\n                                description={field.helpText}\n                                value={bind.value}\n                                items={options.map(opt => ({\n                                    label: opt.label,\n                                    value: opt.value,\n                                    selected: opt.selected\n                                }))}\n                            />\n                        </Bind.ValidationContainer>\n                    )}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,YAAY,GAAGA,CAACC,KAAoB,EAAEC,KAAa,KAAK;EAC1D,OAAOD,KAAK,CAACE,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;AAC1D,CAAC;AAED,MAAMG,MAAmC,GAAG;EACxCF,IAAI,EAAE,2BAA2B;EACjCG,IAAI,EAAE,8CAA8C;EACpDC,QAAQ,EAAE;IACNC,YAAY,EAAE,YAAY;IAC1BF,IAAI,EAAER,CAAC,YAAY;IACnBW,WAAW,EAAEX,CAAC,4DAA4D;IAC1EY,MAAMA,CAAC;MAAET;IAAM,CAAC,EAAE;MACd,OAAO,CAAC,CAACA,KAAK,CAACU,cAAc,IAAI,CAAC,CAAChB,GAAG,CAACM,KAAK,EAAE,0BAA0B,CAAC;IAC7E,CAAC;IACDW,MAAMA,CAAC;MAAEX,KAAK;MAAEY;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAM;QAAEE,MAAM,EAAEC,iBAAiB,GAAG;MAAG,CAAC,GAAGf,KAAK,CAACgB,gBAAgB,IAAI;QACjEF,MAAM,EAAE;MACZ,CAAC;;MAED;MACA,MAAMG,OAAO,GAAGF,iBAAiB,CAACG,GAAG,CAACC,GAAG,KAAK;QAC1C,GAAGA,GAAG;QACNlB,KAAK,EAAEF,YAAY,CAACC,KAAK,EAAEmB,GAAG,CAAClB,KAAK;MACxC,CAAC,CAAC,CAAC;MAEH,MAAMmB,QAAQ,GAAGH,OAAO,CAACI,MAAM,CAACC,MAAM,IAAIA,MAAM,CAACC,QAAQ,CAAC;MAC1D,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,GAAG,CAAC,GAAGL,QAAQ,CAACF,GAAG,CAACC,GAAG,IAAIA,GAAG,CAAClB,KAAK,CAAC,GAAGyB,SAAS;MAErF,oBACIjC,KAAA,CAAAkC,aAAA,CAACd,IAAI;QAACW,YAAY,EAAEA;MAAa,GAC5BI,IAAI,iBACDnC,KAAA,CAAAkC,aAAA,CAACd,IAAI,CAACgB,mBAAmB,qBACrBpC,KAAA,CAAAkC,aAAA,CAAC/B,aAAa,EAAAkC,MAAA,CAAAC,MAAA,KACNH,IAAI;QACRI,KAAK,EAAEhC,KAAK,CAACgC,KAAM;QACnBxB,WAAW,EAAER,KAAK,CAACiC,QAAS;QAC5BhC,KAAK,EAAE2B,IAAI,CAAC3B,KAAM;QAClBiC,KAAK,EAAEjB,OAAO,CAACC,GAAG,CAACC,GAAG,KAAK;UACvBa,KAAK,EAAEb,GAAG,CAACa,KAAK;UAChB/B,KAAK,EAAEkB,GAAG,CAAClB,KAAK;UAChBsB,QAAQ,EAAEJ,GAAG,CAACI;QAClB,CAAC,CAAC;MAAE,EACP,CACqB,CAE5B,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAenB,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateOnly.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { TrailingIcon } from "./Input";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { TrailingIcon } from "./Input";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateOnlyProps {
     field: CmsModelField;
     bind: BindComponentRenderProp;

package/admin/plugins/fieldRenderers/dateTime/DateOnly.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Input","getCurrentDate","getDefaultFieldValue","DateOnly","props","field","bind","trailingIcon","date","Date","bindValue","value","onChange","createElement","type","settings"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, TrailingIcon } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface DateOnlyProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly = (props: DateOnlyProps) => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK;AAEd,SACIC,cAAc,EACdC,oBAAoB;AAUxB,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC3C,MAAMI,IAAI,GAAGN,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,cAAc,CAAC,IAAIQ,IAAI,CAAC,CAAC,CAAC;EACrC,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGJ,IAAI,CAACK,KAAK,IAAI,EAAE;EAElCZ,SAAS,CAAC,MAAM;IACZ,IAAI,CAACS,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACM,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIZ,KAAA,CAAAe,aAAA,CAACb,KAAK;IACFM,IAAI,EAAE;MACF,GAAGA,IAAI;MACPK,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACD,SAAS,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACM,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAON,IAAI,CAACM,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFN,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAET,KAAK,CAACU,QAAQ,EAAED,IAAK;IAC3BP,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","Input","getCurrentDate","getDefaultFieldValue","DateOnly","props","field","bind","trailingIcon","date","Date","bindValue","value","onChange","createElement","type","settings"],"sources":["DateOnly.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { TrailingIcon } from \"./Input\";\nimport { Input } from \"./Input\";\nimport type { CmsModelField } from \"~/types\";\nimport {\n    getCurrentDate,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\nexport interface DateOnlyProps {\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const DateOnly = (props: DateOnlyProps) => {\n    const { field, bind, trailingIcon } = props;\n    const date = getDefaultFieldValue(field, bind, () => {\n        return getCurrentDate(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!date || bindValue === date) {\n            return;\n        }\n        bind.onChange(date);\n    }, [bindValue]);\n\n    return (\n        <Input\n            bind={{\n                ...bind,\n                value: date,\n                onChange: async (value: string) => {\n                    if (!value) {\n                        if (!bindValue) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            field={field}\n            type={field.settings?.type}\n            trailingIcon={trailingIcon}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AAEd,SACIC,cAAc,EACdC,oBAAoB;AAUxB,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAC9C,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC3C,MAAMI,IAAI,GAAGN,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,cAAc,CAAC,IAAIQ,IAAI,CAAC,CAAC,CAAC;EACrC,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGJ,IAAI,CAACK,KAAK,IAAI,EAAE;EAElCZ,SAAS,CAAC,MAAM;IACZ,IAAI,CAACS,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAF,IAAI,CAACM,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIZ,KAAA,CAAAe,aAAA,CAACb,KAAK;IACFM,IAAI,EAAE;MACF,GAAGA,IAAI;MACPK,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACD,SAAS,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACM,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAON,IAAI,CAACM,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFN,KAAK,EAAEA,KAAM;IACbS,IAAI,EAAET,KAAK,CAACU,QAAQ,EAAED,IAAK;IAC3BP,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateTimeWithTimezoneProps {
     bind: BindComponentRenderProp;
     trailingIcon?: any;

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithTimezone.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","Input","Select","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","getHHmmss","getHHmm","UTC_TIMEZONES","parseDateTime","value","date","rest","formattedDate","split","Error","parseTime","defaultTimeZone","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","Date","cellSize","createElement","Column","span","onChange","label","type","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport {\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone,\n    getHHmmss,\n    getHHmm\n} from \"./utils\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string, defaultTimeZone?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: defaultTimeZone || \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n        });\n\n    const { date, rest } = parseDateTime(value);\n    const { time, timezone } = parseTime(rest, defaultTimeZone);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n\n                            return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: getHHmm(time),\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Grid","Input","Select","RemoveFieldButton","getDefaultFieldValue","DEFAULT_TIMEZONE","getCurrentDate","getCurrentLocalTime","getCurrentTimeZone","getHHmmss","getHHmm","UTC_TIMEZONES","parseDateTime","value","date","rest","formattedDate","split","Error","parseTime","defaultTimeZone","time","timezone","sign","includes","fullTime","zone","DateTimeWithTimezone","bind","trailingIcon","field","Date","cellSize","createElement","Column","span","onChange","label","type","step","options","map","t"],"sources":["DateTimeWithTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport { Input } from \"./Input\";\nimport { Select } from \"./Select\";\nimport {\n    RemoveFieldButton,\n    getDefaultFieldValue,\n    DEFAULT_TIMEZONE,\n    getCurrentDate,\n    getCurrentLocalTime,\n    getCurrentTimeZone,\n    getHHmmss,\n    getHHmm\n} from \"./utils\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { UTC_TIMEZONES } from \"@webiny/utils\";\n\ninterface State {\n    date: string;\n    time: string;\n    timezone: string;\n}\n\nconst parseDateTime = (value?: string): Pick<State, \"date\"> & { rest: string } => {\n    if (!value || typeof value !== \"string\") {\n        return {\n            date: \"\",\n            rest: \"\"\n        };\n    }\n    const [formattedDate, rest] = value.split(\"T\");\n    if (!formattedDate || !rest) {\n        throw new Error(`Could not extract date and time from \"${value}\".`);\n    }\n    return {\n        date: formattedDate,\n        rest\n    };\n};\n\nconst parseTime = (value?: string, defaultTimeZone?: string): Pick<State, \"time\" | \"timezone\"> => {\n    if (!value) {\n        return {\n            time: \"\",\n            timezone: defaultTimeZone || \"\"\n        };\n    }\n    const sign = value.includes(\"+\") ? \"+\" : \"-\";\n    const [fullTime, zone] = value.split(sign);\n\n    return {\n        time: fullTime,\n        timezone: sign + zone\n    };\n};\n\nexport interface DateTimeWithTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithTimezone = ({ bind, trailingIcon, field }: DateTimeWithTimezoneProps) => {\n    const defaultTimeZone = getCurrentTimeZone() || DEFAULT_TIMEZONE;\n\n    // \"2020-05-18T09:00+10:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)}T${getCurrentLocalTime(date)}${defaultTimeZone}`;\n        });\n\n    const { date, rest } = parseDateTime(value);\n    const { time, timezone } = parseTime(rest, defaultTimeZone);\n\n    const cellSize = trailingIcon ? 3 : 4;\n\n    return (\n        <Grid>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async (value: string) => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n\n                            return bind.onChange(`${value}T${getHHmmss(time)}${timezone}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={4}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: getHHmm(time),\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(\n                                `${date || getCurrentDate()}T${getHHmmss(value)}${timezone}`\n                            );\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\n                <Select\n                    label=\"Timezone\"\n                    value={timezone}\n                    onChange={value => {\n                        if (!value) {\n                            if (!bind.value) {\n                                return null;\n                            }\n                            return bind.onChange(\"\");\n                        }\n                        return bind.onChange(\n                            `${date || getCurrentDate()}T${time || getCurrentLocalTime()}${value}`\n                        );\n                    }}\n                    options={UTC_TIMEZONES.map(t => ({ value: t.value, label: t.label }))}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,KAAK;AACd,SAASC,MAAM;AACf,SACIC,iBAAiB,EACjBC,oBAAoB,EACpBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,EACnBC,kBAAkB,EAClBC,SAAS,EACTC,OAAO;AAIX,SAASC,aAAa,QAAQ,eAAe;AAQ7C,MAAMC,aAAa,GAAIC,KAAc,IAA6C;EAC9E,IAAI,CAACA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IACrC,OAAO;MACHC,IAAI,EAAE,EAAE;MACRC,IAAI,EAAE;IACV,CAAC;EACL;EACA,MAAM,CAACC,aAAa,EAAED,IAAI,CAAC,GAAGF,KAAK,CAACI,KAAK,CAAC,GAAG,CAAC;EAC9C,IAAI,CAACD,aAAa,IAAI,CAACD,IAAI,EAAE;IACzB,MAAM,IAAIG,KAAK,CAAC,yCAAyCL,KAAK,IAAI,CAAC;EACvE;EACA,OAAO;IACHC,IAAI,EAAEE,aAAa;IACnBD;EACJ,CAAC;AACL,CAAC;AAED,MAAMI,SAAS,GAAGA,CAACN,KAAc,EAAEO,eAAwB,KAAuC;EAC9F,IAAI,CAACP,KAAK,EAAE;IACR,OAAO;MACHQ,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAEF,eAAe,IAAI;IACjC,CAAC;EACL;EACA,MAAMG,IAAI,GAAGV,KAAK,CAACW,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG;EAC5C,MAAM,CAACC,QAAQ,EAAEC,IAAI,CAAC,GAAGb,KAAK,CAACI,KAAK,CAACM,IAAI,CAAC;EAE1C,OAAO;IACHF,IAAI,EAAEI,QAAQ;IACdH,QAAQ,EAAEC,IAAI,GAAGG;EACrB,CAAC;AACL,CAAC;AAOD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,YAAY;EAAEC;AAAiC,CAAC,KAAK;EAC9F,MAAMV,eAAe,GAAGZ,kBAAkB,CAAC,CAAC,IAAIH,gBAAgB;;EAEhE;EACA,MAAMQ,KAAK,GACPe,IAAI,CAACf,KAAK,IACVT,oBAAoB,CAAC0B,KAAK,EAAEF,IAAI,EAAE,MAAM;IACpC,MAAMd,IAAI,GAAG,IAAIiB,IAAI,CAAC,CAAC;IACvB,OAAO,GAAGzB,cAAc,CAACQ,IAAI,CAAC,IAAIP,mBAAmB,CAACO,IAAI,CAAC,GAAGM,eAAe,EAAE;EACnF,CAAC,CAAC;EAEN,MAAM;IAAEN,IAAI;IAAEC;EAAK,CAAC,GAAGH,aAAa,CAACC,KAAK,CAAC;EAC3C,MAAM;IAAEQ,IAAI;IAAEC;EAAS,CAAC,GAAGH,SAAS,CAACJ,IAAI,EAAEK,eAAe,CAAC;EAE3D,MAAMY,QAAQ,GAAGH,YAAY,GAAG,CAAC,GAAG,CAAC;EAErC,oBACI9B,KAAA,CAAAkC,aAAA,CAACjC,IAAI,qBACDD,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEC,IAAI;MACXsB,QAAQ,EAAE,MAAOvB,KAAa,IAAK;QAC/B,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QAEA,OAAOR,IAAI,CAACQ,QAAQ,CAAC,GAAGvB,KAAK,IAAIJ,SAAS,CAACY,IAAI,CAAC,GAAGC,QAAQ,EAAE,CAAC;MAClE;IACJ,CAAE;IACFQ,KAAK,EAAE;MACH,GAAGA,KAAK;MACRO,KAAK,EAAE,GAAGP,KAAK,CAACO,KAAK;IACzB,CAAE;IACFC,IAAI,EAAE;EAAO,CAChB,CACQ,CAAC,eACdvC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAE;EAAE,gBACjBpC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACF2B,IAAI,EAAE;MACF,GAAGA,IAAI;MACPf,KAAK,EAAEH,OAAO,CAACW,IAAI,CAAC;MACpBe,QAAQ,EAAE,MAAMvB,KAAK,IAAI;QACrB,IAAI,CAACA,KAAK,EAAE;UACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;YACb;UACJ;UACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIG,SAAS,CAACI,KAAK,CAAC,GAAGS,QAAQ,EAC9D,CAAC;MACL;IACJ,CAAE;IACFQ,KAAK,EAAE;MACH,GAAGA,KAAK;MACRO,KAAK,EAAE,GAAGP,KAAK,CAACO,KAAK;IACzB,CAAE;IACFC,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,CACZ,CACQ,CAAC,eACdxC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACkC,MAAM;IAACC,IAAI,EAAEH;EAAS,gBACxBjC,KAAA,CAAAkC,aAAA,CAAC/B,MAAM;IACHmC,KAAK,EAAC,UAAU;IAChBxB,KAAK,EAAES,QAAS;IAChBc,QAAQ,EAAEvB,KAAK,IAAI;MACf,IAAI,CAACA,KAAK,EAAE;QACR,IAAI,CAACe,IAAI,CAACf,KAAK,EAAE;UACb,OAAO,IAAI;QACf;QACA,OAAOe,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;MAC5B;MACA,OAAOR,IAAI,CAACQ,QAAQ,CAChB,GAAGtB,IAAI,IAAIR,cAAc,CAAC,CAAC,IAAIe,IAAI,IAAId,mBAAmB,CAAC,CAAC,GAAGM,KAAK,EACxE,CAAC;IACL,CAAE;IACF2B,OAAO,EAAE7B,aAAa,CAAC8B,GAAG,CAACC,CAAC,KAAK;MAAE7B,KAAK,EAAE6B,CAAC,CAAC7B,KAAK;MAAEwB,KAAK,EAAEK,CAAC,CAACL;IAAM,CAAC,CAAC;EAAE,CACzE,CACQ,CAAC,eACdtC,KAAA,CAAAkC,aAAA,CAAC9B,iBAAiB;IAAC0B,YAAY,EAAEA;EAAa,CAAE,CAC9C,CAAC;AAEf,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithoutTimezone.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface DateTimeWithoutTimezoneProps {
     bind: BindComponentRenderProp;
     trailingIcon?: any;

package/admin/plugins/fieldRenderers/dateTime/DateTimeWithoutTimezone.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","getHHmm","getHHmmss","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","Date","cellSize","createElement","Column","span","onChange","label","type","step"],"sources":["DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport {\n    getCurrentDate,\n    getCurrentLocalTime,\n    getDefaultFieldValue,\n    getHHmm,\n    getHHmmss,\n    RemoveFieldButton\n} from \"./utils\";\nimport { Input } from \"./Input\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n}\n\nconst parseDateTime = (value?: string): State => {\n    if (!value) {\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    if (value.includes(\"T\")) {\n        const [date, time] = value.split(\".\")[0].split(\"T\");\n        return {\n            date,\n            time\n        };\n    }\n    const [date, time] = value.split(\" \");\n    if (!date || !time) {\n        console.error(`Could not extract date and time from \"${value}\".`);\n\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    return {\n        date,\n        time\n    };\n};\n\nexport interface DateTimeWithoutTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithoutTimezone = ({\n    field,\n    bind,\n    trailingIcon\n}: DateTimeWithoutTimezoneProps) => {\n    // \"2020-05-18 09:00:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n        });\n\n    const { date, time } = parseDateTime(value);\n\n    const cellSize = trailingIcon ? 5 : 6;\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${value} ${getHHmmss(time)}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: getHHmm(time),\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${date || getCurrentDate()} ${getHHmmss(value)}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Grid","getCurrentDate","getCurrentLocalTime","getDefaultFieldValue","getHHmm","getHHmmss","RemoveFieldButton","Input","parseDateTime","value","date","time","includes","split","console","error","DateTimeWithoutTimezone","field","bind","trailingIcon","Date","cellSize","createElement","Column","span","onChange","label","type","step"],"sources":["DateTimeWithoutTimezone.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid } from \"@webiny/admin-ui\";\nimport {\n    getCurrentDate,\n    getCurrentLocalTime,\n    getDefaultFieldValue,\n    getHHmm,\n    getHHmmss,\n    RemoveFieldButton\n} from \"./utils\";\nimport { Input } from \"./Input\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface State {\n    date: string;\n    time: string;\n}\n\nconst parseDateTime = (value?: string): State => {\n    if (!value) {\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    if (value.includes(\"T\")) {\n        const [date, time] = value.split(\".\")[0].split(\"T\");\n        return {\n            date,\n            time\n        };\n    }\n    const [date, time] = value.split(\" \");\n    if (!date || !time) {\n        console.error(`Could not extract date and time from \"${value}\".`);\n\n        return {\n            date: \"\",\n            time: \"\"\n        };\n    }\n    return {\n        date,\n        time\n    };\n};\n\nexport interface DateTimeWithoutTimezoneProps {\n    bind: BindComponentRenderProp;\n    trailingIcon?: any;\n    field: CmsModelField;\n}\nexport const DateTimeWithoutTimezone = ({\n    field,\n    bind,\n    trailingIcon\n}: DateTimeWithoutTimezoneProps) => {\n    // \"2020-05-18 09:00:00\"\n    const value =\n        bind.value ||\n        getDefaultFieldValue(field, bind, () => {\n            const date = new Date();\n            return `${getCurrentDate(date)} ${getCurrentLocalTime(date)}`;\n        });\n\n    const { date, time } = parseDateTime(value);\n\n    const cellSize = trailingIcon ? 5 : 6;\n\n    return (\n        <Grid>\n            <Grid.Column span={6}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: date,\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${value} ${getHHmmss(time)}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} date`\n                    }}\n                    type={\"date\"}\n                />\n            </Grid.Column>\n            <Grid.Column span={cellSize}>\n                <Input\n                    bind={{\n                        ...bind,\n                        value: getHHmm(time),\n                        onChange: async value => {\n                            if (!value) {\n                                if (!bind.value) {\n                                    return;\n                                }\n                                return bind.onChange(\"\");\n                            }\n                            return bind.onChange(`${date || getCurrentDate()} ${getHHmmss(value)}`);\n                        }\n                    }}\n                    field={{\n                        ...field,\n                        label: `${field.label} time`\n                    }}\n                    type={\"time\"}\n                    step={60}\n                />\n            </Grid.Column>\n            <RemoveFieldButton trailingIcon={trailingIcon} />\n        </Grid>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/Input.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { CmsModelField } from "../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
+import type { CmsModelField } from "../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
 export interface TrailingIcon {
     icon: React.ReactNode;
     onClick: any;

package/admin/plugins/fieldRenderers/dateTime/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Input","UiInput","Icon","bind","trailingIcon","props","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","field","placeholder","placeholderText","description","multipleValues","helpText"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, trailingIcon, ...props }: InputProps) => {\n    const endIcon = React.useMemo(() => {\n        if (!trailingIcon) {\n            return undefined;\n        }\n\n        return (\n            <Icon\n                label={\"Icon\"}\n                icon={trailingIcon?.icon}\n                onClick={trailingIcon?.onClick}\n                className={\"wby-cursor-pointer\"}\n            />\n        );\n    }, [trailingIcon]);\n\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.multipleValues ? undefined : props.field.helpText}\n            type={props.type}\n            endIcon={endIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,KAAK,IAAIC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAezD,OAAO,MAAMF,KAAK,GAAGA,CAAC;EAAEG,IAAI;EAAEC,YAAY;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,OAAO,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAChC,IAAI,CAACH,YAAY,EAAE;MACf,OAAOI,SAAS;IACpB;IAEA,oBACIT,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDQ,KAAK,EAAE,MAAO;MACdC,IAAI,EAAEP,YAAY,EAAEO,IAAK;MACzBC,OAAO,EAAER,YAAY,EAAEQ,OAAQ;MAC/BC,SAAS,EAAE;IAAqB,CACnC,CAAC;EAEV,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElB,oBACIL,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAa,MAAA,CAAAC,MAAA,KACAV,KAAK,EACLF,IAAI;IACRa,QAAQ,EAAEC,KAAK,IAAI;MACf,IAAIZ,KAAK,CAACa,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOd,IAAI,CAACa,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFP,KAAK,EAAEL,KAAK,CAACe,KAAK,CAACV,KAAM;IACzBW,WAAW,EAAEhB,KAAK,CAACe,KAAK,CAACE,eAAgB;IACzCC,WAAW,EAAElB,KAAK,CAACe,KAAK,CAACI,cAAc,GAAGhB,SAAS,GAAGH,KAAK,CAACe,KAAK,CAACK,QAAS;IAC3EP,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYD,KAAK,CAACe,KAAK,CAACV,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Input","UiInput","Icon","bind","trailingIcon","props","endIcon","useMemo","undefined","createElement","label","icon","onClick","className","Object","assign","onChange","value","type","parseFloat","field","placeholder","placeholderText","description","multipleValues","helpText"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { CmsModelField } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput, Icon } from \"@webiny/admin-ui\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, trailingIcon, ...props }: InputProps) => {\n    const endIcon = React.useMemo(() => {\n        if (!trailingIcon) {\n            return undefined;\n        }\n\n        return (\n            <Icon\n                label={\"Icon\"}\n                icon={trailingIcon?.icon}\n                onClick={trailingIcon?.onClick}\n                className={\"wby-cursor-pointer\"}\n            />\n        );\n    }, [trailingIcon]);\n\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.multipleValues ? undefined : props.field.helpText}\n            type={props.type}\n            endIcon={endIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,KAAK,IAAIC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAezD,OAAO,MAAMF,KAAK,GAAGA,CAAC;EAAEG,IAAI;EAAEC,YAAY;EAAE,GAAGC;AAAkB,CAAC,KAAK;EACnE,MAAMC,OAAO,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAM;IAChC,IAAI,CAACH,YAAY,EAAE;MACf,OAAOI,SAAS;IACpB;IAEA,oBACIT,KAAA,CAAAU,aAAA,CAACP,IAAI;MACDQ,KAAK,EAAE,MAAO;MACdC,IAAI,EAAEP,YAAY,EAAEO,IAAK;MACzBC,OAAO,EAAER,YAAY,EAAEQ,OAAQ;MAC/BC,SAAS,EAAE;IAAqB,CACnC,CAAC;EAEV,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElB,oBACIL,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAa,MAAA,CAAAC,MAAA,KACAV,KAAK,EACLF,IAAI;IACRa,QAAQ,EAAEC,KAAK,IAAI;MACf,IAAIZ,KAAK,CAACa,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOd,IAAI,CAACa,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFP,KAAK,EAAEL,KAAK,CAACe,KAAK,CAACV,KAAM;IACzBW,WAAW,EAAEhB,KAAK,CAACe,KAAK,CAACE,eAAgB;IACzCC,WAAW,EAAElB,KAAK,CAACe,KAAK,CAACI,cAAc,GAAGhB,SAAS,GAAGH,KAAK,CAACe,KAAK,CAACK,QAAS;IAC3EP,IAAI,EAAEb,KAAK,CAACa,IAAK;IACjBZ,OAAO,EAAEA,OAAQ;IACjB,eAAa,YAAYD,KAAK,CAACe,KAAK,CAACV,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/Select.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { SelectProps as UiSelectProps } from "@webiny/admin-ui";
+import type { SelectProps as UiSelectProps } from "@webiny/admin-ui";
 export interface Option {
     value: string;
     label: string;

package/admin/plugins/fieldRenderers/dateTime/Select.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","UiSelect","props","createElement","Object","assign","options","map","option","value","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as UiSelectProps } from \"@webiny/admin-ui\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends UiSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    return (\n        <UiSelect\n            {...props}\n            options={props.options.map(option => ({\n                value: option.value,\n                label: option.label,\n                \"data-testid\": `fr.input.${option.label}`\n            }))}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,IAAIC,QAAQ,QAAsC,kBAAkB;AAUnF,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C,oBACIH,KAAA,CAAAI,aAAA,CAACF,QAAQ,EAAAG,MAAA,CAAAC,MAAA,KACDH,KAAK;IACTI,OAAO,EAAEJ,KAAK,CAACI,OAAO,CAACC,GAAG,CAACC,MAAM,KAAK;MAClCC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnB,aAAa,EAAE,YAAYF,MAAM,CAACE,KAAK;IAC3C,CAAC,CAAC;EAAE,EACP,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Select","UiSelect","props","createElement","Object","assign","options","map","option","value","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { SelectProps as UiSelectProps } from \"@webiny/admin-ui\";\nimport { Select as UiSelect } from \"@webiny/admin-ui\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends UiSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    return (\n        <UiSelect\n            {...props}\n            options={props.options.map(option => ({\n                value: option.value,\n                label: option.label,\n                \"data-testid\": `fr.input.${option.label}`\n            }))}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,MAAM,IAAIC,QAAQ,QAAQ,kBAAkB;AAUrD,OAAO,MAAMD,MAAM,GAAIE,KAAkB,IAAK;EAC1C,oBACIH,KAAA,CAAAI,aAAA,CAACF,QAAQ,EAAAG,MAAA,CAAAC,MAAA,KACDH,KAAK;IACTI,OAAO,EAAEJ,KAAK,CAACI,OAAO,CAACC,GAAG,CAACC,MAAM,KAAK;MAClCC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnB,aAAa,EAAE,YAAYF,MAAM,CAACE,KAAK;IAC3C,CAAC,CAAC;EAAE,EACP,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/Time.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import { InputProps } from "./Input";
+import type { InputProps } from "./Input";
 export declare const Time: (props: InputProps) => React.JSX.Element;

package/admin/plugins/fieldRenderers/dateTime/Time.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange","createElement","Object","assign","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, InputProps } from \"./Input\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\n\nexport const Time = (props: InputProps) => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={60}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK;AACd,SACIC,mBAAmB,EACnBC,oBAAoB;AAGxB,OAAO,MAAMC,IAAI,GAAIC,KAAiB,IAAK;EACvC,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,IAAI,GAAGL,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,mBAAmB,CAAC,IAAIO,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAK,IAAI,EAAE;EAElCX,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACK,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAc,aAAA,CAACZ,KAAK,EAAAa,MAAA,CAAAC,MAAA,KACEV,KAAK;IACTE,IAAI,EAAE;MACF,GAAGA,IAAI;MACPI,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIJ,IAAI,CAACI,KAAK,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACK,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOL,IAAI,CAACK,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFK,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","Input","getCurrentLocalTime","getDefaultFieldValue","Time","props","field","bind","time","Date","bindValue","value","onChange","createElement","Object","assign","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport type { InputProps } from \"./Input\";\nimport { Input } from \"./Input\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\n\nexport const Time = (props: InputProps) => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={60}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,KAAK;AACd,SACIC,mBAAmB,EACnBC,oBAAoB;AAGxB,OAAO,MAAMC,IAAI,GAAIC,KAAiB,IAAK;EACvC,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAC7B,MAAMG,IAAI,GAAGL,oBAAoB,CAACG,KAAK,EAAEC,IAAI,EAAE,MAAM;IACjD,OAAOL,mBAAmB,CAAC,IAAIO,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGH,IAAI,CAACI,KAAK,IAAI,EAAE;EAElCX,SAAS,CAAC,MAAM;IACZ,IAAI,CAACQ,IAAI,IAAIE,SAAS,KAAKF,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACK,QAAQ,CAACJ,IAAI,CAAC;EACvB,CAAC,EAAE,CAACE,SAAS,CAAC,CAAC;EAEf,oBACIX,KAAA,CAAAc,aAAA,CAACZ,KAAK,EAAAa,MAAA,CAAAC,MAAA,KACEV,KAAK;IACTE,IAAI,EAAE;MACF,GAAGA,IAAI;MACPI,KAAK,EAAEH,IAAI;MACXI,QAAQ,EAAE,MAAOD,KAAa,IAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIJ,IAAI,CAACI,KAAK,EAAE;YACZ;UACJ;UACA,OAAOJ,IAAI,CAACK,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOL,IAAI,CAACK,QAAQ,CAACD,KAAK,CAAC;MAC/B;IACJ,CAAE;IACFK,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/dateTimeField.d.ts

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

package/admin/plugins/fieldRenderers/dateTime/dateTimeField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","fieldSettingsType","settings","Component","createElement","bind","ValidationContainer"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DateOnly } from \"./DateOnly\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            let Component = DateOnly;\n            switch (fieldSettingsType) {\n                case \"dateTimeWithoutTimezone\":\n                    Component = DateTimeWithoutTimezone;\n                    break;\n                case \"dateTimeWithTimezone\":\n                    Component = DateTimeWithTimezone;\n                    break;\n                case \"time\":\n                    Component = Time;\n                    break;\n            }\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Component bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AAEb,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,UAAU,IACzB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACM,QAAQ,CAACZ,IAAI,GAAG,IAAI;MAErE,IAAIa,SAAS,GAAGpB,QAAQ;MACxB,QAAQkB,iBAAiB;QACrB,KAAK,yBAAyB;UAC1BE,SAAS,GAAGnB,uBAAuB;UACnC;QACJ,KAAK,sBAAsB;UACvBmB,SAAS,GAAGlB,oBAAoB;UAChC;QACJ,KAAK,MAAM;UACPkB,SAAS,GAAGjB,IAAI;UAChB;MACR;MAEA,oBACIN,KAAA,CAAAwB,aAAA,CAACJ,IAAI,QACAK,IAAI,IAAI;QACL,oBACIzB,KAAA,CAAAwB,aAAA,CAACJ,IAAI,CAACM,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACD,SAAS;UAACE,IAAI,EAAEA,IAAK;UAACT,KAAK,EAAEA;QAAM,CAAE,CAChB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","DateOnly","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","getBind","Bind","fieldSettingsType","settings","Component","createElement","bind","ValidationContainer"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DateOnly } from \"./DateOnly\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            let Component = DateOnly;\n            switch (fieldSettingsType) {\n                case \"dateTimeWithoutTimezone\":\n                    Component = DateTimeWithoutTimezone;\n                    break;\n                case \"dateTimeWithTimezone\":\n                    Component = DateTimeWithTimezone;\n                    break;\n                case \"time\":\n                    Component = Time;\n                    break;\n            }\n\n            return (\n                <Bind>\n                    {bind => {\n                        return (\n                            <Bind.ValidationContainer>\n                                <Component bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        );\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,QAAQ;AACjB,SAASC,uBAAuB;AAChC,SAASC,oBAAoB;AAC7B,SAASC,IAAI;AAEb,MAAMC,CAAC,GAAGL,IAAI,CAACM,EAAE,CAAC,yCAAyC,CAAC;AAE5D,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEJ,CAAC,iBAAiB;IACxBO,WAAW,EAAEP,CAAC,qDAAqD;IACnEQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,UAAU,IACzB,CAACM,KAAK,CAACC,cAAc,IACrB,CAAChB,GAAG,CAACe,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDE,MAAMA,CAAC;MAAEF,KAAK;MAAEG;IAAQ,CAAC,EAAE;MACvB,MAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,MAAME,iBAAiB,GAAGL,KAAK,CAACM,QAAQ,GAAGN,KAAK,CAACM,QAAQ,CAACZ,IAAI,GAAG,IAAI;MAErE,IAAIa,SAAS,GAAGpB,QAAQ;MACxB,QAAQkB,iBAAiB;QACrB,KAAK,yBAAyB;UAC1BE,SAAS,GAAGnB,uBAAuB;UACnC;QACJ,KAAK,sBAAsB;UACvBmB,SAAS,GAAGlB,oBAAoB;UAChC;QACJ,KAAK,MAAM;UACPkB,SAAS,GAAGjB,IAAI;UAChB;MACR;MAEA,oBACIN,KAAA,CAAAwB,aAAA,CAACJ,IAAI,QACAK,IAAI,IAAI;QACL,oBACIzB,KAAA,CAAAwB,aAAA,CAACJ,IAAI,CAACM,mBAAmB,qBACrB1B,KAAA,CAAAwB,aAAA,CAACD,SAAS;UAACE,IAAI,EAAEA,IAAK;UAACT,KAAK,EAAEA;QAAM,CAAE,CAChB,CAAC;MAEnC,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAeP,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.d.ts

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

package/admin/plugins/fieldRenderers/dateTime/dateTimeFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","get","DynamicSection","i18n","ReactComponent","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","DateOnly","Time","MultiValueRendererSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","fieldSettingsType","settings","createElement","bind","index","trailingIcon","icon","onClick","removeValue","label","number","renderSettings"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        const trailingIcon = {\n                            icon: <DeleteIcon />,\n                            onClick: () => bind.field.removeValue(index)\n                        };\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","get","DynamicSection","i18n","ReactComponent","DeleteIcon","DateTimeWithoutTimezone","DateTimeWithTimezone","DateOnly","Time","MultiValueRendererSettings","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","multipleValues","render","props","fieldSettingsType","settings","createElement","bind","index","trailingIcon","icon","onClick","removeValue","label","number","renderSettings"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        const trailingIcon = {\n                            icon: <DeleteIcon />,\n                            onClick: () => bind.field.removeValue(index)\n                        };\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModelField } from "../../../../types";
+import type { CmsModelField } from "../../../../types";
 export declare const DEFAULT_TIMEZONE = "+01:00";
 export declare const getDefaultFieldValue: (field: CmsModelField, bind: {
     value: string | null | undefined;

package/admin/plugins/fieldRenderers/dateTime/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","IconButton","DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","slice","getCurrentLocalTime","time","split","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","getHHmm","parsableTime","join","getHHmmss","parts","RemoveFieldButton","trailingIcon","createElement","Column","span","className","variant","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, IconButton } from \"@webiny/admin-ui\";\nimport { CmsModelField } from \"~/types\";\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nexport const getHHmm = (time?: string) => {\n    if (!time) {\n        return \"\";\n    }\n    const parsableTime = time || getCurrentLocalTime();\n    return parsableTime.split(\":\").slice(0, 2).join(\":\");\n};\n\n// Ensure a valid HH:mm:ss string, ending with :00 for seconds.\nexport const getHHmmss = (time?: string) => {\n    const parsableTime = time || getCurrentLocalTime();\n    const parts = [...parsableTime.split(\":\").slice(0, 2), \"00\"];\n\n    return parts.join(\":\");\n};\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Grid.Column span={1}>\n            <div className={\"wby-flex wby-items-end wby-justify-center wby-h-full\"}>\n                <IconButton\n                    variant={\"ghost\"}\n                    onClick={trailingIcon.onClick}\n                    icon={trailingIcon.icon}\n                    className={\"wby-mb-xs-plus\"}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Grid","IconButton","DEFAULT_TIMEZONE","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","slice","getCurrentLocalTime","time","split","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","getHHmm","parsableTime","join","getHHmmss","parts","RemoveFieldButton","trailingIcon","createElement","Column","span","className","variant","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, IconButton } from \"@webiny/admin-ui\";\nimport type { CmsModelField } from \"~/types\";\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nexport const getHHmm = (time?: string) => {\n    if (!time) {\n        return \"\";\n    }\n    const parsableTime = time || getCurrentLocalTime();\n    return parsableTime.split(\":\").slice(0, 2).join(\":\");\n};\n\n// Ensure a valid HH:mm:ss string, ending with :00 for seconds.\nexport const getHHmmss = (time?: string) => {\n    const parsableTime = time || getCurrentLocalTime();\n    const parts = [...parsableTime.split(\":\").slice(0, 2), \"00\"];\n\n    return parts.join(\":\");\n};\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Grid.Column span={1}>\n            <div className={\"wby-flex wby-items-end wby-justify-center wby-h-full\"}>\n                <IconButton\n                    variant={\"ghost\"}\n                    onClick={trailingIcon.onClick}\n                    icon={trailingIcon.icon}\n                    className={\"wby-mb-xs-plus\"}\n                />\n            </div>\n        </Grid.Column>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/AddTemplate.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsDynamicZoneTemplateWithTypename } from "../../../../types";
+import type { CmsDynamicZoneTemplateWithTypename } from "../../../../types";
 interface UseAddTemplateParams {
     onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","ReactComponent","AddIcon","AddCircleIcon","TemplateGallery","useTemplateTypename","Button","cn","IconButton","Link","Text","Tooltip","useAddTemplate","params","showGallery","setShowGallery","getFullTypename","browseTemplates","onTemplate","template","__typename","onGalleryClose","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 { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as AddCircleIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport { CmsDynamicZoneTemplate, CmsDynamicZoneTemplateWithTypename } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { useTemplateTypename } from \"~/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename\";\nimport { Button, cn, IconButton, Link, Text, Tooltip } from \"@webiny/admin-ui\";\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n    const { getFullTypename } = useTemplateTypename();\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate({ ...template, __typename: getFullTypename(template) });\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div\n            className={\n                \"wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-mb-md wby-relative\"\n            }\n        >\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <div\n                    className={cn([\n                        \"wby-w-full wby-flex wby-flex-col wby-gap-sm-extra wby-px-xl wby-pt-xl wby-pb-lg wby-bg-neutral-subtle wby-rounded wby-text-center\",\n                        \"hover:wby-bg-neutral-light\"\n                    ])}\n                >\n                    <Button\n                        size={\"sm\"}\n                        variant={\"ghost\"}\n                        onClick={browseTemplates}\n                        text={\"Pick a template\"}\n                        icon={<AddIcon />}\n                    />\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        </div>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div className={\"wby-w-full wby-text-center wby-mt-md\"}>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <Tooltip\n                    content={\"Add template\"}\n                    trigger={\n                        <IconButton\n                            onClick={browseTemplates}\n                            icon={<AddCircleIcon />}\n                            size={\"lg\"}\n                            variant={\"ghost\"}\n                        />\n                    }\n                />\n            )}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","ReactComponent","AddIcon","AddCircleIcon","TemplateGallery","useTemplateTypename","Button","cn","IconButton","Link","Text","Tooltip","useAddTemplate","params","showGallery","setShowGallery","getFullTypename","browseTemplates","onTemplate","template","__typename","onGalleryClose","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 { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as AddCircleIcon } from \"@webiny/icons/add_circle_outline.svg\";\nimport type { CmsDynamicZoneTemplate, CmsDynamicZoneTemplateWithTypename } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { useTemplateTypename } from \"~/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename\";\nimport { Button, cn, IconButton, Link, Text, Tooltip } from \"@webiny/admin-ui\";\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n    const { getFullTypename } = useTemplateTypename();\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate({ ...template, __typename: getFullTypename(template) });\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div\n            className={\n                \"wby-w-full wby-rounded-md wby-border-sm wby-border-neutral-muted wby-p-sm-extra wby-mt-xs wby-mb-md wby-relative\"\n            }\n        >\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <div\n                    className={cn([\n                        \"wby-w-full wby-flex wby-flex-col wby-gap-sm-extra wby-px-xl wby-pt-xl wby-pb-lg wby-bg-neutral-subtle wby-rounded wby-text-center\",\n                        \"hover:wby-bg-neutral-light\"\n                    ])}\n                >\n                    <Button\n                        size={\"sm\"}\n                        variant={\"ghost\"}\n                        onClick={browseTemplates}\n                        text={\"Pick a template\"}\n                        icon={<AddIcon />}\n                    />\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        </div>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <div className={\"wby-w-full wby-text-center wby-mt-md\"}>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <Tooltip\n                    content={\"Add template\"}\n                    trigger={\n                        <IconButton\n                            onClick={browseTemplates}\n                            icon={<AddCircleIcon />}\n                            size={\"lg\"}\n                            variant={\"ghost\"}\n                        />\n                    }\n                />\n            )}\n        </div>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { BindComponent, BindComponentRenderProp, CmsDynamicZoneTemplate, CmsModelFieldRendererProps, CmsModel, CmsModelField } from "../../../../types";
+import type { BindComponent, BindComponentRenderProp, CmsDynamicZoneTemplate, CmsModelFieldRendererProps, CmsModel, CmsModelField } from "../../../../types";
 type GetBind = CmsModelFieldRendererProps["getBind"];
 export interface MultiValueItemContainerProps {
     value: TemplateValue;

package/admin/plugins/fieldRenderers/dynamicZone/MultiValueDynamicZone.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cloneDeep","ReactComponent","DeleteIcon","CloneIcon","ArrowUpIcon","ArrowDownIcon","AddTemplateButton","AddTemplateIcon","TemplateIcon","ParentFieldProvider","useModelField","Fields","makeDecoratable","TemplateProvider","ParentValueIndexProvider","useConfirmationDialog","Accordion","Tooltip","MultiValueItemContainer","children","props","actions","createElement","Fragment","Item","Action","icon","trigger","content","onClick","onMoveUp","disabled","isFirst","onMoveDown","isLast","Separator","onClone","value","onDelete","title","description","MultiValueItem","template","Bind","contentModel","fields","layout","TemplateValueForm","field","templates","settings","find","tpl","id","_templateId","name","MultiValueContainer","MultiValueDynamicZone","showConfirmation","message","acceptLabel","cancelLabel","bind","getBind","onTemplate","appendValue","__typename","cloneValue","index","values","hasValues","length","path","parentName","map","removeValue","key","ValidationContainer","moveValueUp","moveValueDown"],"sources":["MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { AddTemplateButton, AddTemplateIcon } from \"./AddTemplate\";\nimport { TemplateIcon } from \"./TemplateIcon\";\nimport { ParentFieldProvider, useModelField } from \"~/admin/hooks\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField,\n    CmsDynamicZoneTemplateWithTypename\n} from \"~/types\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { TemplateProvider } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { Accordion, Tooltip } from \"@webiny/admin-ui\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n    title: React.ReactNode;\n    description: string;\n    icon: JSX.Element;\n    actions?: JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={props.onMoveUp}\n                    disabled={props.isFirst}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={props.onMoveDown}\n                    disabled={props.isLast}\n                />\n                <Accordion.Item.Action.Separator />\n                {props.actions ? <>{props.actions}</> : null}\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={() => props.onClone(props.value)}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={props.onDelete}\n                />\n            </>\n        );\n\n        return (\n            <Accordion.Item\n                title={props.title}\n                description={props.description}\n                icon={props.icon}\n                actions={actions}\n            >\n                {children}\n            </Accordion.Item>\n        );\n    }\n);\n\nexport interface MultiValueItemItemProps {\n    template: CmsDynamicZoneTemplate;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n}\n\nexport const MultiValueItem = makeDecoratable(\n    \"MultiValueItem\",\n    (props: MultiValueItemItemProps) => {\n        const { template, Bind, contentModel } = props;\n\n        return (\n            <TemplateProvider template={template}>\n                <Fields\n                    fields={template.fields}\n                    layout={template.layout || []}\n                    contentModel={contentModel}\n                    Bind={Bind}\n                />\n            </TemplateProvider>\n        );\n    }\n);\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\ninterface TemplateValueFormProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n}\n\nconst TemplateValueForm = ({\n    value,\n    contentModel,\n    Bind,\n    isLast,\n    isFirst,\n    onMoveUp,\n    onMoveDown,\n    onDelete,\n    onClone\n}: TemplateValueFormProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = templates.find(\n        tpl => tpl.id === value._templateId\n    );\n\n    if (!template) {\n        return null;\n    }\n\n    return (\n        <MultiValueItemContainer\n            value={value}\n            contentModel={contentModel}\n            isFirst={isFirst}\n            isLast={isLast}\n            onClone={onClone}\n            onDelete={onDelete}\n            onMoveUp={onMoveUp}\n            onMoveDown={onMoveDown}\n            title={template.name}\n            description={template.description}\n            icon={<TemplateIcon icon={template.icon} />}\n            template={template}\n        >\n            <MultiValueItem template={template} contentModel={contentModel} Bind={Bind} />\n        </MultiValueItemContainer>\n    );\n};\n\nexport interface MultiValueContainerProps extends MultiValueDynamicZoneProps {\n    children: React.ReactNode;\n}\n\nexport const MultiValueContainer = makeDecoratable(\n    \"MultiValueContainer\",\n    ({ children }: MultiValueContainerProps) => {\n        return (\n            <Accordion>\n                <>{children}</>\n            </Accordion>\n        );\n    }\n);\n\ninterface MultiValueDynamicZoneProps {\n    // TODO: this prop might be useless, because we now have a `useModelField` hook.\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const MultiValueDynamicZone = (props: MultiValueDynamicZoneProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const { bind, getBind, contentModel } = props;\n    const onTemplate = (template: CmsDynamicZoneTemplateWithTypename) => {\n        bind.appendValue({ _templateId: template.id, __typename: template.__typename });\n    };\n\n    const cloneValue = (value: TemplateValue, index: number) => {\n        bind.appendValue(cloneDeep(value), index + 1);\n    };\n\n    const values: TemplateValue[] = bind.value || [];\n    const hasValues = values.length > 0;\n\n    const Bind = getBind();\n\n    return (\n        <>\n            {hasValues ? (\n                <ParentFieldProvider value={bind.value} path={Bind.parentName}>\n                    <MultiValueContainer {...props}>\n                        {values.map((value, index) => {\n                            const Bind = getBind(index);\n\n                            const onDelete = () => {\n                                showConfirmation(() => {\n                                    bind.removeValue(index);\n                                });\n                            };\n\n                            return (\n                                <ParentValueIndexProvider key={index} index={index}>\n                                    <Bind>\n                                        {() => (\n                                            <Bind.ValidationContainer>\n                                                <TemplateValueForm\n                                                    value={value}\n                                                    contentModel={contentModel}\n                                                    Bind={Bind}\n                                                    isFirst={index === 0}\n                                                    isLast={index === values.length - 1}\n                                                    onMoveUp={() => bind.moveValueUp(index)}\n                                                    onMoveDown={() => bind.moveValueDown(index)}\n                                                    onDelete={onDelete}\n                                                    onClone={value => cloneValue(value, index)}\n                                                />\n                                            </Bind.ValidationContainer>\n                                        )}\n                                    </Bind>\n                                </ParentValueIndexProvider>\n                            );\n                        })}\n                    </MultiValueContainer>\n                </ParentFieldProvider>\n            ) : null}\n            {hasValues ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,kBAAkB;AACxC,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,SAAS,QAAQ,+BAA+B;AAC3E,SAASF,cAAc,IAAIG,WAAW,QAAQ,+BAA+B;AAC7E,SAASH,cAAc,IAAII,aAAa,QAAQ,+BAA+B;AAC/E,SAASC,iBAAiB,EAAEC,eAAe;AAC3C,SAASC,YAAY;AACrB,SAASC,mBAAmB,EAAEC,aAAa;AAC3C,SAASC,MAAM;AAUf,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,gBAAgB;AACzB,SAASC,wBAAwB;AACjC,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,SAAS,EAAEC,OAAO,QAAQ,kBAAkB;AAqBrD,OAAO,MAAMC,uBAAuB,GAAGN,eAAe,CAClD,yBAAyB,EACzB,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtD,MAAMC,OAAO,gBACTtB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,qBACIxB,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAAClB,WAAW,MAAE,CAAE;MAACwB,OAAO,EAAE;IAAU,CAAE,CAAE;IAChEC,OAAO,EAAET,KAAK,CAACU,QAAS;IACxBC,QAAQ,EAAEX,KAAK,CAACY;EAAQ,CAC3B,CAAC,eACFjC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAACjB,aAAa,MAAE,CAAE;MAACuB,OAAO,EAAE;IAAY,CAAE,CAAE;IACpEC,OAAO,EAAET,KAAK,CAACa,UAAW;IAC1BF,QAAQ,EAAEX,KAAK,CAACc;EAAO,CAC1B,CAAC,eACFnC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM,CAACU,SAAS,MAAE,CAAC,EAClCf,KAAK,CAACC,OAAO,gBAAGtB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QAAGH,KAAK,CAACC,OAAU,CAAC,GAAG,IAAI,eAC5CtB,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAACnB,SAAS,MAAE,CAAE;MAACyB,OAAO,EAAE;IAAY,CAAE,CAAE;IAChEC,OAAO,EAAEA,CAAA,KAAMT,KAAK,CAACgB,OAAO,CAAChB,KAAK,CAACiB,KAAK;EAAE,CAC7C,CAAC,eACFtC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAACpB,UAAU,MAAE,CAAE;MAAC0B,OAAO,EAAE;IAAS,CAAE,CAAE;IAC9DC,OAAO,EAAET,KAAK,CAACkB;EAAS,CAC3B,CACH,CACL;EAED,oBACIvC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI;IACXe,KAAK,EAAEnB,KAAK,CAACmB,KAAM;IACnBC,WAAW,EAAEpB,KAAK,CAACoB,WAAY;IAC/Bd,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBL,OAAO,EAAEA;EAAQ,GAEhBF,QACW,CAAC;AAEzB,CACJ,CAAC;AAQD,OAAO,MAAMsB,cAAc,GAAG7B,eAAe,CACzC,gBAAgB,EACfQ,KAA8B,IAAK;EAChC,MAAM;IAAEsB,QAAQ;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGxB,KAAK;EAE9C,oBACIrB,KAAA,CAAAuB,aAAA,CAACT,gBAAgB;IAAC6B,QAAQ,EAAEA;EAAS,gBACjC3C,KAAA,CAAAuB,aAAA,CAACX,MAAM;IACHkC,MAAM,EAAEH,QAAQ,CAACG,MAAO;IACxBC,MAAM,EAAEJ,QAAQ,CAACI,MAAM,IAAI,EAAG;IAC9BF,YAAY,EAAEA,YAAa;IAC3BD,IAAI,EAAEA;EAAK,CACd,CACa,CAAC;AAE3B,CACJ,CAAC;AAmBD,MAAMI,iBAAiB,GAAGA,CAAC;EACvBV,KAAK;EACLO,YAAY;EACZD,IAAI;EACJT,MAAM;EACNF,OAAO;EACPF,QAAQ;EACRG,UAAU;EACVK,QAAQ;EACRF;AACoB,CAAC,KAAK;EAC1B,MAAM;IAAEY;EAAM,CAAC,GAAGtC,aAAa,CAAC,CAAC;EACjC,MAAMuC,SAAS,GAAGD,KAAK,CAACE,QAAQ,EAAED,SAAS,IAAI,EAAE;EAEjD,MAAMP,QAA4C,GAAGO,SAAS,CAACE,IAAI,CAC/DC,GAAG,IAAIA,GAAG,CAACC,EAAE,KAAKhB,KAAK,CAACiB,WAC5B,CAAC;EAED,IAAI,CAACZ,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACI3C,KAAA,CAAAuB,aAAA,CAACJ,uBAAuB;IACpBmB,KAAK,EAAEA,KAAM;IACbO,YAAY,EAAEA,YAAa;IAC3BZ,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBR,QAAQ,EAAEA,QAAS;IACnBG,UAAU,EAAEA,UAAW;IACvBM,KAAK,EAAEG,QAAQ,CAACa,IAAK;IACrBf,WAAW,EAAEE,QAAQ,CAACF,WAAY;IAClCd,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACd,YAAY;MAACkB,IAAI,EAAEgB,QAAQ,CAAChB;IAAK,CAAE,CAAE;IAC5CgB,QAAQ,EAAEA;EAAS,gBAEnB3C,KAAA,CAAAuB,aAAA,CAACmB,cAAc;IAACC,QAAQ,EAAEA,QAAS;IAACE,YAAY,EAAEA,YAAa;IAACD,IAAI,EAAEA;EAAK,CAAE,CACxD,CAAC;AAElC,CAAC;AAMD,OAAO,MAAMa,mBAAmB,GAAG5C,eAAe,CAC9C,qBAAqB,EACrB,CAAC;EAAEO;AAAmC,CAAC,KAAK;EACxC,oBACIpB,KAAA,CAAAuB,aAAA,CAACN,SAAS,qBACNjB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QAAGJ,QAAW,CACP,CAAC;AAEpB,CACJ,CAAC;AAUD,OAAO,MAAMsC,qBAAqB,GAAIrC,KAAiC,IAAK;EACxE,MAAM;IAAEsC;EAAiB,CAAC,GAAG3C,qBAAqB,CAAC;IAC/C4C,OAAO,EAAE,2EAA2E;IACpFC,WAAW,EAAE,gBAAgB;IAC7BC,WAAW,EAAE;EACjB,CAAC,CAAC;EAEF,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEnB;EAAa,CAAC,GAAGxB,KAAK;EAC7C,MAAM4C,UAAU,GAAItB,QAA4C,IAAK;IACjEoB,IAAI,CAACG,WAAW,CAAC;MAAEX,WAAW,EAAEZ,QAAQ,CAACW,EAAE;MAAEa,UAAU,EAAExB,QAAQ,CAACwB;IAAW,CAAC,CAAC;EACnF,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAC9B,KAAoB,EAAE+B,KAAa,KAAK;IACxDN,IAAI,CAACG,WAAW,CAACjE,SAAS,CAACqC,KAAK,CAAC,EAAE+B,KAAK,GAAG,CAAC,CAAC;EACjD,CAAC;EAED,MAAMC,MAAuB,GAAGP,IAAI,CAACzB,KAAK,IAAI,EAAE;EAChD,MAAMiC,SAAS,GAAGD,MAAM,CAACE,MAAM,GAAG,CAAC;EAEnC,MAAM5B,IAAI,GAAGoB,OAAO,CAAC,CAAC;EAEtB,oBACIhE,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACK+C,SAAS,gBACNvE,KAAA,CAAAuB,aAAA,CAACb,mBAAmB;IAAC4B,KAAK,EAAEyB,IAAI,CAACzB,KAAM;IAACmC,IAAI,EAAE7B,IAAI,CAAC8B;EAAW,gBAC1D1E,KAAA,CAAAuB,aAAA,CAACkC,mBAAmB,EAAKpC,KAAK,EACzBiD,MAAM,CAACK,GAAG,CAAC,CAACrC,KAAK,EAAE+B,KAAK,KAAK;IAC1B,MAAMzB,IAAI,GAAGoB,OAAO,CAACK,KAAK,CAAC;IAE3B,MAAM9B,QAAQ,GAAGA,CAAA,KAAM;MACnBoB,gBAAgB,CAAC,MAAM;QACnBI,IAAI,CAACa,WAAW,CAACP,KAAK,CAAC;MAC3B,CAAC,CAAC;IACN,CAAC;IAED,oBACIrE,KAAA,CAAAuB,aAAA,CAACR,wBAAwB;MAAC8D,GAAG,EAAER,KAAM;MAACA,KAAK,EAAEA;IAAM,gBAC/CrE,KAAA,CAAAuB,aAAA,CAACqB,IAAI,QACA,mBACG5C,KAAA,CAAAuB,aAAA,CAACqB,IAAI,CAACkC,mBAAmB,qBACrB9E,KAAA,CAAAuB,aAAA,CAACyB,iBAAiB;MACdV,KAAK,EAAEA,KAAM;MACbO,YAAY,EAAEA,YAAa;MAC3BD,IAAI,EAAEA,IAAK;MACXX,OAAO,EAAEoC,KAAK,KAAK,CAAE;MACrBlC,MAAM,EAAEkC,KAAK,KAAKC,MAAM,CAACE,MAAM,GAAG,CAAE;MACpCzC,QAAQ,EAAEA,CAAA,KAAMgC,IAAI,CAACgB,WAAW,CAACV,KAAK,CAAE;MACxCnC,UAAU,EAAEA,CAAA,KAAM6B,IAAI,CAACiB,aAAa,CAACX,KAAK,CAAE;MAC5C9B,QAAQ,EAAEA,QAAS;MACnBF,OAAO,EAAEC,KAAK,IAAI8B,UAAU,CAAC9B,KAAK,EAAE+B,KAAK;IAAE,CAC9C,CACqB,CAE5B,CACgB,CAAC;EAEnC,CAAC,CACgB,CACJ,CAAC,GACtB,IAAI,EACPE,SAAS,gBACNvE,KAAA,CAAAuB,aAAA,CAACf,eAAe;IAACyD,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE3CjE,KAAA,CAAAuB,aAAA,CAAChB,iBAAiB;IAAC0D,UAAU,EAAEA;EAAW,CAAE,CAElD,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","cloneDeep","ReactComponent","DeleteIcon","CloneIcon","ArrowUpIcon","ArrowDownIcon","AddTemplateButton","AddTemplateIcon","TemplateIcon","ParentFieldProvider","useModelField","Fields","makeDecoratable","TemplateProvider","ParentValueIndexProvider","useConfirmationDialog","Accordion","Tooltip","MultiValueItemContainer","children","props","actions","createElement","Fragment","Item","Action","icon","trigger","content","onClick","onMoveUp","disabled","isFirst","onMoveDown","isLast","Separator","onClone","value","onDelete","title","description","MultiValueItem","template","Bind","contentModel","fields","layout","TemplateValueForm","field","templates","settings","find","tpl","id","_templateId","name","MultiValueContainer","MultiValueDynamicZone","showConfirmation","message","acceptLabel","cancelLabel","bind","getBind","onTemplate","appendValue","__typename","cloneValue","index","values","hasValues","length","path","parentName","map","removeValue","key","ValidationContainer","moveValueUp","moveValueDown"],"sources":["MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { AddTemplateButton, AddTemplateIcon } from \"./AddTemplate\";\nimport { TemplateIcon } from \"./TemplateIcon\";\nimport { ParentFieldProvider, useModelField } from \"~/admin/hooks\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\nimport type {\n    BindComponent,\n    BindComponentRenderProp,\n    CmsDynamicZoneTemplate,\n    CmsModelFieldRendererProps,\n    CmsModel,\n    CmsModelField,\n    CmsDynamicZoneTemplateWithTypename\n} from \"~/types\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { TemplateProvider } from \"~/admin/plugins/fieldRenderers/dynamicZone/TemplateProvider\";\nimport { ParentValueIndexProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { Accordion, Tooltip } from \"@webiny/admin-ui\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueItemContainerProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n    title: React.ReactNode;\n    description: string;\n    icon: JSX.Element;\n    actions?: JSX.Element;\n    template: CmsDynamicZoneTemplate;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={props.onMoveUp}\n                    disabled={props.isFirst}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={props.onMoveDown}\n                    disabled={props.isLast}\n                />\n                <Accordion.Item.Action.Separator />\n                {props.actions ? <>{props.actions}</> : null}\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={() => props.onClone(props.value)}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={props.onDelete}\n                />\n            </>\n        );\n\n        return (\n            <Accordion.Item\n                title={props.title}\n                description={props.description}\n                icon={props.icon}\n                actions={actions}\n            >\n                {children}\n            </Accordion.Item>\n        );\n    }\n);\n\nexport interface MultiValueItemItemProps {\n    template: CmsDynamicZoneTemplate;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n}\n\nexport const MultiValueItem = makeDecoratable(\n    \"MultiValueItem\",\n    (props: MultiValueItemItemProps) => {\n        const { template, Bind, contentModel } = props;\n\n        return (\n            <TemplateProvider template={template}>\n                <Fields\n                    fields={template.fields}\n                    layout={template.layout || []}\n                    contentModel={contentModel}\n                    Bind={Bind}\n                />\n            </TemplateProvider>\n        );\n    }\n);\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\ninterface TemplateValueFormProps {\n    value: TemplateValue;\n    contentModel: CmsModel;\n    Bind: BindComponent;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    onClone: (value: TemplateValue) => void;\n}\n\nconst TemplateValueForm = ({\n    value,\n    contentModel,\n    Bind,\n    isLast,\n    isFirst,\n    onMoveUp,\n    onMoveDown,\n    onDelete,\n    onClone\n}: TemplateValueFormProps) => {\n    const { field } = useModelField();\n    const templates = field.settings?.templates || [];\n\n    const template: CmsDynamicZoneTemplate | undefined = templates.find(\n        tpl => tpl.id === value._templateId\n    );\n\n    if (!template) {\n        return null;\n    }\n\n    return (\n        <MultiValueItemContainer\n            value={value}\n            contentModel={contentModel}\n            isFirst={isFirst}\n            isLast={isLast}\n            onClone={onClone}\n            onDelete={onDelete}\n            onMoveUp={onMoveUp}\n            onMoveDown={onMoveDown}\n            title={template.name}\n            description={template.description}\n            icon={<TemplateIcon icon={template.icon} />}\n            template={template}\n        >\n            <MultiValueItem template={template} contentModel={contentModel} Bind={Bind} />\n        </MultiValueItemContainer>\n    );\n};\n\nexport interface MultiValueContainerProps extends MultiValueDynamicZoneProps {\n    children: React.ReactNode;\n}\n\nexport const MultiValueContainer = makeDecoratable(\n    \"MultiValueContainer\",\n    ({ children }: MultiValueContainerProps) => {\n        return (\n            <Accordion>\n                <>{children}</>\n            </Accordion>\n        );\n    }\n);\n\ninterface MultiValueDynamicZoneProps {\n    // TODO: this prop might be useless, because we now have a `useModelField` hook.\n    field: CmsModelField;\n    bind: BindComponentRenderProp;\n    contentModel: CmsModel;\n    getBind: GetBind;\n}\n\nexport const MultiValueDynamicZone = (props: MultiValueDynamicZoneProps) => {\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const { bind, getBind, contentModel } = props;\n    const onTemplate = (template: CmsDynamicZoneTemplateWithTypename) => {\n        bind.appendValue({ _templateId: template.id, __typename: template.__typename });\n    };\n\n    const cloneValue = (value: TemplateValue, index: number) => {\n        bind.appendValue(cloneDeep(value), index + 1);\n    };\n\n    const values: TemplateValue[] = bind.value || [];\n    const hasValues = values.length > 0;\n\n    const Bind = getBind();\n\n    return (\n        <>\n            {hasValues ? (\n                <ParentFieldProvider value={bind.value} path={Bind.parentName}>\n                    <MultiValueContainer {...props}>\n                        {values.map((value, index) => {\n                            const Bind = getBind(index);\n\n                            const onDelete = () => {\n                                showConfirmation(() => {\n                                    bind.removeValue(index);\n                                });\n                            };\n\n                            return (\n                                <ParentValueIndexProvider key={index} index={index}>\n                                    <Bind>\n                                        {() => (\n                                            <Bind.ValidationContainer>\n                                                <TemplateValueForm\n                                                    value={value}\n                                                    contentModel={contentModel}\n                                                    Bind={Bind}\n                                                    isFirst={index === 0}\n                                                    isLast={index === values.length - 1}\n                                                    onMoveUp={() => bind.moveValueUp(index)}\n                                                    onMoveDown={() => bind.moveValueDown(index)}\n                                                    onDelete={onDelete}\n                                                    onClone={value => cloneValue(value, index)}\n                                                />\n                                            </Bind.ValidationContainer>\n                                        )}\n                                    </Bind>\n                                </ParentValueIndexProvider>\n                            );\n                        })}\n                    </MultiValueContainer>\n                </ParentFieldProvider>\n            ) : null}\n            {hasValues ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,kBAAkB;AACxC,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,SAAS,QAAQ,+BAA+B;AAC3E,SAASF,cAAc,IAAIG,WAAW,QAAQ,+BAA+B;AAC7E,SAASH,cAAc,IAAII,aAAa,QAAQ,+BAA+B;AAC/E,SAASC,iBAAiB,EAAEC,eAAe;AAC3C,SAASC,YAAY;AACrB,SAASC,mBAAmB,EAAEC,aAAa;AAC3C,SAASC,MAAM;AAUf,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,gBAAgB;AACzB,SAASC,wBAAwB;AACjC,SAASC,qBAAqB,QAAQ,mBAAmB;AACzD,SAASC,SAAS,EAAEC,OAAO,QAAQ,kBAAkB;AAqBrD,OAAO,MAAMC,uBAAuB,GAAGN,eAAe,CAClD,yBAAyB,EACzB,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtD,MAAMC,OAAO,gBACTtB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,qBACIxB,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAAClB,WAAW,MAAE,CAAE;MAACwB,OAAO,EAAE;IAAU,CAAE,CAAE;IAChEC,OAAO,EAAET,KAAK,CAACU,QAAS;IACxBC,QAAQ,EAAEX,KAAK,CAACY;EAAQ,CAC3B,CAAC,eACFjC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAACjB,aAAa,MAAE,CAAE;MAACuB,OAAO,EAAE;IAAY,CAAE,CAAE;IACpEC,OAAO,EAAET,KAAK,CAACa,UAAW;IAC1BF,QAAQ,EAAEX,KAAK,CAACc;EAAO,CAC1B,CAAC,eACFnC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM,CAACU,SAAS,MAAE,CAAC,EAClCf,KAAK,CAACC,OAAO,gBAAGtB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QAAGH,KAAK,CAACC,OAAU,CAAC,GAAG,IAAI,eAC5CtB,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAACnB,SAAS,MAAE,CAAE;MAACyB,OAAO,EAAE;IAAY,CAAE,CAAE;IAChEC,OAAO,EAAEA,CAAA,KAAMT,KAAK,CAACgB,OAAO,CAAChB,KAAK,CAACiB,KAAK;EAAE,CAC7C,CAAC,eACFtC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI,CAACC,MAAM;IAClBC,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACL,OAAO;MAACU,OAAO,eAAE5B,KAAA,CAAAuB,aAAA,CAACpB,UAAU,MAAE,CAAE;MAAC0B,OAAO,EAAE;IAAS,CAAE,CAAE;IAC9DC,OAAO,EAAET,KAAK,CAACkB;EAAS,CAC3B,CACH,CACL;EAED,oBACIvC,KAAA,CAAAuB,aAAA,CAACN,SAAS,CAACQ,IAAI;IACXe,KAAK,EAAEnB,KAAK,CAACmB,KAAM;IACnBC,WAAW,EAAEpB,KAAK,CAACoB,WAAY;IAC/Bd,IAAI,EAAEN,KAAK,CAACM,IAAK;IACjBL,OAAO,EAAEA;EAAQ,GAEhBF,QACW,CAAC;AAEzB,CACJ,CAAC;AAQD,OAAO,MAAMsB,cAAc,GAAG7B,eAAe,CACzC,gBAAgB,EACfQ,KAA8B,IAAK;EAChC,MAAM;IAAEsB,QAAQ;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGxB,KAAK;EAE9C,oBACIrB,KAAA,CAAAuB,aAAA,CAACT,gBAAgB;IAAC6B,QAAQ,EAAEA;EAAS,gBACjC3C,KAAA,CAAAuB,aAAA,CAACX,MAAM;IACHkC,MAAM,EAAEH,QAAQ,CAACG,MAAO;IACxBC,MAAM,EAAEJ,QAAQ,CAACI,MAAM,IAAI,EAAG;IAC9BF,YAAY,EAAEA,YAAa;IAC3BD,IAAI,EAAEA;EAAK,CACd,CACa,CAAC;AAE3B,CACJ,CAAC;AAmBD,MAAMI,iBAAiB,GAAGA,CAAC;EACvBV,KAAK;EACLO,YAAY;EACZD,IAAI;EACJT,MAAM;EACNF,OAAO;EACPF,QAAQ;EACRG,UAAU;EACVK,QAAQ;EACRF;AACoB,CAAC,KAAK;EAC1B,MAAM;IAAEY;EAAM,CAAC,GAAGtC,aAAa,CAAC,CAAC;EACjC,MAAMuC,SAAS,GAAGD,KAAK,CAACE,QAAQ,EAAED,SAAS,IAAI,EAAE;EAEjD,MAAMP,QAA4C,GAAGO,SAAS,CAACE,IAAI,CAC/DC,GAAG,IAAIA,GAAG,CAACC,EAAE,KAAKhB,KAAK,CAACiB,WAC5B,CAAC;EAED,IAAI,CAACZ,QAAQ,EAAE;IACX,OAAO,IAAI;EACf;EAEA,oBACI3C,KAAA,CAAAuB,aAAA,CAACJ,uBAAuB;IACpBmB,KAAK,EAAEA,KAAM;IACbO,YAAY,EAAEA,YAAa;IAC3BZ,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBR,QAAQ,EAAEA,QAAS;IACnBG,UAAU,EAAEA,UAAW;IACvBM,KAAK,EAAEG,QAAQ,CAACa,IAAK;IACrBf,WAAW,EAAEE,QAAQ,CAACF,WAAY;IAClCd,IAAI,eAAE3B,KAAA,CAAAuB,aAAA,CAACd,YAAY;MAACkB,IAAI,EAAEgB,QAAQ,CAAChB;IAAK,CAAE,CAAE;IAC5CgB,QAAQ,EAAEA;EAAS,gBAEnB3C,KAAA,CAAAuB,aAAA,CAACmB,cAAc;IAACC,QAAQ,EAAEA,QAAS;IAACE,YAAY,EAAEA,YAAa;IAACD,IAAI,EAAEA;EAAK,CAAE,CACxD,CAAC;AAElC,CAAC;AAMD,OAAO,MAAMa,mBAAmB,GAAG5C,eAAe,CAC9C,qBAAqB,EACrB,CAAC;EAAEO;AAAmC,CAAC,KAAK;EACxC,oBACIpB,KAAA,CAAAuB,aAAA,CAACN,SAAS,qBACNjB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QAAGJ,QAAW,CACP,CAAC;AAEpB,CACJ,CAAC;AAUD,OAAO,MAAMsC,qBAAqB,GAAIrC,KAAiC,IAAK;EACxE,MAAM;IAAEsC;EAAiB,CAAC,GAAG3C,qBAAqB,CAAC;IAC/C4C,OAAO,EAAE,2EAA2E;IACpFC,WAAW,EAAE,gBAAgB;IAC7BC,WAAW,EAAE;EACjB,CAAC,CAAC;EAEF,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEnB;EAAa,CAAC,GAAGxB,KAAK;EAC7C,MAAM4C,UAAU,GAAItB,QAA4C,IAAK;IACjEoB,IAAI,CAACG,WAAW,CAAC;MAAEX,WAAW,EAAEZ,QAAQ,CAACW,EAAE;MAAEa,UAAU,EAAExB,QAAQ,CAACwB;IAAW,CAAC,CAAC;EACnF,CAAC;EAED,MAAMC,UAAU,GAAGA,CAAC9B,KAAoB,EAAE+B,KAAa,KAAK;IACxDN,IAAI,CAACG,WAAW,CAACjE,SAAS,CAACqC,KAAK,CAAC,EAAE+B,KAAK,GAAG,CAAC,CAAC;EACjD,CAAC;EAED,MAAMC,MAAuB,GAAGP,IAAI,CAACzB,KAAK,IAAI,EAAE;EAChD,MAAMiC,SAAS,GAAGD,MAAM,CAACE,MAAM,GAAG,CAAC;EAEnC,MAAM5B,IAAI,GAAGoB,OAAO,CAAC,CAAC;EAEtB,oBACIhE,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACK+C,SAAS,gBACNvE,KAAA,CAAAuB,aAAA,CAACb,mBAAmB;IAAC4B,KAAK,EAAEyB,IAAI,CAACzB,KAAM;IAACmC,IAAI,EAAE7B,IAAI,CAAC8B;EAAW,gBAC1D1E,KAAA,CAAAuB,aAAA,CAACkC,mBAAmB,EAAKpC,KAAK,EACzBiD,MAAM,CAACK,GAAG,CAAC,CAACrC,KAAK,EAAE+B,KAAK,KAAK;IAC1B,MAAMzB,IAAI,GAAGoB,OAAO,CAACK,KAAK,CAAC;IAE3B,MAAM9B,QAAQ,GAAGA,CAAA,KAAM;MACnBoB,gBAAgB,CAAC,MAAM;QACnBI,IAAI,CAACa,WAAW,CAACP,KAAK,CAAC;MAC3B,CAAC,CAAC;IACN,CAAC;IAED,oBACIrE,KAAA,CAAAuB,aAAA,CAACR,wBAAwB;MAAC8D,GAAG,EAAER,KAAM;MAACA,KAAK,EAAEA;IAAM,gBAC/CrE,KAAA,CAAAuB,aAAA,CAACqB,IAAI,QACA,mBACG5C,KAAA,CAAAuB,aAAA,CAACqB,IAAI,CAACkC,mBAAmB,qBACrB9E,KAAA,CAAAuB,aAAA,CAACyB,iBAAiB;MACdV,KAAK,EAAEA,KAAM;MACbO,YAAY,EAAEA,YAAa;MAC3BD,IAAI,EAAEA,IAAK;MACXX,OAAO,EAAEoC,KAAK,KAAK,CAAE;MACrBlC,MAAM,EAAEkC,KAAK,KAAKC,MAAM,CAACE,MAAM,GAAG,CAAE;MACpCzC,QAAQ,EAAEA,CAAA,KAAMgC,IAAI,CAACgB,WAAW,CAACV,KAAK,CAAE;MACxCnC,UAAU,EAAEA,CAAA,KAAM6B,IAAI,CAACiB,aAAa,CAACX,KAAK,CAAE;MAC5C9B,QAAQ,EAAEA,QAAS;MACnBF,OAAO,EAAEC,KAAK,IAAI8B,UAAU,CAAC9B,KAAK,EAAE+B,KAAK;IAAE,CAC9C,CACqB,CAE5B,CACgB,CAAC;EAEnC,CAAC,CACgB,CACJ,CAAC,GACtB,IAAI,EACPE,SAAS,gBACNvE,KAAA,CAAAuB,aAAA,CAACf,eAAe;IAACyD,UAAU,EAAEA;EAAW,CAAE,CAAC,gBAE3CjE,KAAA,CAAAuB,aAAA,CAAChB,iBAAiB;IAAC0D,UAAU,EAAEA;EAAW,CAAE,CAElD,CAAC;AAEX,CAAC","ignoreList":[]}