@webiny/app-headless-cms 5.40.0-beta.2 → 5.40.0-beta.4

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_Input","_excluded","Input","_ref","bind","props","_objectWithoutProperties2","default","createElement","Object","assign","onChange","value","type","parseFloat","label","field","placeholder","placeholderText","description","helpText","trailingIcon","concat","exports"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, ...props }: InputProps) => {\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.helpText}\n            type={props.type}\n            trailingIcon={props.trailingIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAoD,IAAAE,SAAA;AAe7C,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAuC;EAAA,IAAjCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EAClC,oBACIJ,KAAA,CAAAW,aAAA,CAACR,MAAA,CAAAE,KAAO,EAAAO,MAAA,CAAAC,MAAA,KACAL,KAAK,EACLD,IAAI;IACRO,QAAQ,EAAE,SAAAA,SAAAC,KAAK,EAAI;MACf,IAAIP,KAAK,CAACQ,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOR,IAAI,CAACO,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFG,KAAK,EAAEV,KAAK,CAACW,KAAK,CAACD,KAAM;IACzBE,WAAW,EAAEZ,KAAK,CAACW,KAAK,CAACE,eAAgB;IACzCC,WAAW,EAAEd,KAAK,CAACW,KAAK,CAACI,QAAS;IAClCP,IAAI,EAAER,KAAK,CAACQ,IAAK;IACjBQ,YAAY,EAAEhB,KAAK,CAACgB,YAAa;IACjC,2BAAAC,MAAA,CAAyBjB,KAAK,CAACW,KAAK,CAACD,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAArB,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_Input","_excluded","Input","exports","_ref","bind","props","_objectWithoutProperties2","default","createElement","Object","assign","onChange","value","type","parseFloat","label","field","placeholder","placeholderText","description","helpText","trailingIcon","concat"],"sources":["Input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { Input as UiInput } from \"@webiny/ui/Input\";\n\nexport interface TrailingIcon {\n    icon: React.ReactNode;\n    onClick: any;\n}\n\nexport interface InputProps {\n    step?: number;\n    type?: string;\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n    trailingIcon?: TrailingIcon;\n}\n\nexport const Input = ({ bind, ...props }: InputProps) => {\n    return (\n        <UiInput\n            {...props}\n            {...bind}\n            onChange={value => {\n                if (props.type === \"number\") {\n                    value = parseFloat(value);\n                }\n                return bind.onChange(value);\n            }}\n            label={props.field.label}\n            placeholder={props.field.placeholderText}\n            description={props.field.helpText}\n            type={props.type}\n            trailingIcon={props.trailingIcon}\n            data-testid={`fr.input.${props.field.label}`}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAoD,IAAAE,SAAA;AAe7C,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,SAARA,KAAKA,CAAAE,IAAA,EAAuC;EAAA,IAAjCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EAClC,oBACIJ,KAAA,CAAAY,aAAA,CAACT,MAAA,CAAAE,KAAO,EAAAQ,MAAA,CAAAC,MAAA,KACAL,KAAK,EACLD,IAAI;IACRO,QAAQ,EAAE,SAAAA,SAAAC,KAAK,EAAI;MACf,IAAIP,KAAK,CAACQ,IAAI,KAAK,QAAQ,EAAE;QACzBD,KAAK,GAAGE,UAAU,CAACF,KAAK,CAAC;MAC7B;MACA,OAAOR,IAAI,CAACO,QAAQ,CAACC,KAAK,CAAC;IAC/B,CAAE;IACFG,KAAK,EAAEV,KAAK,CAACW,KAAK,CAACD,KAAM;IACzBE,WAAW,EAAEZ,KAAK,CAACW,KAAK,CAACE,eAAgB;IACzCC,WAAW,EAAEd,KAAK,CAACW,KAAK,CAACI,QAAS;IAClCP,IAAI,EAAER,KAAK,CAACQ,IAAK;IACjBQ,YAAY,EAAEhB,KAAK,CAACgB,YAAa;IACjC,2BAAAC,MAAA,CAAyBjB,KAAK,CAACW,KAAK,CAACD,KAAK;EAAG,EAChD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SelectProps as BaseSelectProps } from "@webiny/ui/Select";
 export interface Option {
     value: string;
@@ -7,4 +7,4 @@ export interface Option {
 export interface SelectProps extends BaseSelectProps {
     options: Option[];
 }
-export declare const Select: (props: SelectProps) => JSX.Element;
+export declare const Select: (props: SelectProps) => React.JSX.Element;

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Select = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Select = require("@webiny/ui/Select");
-var Select = function Select(props) {
+var Select = exports.Select = function Select(props) {
   return /*#__PURE__*/React.createElement(_Select.Select, props, props.options.map(function (t) {
     return /*#__PURE__*/React.createElement("option", {
       key: t.value,
@@ -16,6 +16,5 @@ var Select = function Select(props) {
     }, t.label);
   }));
 };
-exports.Select = Select;
 
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_Select","Select","props","createElement","options","map","t","key","value","concat","label","exports"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as BaseSelectProps } from \"@webiny/ui/Select\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value} data-testid={`fr.input.${t.label}`}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAUO,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAIC,KAAkB,EAAK;EAC1C,oBACIL,KAAA,CAAAM,aAAA,CAACH,OAAA,CAAAC,MAAQ,EAAKC,KAAK,EACdA,KAAK,CAACE,OAAO,CAACC,GAAG,CAAC,UAAAC,CAAC,EAAI;IACpB,oBACIT,KAAA,CAAAM,aAAA;MAAQI,GAAG,EAAED,CAAC,CAACE,KAAM;MAACA,KAAK,EAAEF,CAAC,CAACE,KAAM;MAAC,2BAAAC,MAAA,CAAyBH,CAAC,CAACI,KAAK;IAAG,GACpEJ,CAAC,CAACI,KACC,CAAC;EAEjB,CAAC,CACK,CAAC;AAEnB,CAAC;AAACC,OAAA,CAAAV,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_Select","Select","exports","props","createElement","options","map","t","key","value","concat","label"],"sources":["Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select as UiSelect, SelectProps as BaseSelectProps } from \"@webiny/ui/Select\";\n\nexport interface Option {\n    value: string;\n    label: string;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n    options: Option[];\n}\nexport const Select = (props: SelectProps) => {\n    return (\n        <UiSelect {...props}>\n            {props.options.map(t => {\n                return (\n                    <option key={t.value} value={t.value} data-testid={`fr.input.${t.label}`}>\n                        {t.label}\n                    </option>\n                );\n            })}\n        </UiSelect>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAUO,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAkB,EAAK;EAC1C,oBACIN,KAAA,CAAAO,aAAA,CAACJ,OAAA,CAAAC,MAAQ,EAAKE,KAAK,EACdA,KAAK,CAACE,OAAO,CAACC,GAAG,CAAC,UAAAC,CAAC,EAAI;IACpB,oBACIV,KAAA,CAAAO,aAAA;MAAQI,GAAG,EAAED,CAAC,CAACE,KAAM;MAACA,KAAK,EAAEF,CAAC,CAACE,KAAM;MAAC,2BAAAC,MAAA,CAAyBH,CAAC,CAACI,KAAK;IAAG,GACpEJ,CAAC,CAACI,KACC,CAAC;EAEjB,CAAC,CACK,CAAC;AAEnB,CAAC","ignoreList":[]}

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

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

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

@@ -10,7 +10,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _react = _interopRequireWildcard(require("react"));
 var _Input = require("./Input");
 var _utils = require("./utils");
-var Time = function Time(props) {
+var Time = exports.Time = function Time(props) {
   var field = props.field,
     bind = props.bind;
   var time = (0, _utils.getDefaultFieldValue)(field, bind, function () {
@@ -37,9 +37,8 @@ var Time = function Time(props) {
       }
     }),
     type: "time",
-    step: 5
+    step: 60
   }));
 };
-exports.Time = Time;
 
 //# sourceMappingURL=Time.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_utils","Time","props","field","bind","time","getDefaultFieldValue","getCurrentLocalTime","Date","bindValue","value","useEffect","onChange","default","createElement","Input","Object","assign","_objectSpread2","type","step","exports"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, InputProps } from \"./Input\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\n\nexport const Time = (props: InputProps) => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={5}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKO,IAAMG,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAiB,EAAK;EACvC,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EACnB,IAAMC,IAAI,GAAG,IAAAC,2BAAoB,EAACH,KAAK,EAAEC,IAAI,EAAE,YAAM;IACjD,OAAO,IAAAG,0BAAmB,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,IAAMC,SAAS,GAAGL,IAAI,CAACM,KAAK,IAAI,EAAE;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACN,IAAI,IAAII,SAAS,KAAKJ,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACQ,QAAQ,CAACP,IAAI,CAAC;EACvB,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,oBACIb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAgB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEf,KAAK;IACTE,IAAI,MAAAc,cAAA,CAAAL,OAAA,MAAAK,cAAA,CAAAL,OAAA,MACGT,IAAI;MACPM,KAAK,EAAEL,IAAI;MACXO,QAAQ,EAAE,eAAAA,SAAOF,KAAa,EAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIN,IAAI,CAACM,KAAK,EAAE;YACZ;UACJ;UACA,OAAON,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAACF,KAAK,CAAC;MAC/B;IAAC,EACH;IACFS,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAE,EACX,CAAC;AAEV,CAAC;AAACC,OAAA,CAAApB,IAAA,GAAAA,IAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Input","_utils","Time","exports","props","field","bind","time","getDefaultFieldValue","getCurrentLocalTime","Date","bindValue","value","useEffect","onChange","default","createElement","Input","Object","assign","_objectSpread2","type","step"],"sources":["Time.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { Input, InputProps } from \"./Input\";\nimport {\n    getCurrentLocalTime,\n    getDefaultFieldValue\n} from \"~/admin/plugins/fieldRenderers/dateTime/utils\";\n\nexport const Time = (props: InputProps) => {\n    const { field, bind } = props;\n    const time = getDefaultFieldValue(field, bind, () => {\n        return getCurrentLocalTime(new Date());\n    });\n\n    const bindValue = bind.value || \"\";\n\n    useEffect(() => {\n        if (!time || bindValue === time) {\n            return;\n        }\n        bind.onChange(time);\n    }, [bindValue]);\n\n    return (\n        <Input\n            {...props}\n            bind={{\n                ...bind,\n                value: time,\n                onChange: async (value: string): Promise<void> => {\n                    if (!value) {\n                        if (bind.value) {\n                            return;\n                        }\n                        return bind.onChange(\"\");\n                    }\n                    return bind.onChange(value);\n                }\n            }}\n            type={\"time\"}\n            step={60}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKO,IAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAPA,IAAIA,CAAIE,KAAiB,EAAK;EACvC,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EACnB,IAAMC,IAAI,GAAG,IAAAC,2BAAoB,EAACH,KAAK,EAAEC,IAAI,EAAE,YAAM;IACjD,OAAO,IAAAG,0BAAmB,EAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEF,IAAMC,SAAS,GAAGL,IAAI,CAACM,KAAK,IAAI,EAAE;EAElC,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACN,IAAI,IAAII,SAAS,KAAKJ,IAAI,EAAE;MAC7B;IACJ;IACAD,IAAI,CAACQ,QAAQ,CAACP,IAAI,CAAC;EACvB,CAAC,EAAE,CAACI,SAAS,CAAC,CAAC;EAEf,oBACId,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAAiB,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACEf,KAAK;IACTE,IAAI,MAAAc,cAAA,CAAAL,OAAA,MAAAK,cAAA,CAAAL,OAAA,MACGT,IAAI;MACPM,KAAK,EAAEL,IAAI;MACXO,QAAQ,EAAE,eAAAA,SAAOF,KAAa,EAAoB;QAC9C,IAAI,CAACA,KAAK,EAAE;UACR,IAAIN,IAAI,CAACM,KAAK,EAAE;YACZ;UACJ;UACA,OAAON,IAAI,CAACQ,QAAQ,CAAC,EAAE,CAAC;QAC5B;QACA,OAAOR,IAAI,CAACQ,QAAQ,CAACF,KAAK,CAAC;MAC/B;IAAC,EACH;IACFS,IAAI,EAAE,MAAO;IACbC,IAAI,EAAE;EAAG,EACZ,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

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

@@ -56,7 +56,6 @@ var plugin = {
     }
   }
 };
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;
 
 //# sourceMappingURL=dateTimeField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_DateOnly","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_Time","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","fieldSettingsType","settings","createElement","bind","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly","_default","exports"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DateOnly } from \"./DateOnly\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <Bind>\n                    {bind => {\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return <DateTimeWithoutTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return <DateTimeWithTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"time\") {\n                            return <Time field={field} bind={bind} />;\n                        }\n                        return <DateOnly bind={bind} field={field} />;\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,IAAAO,eAAA,EAAAC,gBAAA;AAE9B,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,wBAAiB;IACxBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,4DAAqD;IACnEE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,UAAU,IACzB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAME,iBAAiB,GAAGP,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACQ,QAAQ,CAACjB,IAAI,GAAG,IAAI;MAErE,oBACIf,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAACH,IAAI,QACA,UAAAI,IAAI,EAAI;QACL,IAAIH,iBAAiB,KAAK,yBAAyB,EAAE;UACjD,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC3B,wBAAA,CAAA6B,uBAAuB;YAACX,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAChE,CAAC,MAAM,IAAIH,iBAAiB,KAAK,sBAAsB,EAAE;UACrD,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC1B,qBAAA,CAAA6B,oBAAoB;YAACZ,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAC7D,CAAC,MAAM,IAAIH,iBAAiB,KAAK,MAAM,EAAE;UACrC,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAACzB,KAAA,CAAA6B,IAAI;YAACb,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAC7C;QACA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC5B,SAAA,CAAAiC,QAAQ;UAACJ,IAAI,EAAEA,IAAK;UAACV,KAAK,EAAEA;QAAM,CAAE,CAAC;MACjD,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAEazB,MAAM;AAAA0B,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_i18n","_DateOnly","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_Time","_templateObject","_templateObject2","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","_ref2","getBind","Bind","fieldSettingsType","settings","createElement","bind","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","DateOnly","_default","exports"],"sources":["dateTimeField.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DateOnly } from \"./DateOnly\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-time\",\n    renderer: {\n        rendererName: \"date-time-input\",\n        name: t`Date/Time Input`,\n        description: t`Renders input for various formats of date and time.`,\n        canUse({ field }) {\n            return (\n                field.type === \"datetime\" &&\n                !field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render({ field, getBind }) {\n            const Bind = getBind();\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <Bind>\n                    {bind => {\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return <DateTimeWithoutTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return <DateTimeWithTimezone field={field} bind={bind} />;\n                        } else if (fieldSettingsType === \"time\") {\n                            return <Time field={field} bind={bind} />;\n                        }\n                        return <DateOnly bind={bind} field={field} />;\n                    }}\n                </Bind>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,IAAAO,eAAA,EAAAC,gBAAA;AAE9B,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAE5D,IAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,qCAAqC;EAC3CC,QAAQ,EAAE;IACNC,YAAY,EAAE,iBAAiB;IAC/BF,IAAI,EAAEL,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAU,uBAAA,CAAAC,OAAA,wBAAiB;IACxBC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA,4DAAqD;IACnEE,MAAM,WAAAA,OAAAC,IAAA,EAAY;MAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;MACV,OACIA,KAAK,CAACT,IAAI,KAAK,UAAU,IACzB,CAACS,KAAK,CAACC,cAAc,IACrB,CAAC,IAAAC,YAAG,EAACF,KAAK,EAAE,0BAA0B,CAAC;IAE/C,CAAC;IACDG,MAAM,WAAAA,OAAAC,KAAA,EAAqB;MAAA,IAAlBJ,KAAK,GAAAI,KAAA,CAALJ,KAAK;QAAEK,OAAO,GAAAD,KAAA,CAAPC,OAAO;MACnB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;MAEtB,IAAME,iBAAiB,GAAGP,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACQ,QAAQ,CAACjB,IAAI,GAAG,IAAI;MAErE,oBACIf,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAACH,IAAI,QACA,UAAAI,IAAI,EAAI;QACL,IAAIH,iBAAiB,KAAK,yBAAyB,EAAE;UACjD,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC3B,wBAAA,CAAA6B,uBAAuB;YAACX,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAChE,CAAC,MAAM,IAAIH,iBAAiB,KAAK,sBAAsB,EAAE;UACrD,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC1B,qBAAA,CAAA6B,oBAAoB;YAACZ,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAC7D,CAAC,MAAM,IAAIH,iBAAiB,KAAK,MAAM,EAAE;UACrC,oBAAO/B,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAACzB,KAAA,CAAA6B,IAAI;YAACb,KAAK,EAAEA,KAAM;YAACU,IAAI,EAAEA;UAAK,CAAE,CAAC;QAC7C;QACA,oBAAOlC,MAAA,CAAAoB,OAAA,CAAAa,aAAA,CAAC5B,SAAA,CAAAiC,QAAQ;UAACJ,IAAI,EAAEA,IAAK;UAACV,KAAK,EAAEA;QAAM,CAAE,CAAC;MACjD,CACE,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaN,MAAM","ignoreList":[]}

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

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

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

