@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

package/admin/plugins/fieldRenderers/number/numberInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_Input","_i18n","_close","_DynamicSection","_DelayedOnChange","_templateObject","_templateObject2","_templateObject3","t","i18n","ns","plugin","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","get","render","props","createElement","_ref2","bind","index","DelayedOnChange","value","onChange","onBlur","validate","Input","validation","onEnter","appendValue","label","number","placeholder","placeholderText","helpText","concat","trailingIcon","icon","ReactComponent","onClick","removeValue","_default","exports"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/close.svg\";\nimport DynamicSection from \"../DynamicSection\";\nimport { DelayedOnChange } from \"@webiny/ui/DelayedOnChange\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number-inputs\",\n    renderer: {\n        rendererName: \"number-inputs\",\n        name: t`Number Inputs`,\n        description: t`Renders a simple list of number inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" &&\n                !!field.multipleValues &&\n                !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholderText}\n                                description={props.field.helpText}\n                                data-testid={`fr.input.numbers.${props.field.label}.${index + 1}`}\n                                type=\"number\"\n                                trailingIcon={\n                                    index > 0 && {\n                                        icon: <DeleteIcon />,\n                                        onClick: () => bind.field.removeValue(index)\n                                    }\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","get","i18n","ReactComponent","DeleteIcon","DynamicSection","MultiValueRendererSettings","DelayedOnChange","Icon","Input","t","ns","plugin","type","name","renderer","rendererName","description","canUse","field","list","render","props","createElement","bind","index","value","onChange","onBlur","validate","validation","onEnter","appendValue","label","number","placeholder","endIcon","icon","onClick","removeValue","className","renderSettings"],"sources":["numberInputs.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport DynamicSection from \"../DynamicSection.js\";\nimport { MultiValueRendererSettings } from \"~/admin/plugins/fieldRenderers/MultiValueRendererSettings.js\";\nimport { DelayedOnChange, Icon, Input } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/text\");\n\nconst plugin: CmsModelFieldRendererPlugin = {\n    type: \"cms-editor-field-renderer\",\n    name: \"cms-editor-field-renderer-number-inputs\",\n    renderer: {\n        rendererName: \"number-inputs\",\n        name: t`Number Inputs`,\n        description: t`Renders a simple list of number inputs.`,\n        canUse({ field }) {\n            return (\n                field.type === \"number\" && !!field.list && !get(field, \"predefinedValues.enabled\")\n            );\n        },\n        render(props) {\n            return (\n                <DynamicSection {...props}>\n                    {({ bind, index }) => (\n                        <DelayedOnChange\n                            value={bind.index.value}\n                            onChange={bind.index.onChange}\n                            onBlur={bind.index.validate}\n                        >\n                            <Input\n                                validation={bind.index.validation}\n                                onEnter={() => bind.field.appendValue(\"\")}\n                                label={t`Value {number}`({ number: index + 1 })}\n                                placeholder={props.field.placeholder}\n                                data-testid={`fr.input.numbers.${props.field.label}.${index + 1}`}\n                                type=\"number\"\n                                endIcon={\n                                    <Icon\n                                        icon={<DeleteIcon />}\n                                        label={\"Delete\"}\n                                        onClick={() => bind.field.removeValue(index)}\n                                        className={\"cursor-pointer\"}\n                                    />\n                                }\n                            />\n                        </DelayedOnChange>\n                    )}\n                </DynamicSection>\n            );\n        },\n        renderSettings(props) {\n            return <MultiValueRendererSettings {...props} />;\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,OAAOC,cAAc;AACrB,SAASC,0BAA0B;AACnC,SAASC,eAAe,EAAEC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAE/D,MAAMC,CAAC,GAAGR,IAAI,CAACS,EAAE,CAAC,oCAAoC,CAAC;AAEvD,MAAMC,MAAmC,GAAG;EACxCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE,yCAAyC;EAC/CC,QAAQ,EAAE;IACNC,YAAY,EAAE,eAAe;IAC7BF,IAAI,EAAEJ,CAAC,eAAe;IACtBO,WAAW,EAAEP,CAAC,yCAAyC;IACvDQ,MAAMA,CAAC;MAAEC;IAAM,CAAC,EAAE;MACd,OACIA,KAAK,CAACN,IAAI,KAAK,QAAQ,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI,IAAI,CAACnB,GAAG,CAACkB,KAAK,EAAE,0BAA0B,CAAC;IAE1F,CAAC;IACDE,MAAMA,CAACC,KAAK,EAAE;MACV,oBACItB,KAAA,CAAAuB,aAAA,CAAClB,cAAc,EAAKiB,KAAK,EACpB,CAAC;QAAEE,IAAI;QAAEC;MAAM,CAAC,kBACbzB,KAAA,CAAAuB,aAAA,CAAChB,eAAe;QACZmB,KAAK,EAAEF,IAAI,CAACC,KAAK,CAACC,KAAM;QACxBC,QAAQ,EAAEH,IAAI,CAACC,KAAK,CAACE,QAAS;QAC9BC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAACI;MAAS,gBAE5B7B,KAAA,CAAAuB,aAAA,CAACd,KAAK;QACFqB,UAAU,EAAEN,IAAI,CAACC,KAAK,CAACK,UAAW;QAClCC,OAAO,EAAEA,CAAA,KAAMP,IAAI,CAACL,KAAK,CAACa,WAAW,CAAC,EAAE,CAAE;QAC1CC,KAAK,EAAEvB,CAAC,gBAAgB,CAAC;UAAEwB,MAAM,EAAET,KAAK,GAAG;QAAE,CAAC,CAAE;QAChDU,WAAW,EAAEb,KAAK,CAACH,KAAK,CAACgB,WAAY;QACrC,eAAa,oBAAoBb,KAAK,CAACH,KAAK,CAACc,KAAK,IAAIR,KAAK,GAAG,CAAC,EAAG;QAClEZ,IAAI,EAAC,QAAQ;QACbuB,OAAO,eACHpC,KAAA,CAAAuB,aAAA,CAACf,IAAI;UACD6B,IAAI,eAAErC,KAAA,CAAAuB,aAAA,CAACnB,UAAU,MAAE,CAAE;UACrB6B,KAAK,EAAE,QAAS;UAChBK,OAAO,EAAEA,CAAA,KAAMd,IAAI,CAACL,KAAK,CAACoB,WAAW,CAACd,KAAK,CAAE;UAC7Ce,SAAS,EAAE;QAAiB,CAC/B;MACJ,CACJ,CACY,CAET,CAAC;IAEzB,CAAC;IACDC,cAAcA,CAACnB,KAAK,EAAE;MAClB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACjB,0BAA0B,EAAKgB,KAAQ,CAAC;IACpD;EACJ;AACJ,CAAC;AAED,eAAeV,MAAM","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/FieldSettings.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { CmsModelField } from "@webiny/app-headless-cms-common/types";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
 /**
  * This class helps us handle the `field.settings` and encapsulate defaults, checks of undefined, etc.
  * We also want to prevent log spamming in the browser console, so we cache and reuse each instance
@@ -13,29 +12,31 @@ export declare class FieldSettings {
         fields: {
             id: string;
             type: string;
-            fieldId: string;
-            storageId?: string | undefined;
+            fieldId: import("@webiny/app-headless-cms-common/types/model").CmsEditorFieldId;
+            storageId?: string;
             label: string;
-            helpText?: string | undefined;
-            placeholderText?: string | undefined;
-            validation?: (import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
-            listValidation?: import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator[] | undefined;
-            multipleValues?: boolean | undefined;
-            predefinedValues?: import("@webiny/app-headless-cms-common/types").CmsEditorFieldPredefinedValues | undefined;
-            settings?: import("@webiny/app-headless-cms-common/types").CmsModelFieldSettings<unknown> | undefined;
+            help?: string | React.ReactNode;
+            description?: string | React.ReactNode;
+            note?: string | React.ReactNode;
+            placeholder?: string;
+            validation?: (import("@webiny/app-headless-cms-common/types/validation").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[];
+            listValidation?: import("@webiny/app-headless-cms-common/types/validation").CmsModelFieldValidator[];
+            list?: boolean;
+            predefinedValues?: import("@webiny/app-headless-cms-common/types/index.js").CmsEditorFieldPredefinedValues;
+            settings?: import("@webiny/app-headless-cms-common/types/model").CmsModelFieldSettings<unknown> | undefined;
             renderer: {
                 name: string;
-                settings?: Record<string, any> | undefined;
-            } | ((props: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererProps) => import("react").ReactNode);
-            tags?: string[] | undefined;
+                settings?: Record<string, any>;
+            } | import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin["renderer"]["render"];
+            tags?: string[];
         }[];
         layout: string[][];
-        defaultValue?: string | number | boolean | null | undefined;
-        defaultSetValue?: string | undefined;
-        type?: string | undefined;
-        models?: Pick<import("@webiny/app-headless-cms-common/types").CmsModel, "modelId">[] | undefined;
-        templates?: import("@webiny/app-headless-cms-common/types").CmsDynamicZoneTemplate[] | undefined;
-        imagesOnly?: boolean | undefined;
+        defaultValue?: string | boolean | number | null | undefined;
+        defaultSetValue?: string;
+        type?: string;
+        models?: Pick<import("@webiny/app-headless-cms-common/types/model").CmsModel, "modelId">[];
+        templates?: import("@webiny/app-headless-cms-common/types/index.js").CmsDynamicZoneTemplate[];
+        imagesOnly?: boolean;
     };
     hasFields(): boolean;
     logMissingFields(): void;

package/admin/plugins/fieldRenderers/object/FieldSettings.js

@@ -1,65 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldSettings = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var cache = new Map();
+const cache = new Map();
 
 /**
  * This class helps us handle the `field.settings` and encapsulate defaults, checks of undefined, etc.
  * We also want to prevent log spamming in the browser console, so we cache and reuse each instance
  * for every unique field object. That way, each instance can track its own state.
  */
-var FieldSettings = exports.FieldSettings = /*#__PURE__*/function () {
-  function FieldSettings(field) {
-    (0, _classCallCheck2.default)(this, FieldSettings);
-    (0, _defineProperty2.default)(this, "logged", false);
+export class FieldSettings {
+  logged = false;
+  constructor(field) {
     this.field = field;
   }
-  return (0, _createClass2.default)(FieldSettings, [{
-    key: "getSettings",
-    value: function getSettings() {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.field.settings), {}, {
-        fields: this.field.settings?.fields || [],
-        layout: this.field.settings?.layout || []
-      });
+  getSettings() {
+    return {
+      ...this.field.settings,
+      fields: this.field.settings?.fields || [],
+      layout: this.field.settings?.layout || []
+    };
+  }
+  hasFields() {
+    if (!this.field.settings) {
+      return false;
     }
-  }, {
-    key: "hasFields",
-    value: function hasFields() {
-      if (!this.field.settings) {
-        return false;
-      }
-      if (!this.field.settings.fields) {
-        return false;
-      }
-      return this.field.settings.fields.length > 0;
+    if (!this.field.settings.fields) {
+      return false;
     }
-  }, {
-    key: "logMissingFields",
-    value: function logMissingFields() {
-      if (this.logged) {
-        return;
-      }
-      console.info("Skipping \"".concat(this.field.fieldId, "\" field. There are no fields defined for this object."));
-      this.logged = true;
+    return this.field.settings.fields.length > 0;
+  }
+  logMissingFields() {
+    if (this.logged) {
+      return;
     }
-  }], [{
-    key: "createFrom",
-    value: function createFrom(field) {
-      if (cache.has(field)) {
-        return cache.get(field);
-      }
-      cache.set(field, new FieldSettings(field));
+    console.info(`Skipping "${this.field.fieldId}" field. There are no fields defined for this object.`);
+    this.logged = true;
+  }
+  static createFrom(field) {
+    if (cache.has(field)) {
       return cache.get(field);
     }
-  }]);
-}();
+    cache.set(field, new FieldSettings(field));
+    return cache.get(field);
+  }
+}
 
 //# sourceMappingURL=FieldSettings.js.map

package/admin/plugins/fieldRenderers/object/FieldSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["cache","Map","FieldSettings","exports","field","_classCallCheck2","default","_defineProperty2","_createClass2","key","value","getSettings","_objectSpread2","settings","fields","layout","hasFields","length","logMissingFields","logged","console","info","concat","fieldId","createFrom","has","get","set"],"sources":["FieldSettings.ts"],"sourcesContent":["import { CmsModelField } from \"@webiny/app-headless-cms-common/types\";\n\nconst cache = new Map<CmsModelField, FieldSettings>();\n\n/**\n * This class helps us handle the `field.settings` and encapsulate defaults, checks of undefined, etc.\n * We also want to prevent log spamming in the browser console, so we cache and reuse each instance\n * for every unique field object. That way, each instance can track its own state.\n */\nexport class FieldSettings {\n    private readonly field: CmsModelField;\n    private logged = false;\n\n    private constructor(field: CmsModelField) {\n        this.field = field;\n    }\n\n    getSettings() {\n        return {\n            ...this.field.settings,\n            fields: this.field.settings?.fields || [],\n            layout: this.field.settings?.layout || []\n        };\n    }\n\n    hasFields() {\n        if (!this.field.settings) {\n            return false;\n        }\n\n        if (!this.field.settings.fields) {\n            return false;\n        }\n\n        return this.field.settings.fields.length > 0;\n    }\n\n    logMissingFields() {\n        if (this.logged) {\n            return;\n        }\n\n        console.info(\n            `Skipping \"${this.field.fieldId}\" field. There are no fields defined for this object.`\n        );\n\n        this.logged = true;\n    }\n\n    public static createFrom(field: CmsModelField): FieldSettings {\n        if (cache.has(field)) {\n            return cache.get(field) as FieldSettings;\n        }\n\n        cache.set(field, new FieldSettings(field));\n\n        return cache.get(field) as FieldSettings;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,IAAIC,GAAG,CAA+B,CAAC;;AAErD;AACA;AACA;AACA;AACA;AAJA,IAKaC,aAAa,GAAAC,OAAA,CAAAD,aAAA;EAItB,SAAAA,cAAoBE,KAAoB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,aAAA;IAAA,IAAAK,gBAAA,CAAAD,OAAA,kBAFzB,KAAK;IAGlB,IAAI,CAACF,KAAK,GAAGA,KAAK;EACtB;EAAC,WAAAI,aAAA,CAAAF,OAAA,EAAAJ,aAAA;IAAAO,GAAA;IAAAC,KAAA,EAED,SAAAC,YAAA,EAAc;MACV,WAAAC,cAAA,CAAAN,OAAA,MAAAM,cAAA,CAAAN,OAAA,MACO,IAAI,CAACF,KAAK,CAACS,QAAQ;QACtBC,MAAM,EAAE,IAAI,CAACV,KAAK,CAACS,QAAQ,EAAEC,MAAM,IAAI,EAAE;QACzCC,MAAM,EAAE,IAAI,CAACX,KAAK,CAACS,QAAQ,EAAEE,MAAM,IAAI;MAAE;IAEjD;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,UAAA,EAAY;MACR,IAAI,CAAC,IAAI,CAACZ,KAAK,CAACS,QAAQ,EAAE;QACtB,OAAO,KAAK;MAChB;MAEA,IAAI,CAAC,IAAI,CAACT,KAAK,CAACS,QAAQ,CAACC,MAAM,EAAE;QAC7B,OAAO,KAAK;MAChB;MAEA,OAAO,IAAI,CAACV,KAAK,CAACS,QAAQ,CAACC,MAAM,CAACG,MAAM,GAAG,CAAC;IAChD;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAQ,iBAAA,EAAmB;MACf,IAAI,IAAI,CAACC,MAAM,EAAE;QACb;MACJ;MAEAC,OAAO,CAACC,IAAI,eAAAC,MAAA,CACK,IAAI,CAAClB,KAAK,CAACmB,OAAO,2DACnC,CAAC;MAED,IAAI,CAACJ,MAAM,GAAG,IAAI;IACtB;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAc,WAAyBpB,KAAoB,EAAiB;MAC1D,IAAIJ,KAAK,CAACyB,GAAG,CAACrB,KAAK,CAAC,EAAE;QAClB,OAAOJ,KAAK,CAAC0B,GAAG,CAACtB,KAAK,CAAC;MAC3B;MAEAJ,KAAK,CAAC2B,GAAG,CAACvB,KAAK,EAAE,IAAIF,aAAa,CAACE,KAAK,CAAC,CAAC;MAE1C,OAAOJ,KAAK,CAAC0B,GAAG,CAACtB,KAAK,CAAC;IAC3B;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["cache","Map","FieldSettings","logged","constructor","field","getSettings","settings","fields","layout","hasFields","length","logMissingFields","console","info","fieldId","createFrom","has","get","set"],"sources":["FieldSettings.ts"],"sourcesContent":["import type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nconst cache = new Map<CmsModelField, FieldSettings>();\n\n/**\n * This class helps us handle the `field.settings` and encapsulate defaults, checks of undefined, etc.\n * We also want to prevent log spamming in the browser console, so we cache and reuse each instance\n * for every unique field object. That way, each instance can track its own state.\n */\nexport class FieldSettings {\n    private readonly field: CmsModelField;\n    private logged = false;\n\n    private constructor(field: CmsModelField) {\n        this.field = field;\n    }\n\n    getSettings() {\n        return {\n            ...this.field.settings,\n            fields: this.field.settings?.fields || [],\n            layout: this.field.settings?.layout || []\n        };\n    }\n\n    hasFields() {\n        if (!this.field.settings) {\n            return false;\n        }\n\n        if (!this.field.settings.fields) {\n            return false;\n        }\n\n        return this.field.settings.fields.length > 0;\n    }\n\n    logMissingFields() {\n        if (this.logged) {\n            return;\n        }\n\n        console.info(\n            `Skipping \"${this.field.fieldId}\" field. There are no fields defined for this object.`\n        );\n\n        this.logged = true;\n    }\n\n    public static createFrom(field: CmsModelField): FieldSettings {\n        if (cache.has(field)) {\n            return cache.get(field) as FieldSettings;\n        }\n\n        cache.set(field, new FieldSettings(field));\n\n        return cache.get(field) as FieldSettings;\n    }\n}\n"],"mappings":"AAEA,MAAMA,KAAK,GAAG,IAAIC,GAAG,CAA+B,CAAC;;AAErD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,CAAC;EAEfC,MAAM,GAAG,KAAK;EAEdC,WAAWA,CAACC,KAAoB,EAAE;IACtC,IAAI,CAACA,KAAK,GAAGA,KAAK;EACtB;EAEAC,WAAWA,CAAA,EAAG;IACV,OAAO;MACH,GAAG,IAAI,CAACD,KAAK,CAACE,QAAQ;MACtBC,MAAM,EAAE,IAAI,CAACH,KAAK,CAACE,QAAQ,EAAEC,MAAM,IAAI,EAAE;MACzCC,MAAM,EAAE,IAAI,CAACJ,KAAK,CAACE,QAAQ,EAAEE,MAAM,IAAI;IAC3C,CAAC;EACL;EAEAC,SAASA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAACL,KAAK,CAACE,QAAQ,EAAE;MACtB,OAAO,KAAK;IAChB;IAEA,IAAI,CAAC,IAAI,CAACF,KAAK,CAACE,QAAQ,CAACC,MAAM,EAAE;MAC7B,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI,CAACH,KAAK,CAACE,QAAQ,CAACC,MAAM,CAACG,MAAM,GAAG,CAAC;EAChD;EAEAC,gBAAgBA,CAAA,EAAG;IACf,IAAI,IAAI,CAACT,MAAM,EAAE;MACb;IACJ;IAEAU,OAAO,CAACC,IAAI,CACR,aAAa,IAAI,CAACT,KAAK,CAACU,OAAO,uDACnC,CAAC;IAED,IAAI,CAACZ,MAAM,GAAG,IAAI;EACtB;EAEA,OAAca,UAAUA,CAACX,KAAoB,EAAiB;IAC1D,IAAIL,KAAK,CAACiB,GAAG,CAACZ,KAAK,CAAC,EAAE;MAClB,OAAOL,KAAK,CAACkB,GAAG,CAACb,KAAK,CAAC;IAC3B;IAEAL,KAAK,CAACmB,GAAG,CAACd,KAAK,EAAE,IAAIH,aAAa,CAACG,KAAK,CAAC,CAAC;IAE1C,OAAOL,KAAK,CAACkB,GAAG,CAACb,KAAK,CAAC;EAC3B;AACJ","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/MultiValueContainer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "@webiny/app-headless-cms-common/types/index.js";
+type GetBind = CmsModelFieldRendererProps["getBind"];
+export interface MultiValueContainerProps {
+    bind: BindComponentRenderProp;
+    getBind: GetBind;
+    showTitle?: boolean;
+}
+export declare const MultiValueContainer: (props: MultiValueContainerProps) => React.JSX.Element | null;
+export {};

package/admin/plugins/fieldRenderers/object/MultiValueContainer.js

@@ -0,0 +1,114 @@
+import React, { useState } from "react";
+import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
+import { Cell } from "@webiny/ui/Grid/index.js";
+import { useConfirmationDialog } from "@webiny/app-admin";
+import { MultiValueItemContainer } from "./MultiValueItemContainer.js";
+import { Fields } from "../../../components/ContentEntryForm/Fields.js";
+import DynamicSection from "../DynamicSection.js";
+import { dynamicSectionGridStyle, fieldsGridStyle, ItemHighLight, ObjectItem } from "./StyledComponents.js";
+import { FieldSettings } from "./FieldSettings.js";
+import { useModelField } from "../../../components/ModelFieldProvider/index.js";
+import { useModel } from "../../../components/ModelProvider/index.js";
+export const MultiValueContainer = props => {
+  const [highlightMap, setHighlightIndex] = useState({});
+  const [itemState, setItemState] = useState({});
+  const {
+    model
+  } = useModel();
+  const {
+    field
+  } = useModelField();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
+    message: `Are you sure you want to delete this item? This action is not reversible.`,
+    acceptLabel: `Yes, I'm sure!`,
+    cancelLabel: `No, leave it.`
+  });
+  const fieldSettings = FieldSettings.createFrom(field);
+  if (!fieldSettings.hasFields()) {
+    fieldSettings.logMissingFields();
+    return null;
+  }
+  const toggleItemState = index => {
+    setItemState(state => ({
+      ...state,
+      [index]: !state[index]
+    }));
+  };
+  const onAddItem = index => {
+    setItemState(state => ({
+      ...state,
+      [index]: true
+    }));
+  };
+  const settings = fieldSettings.getSettings();
+  return /*#__PURE__*/React.createElement(DynamicSection, Object.assign({}, props, {
+    showLabel: props.showTitle,
+    field: field,
+    emptyValue: {},
+    onAddItem: onAddItem,
+    gridClassName: dynamicSectionGridStyle
+  }), ({
+    Bind,
+    bind,
+    index
+  }) => {
+    const onMoveDown = () => {
+      bind.field.moveValueDown(index);
+      setHighlightIndex(map => ({
+        ...map,
+        [index + 1]: generateAlphaNumericLowerCaseId(12)
+      }));
+      setItemState(state => {
+        return {
+          ...state,
+          [index + 1]: state[index] ?? false,
+          [index]: state[index + 1] ?? false
+        };
+      });
+    };
+    const onMoveUp = () => {
+      bind.field.moveValueUp(index);
+      setHighlightIndex(map => ({
+        ...map,
+        [index - 1]: generateAlphaNumericLowerCaseId(12)
+      }));
+      setItemState(state => {
+        return {
+          ...state,
+          [index - 1]: state[index] ?? false,
+          [index]: state[index - 1] ?? false
+        };
+      });
+    };
+    const onDelete = () => {
+      showConfirmation(() => {
+        bind.field.removeValue(index);
+      });
+    };
+    return /*#__PURE__*/React.createElement(ObjectItem, null, highlightMap[index] ? /*#__PURE__*/React.createElement(ItemHighLight, {
+      key: highlightMap[index]
+    }) : null, /*#__PURE__*/React.createElement(MultiValueItemContainer, {
+      value: bind.index.value,
+      title: `${field.label} #${index + 1}`,
+      isFirst: index === 0,
+      isLast: index === bind.field.value.length - 1,
+      onMoveUp: onMoveUp,
+      onMoveDown: onMoveDown,
+      onDelete: onDelete,
+      isExpanded: itemState[index] ?? false,
+      toggleExpanded: () => toggleItemState(index)
+    }, /*#__PURE__*/React.createElement(Cell, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Fields, {
+      Bind: Bind,
+      contentModel: model,
+      fields: settings.fields,
+      layout: settings.layout,
+      gridClassName: fieldsGridStyle
+    }))));
+  });
+};
+
+//# sourceMappingURL=MultiValueContainer.js.map

package/admin/plugins/fieldRenderers/object/MultiValueContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","generateAlphaNumericLowerCaseId","Cell","useConfirmationDialog","MultiValueItemContainer","Fields","DynamicSection","dynamicSectionGridStyle","fieldsGridStyle","ItemHighLight","ObjectItem","FieldSettings","useModelField","useModel","MultiValueContainer","props","highlightMap","setHighlightIndex","itemState","setItemState","model","field","showConfirmation","message","acceptLabel","cancelLabel","fieldSettings","createFrom","hasFields","logMissingFields","toggleItemState","index","state","onAddItem","settings","getSettings","createElement","Object","assign","showLabel","showTitle","emptyValue","gridClassName","Bind","bind","onMoveDown","moveValueDown","map","onMoveUp","moveValueUp","onDelete","removeValue","key","value","title","label","isFirst","isLast","length","isExpanded","toggleExpanded","span","contentModel","fields","layout"],"sources":["MultiValueContainer.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { Cell } from \"@webiny/ui/Grid/index.js\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport type {\n    BindComponentRenderProp,\n    CmsModelFieldRendererProps\n} from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { MultiValueItemContainer } from \"~/admin/plugins/fieldRenderers/object/MultiValueItemContainer.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\nimport DynamicSection from \"~/admin/plugins/fieldRenderers/DynamicSection.js\";\nimport {\n    dynamicSectionGridStyle,\n    fieldsGridStyle,\n    ItemHighLight,\n    ObjectItem\n} from \"~/admin/plugins/fieldRenderers/object/StyledComponents.js\";\nimport { FieldSettings } from \"~/admin/plugins/fieldRenderers/object/FieldSettings.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\ntype GetBind = CmsModelFieldRendererProps[\"getBind\"];\n\nexport interface MultiValueContainerProps {\n    bind: BindComponentRenderProp;\n    getBind: GetBind;\n    showTitle?: boolean;\n}\n\nexport const MultiValueContainer = (props: MultiValueContainerProps) => {\n    const [highlightMap, setHighlightIndex] = useState<{ [key: number]: string }>({});\n    const [itemState, setItemState] = useState<{ [key: number]: boolean }>({});\n\n    const { model } = useModel();\n    const { field } = useModelField();\n\n    const { showConfirmation } = useConfirmationDialog({\n        message: `Are you sure you want to delete this item? This action is not reversible.`,\n        acceptLabel: `Yes, I'm sure!`,\n        cancelLabel: `No, leave it.`\n    });\n\n    const fieldSettings = FieldSettings.createFrom(field);\n\n    if (!fieldSettings.hasFields()) {\n        fieldSettings.logMissingFields();\n        return null;\n    }\n\n    const toggleItemState = (index: number) => {\n        setItemState(state => ({ ...state, [index]: !state[index] }));\n    };\n\n    const onAddItem = (index: number) => {\n        setItemState(state => ({ ...state, [index]: true }));\n    };\n\n    const settings = fieldSettings.getSettings();\n\n    return (\n        <DynamicSection\n            {...props}\n            showLabel={props.showTitle}\n            field={field}\n            emptyValue={{}}\n            onAddItem={onAddItem}\n            gridClassName={dynamicSectionGridStyle}\n        >\n            {({ Bind, bind, index }) => {\n                const onMoveDown = () => {\n                    bind.field.moveValueDown(index);\n\n                    setHighlightIndex(map => ({\n                        ...map,\n                        [index + 1]: generateAlphaNumericLowerCaseId(12)\n                    }));\n\n                    setItemState(state => {\n                        return {\n                            ...state,\n                            [index + 1]: state[index] ?? false,\n                            [index]: state[index + 1] ?? false\n                        };\n                    });\n                };\n\n                const onMoveUp = () => {\n                    bind.field.moveValueUp(index);\n\n                    setHighlightIndex(map => ({\n                        ...map,\n                        [index - 1]: generateAlphaNumericLowerCaseId(12)\n                    }));\n\n                    setItemState(state => {\n                        return {\n                            ...state,\n                            [index - 1]: state[index] ?? false,\n                            [index]: state[index - 1] ?? false\n                        };\n                    });\n                };\n\n                const onDelete = () => {\n                    showConfirmation(() => {\n                        bind.field.removeValue(index);\n                    });\n                };\n\n                return (\n                    <ObjectItem>\n                        {highlightMap[index] ? <ItemHighLight key={highlightMap[index]} /> : null}\n                        <MultiValueItemContainer\n                            value={bind.index.value}\n                            title={`${field.label} #${index + 1}`}\n                            isFirst={index === 0}\n                            isLast={index === bind.field.value.length - 1}\n                            onMoveUp={onMoveUp}\n                            onMoveDown={onMoveDown}\n                            onDelete={onDelete}\n                            isExpanded={itemState[index] ?? false}\n                            toggleExpanded={() => toggleItemState(index)}\n                        >\n                            <Cell span={12}>\n                                <Fields\n                                    Bind={Bind}\n                                    contentModel={model}\n                                    fields={settings.fields}\n                                    layout={settings.layout}\n                                    gridClassName={fieldsGridStyle}\n                                />\n                            </Cell>\n                        </MultiValueItemContainer>\n                    </ObjectItem>\n                );\n            }}\n        </DynamicSection>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import type { GenericRecord } from "@webiny/app/types.js";
+export interface MultiValueItemContainerProps {
+    value: GenericRecord<string>;
+    isFirst: boolean;
+    isLast: boolean;
+    onMoveUp: () => void;
+    onMoveDown: () => void;
+    onDelete: () => void;
+    isExpanded: boolean;
+    toggleExpanded: () => void;
+    title: string;
+    children: React.ReactNode;
+}
+export declare const MultiValueItemContainer: (({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element) & {
+    original: ({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element) & {
+        original: ({ children, ...props }: MultiValueItemContainerProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { Accordion, IconButton } from "@webiny/admin-ui";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete_outline.svg";
+import { ReactComponent as ArrowUp } from "@webiny/icons/arrow_upward.svg";
+import { ReactComponent as ArrowDown } from "@webiny/icons/arrow_downward.svg";
+export const MultiValueItemContainer = makeDecoratable("MultiValueItemContainer", ({
+  children,
+  ...props
+}) => {
+  const {
+    onMoveUp,
+    onMoveDown,
+    onDelete,
+    isLast,
+    isFirst
+  } = props;
+  const actions = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(ArrowDown, null),
+    onClick: e => {
+      e.stopPropagation();
+      onMoveDown();
+    },
+    variant: "ghost",
+    disabled: isLast
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(ArrowUp, null),
+    onClick: e => {
+      e.stopPropagation();
+      onMoveUp();
+    },
+    variant: "ghost",
+    disabled: isFirst
+  }), /*#__PURE__*/React.createElement(Accordion.Item.Action.Separator, null), /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
+    onClick: e => {
+      e.stopPropagation();
+      onDelete();
+    },
+    variant: "ghost"
+  }));
+  return /*#__PURE__*/React.createElement(Accordion, {
+    background: "base",
+    variant: "container",
+    openClosedIndicatorPosition: "left"
+  }, /*#__PURE__*/React.createElement(Accordion.Item, {
+    title: props.title,
+    actions: actions,
+    defaultOpen: props.isExpanded
+  }, children));
+});
+
+//# sourceMappingURL=MultiValueItemContainer.js.map

package/admin/plugins/fieldRenderers/object/MultiValueItemContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Accordion","IconButton","ReactComponent","DeleteIcon","ArrowUp","ArrowDown","MultiValueItemContainer","children","props","onMoveUp","onMoveDown","onDelete","isLast","isFirst","actions","createElement","Fragment","icon","onClick","e","stopPropagation","variant","disabled","Item","Action","Separator","background","openClosedIndicatorPosition","title","defaultOpen","isExpanded"],"sources":["MultiValueItemContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { Accordion, IconButton } from \"@webiny/admin-ui\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as ArrowUp } from \"@webiny/icons/arrow_upward.svg\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/arrow_downward.svg\";\n\nexport interface MultiValueItemContainerProps {\n    value: GenericRecord<string>;\n    isFirst: boolean;\n    isLast: boolean;\n    onMoveUp: () => void;\n    onMoveDown: () => void;\n    onDelete: () => void;\n    isExpanded: boolean;\n    toggleExpanded: () => void;\n    title: string;\n    children: React.ReactNode;\n}\n\nexport const MultiValueItemContainer = makeDecoratable(\n    \"MultiValueItemContainer\",\n    ({ children, ...props }: MultiValueItemContainerProps) => {\n        const { onMoveUp, onMoveDown, onDelete, isLast, isFirst } = props;\n\n        const actions = (\n            <>\n                <IconButton\n                    icon={<ArrowDown />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onMoveDown();\n                    }}\n                    variant=\"ghost\"\n                    disabled={isLast}\n                />\n                <IconButton\n                    icon={<ArrowUp />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onMoveUp();\n                    }}\n                    variant=\"ghost\"\n                    disabled={isFirst}\n                />\n                <Accordion.Item.Action.Separator />\n                <IconButton\n                    icon={<DeleteIcon />}\n                    onClick={e => {\n                        e.stopPropagation();\n                        onDelete();\n                    }}\n                    variant=\"ghost\"\n                />\n            </>\n        );\n\n        return (\n            <Accordion\n                background={\"base\"}\n                variant={\"container\"}\n                openClosedIndicatorPosition={\"left\"}\n            >\n                <Accordion.Item\n                    title={props.title}\n                    actions={actions}\n                    defaultOpen={props.isExpanded}\n                >\n                    {children}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,SAAS,EAAEC,UAAU,QAAQ,kBAAkB;AAExD,SAASC,cAAc,IAAIC,UAAU,QAAQ,kCAAkC;AAC/E,SAASD,cAAc,IAAIE,OAAO,QAAQ,gCAAgC;AAC1E,SAASF,cAAc,IAAIG,SAAS,QAAQ,kCAAkC;AAe9E,OAAO,MAAMC,uBAAuB,GAAGP,eAAe,CAClD,yBAAyB,EACzB,CAAC;EAAEQ,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtD,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGL,KAAK;EAEjE,MAAMM,OAAO,gBACThB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACPgB,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACV,SAAS,MAAE,CAAE;IACpBa,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBV,UAAU,CAAC,CAAC;IAChB,CAAE;IACFW,OAAO,EAAC,OAAO;IACfC,QAAQ,EAAEV;EAAO,CACpB,CAAC,eACFd,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACPgB,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACX,OAAO,MAAE,CAAE;IAClBc,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,QAAQ,CAAC,CAAC;IACd,CAAE;IACFY,OAAO,EAAC,OAAO;IACfC,QAAQ,EAAET;EAAQ,CACrB,CAAC,eACFf,KAAA,CAAAiB,aAAA,CAACf,SAAS,CAACuB,IAAI,CAACC,MAAM,CAACC,SAAS,MAAE,CAAC,eACnC3B,KAAA,CAAAiB,aAAA,CAACd,UAAU;IACPgB,IAAI,eAAEnB,KAAA,CAAAiB,aAAA,CAACZ,UAAU,MAAE,CAAE;IACrBe,OAAO,EAAEC,CAAC,IAAI;MACVA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBT,QAAQ,CAAC,CAAC;IACd,CAAE;IACFU,OAAO,EAAC;EAAO,CAClB,CACH,CACL;EAED,oBACIvB,KAAA,CAAAiB,aAAA,CAACf,SAAS;IACN0B,UAAU,EAAE,MAAO;IACnBL,OAAO,EAAE,WAAY;IACrBM,2BAA2B,EAAE;EAAO,gBAEpC7B,KAAA,CAAAiB,aAAA,CAACf,SAAS,CAACuB,IAAI;IACXK,KAAK,EAAEpB,KAAK,CAACoB,KAAM;IACnBd,OAAO,EAAEA,OAAQ;IACjBe,WAAW,EAAErB,KAAK,CAACsB;EAAW,GAE7BvB,QACW,CACT,CAAC;AAEpB,CACJ,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/object/StyledComponents.d.ts

@@ -1,13 +1,11 @@
-/// <reference types="react" />
-export declare const fieldsWrapperStyle: string;
 export declare const dynamicSectionTitleStyle: string;
 export declare const dynamicSectionGridStyle: string;
 export declare const fieldsGridStyle: string;
 export declare const ObjectItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemHighLight: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/plugins/fieldRenderers/object/StyledComponents.js

@@ -1,20 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fieldsWrapperStyle = exports.fieldsGridStyle = exports.dynamicSectionTitleStyle = exports.dynamicSectionGridStyle = exports.ObjectItem = exports.ItemHighLight = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _emotion = require("emotion");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import _styled from "@emotion/styled/base";
 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 fieldsWrapperStyle = exports.fieldsWrapperStyle = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n"])));
-var dynamicSectionTitleStyle = exports.dynamicSectionTitleStyle = (0, _emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    margin-top: 24px;\n"])));
-var dynamicSectionGridStyle = exports.dynamicSectionGridStyle = (0, _emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n"])));
-var fieldsGridStyle = exports.fieldsGridStyle = (0, _emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n"])));
-var ObjectItem = exports.ObjectItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+import { css } from "@emotion/css";
+export const dynamicSectionTitleStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "1d0nbku",
+  styles: "margin-top:24px"
+} : {
+  name: "ni4rfk-dynamicSectionTitleStyle",
+  styles: "margin-top:24px;label:dynamicSectionTitleStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const dynamicSectionGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "6bwtfr",
+  styles: "&>.mdc-layout-grid__inner{grid-gap:8px;}"
+} : {
+  name: "c4xhr-dynamicSectionGridStyle",
+  styles: "&>.mdc-layout-grid__inner{grid-gap:8px;};label:dynamicSectionGridStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const fieldsGridStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "1t4nest",
+  styles: "&.mdc-layout-grid{padding:8px;}"
+} : {
+  name: "17rca61-fieldsGridStyle",
+  styles: "&.mdc-layout-grid{padding:8px;};label:fieldsGridStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6IlN0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const ObjectItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "efe1kdz1"
 } : {
   target: "efe1kdz1",
@@ -24,11 +35,10 @@ var ObjectItem = exports.ObjectItem = /*#__PURE__*/(0, _base.default)("div", pro
   styles: "position:relative"
 } : {
   name: "bjn8wh",
-  styles: "position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuXG5leHBvcnQgY29uc3QgZmllbGRzV3JhcHBlclN0eWxlID0gY3NzYFxuICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuICAgIHBhZGRpbmctbGVmdDogMTZweDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */",
+  styles: "position:relative/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJvQyIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ItemHighLight = exports.ItemHighLight = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const ItemHighLight = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "efe1kdz0"
 } : {
   target: "efe1kdz0",
@@ -54,6 +64,6 @@ var ItemHighLight = exports.ItemHighLight = /*#__PURE__*/(0, _base.default)("div
       opacity: 1
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M2QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuXG5leHBvcnQgY29uc3QgZmllbGRzV3JhcHBlclN0eWxlID0gY3NzYFxuICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuICAgIHBhZGRpbmctbGVmdDogMTZweDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtcHJpbWFyeSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uVGl0bGVTdHlsZSA9IGNzc2BcbiAgICBtYXJnaW4tdG9wOiAyNHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IGR5bmFtaWNTZWN0aW9uR3JpZFN0eWxlID0gY3NzYFxuICAgICYgPiAubWRjLWxheW91dC1ncmlkX19pbm5lciB7XG4gICAgICAgIGdyaWQtZ2FwOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGZpZWxkc0dyaWRTdHlsZSA9IGNzc2BcbiAgICAmLm1kYy1sYXlvdXQtZ3JpZCB7XG4gICAgICAgIHBhZGRpbmc6IDhweDtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT2JqZWN0SXRlbSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW1IaWdoTGlnaHQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIFwiJlwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIGFuaW1hdGlvbjogXCJ3Zi1ibGluay1pbiAxc1wiLFxuICAgICAgICBib3JkZXI6IFwiMnB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAgMTVweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSg0MiwgMjE3LCAxMzQsIDAuMjUpXCIsXG4gICAgICAgIGJvcmRlclJhZGl1czogXCIycHhcIixcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAtMTIsXG4gICAgICAgIHJpZ2h0OiAtOCxcbiAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiXG4gICAgfSxcbiAgICBcIkBrZXlmcmFtZXMgd2YtYmxpbmstaW5cIjogeyBcIjQwJVwiOiB7IG9wYWNpdHk6IDEgfSB9XG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZENvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI2QiIsImZpbGUiOiJTdHlsZWRDb21wb25lbnRzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvblRpdGxlU3R5bGUgPSBjc3NgXG4gICAgbWFyZ2luLXRvcDogMjRweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBkeW5hbWljU2VjdGlvbkdyaWRTdHlsZSA9IGNzc2BcbiAgICAmID4gLm1kYy1sYXlvdXQtZ3JpZF9faW5uZXIge1xuICAgICAgICBncmlkLWdhcDogOHB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBmaWVsZHNHcmlkU3R5bGUgPSBjc3NgXG4gICAgJi5tZGMtbGF5b3V0LWdyaWQge1xuICAgICAgICBwYWRkaW5nOiA4cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE9iamVjdEl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtSGlnaExpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBcIiZcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICBhbmltYXRpb246IFwid2YtYmxpbmstaW4gMXNcIixcbiAgICAgICAgYm9yZGVyOiBcIjJweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwIDE1cHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoNDIsIDIxNywgMTM0LCAwLjI1KVwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogLTEyLFxuICAgICAgICByaWdodDogLTgsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIlxuICAgIH0sXG4gICAgXCJAa2V5ZnJhbWVzIHdmLWJsaW5rLWluXCI6IHsgXCI0MCVcIjogeyBvcGFjaXR5OiAxIH0gfVxufSk7XG4iXX0= */");
 
 //# sourceMappingURL=StyledComponents.js.map

package/admin/plugins/fieldRenderers/object/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_EMOTION_STRINGIFIED_CSS_ERROR__","fieldsWrapperStyle","exports","css","_taggedTemplateLiteral2","default","dynamicSectionTitleStyle","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const fieldsWrapperStyle = css`\n    border-left: 2px solid var(--mdc-theme-on-background);\n    padding-left: 16px;\n\n    &:focus-within {\n        border-color: var(--mdc-theme-primary);\n    }\n`;\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,iCAAA;AAEvB,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,OAAGE,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,uBAAA,CAAAC,OAAA,gLAOpC;AAEM,IAAMC,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,OAAGH,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,uBAAA,CAAAC,OAAA,kCAE1C;AAEM,IAAME,uBAAuB,GAAAL,OAAA,CAAAK,uBAAA,OAAGJ,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,6EAIzC;AAEM,IAAMG,eAAe,GAAAN,OAAA,CAAAM,eAAA,OAAGL,YAAG,EAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,CAAAC,OAAA,kEAIjC;AAEM,IAAMI,UAAU,GAAAP,OAAA,CAAAO,UAAA,oBAAAC,KAAA,CAAAL,OAAA,SAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAnB;AAAA,EAEtB;AAEM,IAAMoB,aAAa,GAAAlB,OAAA,CAAAkB,aAAA,gBAAG,IAAAV,KAAA,CAAAL,OAAA,EAAO,KAAK,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACvC,GAAG,EAAE;IACDM,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,m2DAAC","ignoreList":[]}
+{"version":3,"names":["css","dynamicSectionTitleStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","dynamicSectionGridStyle","fieldsGridStyle","ObjectItem","_styled","target","label","ItemHighLight","opacity","animation","border","boxShadow","backgroundColor","borderRadius","position","top","left","right","bottom","zIndex","pointerEvents"],"sources":["StyledComponents.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\n\nexport const dynamicSectionTitleStyle = css`\n    margin-top: 24px;\n`;\n\nexport const dynamicSectionGridStyle = css`\n    & > .mdc-layout-grid__inner {\n        grid-gap: 8px;\n    }\n`;\n\nexport const fieldsGridStyle = css`\n    &.mdc-layout-grid {\n        padding: 8px;\n    }\n`;\n\nexport const ObjectItem = styled.div`\n    position: relative;\n`;\n\nexport const ItemHighLight = styled(\"div\")({\n    \"&\": {\n        opacity: 0,\n        animation: \"wf-blink-in 1s\",\n        border: \"2px solid var(--mdc-theme-secondary)\",\n        boxShadow: \"0 0 15px var(--mdc-theme-secondary)\",\n        backgroundColor: \"rgba(42, 217, 134, 0.25)\",\n        borderRadius: \"2px\",\n        position: \"absolute\",\n        top: 0,\n        left: -12,\n        right: -8,\n        bottom: 0,\n        zIndex: 1,\n        pointerEvents: \"none\"\n    },\n    \"@keyframes wf-blink-in\": { \"40%\": { opacity: 1 } }\n});\n"],"mappings":";;AACA,SAASA,GAAG,QAAQ,cAAc;AAElC,OAAO,MAAMC,wBAAwB,gBAAGD,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAE1C;AAED,OAAO,MAAMC,uBAAuB,gBAAGT,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIzC;AAED,OAAO,MAAME,eAAe,gBAAGV,GAAG,CAAAE,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAIjC;AAED,OAAO,MAAMG,UAAU,gBAAAC,OAAA,QAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,EAEtB;AAED,OAAO,MAAMO,aAAa,gBAAGH,OAAA,CAAO,KAAK,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAS,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EACvC,GAAG,EAAE;IACDE,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE,gBAAgB;IAC3BC,MAAM,EAAE,sCAAsC;IAC9CC,SAAS,EAAE,qCAAqC;IAChDC,eAAe,EAAE,0BAA0B;IAC3CC,YAAY,EAAE,KAAK;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC,EAAE;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE;EACnB,CAAC;EACD,wBAAwB,EAAE;IAAE,KAAK,EAAE;MAAEZ,OAAO,EAAE;IAAE;EAAE;AACtD,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,+kDAAC","ignoreList":[]}