@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags"],"sources":["url.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-url\",\n    pattern: {\n        message: \"Please enter a valid URL.\",\n        name: \"url\",\n        label: \"URL\",\n        regex: \"^(ftp|http|https):\\\\/\\\\/(\\\\w+:{0,1}\\\\w*@)?(\\\\S+)(:[0-9]+)?(\\\\/|\\\\/([\\\\w#!:.?+=&%@!\\\\-\\\\/]))?$\",\n        flags: \"i\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,gDAAgD;EACtDC,OAAO,EAAE;IACLC,OAAO,EAAE,2BAA2B;IACpCF,IAAI,EAAE,KAAK;IACXG,KAAK,EAAE,KAAK;IACZC,KAAK,EAAE,+FAA+F;IACtGC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,eACaP,MAAM;AAAA"}
+{"version":3,"names":["plugin","type","name","pattern","message","label","regex","flags","_default","exports","default"],"sources":["url.ts"],"sourcesContent":["import { CmsModelFieldRegexValidatorExpressionPlugin } from \"~/types\";\n\nconst plugin: CmsModelFieldRegexValidatorExpressionPlugin = {\n    type: \"cms-model-field-regex-validator-expression\",\n    name: \"cms-model-field-regex-validator-expression-url\",\n    pattern: {\n        message: \"Please enter a valid URL.\",\n        name: \"url\",\n        label: \"URL\",\n        regex: \"^(ftp|http|https):\\\\/\\\\/(\\\\w+:{0,1}\\\\w*@)?(\\\\S+)(:[0-9]+)?(\\\\/|\\\\/([\\\\w#!:.?+=&%@!\\\\-\\\\/]))?$\",\n        flags: \"i\"\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AAEA,IAAMA,MAAmD,GAAG;EACxDC,IAAI,EAAE,4CAA4C;EAClDC,IAAI,EAAE,gDAAgD;EACtDC,OAAO,EAAE;IACLC,OAAO,EAAE,2BAA2B;IACpCF,IAAI,EAAE,KAAK;IACXG,KAAK,EAAE,KAAK;IACZC,KAAK,EAAE,+FAA+F;IACtGC,KAAK,EAAE;EACX;AACJ,CAAC;AAAC,IAAAC,QAAA,GACaR,MAAM;AAAAS,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","validate","value","validation"],"sources":["required.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { validation } from \"@webiny/validation\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-required\",\n    validator: {\n        name: \"required\",\n        label: \"Required\",\n        description: \"You won't be able to submit the form if this field is empty\",\n        defaultMessage: \"Value is required.\",\n        validate: value => {\n            return validation.validate(value, \"required\");\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AACA;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,SAAS,EAAE;IACPD,IAAI,EAAE,UAAU;IAChBE,KAAK,EAAE,UAAU;IACjBC,WAAW,EAAE,6DAA6D;IAC1EC,cAAc,EAAE,oBAAoB;IACpCC,QAAQ,EAAE,kBAAAC,KAAK,EAAI;MACf,OAAOC,sBAAU,CAACF,QAAQ,CAACC,KAAK,EAAE,UAAU,CAAC;IACjD;EACJ;AACJ,CAAC;AAAC,eACaR,MAAM;AAAA"}
+{"version":3,"names":["_validation","require","plugin","type","name","validator","label","description","defaultMessage","validate","value","validation","_default","exports","default"],"sources":["required.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { validation } from \"@webiny/validation\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-required\",\n    validator: {\n        name: \"required\",\n        label: \"Required\",\n        description: \"You won't be able to submit the form if this field is empty\",\n        defaultMessage: \"Value is required.\",\n        validate: value => {\n            return validation.validate(value, \"required\");\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,SAAS,EAAE;IACPD,IAAI,EAAE,UAAU;IAChBE,KAAK,EAAE,UAAU;IACjBC,WAAW,EAAE,6DAA6D;IAC1EC,cAAc,EAAE,oBAAoB;IACpCC,QAAQ,EAAE,SAAAA,SAAAC,KAAK,EAAI;MACf,OAAOC,sBAAU,CAACF,QAAQ,CAACC,KAAK,EAAE,UAAU,CAAC;IACjD;EACJ;AACJ,CAAC;AAAC,IAAAE,QAAA,GACaV,MAAM;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["type","name","validator","label","description","defaultMessage","validate"],"sources":["unique.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\n\nexport default (): CmsModelFieldValidatorPlugin => {\n    return {\n        type: \"cms-model-field-validator\",\n        name: \"cms-editor-field-validator-unique\",\n        validator: {\n            name: \"unique\",\n            label: \"Unique\",\n            description: \"You won't be able to submit the form if this field is not unique\",\n            defaultMessage: \"Value must be unique.\",\n            validate: async () => {\n                /**\n                 * We let this validator be executed on the API side.\n                 */\n                return true;\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;;eAEe,oBAAoC;EAC/C,OAAO;IACHA,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MACPD,IAAI,EAAE,QAAQ;MACdE,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,kEAAkE;MAC/EC,cAAc,EAAE,uBAAuB;MACvCC,QAAQ;QAAA,uGAAE;UAAA;YAAA;cAAA;gBAAA,iCAIC,IAAI;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA,CACd;QAAA;UAAA;QAAA;QAAA;MAAA;IACL;EACJ,CAAC;AACL,CAAC;AAAA"}
+{"version":3,"names":["_default","type","name","validator","label","description","defaultMessage","validate","_validate","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","wrap","_callee$","_context","prev","next","abrupt","stop","apply","arguments","exports"],"sources":["unique.tsx"],"sourcesContent":["import { CmsModelFieldValidatorPlugin } from \"~/types\";\n\nexport default (): CmsModelFieldValidatorPlugin => {\n    return {\n        type: \"cms-model-field-validator\",\n        name: \"cms-editor-field-validator-unique\",\n        validator: {\n            name: \"unique\",\n            label: \"Unique\",\n            description: \"You won't be able to submit the form if this field is not unique\",\n            defaultMessage: \"Value must be unique.\",\n            validate: async () => {\n                /**\n                 * We let this validator be executed on the API side.\n                 */\n                return true;\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;;eAEe,SAAAA,SAAA,EAAoC;EAC/C,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,mCAAmC;IACzCC,SAAS,EAAE;MACPD,IAAI,EAAE,QAAQ;MACdE,KAAK,EAAE,QAAQ;MACfC,WAAW,EAAE,kEAAkE;MAC/EC,cAAc,EAAE,uBAAuB;MACvCC,QAAQ;QAAA,IAAAC,SAAA,OAAAC,kBAAA,CAAAC,OAAA,oBAAAC,oBAAA,CAAAD,OAAA,IAAAE,IAAA,CAAE,SAAAC,QAAA;UAAA,WAAAF,oBAAA,CAAAD,OAAA,IAAAI,IAAA,UAAAC,SAAAC,QAAA;YAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;cAAA;gBAAA,OAAAF,QAAA,CAAAG,MAAA,WAIC,IAAI;cAAA;cAAA;gBAAA,OAAAH,QAAA,CAAAI,IAAA;YAAA;UAAA,GAAAP,OAAA;QAAA,CACd;QAAA,SAAAN,SAAA;UAAA,OAAAC,SAAA,CAAAa,KAAA,OAAAC,SAAA;QAAA;QAAA,OAAAf,QAAA;MAAA;IACL;EACJ,CAAC;AACL,CAAC;AAAAgB,OAAA,CAAAb,OAAA,GAAAV,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Fieldset","styled","position","width","marginBottom","display","right","top","controlButtons","css","alignItems","justifyContent","marginRight","emptyStyles","textAlign","Header","onSelectedChange","params","bind","field","targetIndex","index","setToValue","value","form","setValue","map","defaultValue","multipleValues","selected","PredefinedValuesDynamicFieldset","getBind","renderValueInput","Bind","useModelField","actions","header","row","empty","add","remove"],"sources":["PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Grid, Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Fieldset = styled(\"div\")({\n    position: \"relative\",\n    width: \"100%\",\n    marginBottom: 15,\n    \".webiny-ui-button\": {\n        position: \"absolute\",\n        display: \"block\",\n        right: 10,\n        top: 13\n    }\n});\n\nconst controlButtons = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \">button\": {\n        marginRight: 15\n    }\n});\n\nconst emptyStyles = css({\n    textAlign: \"center\"\n});\n\nconst Header = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    marginBottom: 15\n});\n\ninterface PredefinedValue {\n    selected?: boolean;\n}\n\ninterface OnSelectedParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    index: number;\n    value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n    const { bind, field, index: targetIndex, value: setToValue } = params;\n    bind.form.setValue(\n        \"predefinedValues.values\",\n        bind.value.map((value: PredefinedValue, index: number) => {\n            const defaultValue = field.multipleValues ? value.selected : false;\n            return {\n                ...value,\n                selected: index === targetIndex ? setToValue : defaultValue\n            };\n        })\n    );\n};\n\nexport interface Props {\n    getBind: (value?: any) => BindComponent;\n    renderValueInput?: (Bind: BindComponent) => React.ReactNode;\n}\nconst PredefinedValuesDynamicFieldset: React.FC<Props> = ({ getBind, renderValueInput = null }) => {\n    const Bind = getBind();\n    const { field } = useModelField();\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind>\n                    {bind => {\n                        return (\n                            <DynamicFieldset {...bind}>\n                                {({ actions, header, row, empty }) => {\n                                    return (\n                                        <React.Fragment>\n                                            {row(({ index }) => {\n                                                const Bind = getBind(index);\n\n                                                return (\n                                                    <React.Fragment>\n                                                        <GridInner>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"label\"}>\n                                                                        <Input label={t`Label`} />\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    {renderValueInput ? (\n                                                                        renderValueInput(Bind)\n                                                                    ) : (\n                                                                        <Bind name={\"value\"}>\n                                                                            <Input\n                                                                                label={t`Value`}\n                                                                            />\n                                                                        </Bind>\n                                                                    )}\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={2}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"selected\"}>\n                                                                        <Switch\n                                                                            label={\"Selected\"}\n                                                                            description={\n                                                                                \"Mark as selected value\"\n                                                                            }\n                                                                            onChange={value => {\n                                                                                onSelectedChange({\n                                                                                    bind,\n                                                                                    field,\n                                                                                    index,\n                                                                                    value\n                                                                                });\n                                                                            }}\n                                                                        />\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n\n                                                            <Cell\n                                                                span={2}\n                                                                className={controlButtons}\n                                                            >\n                                                                <ButtonPrimary\n                                                                    small\n                                                                    onClick={actions.add(index)}\n                                                                >\n                                                                    +\n                                                                </ButtonPrimary>\n                                                                <ButtonSecondary\n                                                                    small\n                                                                    onClick={actions.remove(index)}\n                                                                >\n                                                                    -\n                                                                </ButtonSecondary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {empty(() => {\n                                                return (\n                                                    <React.Fragment>\n                                                        <Header>\n                                                            <Typography\n                                                                use={\"overline\"}\n                                                            >{t`Predefined values`}</Typography>\n                                                        </Header>\n\n                                                        <GridInner className={emptyStyles}>\n                                                            <Cell span={12}>\n                                                                <Typography use={\"subtitle1\"}>\n                                                                    {t`There are no predefined values available.`}\n                                                                </Typography>\n                                                            </Cell>\n                                                            <Cell span={12}>\n                                                                <ButtonPrimary\n                                                                    onClick={actions.add()}\n                                                                >{t`Add a predefined value`}</ButtonPrimary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {header(() => (\n                                                <Header>\n                                                    <Typography\n                                                        use={\"overline\"}\n                                                    >{t`Predefined values`}</Typography>\n                                                </Header>\n                                            ))}\n                                        </React.Fragment>\n                                    );\n                                }}\n                            </DynamicFieldset>\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_emotion","_Grid","_i18n","_DynamicFieldset","_Typography","_Button","_Input","_Switch","_hooks","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","Fieldset","styled","target","label","position","width","marginBottom","display","right","top","controlButtons","css","alignItems","justifyContent","marginRight","emptyStyles","textAlign","Header","onSelectedChange","params","bind","field","targetIndex","index","setToValue","value","form","setValue","map","defaultValue","multipleValues","selected","_objectSpread2","default","PredefinedValuesDynamicFieldset","_ref","getBind","_ref$renderValueInput","renderValueInput","Bind","_useModelField","useModelField","createElement","Grid","Cell","span","DynamicFieldset","_ref2","actions","header","row","empty","Fragment","_ref3","GridInner","name","Input","_taggedTemplateLiteral2","Switch","description","onChange","className","ButtonPrimary","small","onClick","add","ButtonSecondary","remove","Typography","use","_default","exports"],"sources":["PredefinedValuesDynamicFieldset.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Grid, Cell, GridInner } from \"@webiny/ui/Grid\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicFieldset } from \"@webiny/ui/DynamicFieldset\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/dynamic-fieldset-predefined-values\");\n\nconst Fieldset = styled(\"div\")({\n    position: \"relative\",\n    width: \"100%\",\n    marginBottom: 15,\n    \".webiny-ui-button\": {\n        position: \"absolute\",\n        display: \"block\",\n        right: 10,\n        top: 13\n    }\n});\n\nconst controlButtons = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    \">button\": {\n        marginRight: 15\n    }\n});\n\nconst emptyStyles = css({\n    textAlign: \"center\"\n});\n\nconst Header = styled(\"div\")({\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    marginBottom: 15\n});\n\ninterface PredefinedValue {\n    selected?: boolean;\n}\n\ninterface OnSelectedParams {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    index: number;\n    value: boolean;\n}\nconst onSelectedChange = (params: OnSelectedParams) => {\n    const { bind, field, index: targetIndex, value: setToValue } = params;\n    bind.form.setValue(\n        \"predefinedValues.values\",\n        bind.value.map((value: PredefinedValue, index: number) => {\n            const defaultValue = field.multipleValues ? value.selected : false;\n            return {\n                ...value,\n                selected: index === targetIndex ? setToValue : defaultValue\n            };\n        })\n    );\n};\n\nexport interface Props {\n    getBind: (value?: any) => BindComponent;\n    renderValueInput?: (Bind: BindComponent) => React.ReactNode;\n}\nconst PredefinedValuesDynamicFieldset: React.FC<Props> = ({ getBind, renderValueInput = null }) => {\n    const Bind = getBind();\n    const { field } = useModelField();\n\n    return (\n        <Grid>\n            <Cell span={12}>\n                <Bind>\n                    {bind => {\n                        return (\n                            <DynamicFieldset {...bind}>\n                                {({ actions, header, row, empty }) => {\n                                    return (\n                                        <React.Fragment>\n                                            {row(({ index }) => {\n                                                const Bind = getBind(index);\n\n                                                return (\n                                                    <React.Fragment>\n                                                        <GridInner>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"label\"}>\n                                                                        <Input label={t`Label`} />\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={4}>\n                                                                <Fieldset>\n                                                                    {renderValueInput ? (\n                                                                        renderValueInput(Bind)\n                                                                    ) : (\n                                                                        <Bind name={\"value\"}>\n                                                                            <Input\n                                                                                label={t`Value`}\n                                                                            />\n                                                                        </Bind>\n                                                                    )}\n                                                                </Fieldset>\n                                                            </Cell>\n                                                            <Cell span={2}>\n                                                                <Fieldset>\n                                                                    <Bind name={\"selected\"}>\n                                                                        <Switch\n                                                                            label={\"Selected\"}\n                                                                            description={\n                                                                                \"Mark as selected value\"\n                                                                            }\n                                                                            onChange={value => {\n                                                                                onSelectedChange({\n                                                                                    bind,\n                                                                                    field,\n                                                                                    index,\n                                                                                    value\n                                                                                });\n                                                                            }}\n                                                                        />\n                                                                    </Bind>\n                                                                </Fieldset>\n                                                            </Cell>\n\n                                                            <Cell\n                                                                span={2}\n                                                                className={controlButtons}\n                                                            >\n                                                                <ButtonPrimary\n                                                                    small\n                                                                    onClick={actions.add(index)}\n                                                                >\n                                                                    +\n                                                                </ButtonPrimary>\n                                                                <ButtonSecondary\n                                                                    small\n                                                                    onClick={actions.remove(index)}\n                                                                >\n                                                                    -\n                                                                </ButtonSecondary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {empty(() => {\n                                                return (\n                                                    <React.Fragment>\n                                                        <Header>\n                                                            <Typography\n                                                                use={\"overline\"}\n                                                            >{t`Predefined values`}</Typography>\n                                                        </Header>\n\n                                                        <GridInner className={emptyStyles}>\n                                                            <Cell span={12}>\n                                                                <Typography use={\"subtitle1\"}>\n                                                                    {t`There are no predefined values available.`}\n                                                                </Typography>\n                                                            </Cell>\n                                                            <Cell span={12}>\n                                                                <ButtonPrimary\n                                                                    onClick={actions.add()}\n                                                                >{t`Add a predefined value`}</ButtonPrimary>\n                                                            </Cell>\n                                                        </GridInner>\n                                                    </React.Fragment>\n                                                );\n                                            })}\n                                            {header(() => (\n                                                <Header>\n                                                    <Typography\n                                                        use={\"overline\"}\n                                                    >{t`Predefined values`}</Typography>\n                                                </Header>\n                                            ))}\n                                        </React.Fragment>\n                                    );\n                                }}\n                            </DynamicFieldset>\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nexport default PredefinedValuesDynamicFieldset;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"@material-design-icons/svg/outlined/toggle_on.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-boolean\",\n    field: {\n        type: \"boolean\",\n        label: t`Boolean`,\n        description: t`Store boolean (\"yes\" or \"no\" ) values.`,\n        icon: <BooleanIcon />,\n        allowMultipleValues: false,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            <Select\n                                label={t`Default value`}\n                                description={\"Default value for the field\"}\n                            >\n                                <option value={\"true\"}>True</option>\n                                <option value={\"\"}>False</option>\n                            </Select>\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,+BAA+B;EACrCC,KAAK,EAAE;IACHF,IAAI,EAAE,SAAS;IACfG,KAAK,EAAEP,CAAC,0FAAS;IACjBQ,WAAW,EAAER,CAAC,+HAAwC;IACtDS,IAAI,eAAE,6BAAC,yBAAW,OAAG;IACrBC,mBAAmB,EAAE,KAAK;IAC1BC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,8GAA2B;IACjDa,WAAW,yBAAG;MACV,OAAO;QACHT,IAAI,EAAE,IAAI,CAACA,IAAI;QACfU,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNV,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDW,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAwB,gBAChC,6BAAC,cAAM;QACH,KAAK,EAAEhB,CAAC,kGAAgB;QACxB,WAAW,EAAE;MAA8B,gBAE3C;QAAQ,KAAK,EAAE;MAAO,GAAC,MAAI,CAAS,eACpC;QAAQ,KAAK,EAAE;MAAG,GAAC,OAAK,CAAS,CAC5B,CACN,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_toggle_on","_i18n","_Grid","_Select","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Select","value","_default","exports"],"sources":["boolean.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as BooleanIcon } from \"@material-design-icons/svg/outlined/toggle_on.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-boolean\",\n    field: {\n        type: \"boolean\",\n        label: t`Boolean`,\n        description: t`Store boolean (\"yes\" or \"no\" ) values.`,\n        icon: <BooleanIcon />,\n        allowMultipleValues: false,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of booleans`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.defaultValue\"}>\n                            <Select\n                                label={t`Default value`}\n                                description={\"Default value for the field\"}\n                            >\n                                <option value={\"true\"}>True</option>\n                                <option value={\"\"}>False</option>\n                            </Select>\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,+BAA+B;EACrCC,KAAK,EAAE;IACHF,IAAI,EAAE,SAAS;IACfG,KAAK,EAAEP,CAAC,CAAAJ,eAAA,KAAAA,eAAA,OAAAY,uBAAA,CAAAC,OAAA,gBAAS;IACjBC,WAAW,EAAEV,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,mDAAwC;IACtDE,IAAI,eAAEvB,MAAA,CAAAqB,OAAA,CAAAG,aAAA,CAACrB,UAAA,CAAAsB,cAAW,MAAE,CAAC;IACrBC,mBAAmB,EAAE,KAAK;IAC1BC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEhB,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,kCAA2B;IACjDQ,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNd,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDe,cAAc,WAAAA,eAAA,EAAG;MACb,oBACIhC,MAAA,CAAAqB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAA4B,IAAI,qBACDjC,MAAA,CAAAqB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAA6B,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXnC,MAAA,CAAAqB,OAAA,CAAAG,aAAA,CAACjB,KAAA,CAAA6B,IAAI;QAACnB,IAAI,EAAE;MAAwB,gBAChCjB,MAAA,CAAAqB,OAAA,CAAAG,aAAA,CAAClB,OAAA,CAAA+B,MAAM;QACHlB,KAAK,EAAEP,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,sBAAgB;QACxBC,WAAW,EAAE;MAA8B,gBAE3CtB,MAAA,CAAAqB,OAAA,CAAAG,aAAA;QAAQc,KAAK,EAAE;MAAO,GAAC,MAAY,CAAC,eACpCtC,MAAA,CAAAqB,OAAA,CAAAG,aAAA;QAAQc,KAAK,EAAE;MAAG,GAAC,OAAa,CAC5B,CACN,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAC,QAAA,GAEaxB,MAAM;AAAAyB,OAAA,CAAAnB,OAAA,GAAAkB,QAAA"}

package/admin/plugins/fields/dateTime.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _get2 = _interopRequireDefault(require("lodash/get"));
 var _react = _interopRequireDefault(require("react"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _Grid = require("@webiny/ui/Grid");
 var _Select = require("@webiny/ui/Select");
 var _Input = require("@webiny/ui/Input");
@@ -23,7 +23,7 @@ var DateTimeSettings = function DateTimeSettings() {
   var _useModelField = (0, _hooks.useModelField)(),
     field = _useModelField.field;
   var lockedFields = model.lockedFields || [];
-  var fieldId = (0, _get2.default)(field, "fieldId", null);
+  var fieldId = (0, _get.default)(field, "fieldId", null);
   var lockedField = lockedFields.find(function (lockedField) {
     return lockedField.fieldId === fieldId;
   });

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","DateTimeSettings","useModel","model","useModelField","field","lockedFields","fieldId","lockedField","find","Boolean","formatType","plugin","type","name","label","description","icon","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","validation","renderer","renderSettings"],"sources":["dateTime.tsx"],"sourcesContent":["import React from \"react\";\nimport { get } from \"lodash\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DateTimeIcon } from \"./icons/schedule-black-24px.svg\";\nimport { useModel, useModelField } from \"~/admin/hooks\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst DateTimeSettings = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = get(field, \"fieldId\", null);\n    const lockedField = lockedFields.find(\n        lockedField => lockedField.fieldId === fieldId\n    ) as CmsModelField<{\n        formatType: string;\n    }>;\n\n    return (\n        <>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"placeholderText\"}>\n                        <Input\n                            label={t`Placeholder text`}\n                            description={t`Placeholder text (optional)`}\n                        />\n                    </Bind>\n                </Cell>\n            </Grid>\n            <Grid>\n                <Cell span={6}>\n                    <Bind name={\"settings.type\"}>\n                        <Select\n                            label={t`Format`}\n                            description={t`Cannot be changed later`}\n                            disabled={lockedField && Boolean(lockedField.formatType)}\n                        >\n                            <option value={t`date`}>{t`Date only`}</option>\n                            <option value={t`time`}>{t`Time only`}</option>\n                            <option\n                                value={t`dateTimeWithTimezone`}\n                            >{t`Date and time with timezone`}</option>\n                            <option\n                                value={t`dateTimeWithoutTimezone`}\n                            >{t`Date and time without timezone`}</option>\n                        </Select>\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"settings.defaultSetValue\"}>\n                        <Select\n                            label={t`Default Admin UI value`}\n                            description={\"Affects the Admin UI only\"}\n                        >\n                            <option value={t`null`}>{t`Leave empty (null value)`}</option>\n                            <option value={t`current`}>{t`Current date/time`}</option>\n                        </Select>\n                    </Bind>\n                </Cell>\n            </Grid>\n        </>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dateTime\",\n    field: {\n        type: \"datetime\",\n        label: t`Date/Time`,\n        description: t`Store date and time.`,\n        icon: <DateTimeIcon />,\n        validators: [\"required\", \"dateGte\", \"dateLte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of dates and times`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    type: \"date\"\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <DateTimeSettings />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Grid","_Select","_Input","_i18n","_scheduleBlack24px","_hooks","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","t","i18n","ns","DateTimeSettings","_useModel","useModel","model","_useModelField","useModelField","field","lockedFields","fieldId","get","lockedField","find","default","createElement","Fragment","Grid","Cell","span","Bind","name","Input","label","_taggedTemplateLiteral2","description","Select","disabled","Boolean","formatType","value","plugin","type","icon","ReactComponent","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","validation","renderer","renderSettings","_default","exports"],"sources":["dateTime.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelField, CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DateTimeIcon } from \"./icons/schedule-black-24px.svg\";\nimport { useModel, useModelField } from \"~/admin/hooks\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst DateTimeSettings = () => {\n    const { model } = useModel();\n    const { field } = useModelField();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = get(field, \"fieldId\", null);\n    const lockedField = lockedFields.find(\n        lockedField => lockedField.fieldId === fieldId\n    ) as CmsModelField<{\n        formatType: string;\n    }>;\n\n    return (\n        <>\n            <Grid>\n                <Cell span={12}>\n                    <Bind name={\"placeholderText\"}>\n                        <Input\n                            label={t`Placeholder text`}\n                            description={t`Placeholder text (optional)`}\n                        />\n                    </Bind>\n                </Cell>\n            </Grid>\n            <Grid>\n                <Cell span={6}>\n                    <Bind name={\"settings.type\"}>\n                        <Select\n                            label={t`Format`}\n                            description={t`Cannot be changed later`}\n                            disabled={lockedField && Boolean(lockedField.formatType)}\n                        >\n                            <option value={t`date`}>{t`Date only`}</option>\n                            <option value={t`time`}>{t`Time only`}</option>\n                            <option\n                                value={t`dateTimeWithTimezone`}\n                            >{t`Date and time with timezone`}</option>\n                            <option\n                                value={t`dateTimeWithoutTimezone`}\n                            >{t`Date and time without timezone`}</option>\n                        </Select>\n                    </Bind>\n                </Cell>\n                <Cell span={6}>\n                    <Bind name={\"settings.defaultSetValue\"}>\n                        <Select\n                            label={t`Default Admin UI value`}\n                            description={\"Affects the Admin UI only\"}\n                        >\n                            <option value={t`null`}>{t`Leave empty (null value)`}</option>\n                            <option value={t`current`}>{t`Current date/time`}</option>\n                        </Select>\n                    </Bind>\n                </Cell>\n            </Grid>\n        </>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dateTime\",\n    field: {\n        type: \"datetime\",\n        label: t`Date/Time`,\n        description: t`Store date and time.`,\n        icon: <DateTimeIcon />,\n        validators: [\"required\", \"dateGte\", \"dateLte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of dates and times`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    type: \"date\"\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <DateTimeSettings />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAAoC,IAAAS,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EAC3B,IAAAC,SAAA,GAAkB,IAAAC,eAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAAC,cAAA,GAAkB,IAAAC,oBAAa,EAAC,CAAC;IAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;EACb,IAAMC,YAAY,GAAGJ,KAAK,CAACI,YAAY,IAAI,EAAE;EAC7C,IAAMC,OAAO,GAAG,IAAAC,YAAG,EAACH,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC;EAC3C,IAAMI,WAAW,GAAGH,YAAY,CAACI,IAAI,CACjC,UAAAD,WAAW;IAAA,OAAIA,WAAW,CAACF,OAAO,KAAKA,OAAO;EAAA,CAClD,CAEE;EAEF,oBACI1C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAA/C,MAAA,CAAA8C,OAAA,CAAAE,QAAA,qBACIhD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC3C,KAAA,CAAA6C,IAAI,qBACDjD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC3C,KAAA,CAAA8C,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXnD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACrC,KAAA,CAAA0C,IAAI;IAACC,IAAI,EAAE;EAAkB,gBAC1BrD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACzC,MAAA,CAAAgD,KAAK;IACFC,KAAK,EAAExB,CAAC,CAAApB,eAAA,KAAAA,eAAA,OAAA6C,uBAAA,CAAAV,OAAA,yBAAmB;IAC3BW,WAAW,EAAE1B,CAAC,CAAAnB,gBAAA,KAAAA,gBAAA,OAAA4C,uBAAA,CAAAV,OAAA;EAA8B,CAC/C,CACC,CACJ,CACJ,CAAC,eACP9C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC3C,KAAA,CAAA6C,IAAI,qBACDjD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC3C,KAAA,CAAA8C,IAAI;IAACC,IAAI,EAAE;EAAE,gBACVnD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACrC,KAAA,CAAA0C,IAAI;IAACC,IAAI,EAAE;EAAgB,gBACxBrD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC1C,OAAA,CAAAqD,MAAM;IACHH,KAAK,EAAExB,CAAC,CAAAlB,gBAAA,KAAAA,gBAAA,OAAA2C,uBAAA,CAAAV,OAAA,eAAS;IACjBW,WAAW,EAAE1B,CAAC,CAAAjB,gBAAA,KAAAA,gBAAA,OAAA0C,uBAAA,CAAAV,OAAA,gCAA0B;IACxCa,QAAQ,EAAEf,WAAW,IAAIgB,OAAO,CAAChB,WAAW,CAACiB,UAAU;EAAE,gBAEzD7D,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IAAQe,KAAK,EAAE/B,CAAC,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAyC,uBAAA,CAAAV,OAAA;EAAO,GAAEf,CAAC,CAAAf,gBAAA,KAAAA,gBAAA,OAAAwC,uBAAA,CAAAV,OAAA,kBAAoB,CAAC,eAC/C9C,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IAAQe,KAAK,EAAE/B,CAAC,CAAAd,gBAAA,KAAAA,gBAAA,OAAAuC,uBAAA,CAAAV,OAAA;EAAO,GAAEf,CAAC,CAAAb,gBAAA,KAAAA,gBAAA,OAAAsC,uBAAA,CAAAV,OAAA,kBAAoB,CAAC,eAC/C9C,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IACIe,KAAK,EAAE/B,CAAC,CAAAZ,gBAAA,KAAAA,gBAAA,OAAAqC,uBAAA,CAAAV,OAAA;EAAuB,GACjCf,CAAC,CAAAX,iBAAA,KAAAA,iBAAA,OAAAoC,uBAAA,CAAAV,OAAA,oCAAsC,CAAC,eAC1C9C,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IACIe,KAAK,EAAE/B,CAAC,CAAAV,iBAAA,KAAAA,iBAAA,OAAAmC,uBAAA,CAAAV,OAAA;EAA0B,GACpCf,CAAC,CAAAT,iBAAA,KAAAA,iBAAA,OAAAkC,uBAAA,CAAAV,OAAA,uCAAyC,CACxC,CACN,CACJ,CAAC,eACP9C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC3C,KAAA,CAAA8C,IAAI;IAACC,IAAI,EAAE;EAAE,gBACVnD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACrC,KAAA,CAAA0C,IAAI;IAACC,IAAI,EAAE;EAA2B,gBACnCrD,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAAC1C,OAAA,CAAAqD,MAAM;IACHH,KAAK,EAAExB,CAAC,CAAAR,iBAAA,KAAAA,iBAAA,OAAAiC,uBAAA,CAAAV,OAAA,+BAAyB;IACjCW,WAAW,EAAE;EAA4B,gBAEzCzD,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IAAQe,KAAK,EAAE/B,CAAC,CAAAP,iBAAA,KAAAA,iBAAA,OAAAgC,uBAAA,CAAAV,OAAA;EAAO,GAAEf,CAAC,CAAAN,iBAAA,KAAAA,iBAAA,OAAA+B,uBAAA,CAAAV,OAAA,iCAAmC,CAAC,eAC9D9C,MAAA,CAAA8C,OAAA,CAAAC,aAAA;IAAQe,KAAK,EAAE/B,CAAC,CAAAL,iBAAA,KAAAA,iBAAA,OAAA8B,uBAAA,CAAAV,OAAA;EAAU,GAAEf,CAAC,CAAAJ,iBAAA,KAAAA,iBAAA,OAAA6B,uBAAA,CAAAV,OAAA,0BAA4B,CACrD,CACN,CACJ,CACJ,CACR,CAAC;AAEX,CAAC;AAED,IAAMiB,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BX,IAAI,EAAE,gCAAgC;EACtCb,KAAK,EAAE;IACHwB,IAAI,EAAE,UAAU;IAChBT,KAAK,EAAExB,CAAC,CAAAH,iBAAA,KAAAA,iBAAA,OAAA4B,uBAAA,CAAAV,OAAA,kBAAW;IACnBW,WAAW,EAAE1B,CAAC,CAAAF,iBAAA,KAAAA,iBAAA,OAAA2B,uBAAA,CAAAV,OAAA,6BAAsB;IACpCmB,IAAI,eAAEjE,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACvC,kBAAA,CAAA0D,cAAY,MAAE,CAAC;IACtBC,UAAU,EAAE,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC;IAC9CC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEvC,CAAC,CAAAD,iBAAA,KAAAA,iBAAA,OAAA0B,uBAAA,CAAAV,OAAA,yCAAkC;IACxDyB,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHP,IAAI,EAAE,IAAI,CAACA,IAAI;QACfQ,QAAQ,EAAE;UACNR,IAAI,EAAE;QACV,CAAC;QACDS,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNrB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDsB,cAAc,WAAAA,eAAA,EAAG;MACb,oBAAO3E,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACb,gBAAgB,MAAE,CAAC;IAC/B;EACJ;AACJ,CAAC;AAAC,IAAA0C,QAAA,GAEab,MAAM;AAAAc,OAAA,CAAA/B,OAAA,GAAA8B,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["AddTemplateButtonContainer","styled","Elevation","AddTemplateIconContainer","Info","useAddTemplate","params","useState","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","AddTemplateIcon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\n\nconst AddTemplateButtonContainer = styled(Elevation)`\n    padding: 25px 0 20px;\n    text-align: center;\n`;\n\n/**\n * This hacking is needed to position the button exactly in the middle of available area and not stretch the parent element.\n */\nconst AddTemplateIconContainer = styled.div`\n    text-align: center;\n    height: 36px;\n\n    > button {\n        margin-left: -24px;\n        position: absolute;\n    }\n`;\n\nconst Info = styled.div`\n    margin-top: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface AddTemplateProps {\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showTemplateDialog, setShowTemplateDialog] = useState(false);\n\n    const addTemplate = () => {\n        setShowTemplateDialog(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n    };\n\n    const onDialogClose = () => {\n        setShowTemplateDialog(false);\n    };\n\n    return {\n        addTemplate,\n        onTemplate,\n        onDialogClose,\n        showTemplateDialog\n    };\n}\n\nexport const AddTemplateButton: React.VFC<AddTemplateProps> = props => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateButtonContainer z={2}>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <ButtonSecondary onClick={addTemplate}>+ Add a template</ButtonSecondary>\n            <Info>\n                <InfoIcon />\n                <Typography use={\"caption\"}>\n                    Click here to learn how templates and dynamic zones work\n                </Typography>\n            </Info>\n        </AddTemplateButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon: React.VFC<AddTemplateProps> = props => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateIconContainer>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <IconButton onClick={addTemplate} icon={<AddIcon />} />\n        </AddTemplateIconContainer>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,0BAA0B,oBAAGC,eAAM,EAACC,oBAAS;EAAA;EAAA;AAAA,4CAGlD;;AAED;AACA;AACA;AACA,IAAMC,wBAAwB,oBAAGF,eAAM;EAAA;EAAA;AAAA,kFAQtC;AAED,IAAMG,IAAI,oBAAGH,eAAM;EAAA;EAAA;AAAA,+GAUlB;AAUD,SAASI,cAAc,CAACC,MAA4B,EAAE;EAClD,gBAAoD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA5DC,kBAAkB;IAAEC,qBAAqB;EAEhD,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;IACtBD,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC;EAED,IAAME,UAAU,GAAG,SAAbA,UAAU,CAAIC,QAAgC,EAAK;IACrDN,MAAM,CAACK,UAAU,CAACC,QAAQ,CAAC;EAC/B,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAa,GAAS;IACxBJ,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC;EAED,OAAO;IACHC,WAAW,EAAXA,WAAW;IACXC,UAAU,EAAVA,UAAU;IACVE,aAAa,EAAbA,aAAa;IACbL,kBAAkB,EAAlBA;EACJ,CAAC;AACL;AAEO,IAAMM,iBAA8C,GAAG,SAAjDA,iBAA8C,CAAGC,KAAK,EAAI;EACnE,sBAAuEV,cAAc,CAAC;MAClFM,UAAU,EAAEI,KAAK,CAACJ;IACtB,CAAC,CAAC;IAFMD,WAAW,mBAAXA,WAAW;IAAEC,UAAU,mBAAVA,UAAU;IAAEH,kBAAkB,mBAAlBA,kBAAkB;IAAEK,aAAa,mBAAbA,aAAa;EAIlE,oBACI,6BAAC,0BAA0B;IAAC,CAAC,EAAE;EAAE,GAC5BL,kBAAkB,gBACf,6BAAC,8BAAc;IAAC,UAAU,EAAEG,UAAW;IAAC,OAAO,EAAEE;EAAc,EAAG,GAClE,IAAI,eACR,6BAAC,uBAAe;IAAC,OAAO,EAAEH;EAAY,GAAC,kBAAgB,CAAkB,eACzE,6BAAC,IAAI,qBACD,6BAAC,oBAAQ,OAAG,eACZ,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAU,GAAC,0DAE5B,CAAa,CACV,CACkB;AAErC,CAAC;AAAC;AAEK,IAAMM,eAA4C,GAAG,SAA/CA,eAA4C,CAAGD,KAAK,EAAI;EACjE,uBAAuEV,cAAc,CAAC;MAClFM,UAAU,EAAEI,KAAK,CAACJ;IACtB,CAAC,CAAC;IAFMD,WAAW,oBAAXA,WAAW;IAAEC,UAAU,oBAAVA,UAAU;IAAEH,kBAAkB,oBAAlBA,kBAAkB;IAAEK,aAAa,oBAAbA,aAAa;EAIlE,oBACI,6BAAC,wBAAwB,QACpBL,kBAAkB,gBACf,6BAAC,8BAAc;IAAC,UAAU,EAAEG,UAAW;IAAC,OAAO,EAAEE;EAAc,EAAG,GAClE,IAAI,eACR,6BAAC,kBAAU;IAAC,OAAO,EAAEH,WAAY;IAAC,IAAI,eAAE,6BAAC,kCAAO;EAAI,EAAG,CAChC;AAEnC,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_Button","_TemplateDialog","_Typography","_info","_add_circle_outline","_Elevation","AddTemplateButtonContainer","styled","Elevation","label","target","AddTemplateIconContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","default","showTemplateDialog","setShowTemplateDialog","addTemplate","onTemplate","template","onDialogClose","AddTemplateButton","props","_useAddTemplate","createElement","z","TemplateDialog","onClose","ButtonSecondary","onClick","ReactComponent","Typography","use","exports","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { ButtonSecondary, IconButton } from \"@webiny/ui/Button\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as InfoIcon } from \"@material-design-icons/svg/outlined/info.svg\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/round/add_circle_outline.svg\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\n\nconst AddTemplateButtonContainer = styled(Elevation)`\n    padding: 25px 0 20px;\n    text-align: center;\n`;\n\n/**\n * This hacking is needed to position the button exactly in the middle of available area and not stretch the parent element.\n */\nconst AddTemplateIconContainer = styled.div`\n    text-align: center;\n    height: 36px;\n\n    > button {\n        margin-left: -24px;\n        position: absolute;\n    }\n`;\n\nconst Info = styled.div`\n    margin-top: 8px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface AddTemplateProps {\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showTemplateDialog, setShowTemplateDialog] = useState(false);\n\n    const addTemplate = () => {\n        setShowTemplateDialog(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n    };\n\n    const onDialogClose = () => {\n        setShowTemplateDialog(false);\n    };\n\n    return {\n        addTemplate,\n        onTemplate,\n        onDialogClose,\n        showTemplateDialog\n    };\n}\n\nexport const AddTemplateButton: React.VFC<AddTemplateProps> = props => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateButtonContainer z={2}>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <ButtonSecondary onClick={addTemplate}>+ Add a template</ButtonSecondary>\n            <Info>\n                <InfoIcon />\n                <Typography use={\"caption\"}>\n                    Click here to learn how templates and dynamic zones work\n                </Typography>\n            </Info>\n        </AddTemplateButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon: React.VFC<AddTemplateProps> = props => {\n    const { addTemplate, onTemplate, showTemplateDialog, onDialogClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddTemplateIconContainer>\n            {showTemplateDialog ? (\n                <TemplateDialog onTemplate={onTemplate} onClose={onDialogClose} />\n            ) : null}\n            <IconButton onClick={addTemplate} icon={<AddIcon />} />\n        </AddTemplateIconContainer>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","slice","DynamicZone","useModelField","field","useModelFieldEditor","updateField","newTemplateId","useRef","undefined","settings","onTemplate","current","useEffect","length","map","index"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone: React.VFC = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAEA,SAASA,sBAAsB,CAC3BC,SAAmC,EACnCC,QAAgC,EAClC;EACE,IAAMC,aAAa,GAAGF,SAAS,CAACG,SAAS,CAAC,UAAAC,GAAG;IAAA,OAAIA,GAAG,CAACC,EAAE,KAAKJ,QAAQ,CAACI,EAAE;EAAA,EAAC;EAExE,IAAIH,aAAa,GAAG,CAAC,CAAC,EAAE;IACpB,kDACOF,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEJ,aAAa,CAAC,IACpCD,QAAQ,oCACLD,SAAS,CAACM,KAAK,CAACJ,aAAa,GAAG,CAAC,CAAC;EAE7C;EAEA,kDAAWF,SAAS,IAAEC,QAAQ;AAClC;AAEO,IAAMM,WAAsB,GAAG,SAAzBA,WAAsB,GAAS;EAAA;EACxC,qBAAkB,IAAAC,oBAAa,GAAE;IAAzBC,KAAK,kBAALA,KAAK;EACb,2BAAwB,IAAAC,0BAAmB,GAAE;IAArCC,WAAW,wBAAXA,WAAW;EACnB,IAAMC,aAAa,GAAG,IAAAC,aAAM,EAAqBC,SAAS,CAAC;EAE3D,IAAMd,SAAmC,GAAG,oBAAAS,KAAK,CAACM,QAAQ,oDAAd,gBAAgBf,SAAS,KAAI,EAAE;EAE3E,IAAMgB,UAAU,GAAG,SAAbA,UAAU,CAAIf,QAAgC,EAAK;IAAA;IACrD,IAAMD,SAAS,GAAG,qBAAAS,KAAK,CAACM,QAAQ,qDAAd,iBAAgBf,SAAS,KAAI,EAAE;IAEjDY,aAAa,CAACK,OAAO,GAAGhB,QAAQ,CAACI,EAAE;IAEnCM,WAAW,6DACJF,KAAK;MACRM,QAAQ,8DACAN,KAAK,CAACM,QAAQ,IAAI,CAAC,CAAC;QACxBf,SAAS,EAAED,sBAAsB,CAACC,SAAS,EAAEC,QAAQ;MAAC;IACzD,GACH;EACN,CAAC;EAED,IAAAiB,gBAAS,EAAC,YAAM;IACZ;IACAN,aAAa,CAACK,OAAO,GAAGH,SAAS;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,4DACKd,SAAS,CAACmB,MAAM,gBACb,6BAAC,oBAAS,QACLnB,SAAS,CAACoB,GAAG,CAAC,UAACnB,QAAQ,EAAEoB,KAAK;IAAA,oBAC3B,6BAAC,wCAAmB;MAChB,GAAG,EAAEpB,QAAQ,CAACI,EAAG;MACjB,IAAI,EAAEJ,QAAQ,CAACI,EAAE,KAAKO,aAAa,CAACK,OAAQ;MAC5C,KAAK,EAAEI,KAAM;MACb,KAAK,EAAEZ,KAAM;MACb,QAAQ,EAAER,QAAS;MACnB,QAAQ,EAAEU;IAAY,EACxB;EAAA,CACL,CAAC,CACM,GACZ,IAAI,EACPX,SAAS,CAACmB,MAAM,gBACb,6BAAC,4BAAe;IAAC,UAAU,EAAEH;EAAW,EAAG,gBAE3C,6BAAC,8BAAiB;IAAC,UAAU,EAAEA;EAAW,EAC7C,CACF;AAEX,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Accordion","_AddTemplate","_DynamicZoneTemplate","_hooks","updateOrCreateTemplate","templates","template","templateIndex","findIndex","tpl","id","concat","_toConsumableArray2","default","slice","DynamicZone","_field$settings","_useModelField","useModelField","field","_useModelFieldEditor","useModelFieldEditor","updateField","newTemplateId","useRef","undefined","settings","onTemplate","_field$settings2","current","_objectSpread2","useEffect","createElement","Fragment","length","Accordion","map","index","DynamicZoneTemplate","key","open","onChange","AddTemplateIcon","AddTemplateButton","exports"],"sources":["DynamicZone.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { AddTemplateIcon, AddTemplateButton } from \"./AddTemplate\";\nimport { DynamicZoneTemplate } from \"./DynamicZoneTemplate\";\nimport { useModelField, useModelFieldEditor } from \"~/admin/hooks\";\n\nfunction updateOrCreateTemplate(\n    templates: CmsDynamicZoneTemplate[],\n    template: CmsDynamicZoneTemplate\n) {\n    const templateIndex = templates.findIndex(tpl => tpl.id === template.id);\n\n    if (templateIndex > -1) {\n        return [\n            ...templates.slice(0, templateIndex),\n            template,\n            ...templates.slice(templateIndex + 1)\n        ];\n    }\n\n    return [...templates, template];\n}\n\nexport const DynamicZone: React.VFC = () => {\n    const { field } = useModelField();\n    const { updateField } = useModelFieldEditor();\n    const newTemplateId = useRef<string | undefined>(undefined);\n\n    const templates: CmsDynamicZoneTemplate[] = field.settings?.templates || [];\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        const templates = field.settings?.templates || [];\n\n        newTemplateId.current = template.id;\n\n        updateField({\n            ...field,\n            settings: {\n                ...(field.settings || {}),\n                templates: updateOrCreateTemplate(templates, template)\n            }\n        });\n    };\n\n    useEffect(() => {\n        // We only want to open the accordion item on first mount of a new template.\n        newTemplateId.current = undefined;\n    }, []);\n\n    return (\n        <>\n            {templates.length ? (\n                <Accordion>\n                    {templates.map((template, index) => (\n                        <DynamicZoneTemplate\n                            key={template.id}\n                            open={template.id === newTemplateId.current}\n                            index={index}\n                            field={field}\n                            template={template}\n                            onChange={updateField}\n                        />\n                    ))}\n                </Accordion>\n            ) : null}\n            {templates.length ? (\n                <AddTemplateIcon onTemplate={onTemplate} />\n            ) : (\n                <AddTemplateButton onTemplate={onTemplate} />\n            )}\n        </>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["TEMPLATES_PATH","DynamicZoneTemplate","index","field","template","onChange","open","useConfirmationDialog","title","message","acceptLabel","showConfirmation","useState","undefined","templateToEdit","setTemplateToEdit","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","useCallback","editTemplate","updateTemplate","params","set","tpl","updateFieldsAndLayout","moveTemplateUp","pullValueAtIndex","moveTemplateDown","pushValueAtIndex","deleteTemplate","removeValueAtIndex","icon","split","name","description","fields","layout"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from \"~/admin/plugins/arrayUtils\";\nimport { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor\";\n\ninterface DynamicZoneTemplateProps {\n    index: number;\n    field: CmsModelField;\n    template: CmsDynamicZoneTemplate;\n    onChange: (field: CmsModelField) => void;\n    open: boolean;\n}\n\ninterface UpdateTemplate {\n    (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n    (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate: React.VFC<DynamicZoneTemplateProps> = ({\n    index,\n    field,\n    template,\n    onChange,\n    open\n}) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete content template\",\n        message: \"Are you sure you want to delete this content template?\",\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate | undefined>(\n        undefined\n    );\n\n    const templates = field.settings?.templates || [];\n    const isFirst = index === 0;\n    const isLast = index === templates.length - 1;\n\n    const callbackDeps = [onChange, field, index, template.id];\n\n    const onDialogClose = useCallback(() => {\n        setTemplateToEdit(undefined);\n    }, []);\n\n    const editTemplate = useCallback(() => {\n        setTemplateToEdit(template);\n    }, [template]);\n\n    const updateTemplate = useCallback<UpdateTemplate>(params => {\n        onChange(\n            set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n                return { ...tpl, ...params };\n            })\n        );\n    }, callbackDeps);\n\n    const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n        params => {\n            updateTemplate({ ...template, ...params });\n        },\n        [updateTemplate]\n    );\n\n    const moveTemplateUp = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const moveTemplateDown = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const deleteTemplate = useCallback(() => {\n        showConfirmation(() => {\n            onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n        });\n    }, callbackDeps);\n\n    const icon = template.icon ? (template.icon.split(\"/\") as IconProp) : undefined;\n\n    return (\n        <AccordionItem\n            title={template.name}\n            description={template.description}\n            icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n            open={open}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={moveTemplateUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={moveTemplateDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n                </AccordionItem.Actions>\n            }\n        >\n            {templateToEdit ? (\n                <TemplateDialog\n                    template={templateToEdit}\n                    onTemplate={updateTemplate}\n                    onClose={onDialogClose}\n                />\n            ) : null}\n\n            <FieldEditor\n                parent={field}\n                fields={template.fields}\n                layout={template.layout}\n                onChange={updateFieldsAndLayout}\n            />\n        </AccordionItem>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_reactFontawesome","_edit","_delete_outline","_expand_less","_expand_more","_Accordion","_appAdmin","_arrayUtils","_TemplateDialog","_FieldEditor","TEMPLATES_PATH","DynamicZoneTemplate","_ref","_field$settings","index","field","template","onChange","open","_useConfirmationDialo","useConfirmationDialog","title","message","acceptLabel","showConfirmation","_useState","useState","undefined","_useState2","_slicedToArray2","default","templateToEdit","setTemplateToEdit","templates","settings","isFirst","isLast","length","callbackDeps","id","onDialogClose","useCallback","editTemplate","updateTemplate","params","set","concat","tpl","_objectSpread2","updateFieldsAndLayout","moveTemplateUp","pullValueAtIndex","moveTemplateDown","pushValueAtIndex","deleteTemplate","removeValueAtIndex","icon","split","createElement","AccordionItem","name","description","FontAwesomeIcon","actions","Actions","Action","ReactComponent","onClick","disabled","Divider","TemplateDialog","onTemplate","onClose","FieldEditor","parent","fields","layout","exports"],"sources":["DynamicZoneTemplate.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { IconProp } from \"@fortawesome/fontawesome-svg-core\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete_outline.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@material-design-icons/svg/round/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@material-design-icons/svg/round/expand_more.svg\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { pullValueAtIndex, pushValueAtIndex, removeValueAtIndex } from \"~/admin/plugins/arrayUtils\";\nimport { CmsDynamicZoneTemplate, CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { TemplateDialog } from \"./TemplateDialog\";\nimport { FieldEditor } from \"~/admin/components/FieldEditor\";\n\ninterface DynamicZoneTemplateProps {\n    index: number;\n    field: CmsModelField;\n    template: CmsDynamicZoneTemplate;\n    onChange: (field: CmsModelField) => void;\n    open: boolean;\n}\n\ninterface UpdateTemplate {\n    (template: CmsDynamicZoneTemplate): void;\n}\n\ninterface UpdateFieldsAndLayout {\n    (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }): void;\n}\n\nconst TEMPLATES_PATH = \"settings.templates\";\n\nexport const DynamicZoneTemplate: React.VFC<DynamicZoneTemplateProps> = ({\n    index,\n    field,\n    template,\n    onChange,\n    open\n}) => {\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete content template\",\n        message: \"Are you sure you want to delete this content template?\",\n        acceptLabel: \"Yes, I'm sure!\"\n    });\n\n    const [templateToEdit, setTemplateToEdit] = useState<CmsDynamicZoneTemplate | undefined>(\n        undefined\n    );\n\n    const templates = field.settings?.templates || [];\n    const isFirst = index === 0;\n    const isLast = index === templates.length - 1;\n\n    const callbackDeps = [onChange, field, index, template.id];\n\n    const onDialogClose = useCallback(() => {\n        setTemplateToEdit(undefined);\n    }, []);\n\n    const editTemplate = useCallback(() => {\n        setTemplateToEdit(template);\n    }, [template]);\n\n    const updateTemplate = useCallback<UpdateTemplate>(params => {\n        onChange(\n            set(field, `${TEMPLATES_PATH}.${index}`, (tpl: CmsDynamicZoneTemplate) => {\n                return { ...tpl, ...params };\n            })\n        );\n    }, callbackDeps);\n\n    const updateFieldsAndLayout = useCallback<UpdateFieldsAndLayout>(\n        params => {\n            updateTemplate({ ...template, ...params });\n        },\n        [updateTemplate]\n    );\n\n    const moveTemplateUp = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pullValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const moveTemplateDown = useCallback(() => {\n        onChange(set(field, TEMPLATES_PATH, pushValueAtIndex(templates, index)));\n    }, callbackDeps);\n\n    const deleteTemplate = useCallback(() => {\n        showConfirmation(() => {\n            onChange(set(field, TEMPLATES_PATH, removeValueAtIndex(templates, index)));\n        });\n    }, callbackDeps);\n\n    const icon = template.icon ? (template.icon.split(\"/\") as IconProp) : undefined;\n\n    return (\n        <AccordionItem\n            title={template.name}\n            description={template.description}\n            icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n            open={open}\n            actions={\n                <AccordionItem.Actions>\n                    <AccordionItem.Action\n                        icon={<ArrowUpIcon />}\n                        onClick={moveTemplateUp}\n                        disabled={isFirst}\n                    />\n                    <AccordionItem.Action\n                        icon={<ArrowDownIcon />}\n                        onClick={moveTemplateDown}\n                        disabled={isLast}\n                    />\n                    <AccordionItem.Divider />\n                    <AccordionItem.Action icon={<EditIcon />} onClick={editTemplate} />\n                    <AccordionItem.Action icon={<DeleteIcon />} onClick={deleteTemplate} />\n                </AccordionItem.Actions>\n            }\n        >\n            {templateToEdit ? (\n                <TemplateDialog\n                    template={templateToEdit}\n                    onTemplate={updateTemplate}\n                    onClose={onDialogClose}\n                />\n            ) : null}\n\n            <FieldEditor\n                parent={field}\n                fields={template.fields}\n                layout={template.layout}\n                onChange={updateFieldsAndLayout}\n            />\n        </AccordionItem>\n    );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","useState","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","Bind","submit","validation","create"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nconst typeNameValidator = (value: string) => {\n    const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n    if (regex.test(value)) {\n        return true;\n    }\n\n    throw Error(\n        `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n    );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n    const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n    return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n    onClose: () => void;\n    template?: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog: React.VFC<TemplateDialogProps> = props => {\n    const [showWarning, setWarning] = useState(false);\n    const newTemplate = !Boolean(props.template);\n    const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n    const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n    const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n        if (template.id) {\n            props.onTemplate(template);\n        } else {\n            props.onTemplate({\n                ...template,\n                id: generateAlphaNumericLowerCaseId(),\n                fields: [],\n                layout: []\n            });\n        }\n        props.onClose();\n    };\n\n    const showGqlTypeNameWarning = () => {\n        setWarning(true);\n    };\n\n    const hideGqlTypeNameWarning = () => {\n        setWarning(false);\n    };\n\n    const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n        if (newTemplate) {\n            return;\n        }\n\n        if (data.gqlTypeName !== props.template?.gqlTypeName) {\n            showGqlTypeNameWarning();\n        } else {\n            hideGqlTypeNameWarning();\n        }\n    };\n\n    const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n        if (!form.data.gqlTypeName) {\n            /**\n             * There is a possibility that name is undefined, so let's check for it.\n             */\n            const name = form.data.name;\n            if (!name) {\n                return;\n            }\n            form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n        }\n    };\n\n    const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n        checkGqlType(data, form);\n    };\n\n    return (\n        <Dialog open={true} onClose={props.onClose}>\n            <Form<CmsDynamicZoneTemplate>\n                onSubmit={onSubmit}\n                data={props.template}\n                onChange={onFormChange}\n            >\n                {({ Bind, submit, form }) => (\n                    <>\n                        <DialogTitle>{dialogTitle}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                {showWarning ? (\n                                    <Cell span={12}>\n                                        <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                            You&apos;ve changed the GraphQL schema type name! If\n                                            your API is being queried by a 3rd party application,\n                                            this will affect the GraphQL queries in those\n                                            applications. Make sure your consumers are informed\n                                            about this change!\n                                        </Alert>\n                                    </Cell>\n                                ) : null}\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"gqlTypeName\"}\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            typeNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            autoFocus={false}\n                                            label={\"GraphQL Type Name\"}\n                                            description={\n                                                \"This string will be used to generate the GraphQL schema. \"\n                                            }\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"icon\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <IconPicker label={\"Icon\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"description\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input rows={3} label={\"Description\"} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_Grid","_Input","_form","_validation","_utils","_IconPicker","_Dialog","_Alert","typeNameValidator","value","regex","RegExp","test","Error","getGraphQLTypeName","titleCase","charAt","toUpperCase","slice","replace","TemplateDialog","props","_useState","useState","_useState2","_slicedToArray2","default","showWarning","setWarning","newTemplate","Boolean","template","dialogTitle","submitLabel","onSubmit","id","onTemplate","_objectSpread2","generateAlphaNumericLowerCaseId","fields","layout","onClose","showGqlTypeNameWarning","hideGqlTypeNameWarning","checkGqlType","data","_props$template","gqlTypeName","nameOnBlur","form","name","setValue","onFormChange","createElement","Dialog","open","Form","onChange","_ref","Bind","submit","Fragment","DialogTitle","DialogContent","Grid","Cell","span","Alert","title","type","validators","validation","create","Input","label","onBlur","autoFocus","description","IconPicker","rows","DialogActions","ButtonDefault","onClick","ButtonPrimary","exports"],"sources":["TemplateDialog.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Form, FormAPI, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { Dialog, DialogTitle, DialogContent, DialogActions } from \"~/admin/components/Dialog\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nconst typeNameValidator = (value: string) => {\n    const regex = new RegExp(\"^[A-Z]+[_0-9A-Za-z]+$\");\n    if (regex.test(value)) {\n        return true;\n    }\n\n    throw Error(\n        `Must start with a capital letter, may contain numbers, and must not contain spaces.`\n    );\n};\n\nconst getGraphQLTypeName = (value: string) => {\n    const titleCase = value.charAt(0).toUpperCase() + value.slice(1);\n    return titleCase.replace(/[^a-zA-Z0-9]/g, \"\");\n};\n\ninterface TemplateDialogProps {\n    onClose: () => void;\n    template?: CmsDynamicZoneTemplate;\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nexport const TemplateDialog: React.VFC<TemplateDialogProps> = props => {\n    const [showWarning, setWarning] = useState(false);\n    const newTemplate = !Boolean(props.template);\n    const dialogTitle = newTemplate ? \"Add Template\" : \"Edit Template\";\n    const submitLabel = newTemplate ? \"Add Template\" : \"Update Template\";\n\n    const onSubmit: FormOnSubmit<CmsDynamicZoneTemplate> = template => {\n        if (template.id) {\n            props.onTemplate(template);\n        } else {\n            props.onTemplate({\n                ...template,\n                id: generateAlphaNumericLowerCaseId(),\n                fields: [],\n                layout: []\n            });\n        }\n        props.onClose();\n    };\n\n    const showGqlTypeNameWarning = () => {\n        setWarning(true);\n    };\n\n    const hideGqlTypeNameWarning = () => {\n        setWarning(false);\n    };\n\n    const checkGqlType: FormOnSubmit<CmsDynamicZoneTemplate> = data => {\n        if (newTemplate) {\n            return;\n        }\n\n        if (data.gqlTypeName !== props.template?.gqlTypeName) {\n            showGqlTypeNameWarning();\n        } else {\n            hideGqlTypeNameWarning();\n        }\n    };\n\n    const nameOnBlur = (form: FormAPI<CmsDynamicZoneTemplate>) => () => {\n        if (!form.data.gqlTypeName) {\n            /**\n             * There is a possibility that name is undefined, so let's check for it.\n             */\n            const name = form.data.name;\n            if (!name) {\n                return;\n            }\n            form.setValue(\"gqlTypeName\", getGraphQLTypeName(name));\n        }\n    };\n\n    const onFormChange: FormOnSubmit<CmsDynamicZoneTemplate> = (data, form) => {\n        checkGqlType(data, form);\n    };\n\n    return (\n        <Dialog open={true} onClose={props.onClose}>\n            <Form<CmsDynamicZoneTemplate>\n                onSubmit={onSubmit}\n                data={props.template}\n                onChange={onFormChange}\n            >\n                {({ Bind, submit, form }) => (\n                    <>\n                        <DialogTitle>{dialogTitle}</DialogTitle>\n                        <DialogContent>\n                            <Grid>\n                                {showWarning ? (\n                                    <Cell span={12}>\n                                        <Alert title={\"GraphQL Schema Change\"} type={\"danger\"}>\n                                            You&apos;ve changed the GraphQL schema type name! If\n                                            your API is being queried by a 3rd party application,\n                                            this will affect the GraphQL queries in those\n                                            applications. Make sure your consumers are informed\n                                            about this change!\n                                        </Alert>\n                                    </Cell>\n                                ) : null}\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"name\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input label={\"Name\"} onBlur={nameOnBlur(form)} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"gqlTypeName\"}\n                                        validators={[\n                                            validation.create(\"required\"),\n                                            typeNameValidator\n                                        ]}\n                                    >\n                                        <Input\n                                            autoFocus={false}\n                                            label={\"GraphQL Type Name\"}\n                                            description={\n                                                \"This string will be used to generate the GraphQL schema. \"\n                                            }\n                                        />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"icon\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <IconPicker label={\"Icon\"} />\n                                    </Bind>\n                                </Cell>\n                                <Cell span={12}>\n                                    <Bind\n                                        name={\"description\"}\n                                        validators={[validation.create(\"required\")]}\n                                    >\n                                        <Input rows={3} label={\"Description\"} />\n                                    </Bind>\n                                </Cell>\n                            </Grid>\n                        </DialogContent>\n                        <DialogActions>\n                            <ButtonDefault onClick={props.onClose}>Cancel</ButtonDefault>\n                            <ButtonPrimary onClick={submit}>{submitLabel}</ButtonPrimary>\n                        </DialogActions>\n                    </>\n                )}\n            </Form>\n        </Dialog>\n    );\n};\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","type","name","field","label","icon","allowMultipleValues","allowPredefinedValues","multipleValues","canAccept","_","draggable","fieldType","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","graphql","queryField","model","prefix","singularApiName","createTypeName","fieldId","fragments","map","template","gqlTypeName","createFieldsList","fields","join"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        canAccept(_, draggable) {\n            return draggable.fieldType !== \"dynamicZone\" && draggable.fieldType !== \"ref\";\n        },\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field }) {\n                const prefix = `${model.singularApiName}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                const fragments = templates.map(template => {\n                    return `...on ${prefix}_${template.gqlTypeName} {\n                        ${createFieldsList({ model, fields: template.fields || [] })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAkE;AAElE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,cAA4C,GAAG;EACjDC,UAAU,EAAEC,kCAAgB;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,WAAW,EAAE;AACjB,CAAC;AAEM,IAAMC,gBAAyC,GAAG;EACrDC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,oCAAoC;EAC1CC,KAAK,EAAE;IACHF,IAAI,EAAE,aAAa;IACnBG,KAAK,EAAEZ,CAAC,+FAAc;IACtBO,WAAW,EAAEP,CAAC,iJAA8D;IAC5Ea,IAAI,eAAE,6BAAC,4BAAU,OAAG;IACpBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BX,UAAU,EAAE,oBAAAO,KAAK,EAAI;MACjB,IAAIA,KAAK,CAACK,cAAc,EAAE;QACtB,OAAO;UACHZ,UAAU,EAAE,CAAC,aAAa,CAAC;UAC3BE,KAAK,EAAE,qBAAqB;UAC5BC,WAAW,EAAE;QACjB,CAAC;MACL;MAEA,OAAO,CAAC,UAAU,CAAC;IACvB,CAAC;IACDJ,cAAc,EAAdA,cAAc;IACdc,SAAS,qBAACC,CAAC,EAAEC,SAAS,EAAE;MACpB,OAAOA,SAAS,CAACC,SAAS,KAAK,aAAa,IAAID,SAAS,CAACC,SAAS,KAAK,KAAK;IACjF,CAAC;IACDC,mBAAmB,EAAErB,CAAC,4GAAyB;IAC/CsB,WAAW,yBAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,cAAc,EAAE,CAAC;UAAEb,IAAI,EAAE;QAAc,CAAC,CAAC;QACzCc,QAAQ,EAAE;UACNC,SAAS,EAAE;QACf,CAAC;QACDC,QAAQ,EAAE;UACNhB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDiB,MAAM,oBAAG;MACL,oBAAO,6BAAC,wBAAW,OAAG;IAC1B,CAAC;IACDC,OAAO,EAAE;MACLC,UAAU,4BAAmB;QAAA;QAAA,IAAhBC,KAAK,QAALA,KAAK;UAAEnB,KAAK,QAALA,KAAK;QACrB,IAAMoB,MAAM,aAAMD,KAAK,CAACE,eAAe,cAAI,IAAAC,8BAAc,EAACtB,KAAK,CAACuB,OAAO,CAAC,CAAE;QAC1E,IAAMT,SAAS,GAAG,oBAAAd,KAAK,CAACa,QAAQ,oDAAd,gBAAgBC,SAAS,KAAI,EAAE;QAEjD,IAAMU,SAAS,GAAGV,SAAS,CAACW,GAAG,CAAC,UAAAC,QAAQ,EAAI;UACxC,uBAAgBN,MAAM,cAAIM,QAAQ,CAACC,WAAW,yCACxC,IAAAC,kCAAgB,EAAC;YAAET,KAAK,EAALA,KAAK;YAAEU,MAAM,EAAEH,QAAQ,CAACG,MAAM,IAAI;UAAG,CAAC,CAAC;QAIpE,CAAC,CAAC;QACF,mBAAYL,SAAS,CAACM,IAAI,CAAC,IAAI,CAAC;MACpC;IACJ;EACJ;AACJ,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_dynamic_form","_i18n","_DynamicZone","_createFieldsList","_createTypeName","_commonValidators","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","listValidators","validators","commonValidators","title","description","dynamicZoneField","type","name","field","label","_taggedTemplateLiteral2","default","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValues","canAccept","_","draggable","fieldType","multipleValuesLabel","createField","listValidation","settings","templates","renderer","render","DynamicZone","graphql","queryField","_ref","_field$settings","model","prefix","concat","singularApiName","createTypeName","fieldId","fragments","map","template","gqlTypeName","createFieldsList","fields","join","exports"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ObjectIcon } from \"@material-design-icons/svg/outlined/dynamic_form.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DynamicZone } from \"~/admin/plugins/fields/dynamicZone/DynamicZone\";\nimport { createFieldsList } from \"~/admin/graphql/createFieldsList\";\nimport { createTypeName } from \"~/utils/createTypeName\";\nimport { CmsModelFieldTypePlugin, CmsModelFieldValidatorsGroup } from \"~/types\";\nimport { commonValidators } from \"./dynamicZone/commonValidators\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst listValidators: CmsModelFieldValidatorsGroup = {\n    validators: commonValidators,\n    title: \"List validators\",\n    description: \"These validators are applied to the entire dynamic zone.\"\n};\n\nexport const dynamicZoneField: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-dynamic-zone\",\n    field: {\n        type: \"dynamicZone\",\n        label: t`Dynamic Zone`,\n        description: t`Define content templates to be used during content creation.`,\n        icon: <ObjectIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        validators: field => {\n            if (field.multipleValues) {\n                return {\n                    validators: [\"dynamicZone\"],\n                    title: \"Template Validators\",\n                    description: \"Validators for each of the templates in this dynamic zone.\"\n                };\n            }\n\n            return [\"required\"];\n        },\n        listValidators,\n        canAccept(_, draggable) {\n            return draggable.fieldType !== \"dynamicZone\" && draggable.fieldType !== \"ref\";\n        },\n        multipleValuesLabel: t`Use as a list of values`,\n        createField() {\n            return {\n                type: this.type,\n                listValidation: [{ name: \"dynamicZone\" }],\n                settings: {\n                    templates: []\n                },\n                renderer: {\n                    name: \"dynamicZone\"\n                }\n            };\n        },\n        render() {\n            return <DynamicZone />;\n        },\n        graphql: {\n            queryField({ model, field }) {\n                const prefix = `${model.singularApiName}_${createTypeName(field.fieldId)}`;\n                const templates = field.settings?.templates || [];\n\n                const fragments = templates.map(template => {\n                    return `...on ${prefix}_${template.gqlTypeName} {\n                        ${createFieldsList({ model, fields: template.fields || [] })}\n                        _templateId\n                        __typename\n                    }`;\n                });\n                return `{ ${fragments.join(\"\\n\")} }`;\n            }\n        }\n    }\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","listValidators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["file.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/outlined/file_present.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-file\",\n    field: {\n        type: \"file\",\n        label: t`Files`,\n        description: t`Images, videos and other files.`,\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of files or an image gallery`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings: () => {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={t`Images only`}\n                                description={t`Allow only images to be selected`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEP,CAAC,wFAAO;IACfQ,WAAW,EAAER,CAAC,oHAAiC;IAC/CS,IAAI,eAAE,6BAAC,4BAAQ,OAAG;IAClBC,UAAU,EAAE,CAAC,UAAU,CAAC;IACxBC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1CC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEd,CAAC,+HAA4C;IAClEe,WAAW,yBAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAc,EAAE,0BAAM;MAClB,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAsB,gBAC9B,6BAAC,cAAM;QACH,KAAK,EAAElB,CAAC,gGAAc;QACtB,WAAW,EAAEA,CAAC;MAAmC,EACnD,CACC,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_file_present","_i18n","_Grid","_Switch","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","validators","listValidators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Switch","_default","exports"],"sources":["file.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as FileIcon } from \"@material-design-icons/svg/outlined/file_present.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-file\",\n    field: {\n        type: \"file\",\n        label: t`Files`,\n        description: t`Images, videos and other files.`,\n        icon: <FileIcon />,\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of files or an image gallery`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings: () => {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.imagesOnly\"}>\n                            <Switch\n                                label={t`Images only`}\n                                description={t`Allow only images to be selected`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,KAAK,EAAEP,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAa,uBAAA,CAAAC,OAAA,cAAO;IACfC,WAAW,EAAEV,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,wCAAiC;IAC/CE,IAAI,eAAExB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACtB,aAAA,CAAAuB,cAAQ,MAAE,CAAC;IAClBC,UAAU,EAAE,CAAC,UAAU,CAAC;IACxBC,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1CC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAElB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,mDAA4C;IAClEU,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHf,IAAI,EAAE,IAAI,CAACA,IAAI;QACfgB,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNhB,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDiB,cAAc,EAAE,SAAAA,eAAA,EAAM;MAClB,oBACInC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACpB,KAAA,CAAA+B,IAAI,qBACDpC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACpB,KAAA,CAAAgC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXtC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAAClB,KAAA,CAAAgC,IAAI;QAACrB,IAAI,EAAE;MAAsB,gBAC9BlB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACnB,OAAA,CAAAkC,MAAM;QACHpB,KAAK,EAAEP,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,oBAAc;QACtBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA;MAAmC,CACpD,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAmB,QAAA,GAEazB,MAAM;AAAA0B,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"./icons/round-notes.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-long-text\",\n    field: {\n        type: \"long-text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n        label: t`Long text`,\n        description: t`Long comments, notes, multi line values.`,\n        icon: <LongTextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of long texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAER,CAAC,4FAAW;IACnBS,WAAW,EAAET,CAAC,6HAA0C;IACxDU,IAAI,eAAE,6BAAC,0BAAY,OAAG;IACtBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEb,CAAC,gHAA6B;IACnDc,WAAW,yBAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAkB,gBAC1B,6BAAC,YAAK;QACF,KAAK,EAAEjB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_roundNotes","_Grid","_Input","_i18n","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","validators","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","_default","exports"],"sources":["longText.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as LongTextIcon } from \"./icons/round-notes.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-long-text\",\n    field: {\n        type: \"long-text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\"],\n        label: t`Long text`,\n        description: t`Long comments, notes, multi line values.`,\n        icon: <LongTextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false, // TODO: implement \"renderPredefinedValues\" and set to true.\n        multipleValuesLabel: t`Use as a list of long texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,iCAAiC;EACvCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC;IAC7DC,KAAK,EAAER,CAAC,CAAAL,eAAA,KAAAA,eAAA,OAAAc,uBAAA,CAAAC,OAAA,kBAAW;IACnBC,WAAW,EAAEX,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,iDAA0C;IACxDE,IAAI,eAAEzB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACvB,WAAA,CAAAwB,cAAY,MAAE,CAAC;IACtBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAAE;IAC9BC,mBAAmB,EAAEjB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,oCAA6B;IACnDQ,WAAW,WAAAA,YAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAAA,eAAA,EAAG;MACb,oBACIlC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAA+B,IAAI,qBACDnC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACtB,KAAA,CAAAgC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXrC,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACnB,KAAA,CAAA+B,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BlB,MAAA,CAAAuB,OAAA,CAAAG,aAAA,CAACrB,MAAA,CAAAkC,KAAK;QACFlB,KAAK,EAAER,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAiB,QAAA,GAEaxB,MAAM;AAAAyB,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","renderPredefinedValues","props","Bind","bind","value","onChange","parseFloat"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@material-design-icons/svg/outlined/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-number\",\n    field: {\n        type: \"number\",\n        label: t`Number`,\n        description: t`Store numbers.`,\n        icon: <FloatIcon />,\n        validators: [\"required\", \"gte\", \"lte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of numbers`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset\n                    {...props}\n                    renderValueInput={Bind => (\n                        <Bind name={\"value\"}>\n                            {bind => (\n                                <Input\n                                    {...bind}\n                                    type=\"number\"\n                                    label={t`Value`}\n                                    onChange={value => bind.onChange(parseFloat(value))}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                />\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,8BAA8B;EACpCC,KAAK,EAAE;IACHF,IAAI,EAAE,QAAQ;IACdG,KAAK,EAAEP,CAAC,yFAAQ;IAChBQ,WAAW,EAAER,CAAC,mGAAgB;IAC9BS,IAAI,eAAE,6BAAC,sBAAS,OAAG;IACnBC,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;IACtCC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,6GAA0B;IAChDc,WAAW,yBAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAkB,gBAC1B,6BAAC,YAAK;QACF,KAAK,EAAEjB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf,CAAC;IACDkB,sBAAsB,kCAACC,KAAK,EAAE;MAC1B,oBACI,6BAAC,wCAA+B,oBACxBA,KAAK;QACT,gBAAgB,EAAE,0BAAAC,IAAI;UAAA,oBAClB,6BAAC,IAAI;YAAC,IAAI,EAAE;UAAQ,GACf,UAAAC,IAAI;YAAA,oBACD,6BAAC,YAAK,oBACEA,IAAI;cACR,IAAI,EAAC,QAAQ;cACb,KAAK,EAAErB,CAAC,0FAAQ;cAChB,QAAQ,EAAE,kBAAAsB,KAAK;gBAAA,OAAID,IAAI,CAACE,QAAQ,CAACC,UAAU,CAACF,KAAK,CAAC,CAAC;cAAA;YAAC,GACtD;UAAA,CACL,CACE;QAAA;MACT,GACJ;IAEV;EACJ;AACJ,CAAC;AAAC,eAEanB,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_i18n","_Input","_PredefinedValuesDynamicFieldset","_looks_","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","validators","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","renderPredefinedValues","props","Object","assign","renderValueInput","bind","onChange","value","parseFloat","_default","exports"],"sources":["number.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { ReactComponent as FloatIcon } from \"@material-design-icons/svg/outlined/looks_3.svg\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-number\",\n    field: {\n        type: \"number\",\n        label: t`Number`,\n        description: t`Store numbers.`,\n        icon: <FloatIcon />,\n        validators: [\"required\", \"gte\", \"lte\"],\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of numbers`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset\n                    {...props}\n                    renderValueInput={Bind => (\n                        <Bind name={\"value\"}>\n                            {bind => (\n                                <Input\n                                    {...bind}\n                                    type=\"number\"\n                                    label={t`Value`}\n                                    onChange={value => bind.onChange(parseFloat(value))}\n                                />\n                            )}\n                        </Bind>\n                    )}\n                />\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fields/object/ObjectFields.js.map

@@ -1 +1 @@
-{"version":3,"names":["ObjectFields","field","useModelFieldEditor","getField","updateField","onChange","useCallback","fields","layout","currentField","id","updatedField","set","settings"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { CmsModelField, CmsModel } from \"~/types\";\n\ninterface ObjectFieldsProps {\n    field: CmsModelField;\n}\nexport const ObjectFields: React.FC<ObjectFieldsProps> = ({ field }) => {\n    const { getField, updateField } = useModelFieldEditor();\n\n    const onChange = useCallback(\n        ({ fields, layout }: Pick<CmsModel, \"fields\" | \"layout\">) => {\n            const currentField = getField({ id: field.id });\n            const updatedField = set(\n                currentField,\n                `settings`,\n                (settings: CmsModel[\"settings\"]): Partial<CmsModel> => {\n                    return { ...settings, fields, layout };\n                }\n            );\n            updateField(updatedField);\n        },\n        [field]\n    );\n\n    return (\n        <FieldEditor\n            parent={field}\n            fields={(field.settings ? field.settings.fields : null) || []}\n            layout={(field.settings ? field.settings.layout : null) || []}\n            onChange={onChange}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAMO,IAAMA,YAAyC,GAAG,SAA5CA,YAAyC,OAAkB;EAAA,IAAZC,KAAK,QAALA,KAAK;EAC7D,2BAAkC,IAAAC,gCAAmB,GAAE;IAA/CC,QAAQ,wBAARA,QAAQ;IAAEC,WAAW,wBAAXA,WAAW;EAE7B,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,iBAA6D;IAAA,IAA1DC,MAAM,SAANA,MAAM;MAAEC,MAAM,SAANA,MAAM;IACb,IAAMC,YAAY,GAAGN,QAAQ,CAAC;MAAEO,EAAE,EAAET,KAAK,CAACS;IAAG,CAAC,CAAC;IAC/C,IAAMC,YAAY,GAAG,IAAAC,qBAAG,EACpBH,YAAY,cAEZ,UAACI,QAA8B,EAAwB;MACnD,mEAAYA,QAAQ;QAAEN,MAAM,EAANA,MAAM;QAAEC,MAAM,EAANA;MAAM;IACxC,CAAC,CACJ;IACDJ,WAAW,CAACO,YAAY,CAAC;EAC7B,CAAC,EACD,CAACV,KAAK,CAAC,CACV;EAED,oBACI,6BAAC,wBAAW;IACR,MAAM,EAAEA,KAAM;IACd,MAAM,EAAE,CAACA,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACY,QAAQ,CAACN,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9D,MAAM,EAAE,CAACN,KAAK,CAACY,QAAQ,GAAGZ,KAAK,CAACY,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9D,QAAQ,EAAEH;EAAS,EACrB;AAEV,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_FieldEditor","ObjectFields","_ref","field","_useModelFieldEditor","useModelFieldEditor","getField","updateField","onChange","useCallback","_ref2","fields","layout","currentField","id","updatedField","set","settings","_objectSpread2","default","createElement","FieldEditor","parent","exports"],"sources":["ObjectFields.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { set } from \"dot-prop-immutable\";\nimport { FieldEditor, useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { CmsModelField, CmsModel } from \"~/types\";\n\ninterface ObjectFieldsProps {\n    field: CmsModelField;\n}\nexport const ObjectFields: React.FC<ObjectFieldsProps> = ({ field }) => {\n    const { getField, updateField } = useModelFieldEditor();\n\n    const onChange = useCallback(\n        ({ fields, layout }: Pick<CmsModel, \"fields\" | \"layout\">) => {\n            const currentField = getField({ id: field.id });\n            const updatedField = set(\n                currentField,\n                `settings`,\n                (settings: CmsModel[\"settings\"]): Partial<CmsModel> => {\n                    return { ...settings, fields, layout };\n                }\n            );\n            updateField(updatedField);\n        },\n        [field]\n    );\n\n    return (\n        <FieldEditor\n            parent={field}\n            fields={(field.settings ? field.settings.fields : null) || []}\n            layout={(field.settings ? field.settings.layout : null) || []}\n            onChange={onChange}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAMO,IAAMG,YAAyC,GAAG,SAA5CA,YAAyCA,CAAAC,IAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAC7D,IAAAC,oBAAA,GAAkC,IAAAC,gCAAmB,EAAC,CAAC;IAA/CC,QAAQ,GAAAF,oBAAA,CAARE,QAAQ;IAAEC,WAAW,GAAAH,oBAAA,CAAXG,WAAW;EAE7B,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAAAC,KAAA,EAA6D;IAAA,IAA1DC,MAAM,GAAAD,KAAA,CAANC,MAAM;MAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;IACb,IAAMC,YAAY,GAAGP,QAAQ,CAAC;MAAEQ,EAAE,EAAEX,KAAK,CAACW;IAAG,CAAC,CAAC;IAC/C,IAAMC,YAAY,GAAG,IAAAC,qBAAG,EACpBH,YAAY,cAEZ,UAACI,QAA8B,EAAwB;MACnD,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYF,QAAQ;QAAEN,MAAM,EAANA,MAAM;QAAEC,MAAM,EAANA;MAAM;IACxC,CACJ,CAAC;IACDL,WAAW,CAACQ,YAAY,CAAC;EAC7B,CAAC,EACD,CAACZ,KAAK,CACV,CAAC;EAED,oBACIP,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,YAAA,CAAAqB,WAAW;IACRC,MAAM,EAAEnB,KAAM;IACdQ,MAAM,EAAE,CAACR,KAAK,CAACc,QAAQ,GAAGd,KAAK,CAACc,QAAQ,CAACN,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DC,MAAM,EAAE,CAACT,KAAK,CAACc,QAAQ,GAAGd,KAAK,CAACc,QAAQ,CAACL,MAAM,GAAG,IAAI,KAAK,EAAG;IAC9DJ,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC;AAACe,OAAA,CAAAtB,YAAA,GAAAA,YAAA"}