@@ -82,7 +82,6 @@ var plugin = {
     }
   }
 };
-var _default = plugin;
-exports.default = _default;
+var _default = exports.default = plugin;
 
 //# sourceMappingURL=dateTimeFields.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_DynamicSection","_i18n","_close","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_DateOnly","_Time","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","fieldSettingsType","settings","createElement","_ref2","bind","index","trailingIcon","undefined","icon","ReactComponent","onClick","removeValue","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","_objectSpread2","label","number","DateOnly","_default","exports"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsEditorFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        let trailingIcon = undefined;\n                        if (index > 0) {\n                            trailingIcon = {\n                                icon: <DeleteIcon />,\n                                onClick: () => bind.field.removeValue(index)\n                            };\n                        }\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_DynamicSection","_i18n","_close","_DateTimeWithoutTimezone","_DateTimeWithTimezone","_DateOnly","_Time","_templateObject","_templateObject2","_templateObject3","_templateObject4","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","fieldSettingsType","settings","createElement","_ref2","bind","index","trailingIcon","undefined","icon","ReactComponent","onClick","removeValue","DateTimeWithoutTimezone","DateTimeWithTimezone","Time","_objectSpread2","label","number","DateOnly","_default","exports"],"sources":["dateTimeFields.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport DynamicSection from \"../DynamicSection\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport { DateTimeWithoutTimezone } from \"./DateTimeWithoutTimezone\";\nimport { DateTimeWithTimezone } from \"./DateTimeWithTimezone\";\nimport { DateOnly } from \"./DateOnly\";\nimport { Time } from \"./Time\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/date-time\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-date-times\",\n    renderer: {\n        rendererName: \"date-time-inputs\",\n        name: t`Date/Time Inputs`,\n        description: t`Renders inputs for various formats of dates and times.`,\n        canUse({ field }) {\n            return !!(\n                field.type === \"datetime\" &&\n                field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            const { field } = props;\n\n            const fieldSettingsType = field.settings ? field.settings.type : null;\n\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => {\n                        let trailingIcon = undefined;\n                        if (index > 0) {\n                            trailingIcon = {\n                                icon: <DeleteIcon />,\n                                onClick: () => bind.field.removeValue(index)\n                            };\n                        }\n\n                        if (fieldSettingsType === \"dateTimeWithoutTimezone\") {\n                            return (\n                                <DateTimeWithoutTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"dateTimeWithTimezone\") {\n                            return (\n                                <DateTimeWithTimezone\n                                    field={field}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n                        if (fieldSettingsType === \"time\") {\n                            return (\n                                <Time\n                                    field={{\n                                        ...props.field,\n                                        label:\n                                            props.field.label +\n                                            t` Value {number}`({ number: index + 1 })\n                                    }}\n                                    bind={bind.index}\n                                    trailingIcon={trailingIcon}\n                                />\n                            );\n                        }\n\n                        return (\n                            <DateOnly\n                                bind={bind.index}\n                                field={{\n                                    ...props.field,\n                                    label:\n                                        props.field.label +\n                                        t` Value {number}`({ number: index + 1 })\n                                }}\n                                trailingIcon={trailingIcon}\n                            />\n                        );\n                    }}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/dateTime/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _dateTimeField = _interopRequireDefault(require("./dateTimeField"));
 var _dateTimeFields = _interopRequireDefault(require("./dateTimeFields"));
-var _default = [_dateTimeField.default, _dateTimeFields.default];
-exports.default = _default;
+var _default = exports.default = [_dateTimeField.default, _dateTimeFields.default];
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_dateTimeField","_interopRequireDefault","require","_dateTimeFields","_default","dateTimeField","dateTimeFields","exports","default"],"sources":["index.ts"],"sourcesContent":["import dateTimeField from \"./dateTimeField\";\nimport dateTimeFields from \"./dateTimeFields\";\n\nexport default [dateTimeField, dateTimeFields];\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8C,IAAAE,QAAA,GAE/B,CAACC,sBAAa,EAAEC,uBAAc,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAJ,QAAA"}
+{"version":3,"names":["_dateTimeField","_interopRequireDefault","require","_dateTimeFields","_default","exports","default","dateTimeField","dateTimeFields"],"sources":["index.ts"],"sourcesContent":["import dateTimeField from \"./dateTimeField\";\nimport dateTimeFields from \"./dateTimeFields\";\n\nexport default [dateTimeField, dateTimeFields];\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8C,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE/B,CAACC,sBAAa,EAAEC,uBAAc,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsModelField } from "../../../../types";
 export declare const DEFAULT_TIMEZONE = "+01:00";
 export declare const getDefaultFieldValue: (field: CmsModelField, bind: {
@@ -10,5 +10,5 @@ export declare const getCurrentDate: (date?: Date) => string;
 interface RemoveFieldButtonProps {
     trailingIcon: any;
 }
-export declare const RemoveFieldButton: ({ trailingIcon }: RemoveFieldButtonProps) => JSX.Element | null;
+export declare const RemoveFieldButton: ({ trailingIcon }: RemoveFieldButtonProps) => React.JSX.Element | null;
 export {};

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

@@ -10,17 +10,15 @@ var _react = _interopRequireDefault(require("react"));
 var _emotion = require("emotion");
 var _Grid = require("@webiny/ui/Grid");
 var _Button = require("@webiny/ui/Button");
-var DEFAULT_TIMEZONE = "+01:00";
-exports.DEFAULT_TIMEZONE = DEFAULT_TIMEZONE;
-var getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
+var DEFAULT_TIMEZONE = exports.DEFAULT_TIMEZONE = "+01:00";
+var getDefaultFieldValue = exports.getDefaultFieldValue = function getDefaultFieldValue(field, bind, getCurrent) {
   var def = field.settings ? field.settings.defaultSetValue || "null" : "null";
   if (bind.value || def !== "current") {
     return bind.value || "";
   }
   return getCurrent();
 };
-exports.getDefaultFieldValue = getDefaultFieldValue;
-var getCurrentTimeZone = function getCurrentTimeZone(date) {
+var getCurrentTimeZone = exports.getCurrentTimeZone = function getCurrentTimeZone(date) {
   if (!date) {
     date = new Date();
   }
@@ -32,8 +30,7 @@ var getCurrentTimeZone = function getCurrentTimeZone(date) {
   var timezone = matches[1];
   return "".concat(timezone.slice(0, 3), ":").concat(timezone.slice(3));
 };
-exports.getCurrentTimeZone = getCurrentTimeZone;
-var getCurrentLocalTime = function getCurrentLocalTime(date) {
+var getCurrentLocalTime = exports.getCurrentLocalTime = function getCurrentLocalTime(date) {
   if (!date) {
     date = new Date();
   }
@@ -46,8 +43,7 @@ var getCurrentLocalTime = function getCurrentLocalTime(date) {
   }
   return time;
 };
-exports.getCurrentLocalTime = getCurrentLocalTime;
-var getCurrentDate = function getCurrentDate(date) {
+var getCurrentDate = exports.getCurrentDate = function getCurrentDate(date) {
   if (!date) {
     date = new Date();
   }
@@ -56,13 +52,12 @@ var getCurrentDate = function getCurrentDate(date) {
   var day = String(date.getDate()).padStart(2, "0");
   return "".concat(year, "-").concat(month, "-").concat(day);
 };
-exports.getCurrentDate = getCurrentDate;
-var deleteIconStyles = /*#__PURE__*/(0, _emotion.css)({
+var deleteIconStyles = (0, _emotion.css)({
   width: "100% !important",
   height: "100% !important",
   color: "var(--mdc-theme-text-secondary-on-background) !important"
-}, "label:deleteIconStyles;");
-var RemoveFieldButton = function RemoveFieldButton(_ref) {
+});
+var RemoveFieldButton = exports.RemoveFieldButton = function RemoveFieldButton(_ref) {
   var trailingIcon = _ref.trailingIcon;
   if (!trailingIcon) {
     return null;
@@ -75,6 +70,5 @@ var RemoveFieldButton = function RemoveFieldButton(_ref) {
     icon: trailingIcon.icon
   }));
 };
-exports.RemoveFieldButton = RemoveFieldButton;
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Button","DEFAULT_TIMEZONE","exports","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","concat","slice","getCurrentLocalTime","_value$split","split","_value$split2","_slicedToArray2","default","time","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","deleteIconStyles","css","width","height","color","RemoveFieldButton","_ref","trailingIcon","createElement","Cell","span","IconButton","className","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsModelField } from \"~/types\";\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nconst deleteIconStyles = css({\n    width: \"100% !important\",\n    height: \"100% !important\",\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Cell span={1}>\n            <IconButton\n                className={deleteIconStyles}\n                onClick={trailingIcon.onClick}\n                icon={trailingIcon.icon}\n            />\n        </Cell>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Grid","_Button","DEFAULT_TIMEZONE","exports","getDefaultFieldValue","field","bind","getCurrent","def","settings","defaultSetValue","value","getCurrentTimeZone","date","Date","toTimeString","matches","match","timezone","concat","slice","getCurrentLocalTime","_value$split","split","_value$split2","_slicedToArray2","default","time","getCurrentDate","year","String","getFullYear","padStart","month","getMonth","day","getDate","deleteIconStyles","css","width","height","color","RemoveFieldButton","_ref","trailingIcon","createElement","Cell","span","IconButton","className","onClick","icon"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { CmsModelField } from \"~/types\";\n\nexport const DEFAULT_TIMEZONE = \"+01:00\";\n\nexport const getDefaultFieldValue = (\n    field: CmsModelField,\n    bind: {\n        value: string | null | undefined;\n    },\n    getCurrent: () => string\n): string => {\n    const def = field.settings ? field.settings.defaultSetValue || \"null\" : \"null\";\n    if (bind.value || def !== \"current\") {\n        return bind.value || \"\";\n    }\n    return getCurrent();\n};\n\nexport const getCurrentTimeZone = (date?: Date): string | null => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const matches = value.match(/GMT([+-][0-9]{4})/);\n    if (!matches) {\n        return null;\n    }\n    const timezone = matches[1];\n    return `${timezone.slice(0, 3)}:${timezone.slice(3)}`;\n};\n\nexport const getCurrentLocalTime = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const value = date.toTimeString();\n\n    const [time] = value.split(\" \");\n    if (!time || time.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})$/) === null) {\n        return \"00:00:00\";\n    }\n    return time;\n};\n\nexport const getCurrentDate = (date?: Date): string => {\n    if (!date) {\n        date = new Date();\n    }\n    const year = String(date.getFullYear()).padStart(4, \"0\");\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\n    const day = String(date.getDate()).padStart(2, \"0\");\n\n    return `${year}-${month}-${day}`;\n};\n\nconst deleteIconStyles = css({\n    width: \"100% !important\",\n    height: \"100% !important\",\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\ninterface RemoveFieldButtonProps {\n    trailingIcon: any;\n}\nexport const RemoveFieldButton = ({ trailingIcon }: RemoveFieldButtonProps) => {\n    if (!trailingIcon) {\n        return null;\n    }\n    return (\n        <Cell span={1}>\n            <IconButton\n                className={deleteIconStyles}\n                onClick={trailingIcon.onClick}\n                icon={trailingIcon.icon}\n            />\n        </Cell>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { CmsDynamicZoneTemplate } from "../../../../types";
+import React from "react";
+import { CmsDynamicZoneTemplateWithTypename } from "../../../../types";
 interface UseAddTemplateParams {
-    onTemplate: (template: CmsDynamicZoneTemplate) => void;
+    onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;
 }
 interface AddTemplateProps {
     label?: string;
     onTemplate: UseAddTemplateParams["onTemplate"];
 }
-export declare const AddTemplateButton: (props: AddTemplateProps) => JSX.Element;
-export declare const AddTemplateIcon: (props: AddTemplateProps) => JSX.Element;
+export declare const AddTemplateButton: (props: AddTemplateProps) => React.JSX.Element;
+export declare const AddTemplateIcon: (props: AddTemplateProps) => React.JSX.Element;
 export {};

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

@@ -6,36 +6,73 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AddTemplateIcon = exports.AddTemplateButton = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _info = require("@material-design-icons/svg/outlined/info.svg");
 var _add_circle_outline = require("@material-design-icons/svg/round/add_circle_outline.svg");
 var _Typography = require("@webiny/ui/Typography");
 var _TemplateGallery = require("./TemplateGallery");
 var _Button = require("@webiny/ui/Button");
-var AddIconContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "AddIconContainer",
-  target: "e4w4vi60"
-})("text-align:center;padding-top:3px;");
-var AddButtonContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "AddButtonContainer",
-  target: "e4w4vi61"
-})("text-align:center;margin-top:20px;:first-of-type{margin-top:0;}");
-var Info = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "Info",
+var _useTemplateTypename2 = require("./useTemplateTypename");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var AddIconContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e4w4vi62"
-})("display:flex;justify-content:center;align-items:center;margin-top:5px;> svg{width:20px;margin-right:5px;}");
+} : {
+  target: "e4w4vi62",
+  label: "AddIconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "okrxka",
+  styles: "text-align:center;padding-top:3px"
+} : {
+  name: "okrxka",
+  styles: "text-align:center;padding-top:3px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVbUMiLCJmaWxlIjoiQWRkVGVtcGxhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEluZm9JY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2luZm8uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL3JvdW5kL2FkZF9jaXJjbGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBDbXNEeW5hbWljWm9uZVRlbXBsYXRlLCBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFRlbXBsYXRlR2FsbGVyeSB9IGZyb20gXCIuL1RlbXBsYXRlR2FsbGVyeVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgQnV0dG9uU2Vjb25kYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VUZW1wbGF0ZVR5cGVuYW1lIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS91c2VUZW1wbGF0ZVR5cGVuYW1lXCI7XG5cbmNvbnN0IEFkZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcblxuICAgIDpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICB9XG5gO1xuXG5jb25zdCBJbmZvID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xuXG4gICAgPiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIFVzZUFkZFRlbXBsYXRlUGFyYW1zIHtcbiAgICBvblRlbXBsYXRlOiAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGVXaXRoVHlwZW5hbWUpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIHVzZUFkZFRlbXBsYXRlKHBhcmFtczogVXNlQWRkVGVtcGxhdGVQYXJhbXMpIHtcbiAgICBjb25zdCBbc2hvd0dhbGxlcnksIHNldFNob3dHYWxsZXJ5XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7IGdldEZ1bGxUeXBlbmFtZSB9ID0gdXNlVGVtcGxhdGVUeXBlbmFtZSgpO1xuXG4gICAgY29uc3QgYnJvd3NlVGVtcGxhdGVzID0gKCkgPT4ge1xuICAgICAgICBzZXRTaG93R2FsbGVyeSh0cnVlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25UZW1wbGF0ZSA9ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4ge1xuICAgICAgICBwYXJhbXMub25UZW1wbGF0ZSh7IC4uLnRlbXBsYXRlLCBfX3R5cGVuYW1lOiBnZXRGdWxsVHlwZW5hbWUodGVtcGxhdGUpIH0pO1xuICAgICAgICBvbkdhbGxlcnlDbG9zZSgpO1xuICAgIH07XG5cbiAgICBjb25zdCBvbkdhbGxlcnlDbG9zZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd0dhbGxlcnkoZmFsc2UpO1xuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBzaG93R2FsbGVyeSxcbiAgICAgICAgYnJvd3NlVGVtcGxhdGVzLFxuICAgICAgICBvblRlbXBsYXRlLFxuICAgICAgICBvbkdhbGxlcnlDbG9zZVxuICAgIH07XG59XG5cbmludGVyZmFjZSBBZGRUZW1wbGF0ZVByb3BzIHtcbiAgICBsYWJlbD86IHN0cmluZztcbiAgICBvblRlbXBsYXRlOiBVc2VBZGRUZW1wbGF0ZVBhcmFtc1tcIm9uVGVtcGxhdGVcIl07XG59XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0dhbGxlcnksIG9uVGVtcGxhdGUsIGJyb3dzZVRlbXBsYXRlcywgb25HYWxsZXJ5Q2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZEJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5IG9uQ2xpY2s9e2Jyb3dzZVRlbXBsYXRlc30+KyBBZGQgYSB0ZW1wbGF0ZTwvQnV0dG9uU2Vjb25kYXJ5PlxuICAgICAgICAgICAgICAgICAgICA8SW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbmZvSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQ2xpY2sgaGVyZSB0byBsZWFybiBob3cgdGVtcGxhdGVzIGFuZCBkeW5hbWljIHpvbmVzIHdvcmsuXG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvSW5mbz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWRkQnV0dG9uQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQWRkVGVtcGxhdGVJY29uID0gKHByb3BzOiBBZGRUZW1wbGF0ZVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBzaG93R2FsbGVyeSwgb25UZW1wbGF0ZSwgYnJvd3NlVGVtcGxhdGVzLCBvbkdhbGxlcnlDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXticm93c2VUZW1wbGF0ZXN9IGljb249ezxBZGRJY29uIC8+fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9BZGRJY29uQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var AddButtonContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e4w4vi61"
+} : {
+  target: "e4w4vi61",
+  label: "AddButtonContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "xnx79a",
+  styles: "text-align:center;margin-top:20px;:first-of-type{margin-top:0;}"
+} : {
+  name: "xnx79a",
+  styles: "text-align:center;margin-top:20px;:first-of-type{margin-top:0;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlcUMiLCJmaWxlIjoiQWRkVGVtcGxhdGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEluZm9JY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL291dGxpbmVkL2luZm8uc3ZnXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBBZGRJY29uIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL3JvdW5kL2FkZF9jaXJjbGVfb3V0bGluZS5zdmdcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiQHdlYmlueS91aS9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBDbXNEeW5hbWljWm9uZVRlbXBsYXRlLCBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IFRlbXBsYXRlR2FsbGVyeSB9IGZyb20gXCIuL1RlbXBsYXRlR2FsbGVyeVwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgQnV0dG9uU2Vjb25kYXJ5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VUZW1wbGF0ZVR5cGVuYW1lIH0gZnJvbSBcIn4vYWRtaW4vcGx1Z2lucy9maWVsZFJlbmRlcmVycy9keW5hbWljWm9uZS91c2VUZW1wbGF0ZVR5cGVuYW1lXCI7XG5cbmNvbnN0IEFkZEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogM3B4O1xuYDtcblxuY29uc3QgQWRkQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogMjBweDtcblxuICAgIDpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICB9XG5gO1xuXG5jb25zdCBJbmZvID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLXRvcDogNXB4O1xuXG4gICAgPiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7XG4gICAgfVxuYDtcblxuaW50ZXJmYWNlIFVzZUFkZFRlbXBsYXRlUGFyYW1zIHtcbiAgICBvblRlbXBsYXRlOiAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGVXaXRoVHlwZW5hbWUpID0+IHZvaWQ7XG59XG5cbmZ1bmN0aW9uIHVzZUFkZFRlbXBsYXRlKHBhcmFtczogVXNlQWRkVGVtcGxhdGVQYXJhbXMpIHtcbiAgICBjb25zdCBbc2hvd0dhbGxlcnksIHNldFNob3dHYWxsZXJ5XSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCB7IGdldEZ1bGxUeXBlbmFtZSB9ID0gdXNlVGVtcGxhdGVUeXBlbmFtZSgpO1xuXG4gICAgY29uc3QgYnJvd3NlVGVtcGxhdGVzID0gKCkgPT4ge1xuICAgICAgICBzZXRTaG93R2FsbGVyeSh0cnVlKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25UZW1wbGF0ZSA9ICh0ZW1wbGF0ZTogQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSkgPT4ge1xuICAgICAgICBwYXJhbXMub25UZW1wbGF0ZSh7IC4uLnRlbXBsYXRlLCBfX3R5cGVuYW1lOiBnZXRGdWxsVHlwZW5hbWUodGVtcGxhdGUpIH0pO1xuICAgICAgICBvbkdhbGxlcnlDbG9zZSgpO1xuICAgIH07XG5cbiAgICBjb25zdCBvbkdhbGxlcnlDbG9zZSA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd0dhbGxlcnkoZmFsc2UpO1xuICAgIH07XG5cbiAgICByZXR1cm4ge1xuICAgICAgICBzaG93R2FsbGVyeSxcbiAgICAgICAgYnJvd3NlVGVtcGxhdGVzLFxuICAgICAgICBvblRlbXBsYXRlLFxuICAgICAgICBvbkdhbGxlcnlDbG9zZVxuICAgIH07XG59XG5cbmludGVyZmFjZSBBZGRUZW1wbGF0ZVByb3BzIHtcbiAgICBsYWJlbD86IHN0cmluZztcbiAgICBvblRlbXBsYXRlOiBVc2VBZGRUZW1wbGF0ZVBhcmFtc1tcIm9uVGVtcGxhdGVcIl07XG59XG5cbmV4cG9ydCBjb25zdCBBZGRUZW1wbGF0ZUJ1dHRvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0dhbGxlcnksIG9uVGVtcGxhdGUsIGJyb3dzZVRlbXBsYXRlcywgb25HYWxsZXJ5Q2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZEJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uU2Vjb25kYXJ5IG9uQ2xpY2s9e2Jyb3dzZVRlbXBsYXRlc30+KyBBZGQgYSB0ZW1wbGF0ZTwvQnV0dG9uU2Vjb25kYXJ5PlxuICAgICAgICAgICAgICAgICAgICA8SW5mbz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJbmZvSWNvbiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcImNhcHRpb25cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQ2xpY2sgaGVyZSB0byBsZWFybiBob3cgdGVtcGxhdGVzIGFuZCBkeW5hbWljIHpvbmVzIHdvcmsuXG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvSW5mbz5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWRkQnV0dG9uQ29udGFpbmVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgY29uc3QgQWRkVGVtcGxhdGVJY29uID0gKHByb3BzOiBBZGRUZW1wbGF0ZVByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBzaG93R2FsbGVyeSwgb25UZW1wbGF0ZSwgYnJvd3NlVGVtcGxhdGVzLCBvbkdhbGxlcnlDbG9zZSB9ID0gdXNlQWRkVGVtcGxhdGUoe1xuICAgICAgICBvblRlbXBsYXRlOiBwcm9wcy5vblRlbXBsYXRlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QWRkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICAgIHtzaG93R2FsbGVyeSA/IChcbiAgICAgICAgICAgICAgICA8VGVtcGxhdGVHYWxsZXJ5IG9uVGVtcGxhdGU9e29uVGVtcGxhdGV9IG9uQ2xvc2U9e29uR2FsbGVyeUNsb3NlfSAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICA8SWNvbkJ1dHRvbiBvbkNsaWNrPXticm93c2VUZW1wbGF0ZXN9IGljb249ezxBZGRJY29uIC8+fSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9BZGRJY29uQ29udGFpbmVyPlxuICAgICk7XG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Info = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e4w4vi60"
+} : {
+  target: "e4w4vi60",
+  label: "Info"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s2m15f",
+  styles: "display:flex;justify-content:center;align-items:center;margin-top:5px;>svg{width:20px;margin-right:5px;}"
+} : {
+  name: "s2m15f",
+  styles: "display:flex;justify-content:center;align-items:center;margin-top:5px;>svg{width:20px;margin-right:5px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZFRlbXBsYXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnVCIiwiZmlsZSI6IkFkZFRlbXBsYXRlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJbmZvSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9vdXRsaW5lZC9pbmZvLnN2Z1wiO1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgQWRkSWNvbiB9IGZyb20gXCJAbWF0ZXJpYWwtZGVzaWduLWljb25zL3N2Zy9yb3VuZC9hZGRfY2lyY2xlX291dGxpbmUuc3ZnXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQ21zRHluYW1pY1pvbmVUZW1wbGF0ZSwgQ21zRHluYW1pY1pvbmVUZW1wbGF0ZVdpdGhUeXBlbmFtZSB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBUZW1wbGF0ZUdhbGxlcnkgfSBmcm9tIFwiLi9UZW1wbGF0ZUdhbGxlcnlcIjtcbmltcG9ydCB7IEljb25CdXR0b24sIEJ1dHRvblNlY29uZGFyeSB9IGZyb20gXCJAd2ViaW55L3VpL0J1dHRvblwiO1xuaW1wb3J0IHsgdXNlVGVtcGxhdGVUeXBlbmFtZSB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvZHluYW1pY1pvbmUvdXNlVGVtcGxhdGVUeXBlbmFtZVwiO1xuXG5jb25zdCBBZGRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6IDNweDtcbmA7XG5cbmNvbnN0IEFkZEJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG5cbiAgICA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDA7XG4gICAgfVxuYDtcblxuY29uc3QgSW5mbyA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbi10b3A6IDVweDtcblxuICAgID4gc3ZnIHtcbiAgICAgICAgd2lkdGg6IDIwcHg7XG4gICAgICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIH1cbmA7XG5cbmludGVyZmFjZSBVc2VBZGRUZW1wbGF0ZVBhcmFtcyB7XG4gICAgb25UZW1wbGF0ZTogKHRlbXBsYXRlOiBDbXNEeW5hbWljWm9uZVRlbXBsYXRlV2l0aFR5cGVuYW1lKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiB1c2VBZGRUZW1wbGF0ZShwYXJhbXM6IFVzZUFkZFRlbXBsYXRlUGFyYW1zKSB7XG4gICAgY29uc3QgW3Nob3dHYWxsZXJ5LCBzZXRTaG93R2FsbGVyeV0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgeyBnZXRGdWxsVHlwZW5hbWUgfSA9IHVzZVRlbXBsYXRlVHlwZW5hbWUoKTtcblxuICAgIGNvbnN0IGJyb3dzZVRlbXBsYXRlcyA9ICgpID0+IHtcbiAgICAgICAgc2V0U2hvd0dhbGxlcnkodHJ1ZSk7XG4gICAgfTtcblxuICAgIGNvbnN0IG9uVGVtcGxhdGUgPSAodGVtcGxhdGU6IENtc0R5bmFtaWNab25lVGVtcGxhdGUpID0+IHtcbiAgICAgICAgcGFyYW1zLm9uVGVtcGxhdGUoeyAuLi50ZW1wbGF0ZSwgX190eXBlbmFtZTogZ2V0RnVsbFR5cGVuYW1lKHRlbXBsYXRlKSB9KTtcbiAgICAgICAgb25HYWxsZXJ5Q2xvc2UoKTtcbiAgICB9O1xuXG4gICAgY29uc3Qgb25HYWxsZXJ5Q2xvc2UgPSAoKSA9PiB7XG4gICAgICAgIHNldFNob3dHYWxsZXJ5KGZhbHNlKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgICAgc2hvd0dhbGxlcnksXG4gICAgICAgIGJyb3dzZVRlbXBsYXRlcyxcbiAgICAgICAgb25UZW1wbGF0ZSxcbiAgICAgICAgb25HYWxsZXJ5Q2xvc2VcbiAgICB9O1xufVxuXG5pbnRlcmZhY2UgQWRkVGVtcGxhdGVQcm9wcyB7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgb25UZW1wbGF0ZTogVXNlQWRkVGVtcGxhdGVQYXJhbXNbXCJvblRlbXBsYXRlXCJdO1xufVxuXG5leHBvcnQgY29uc3QgQWRkVGVtcGxhdGVCdXR0b24gPSAocHJvcHM6IEFkZFRlbXBsYXRlUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHNob3dHYWxsZXJ5LCBvblRlbXBsYXRlLCBicm93c2VUZW1wbGF0ZXMsIG9uR2FsbGVyeUNsb3NlIH0gPSB1c2VBZGRUZW1wbGF0ZSh7XG4gICAgICAgIG9uVGVtcGxhdGU6IHByb3BzLm9uVGVtcGxhdGVcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBZGRCdXR0b25Db250YWluZXI+XG4gICAgICAgICAgICB7c2hvd0dhbGxlcnkgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlR2FsbGVyeSBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSBvbkNsb3NlPXtvbkdhbGxlcnlDbG9zZX0gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblNlY29uZGFyeSBvbkNsaWNrPXticm93c2VUZW1wbGF0ZXN9PisgQWRkIGEgdGVtcGxhdGU8L0J1dHRvblNlY29uZGFyeT5cbiAgICAgICAgICAgICAgICAgICAgPEluZm8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8SW5mb0ljb24gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUeXBvZ3JhcGh5IHVzZT17XCJjYXB0aW9uXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIENsaWNrIGhlcmUgdG8gbGVhcm4gaG93IHRlbXBsYXRlcyBhbmQgZHluYW1pYyB6b25lcyB3b3JrLlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9UeXBvZ3JhcGh5PlxuICAgICAgICAgICAgICAgICAgICA8L0luZm8+XG4gICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApfVxuICAgICAgICA8L0FkZEJ1dHRvbkNvbnRhaW5lcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEFkZFRlbXBsYXRlSWNvbiA9IChwcm9wczogQWRkVGVtcGxhdGVQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgc2hvd0dhbGxlcnksIG9uVGVtcGxhdGUsIGJyb3dzZVRlbXBsYXRlcywgb25HYWxsZXJ5Q2xvc2UgfSA9IHVzZUFkZFRlbXBsYXRlKHtcbiAgICAgICAgb25UZW1wbGF0ZTogcHJvcHMub25UZW1wbGF0ZVxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEFkZEljb25Db250YWluZXI+XG4gICAgICAgICAgICB7c2hvd0dhbGxlcnkgPyAoXG4gICAgICAgICAgICAgICAgPFRlbXBsYXRlR2FsbGVyeSBvblRlbXBsYXRlPXtvblRlbXBsYXRlfSBvbkNsb3NlPXtvbkdhbGxlcnlDbG9zZX0gLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgPEljb25CdXR0b24gb25DbGljaz17YnJvd3NlVGVtcGxhdGVzfSBpY29uPXs8QWRkSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWRkSWNvbkNvbnRhaW5lcj5cbiAgICApO1xufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 function useAddTemplate(params) {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     showGallery = _useState2[0],
     setShowGallery = _useState2[1];
+  var _useTemplateTypename = (0, _useTemplateTypename2.useTemplateTypename)(),
+    getFullTypename = _useTemplateTypename.getFullTypename;
   var browseTemplates = function browseTemplates() {
     setShowGallery(true);
   };
   var onTemplate = function onTemplate(template) {
-    params.onTemplate(template);
+    params.onTemplate((0, _objectSpread2.default)((0, _objectSpread2.default)({}, template), {}, {
+      __typename: getFullTypename(template)
+    }));
     onGalleryClose();
   };
   var onGalleryClose = function onGalleryClose() {
@@ -48,7 +85,7 @@ function useAddTemplate(params) {
     onGalleryClose: onGalleryClose
   };
 }
-var AddTemplateButton = function AddTemplateButton(props) {
+var AddTemplateButton = exports.AddTemplateButton = function AddTemplateButton(props) {
   var _useAddTemplate = useAddTemplate({
       onTemplate: props.onTemplate
     }),
@@ -65,8 +102,7 @@ var AddTemplateButton = function AddTemplateButton(props) {
     use: "caption"
   }, "Click here to learn how templates and dynamic zones work."))));
 };
-exports.AddTemplateButton = AddTemplateButton;
-var AddTemplateIcon = function AddTemplateIcon(props) {
+var AddTemplateIcon = exports.AddTemplateIcon = function AddTemplateIcon(props) {
   var _useAddTemplate2 = useAddTemplate({
       onTemplate: props.onTemplate
     }),
@@ -82,6 +118,5 @@ var AddTemplateIcon = function AddTemplateIcon(props) {
     icon: /*#__PURE__*/_react.default.createElement(_add_circle_outline.ReactComponent, null)
   }));
 };
-exports.AddTemplateIcon = AddTemplateIcon;
 
 //# sourceMappingURL=AddTemplate.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_info","_add_circle_outline","_Typography","_TemplateGallery","_Button","AddIconContainer","styled","label","target","AddButtonContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","default","showGallery","setShowGallery","browseTemplates","onTemplate","template","onGalleryClose","AddTemplateButton","props","_useAddTemplate","createElement","TemplateGallery","onClose","Fragment","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 { 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 { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { IconButton, ButtonSecondary } from \"@webiny/ui/Button\";\n\nconst AddIconContainer = styled.div`\n    text-align: center;\n    padding-top: 3px;\n`;\n\nconst AddButtonContainer = styled.div`\n    text-align: center;\n    margin-top: 20px;\n\n    :first-of-type {\n        margin-top: 0;\n    }\n`;\n\nconst Info = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 5px;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplate) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate(template);\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddButtonContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <>\n                    <ButtonSecondary onClick={browseTemplates}>+ 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                </>\n            )}\n        </AddButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddIconContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <IconButton onClick={browseTemplates} icon={<AddIcon />} />\n            )}\n        </AddIconContainer>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_info","_add_circle_outline","_Typography","_TemplateGallery","_Button","_useTemplateTypename2","_EMOTION_STRINGIFIED_CSS_ERROR__","AddIconContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","AddButtonContainer","Info","useAddTemplate","params","_useState","useState","_useState2","_slicedToArray2","showGallery","setShowGallery","_useTemplateTypename","useTemplateTypename","getFullTypename","browseTemplates","onTemplate","template","_objectSpread2","__typename","onGalleryClose","AddTemplateButton","exports","props","_useAddTemplate","createElement","TemplateGallery","onClose","Fragment","ButtonSecondary","onClick","ReactComponent","Typography","use","AddTemplateIcon","_useAddTemplate2","IconButton","icon"],"sources":["AddTemplate.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\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 { Typography } from \"@webiny/ui/Typography\";\nimport { CmsDynamicZoneTemplate, CmsDynamicZoneTemplateWithTypename } from \"~/types\";\nimport { TemplateGallery } from \"./TemplateGallery\";\nimport { IconButton, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { useTemplateTypename } from \"~/admin/plugins/fieldRenderers/dynamicZone/useTemplateTypename\";\n\nconst AddIconContainer = styled.div`\n    text-align: center;\n    padding-top: 3px;\n`;\n\nconst AddButtonContainer = styled.div`\n    text-align: center;\n    margin-top: 20px;\n\n    :first-of-type {\n        margin-top: 0;\n    }\n`;\n\nconst Info = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 5px;\n\n    > svg {\n        width: 20px;\n        margin-right: 5px;\n    }\n`;\n\ninterface UseAddTemplateParams {\n    onTemplate: (template: CmsDynamicZoneTemplateWithTypename) => void;\n}\n\nfunction useAddTemplate(params: UseAddTemplateParams) {\n    const [showGallery, setShowGallery] = useState(false);\n    const { getFullTypename } = useTemplateTypename();\n\n    const browseTemplates = () => {\n        setShowGallery(true);\n    };\n\n    const onTemplate = (template: CmsDynamicZoneTemplate) => {\n        params.onTemplate({ ...template, __typename: getFullTypename(template) });\n        onGalleryClose();\n    };\n\n    const onGalleryClose = () => {\n        setShowGallery(false);\n    };\n\n    return {\n        showGallery,\n        browseTemplates,\n        onTemplate,\n        onGalleryClose\n    };\n}\n\ninterface AddTemplateProps {\n    label?: string;\n    onTemplate: UseAddTemplateParams[\"onTemplate\"];\n}\n\nexport const AddTemplateButton = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddButtonContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <>\n                    <ButtonSecondary onClick={browseTemplates}>+ 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                </>\n            )}\n        </AddButtonContainer>\n    );\n};\n\nexport const AddTemplateIcon = (props: AddTemplateProps) => {\n    const { showGallery, onTemplate, browseTemplates, onGalleryClose } = useAddTemplate({\n        onTemplate: props.onTemplate\n    });\n\n    return (\n        <AddIconContainer>\n            {showGallery ? (\n                <TemplateGallery onTemplate={onTemplate} onClose={onGalleryClose} />\n            ) : (\n                <IconButton onClick={browseTemplates} icon={<AddIcon />} />\n            )}\n        </AddIconContainer>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -20,8 +20,9 @@ export interface MultiValueItemContainerProps {
 export declare const MultiValueItemContainer: import("@webiny/react-composition").GenericComponent<MultiValueItemContainerProps> & {
     original: import("@webiny/react-composition").GenericComponent<MultiValueItemContainerProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemContainerProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 export interface MultiValueItemItemProps {
     template: CmsDynamicZoneTemplate;
@@ -31,8 +32,9 @@ export interface MultiValueItemItemProps {
 export declare const MultiValueItem: import("@webiny/react-composition").GenericComponent<MultiValueItemItemProps> & {
     original: import("@webiny/react-composition").GenericComponent<MultiValueItemItemProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemItemProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueItemItemProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 interface TemplateValue {
     _templateId: string;
@@ -44,8 +46,9 @@ export interface MultiValueContainerProps extends MultiValueDynamicZoneProps {
 export declare const MultiValueContainer: import("@webiny/react-composition").GenericComponent<MultiValueContainerProps> & {
     original: import("@webiny/react-composition").GenericComponent<MultiValueContainerProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueContainerProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<(props: MultiValueContainerProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 interface MultiValueDynamicZoneProps {
     field: CmsModelField;
@@ -53,5 +56,5 @@ interface MultiValueDynamicZoneProps {
     contentModel: CmsModel;
     getBind: GetBind;
 }
-export declare const MultiValueDynamicZone: (props: MultiValueDynamicZoneProps) => JSX.Element;
+export declare const MultiValueDynamicZone: (props: MultiValueDynamicZoneProps) => React.JSX.Element;
 export {};