@webiny/app-headless-cms 5.42.2-beta.0 → 5.42.2-beta.2

package/admin/components/ContentEntryForm/createValidationScope.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ModelFieldProvider","validationScopeStyles","display","createValidationScope","exports","path","ValidationScope","_ref","children","_useModelField","useModelField","field","multipleValues","undefined","default","createElement","style","type","String","renderer","name"],"sources":["createValidationScope.tsx"],"sourcesContent":["import React from \"react\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-field-validation-scope\": {\n                \"data-path\": string;\n                \"data-field-type\": string;\n                \"data-field-multiple-values\": string;\n                \"data-field-renderer\": string;\n                style: React.CSSProperties;\n                children: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst validationScopeStyles = { display: \"inherit\" };\n\nexport const createValidationScope = (path: string) => {\n    return function ValidationScope({ children }: { children: React.ReactNode }) {\n        const { field } = useModelField();\n\n        if (field.multipleValues === undefined) {\n            field.multipleValues = false;\n        }\n\n        return (\n            <hcms-field-validation-scope\n                style={validationScopeStyles}\n                data-path={path}\n                data-field-type={field.type}\n                data-field-multiple-values={String(field.multipleValues)}\n                data-field-renderer={String(field.renderer.name)}\n            >\n                {children}\n            </hcms-field-validation-scope>\n        );\n    };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAkBA,IAAME,qBAAqB,GAAG;EAAEC,OAAO,EAAE;AAAU,CAAC;AAE7C,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIE,IAAY,EAAK;EACnD,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAA8C;IAAA,IAA3CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACtC,IAAAC,cAAA,GAAkB,IAAAC,iCAAa,EAAC,CAAC;MAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;IAEb,IAAIA,KAAK,CAACC,cAAc,KAAKC,SAAS,EAAE;MACpCF,KAAK,CAACC,cAAc,GAAG,KAAK;IAChC;IAEA,oBACIf,MAAA,CAAAiB,OAAA,CAAAC,aAAA;MACIC,KAAK,EAAEf,qBAAsB;MAC7B,aAAWI,IAAK;MAChB,mBAAiBM,KAAK,CAACM,IAAK;MAC5B,8BAA4BC,MAAM,CAACP,KAAK,CAACC,cAAc,CAAE;MACzD,uBAAqBM,MAAM,CAACP,KAAK,CAACQ,QAAQ,CAACC,IAAI;IAAE,GAEhDZ,QACwB,CAAC;EAEtC,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/useBind.d.ts

@@ -1,10 +1,9 @@
-import { BindComponent, CmsModelField } from "../../../types";
+import { BindComponent } from "../../../types";
 interface UseBindProps {
-    field: CmsModelField;
     Bind: BindComponent;
 }
 export interface GetBindCallable {
     (index?: number): BindComponent;
 }
-export declare function useBind({ Bind, field }: UseBindProps): (index?: number) => BindComponent<any>;
+export declare function useBind({ Bind }: UseBindProps): (index?: number) => BindComponent<any>;
 export {};

package/admin/components/ContentEntryForm/useBind.js

@@ -11,17 +11,20 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _react = _interopRequireWildcard(require("react"));
 var _form = require("@webiny/form");
 var _createValidators = require("../../../utils/createValidators");
+var _ModelFieldProvider = require("../ModelFieldProvider");
+var _createValidationScope = require("./createValidationScope");
 var createFieldCacheKey = function createFieldCacheKey(field) {
   return [field.id, field.fieldId, JSON.stringify(field.validation), JSON.stringify(field.listValidation)].join(";");
 };
 var emptyValidators = [];
 function useBind(_ref) {
-  var Bind = _ref.Bind,
-    field = _ref.field;
+  var Bind = _ref.Bind;
+  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
+    field = _useModelField.field;
   var memoizedBindComponents = (0, _react.useRef)({});
   var cacheKey = createFieldCacheKey(field);
   var form = (0, _form.useForm)();
-  return (0, _react.useCallback)(function () {
+  return function () {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var parentName = Bind.parentName;
 
@@ -47,10 +50,15 @@ function useBind(_ref) {
         children = params.children,
         _params$defaultValue = params.defaultValue,
         defaultValue = _params$defaultValue === void 0 ? defaultValueFromSettings : _params$defaultValue;
+      var _useModelField2 = (0, _ModelFieldProvider.useModelField)(),
+        field = _useModelField2.field;
       return /*#__PURE__*/_react.default.createElement(Bind, {
         name: childName || name,
         validators: childValidators || inputValidators,
-        defaultValue: defaultValue ?? null
+        defaultValue: defaultValue ?? null,
+        context: {
+          field: field
+        }
       }, function (bind) {
         // Multiple-values functions below.
         var props = (0, _objectSpread2.default)({}, bind);
@@ -95,16 +103,16 @@ function useBind(_ref) {
             bind.onChange(value);
           };
         }
-        var element = typeof children === "function" ? children(props) : /*#__PURE__*/(0, _react.cloneElement)(children, props);
-        return element;
+        return typeof children === "function" ? children(props) : /*#__PURE__*/(0, _react.cloneElement)(children, props);
       });
     };
 
     // We need to keep track of current field name, to support nested fields.
     memoizedBindComponents.current[componentId].parentName = name;
     memoizedBindComponents.current[componentId].displayName = "Bind<".concat(name, ">");
+    memoizedBindComponents.current[componentId].ValidationScope = (0, _createValidationScope.createValidationScope)(name);
     return memoizedBindComponents.current[componentId];
-  }, [field.fieldId, cacheKey]);
+  };
 }
 
 //# sourceMappingURL=useBind.js.map

package/admin/components/ContentEntryForm/useBind.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","_ref","Bind","memoizedBindComponents","useRef","cacheKey","form","useForm","useCallback","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","isMultipleValues","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","_params$defaultValue","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","element","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\n\ninterface UseBindProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\n\n            // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n            // This allows us to have nested fields (like \"object\" field with nested properties)\n            const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n                .filter(v => v !== undefined)\n                .join(\".\");\n\n            const componentId = `${name};${cacheKey}`;\n\n            if (memoizedBindComponents.current[componentId]) {\n                return memoizedBindComponents.current[componentId];\n            }\n\n            const validators = createValidators(field, field.validation || emptyValidators);\n            const listValidators = createValidators(field, field.listValidation || emptyValidators);\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            // We only use default values for single-value fields.\n            const defaultValueFromSettings = !isMultipleValues\n                ? field.settings?.defaultValue\n                : null;\n\n            memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n                const {\n                    name: childName,\n                    validators: childValidators,\n                    children,\n                    defaultValue = defaultValueFromSettings\n                } = params;\n\n                return (\n                    <Bind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={defaultValue ?? null}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.multipleValues && index === -1) {\n                                props.appendValue = (newValue: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\n                                    bind.onChange([...(bind.value || []), ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n\n                                    const value = [\n                                        ...bind.value.slice(0, index),\n                                        ...bind.value.slice(index + 1)\n                                    ];\n\n                                    bind.onChange(value.length === 0 ? null : value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[componentId].parentName = name;\n            memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[componentId];\n        },\n        [field.fieldId, cacheKey]\n    );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","_ModelFieldProvider","_createValidationScope","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","emptyValidators","useBind","_ref","Bind","_useModelField","useModelField","memoizedBindComponents","useRef","cacheKey","form","useForm","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","isMultipleValues","multipleValues","inputValidators","defaultValueFromSettings","settings","defaultValue","UseBind","params","childName","childValidators","children","_params$defaultValue","_useModelField2","default","createElement","context","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","cloneElement","displayName","ValidationScope","createValidationScope"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { createValidationScope } from \"~/admin/components/ContentEntryForm/createValidationScope\";\n\ninterface UseBindProps {\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n    defaultValue?: any;\n}\n\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nconst emptyValidators: Validator[] = [];\n\nexport function useBind({ Bind }: UseBindProps) {\n    const { field } = useModelField();\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return (index = -1) => {\n        const { parentName } = Bind;\n\n        // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n        // This allows us to have nested fields (like \"object\" field with nested properties)\n        const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n            .filter(v => v !== undefined)\n            .join(\".\");\n\n        const componentId = `${name};${cacheKey}`;\n\n        if (memoizedBindComponents.current[componentId]) {\n            return memoizedBindComponents.current[componentId];\n        }\n\n        const validators = createValidators(field, field.validation || emptyValidators);\n        const listValidators = createValidators(field, field.listValidation || emptyValidators);\n        const isMultipleValues = index === -1 && field.multipleValues;\n        const inputValidators = isMultipleValues ? listValidators : validators;\n\n        // We only use default values for single-value fields.\n        const defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;\n\n        memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n            const {\n                name: childName,\n                validators: childValidators,\n                children,\n                defaultValue = defaultValueFromSettings\n            } = params;\n\n            const { field } = useModelField();\n\n            return (\n                <Bind\n                    name={childName || name}\n                    validators={childValidators || inputValidators}\n                    defaultValue={defaultValue ?? null}\n                    context={{ field }}\n                >\n                    {bind => {\n                        // Multiple-values functions below.\n                        const props = { ...bind };\n                        if (field.multipleValues && index === -1) {\n                            props.appendValue = (newValue: any, index?: number) => {\n                                const currentValue = bind.value || [];\n                                const newIndex = index ?? currentValue.length;\n\n                                bind.onChange([\n                                    ...currentValue.slice(0, newIndex),\n                                    newValue,\n                                    ...currentValue.slice(newIndex)\n                                ]);\n                            };\n                            props.prependValue = (newValue: any) => {\n                                bind.onChange([newValue, ...(bind.value || [])]);\n                            };\n                            props.appendValues = (newValues: any[]) => {\n                                bind.onChange([...(bind.value || []), ...newValues]);\n                            };\n\n                            props.removeValue = (index: number) => {\n                                if (index < 0) {\n                                    return;\n                                }\n\n                                const value = [\n                                    ...bind.value.slice(0, index),\n                                    ...bind.value.slice(index + 1)\n                                ];\n\n                                bind.onChange(value.length === 0 ? null : value);\n\n                                // To make sure the field is still valid, we must trigger validation.\n                                form.validateInput(field.fieldId);\n                            };\n\n                            props.moveValueUp = (index: number) => {\n                                if (index <= 0) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index - 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n\n                            props.moveValueDown = (index: number) => {\n                                if (index >= bind.value.length) {\n                                    return;\n                                }\n\n                                const value = [...bind.value];\n                                value.splice(index, 1);\n                                value.splice(index + 1, 0, bind.value[index]);\n\n                                bind.onChange(value);\n                            };\n                        }\n\n                        return typeof children === \"function\"\n                            ? children(props)\n                            : cloneElement(children, props);\n                    }}\n                </Bind>\n            );\n        } as BindComponent;\n\n        // We need to keep track of current field name, to support nested fields.\n        memoizedBindComponents.current[componentId].parentName = name;\n        memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n        memoizedBindComponents.current[componentId].ValidationScope = createValidationScope(name);\n\n        return memoizedBindComponents.current[componentId];\n    };\n}\n"],"mappings":"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","ignoreList":[]}

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.d.ts

@@ -54,6 +54,7 @@ export declare const ContentEntryEditorConfig: (({ priority, children }: import(
         }) => import("react").JSX.Element;
     };
     Width: ({ value, modelIds }: import("./Width").WidthProps) => import("react").JSX.Element;
+    ValidationIndicators: ({ className }: import("./ValidationIndicators").ValidationIndicatorsProps) => import("react").JSX.Element;
 };
 export declare const ContentEntryEditorWithConfig: ({ onProperties, children }: import("@webiny/react-properties").WithConfigProps) => import("react").JSX.Element;
 export declare function useContentEntryEditorConfig(): {

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js

@@ -12,11 +12,13 @@ var _reactProperties = require("@webiny/react-properties");
 var _Actions = require("./Actions");
 var _FieldElement = require("./FieldElement");
 var _Width = require("./Width");
+var _ValidationIndicators = require("./ValidationIndicators");
 var base = (0, _reactProperties.createConfigurableComponent)("ContentEntryEditorConfig");
 var ContentEntryEditorConfig = exports.ContentEntryEditorConfig = Object.assign(base.Config, {
   Actions: _Actions.Actions,
   FieldElement: _FieldElement.FieldElement,
-  Width: _Width.Width
+  Width: _Width.Width,
+  ValidationIndicators: _ValidationIndicators.ValidationIndicatorsConfig
 });
 var ContentEntryEditorWithConfig = exports.ContentEntryEditorWithConfig = base.WithConfig;
 function useContentEntryEditorConfig() {

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactProperties","_Actions","_FieldElement","_Width","base","createConfigurableComponent","ContentEntryEditorConfig","exports","Object","assign","Config","Actions","FieldElement","Width","ContentEntryEditorWithConfig","WithConfig","useContentEntryEditorConfig","config","useConfig","actions","useMemo","buttonActions","_toConsumableArray2","default","filter","action","$type","menuItemActions","width"],"sources":["ContentEntryEditorConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Actions, ActionsConfig } from \"./Actions\";\nimport { FieldElement } from \"./FieldElement\";\nimport { Width } from \"./Width\";\n\nconst base = createConfigurableComponent<ContentEntryEditorConfig>(\"ContentEntryEditorConfig\");\n\nexport const ContentEntryEditorConfig = Object.assign(base.Config, {\n    Actions,\n    FieldElement,\n    Width\n});\n\nexport const ContentEntryEditorWithConfig = base.WithConfig;\n\ninterface ContentEntryEditorConfig {\n    actions: ActionsConfig;\n    width: string;\n}\n\nexport function useContentEntryEditorConfig() {\n    const config = base.useConfig();\n\n    const actions = config.actions || [];\n\n    return useMemo(\n        () => ({\n            buttonActions: [...(actions.filter(action => action.$type === \"button-action\") || [])],\n            menuItemActions: [\n                ...(actions.filter(action => action.$type === \"menu-item-action\") || [])\n            ],\n            width: config.width || \"1020px\"\n        }),\n        [config]\n    );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAMK,IAAI,GAAG,IAAAC,4CAA2B,EAA2B,0BAA0B,CAAC;AAEvF,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,MAAM,CAACC,MAAM,CAACL,IAAI,CAACM,MAAM,EAAE;EAC/DC,OAAO,EAAPA,gBAAO;EACPC,YAAY,EAAZA,0BAAY;EACZC,KAAK,EAALA;AACJ,CAAC,CAAC;AAEK,IAAMC,4BAA4B,GAAAP,OAAA,CAAAO,4BAAA,GAAGV,IAAI,CAACW,UAAU;AAOpD,SAASC,2BAA2BA,CAAA,EAAG;EAC1C,IAAMC,MAAM,GAAGb,IAAI,CAACc,SAAS,CAAC,CAAC;EAE/B,IAAMC,OAAO,GAAGF,MAAM,CAACE,OAAO,IAAI,EAAE;EAEpC,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACHC,aAAa,MAAAC,mBAAA,CAAAC,OAAA,EAAOJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,eAAe;MAAA,EAAC,IAAI,EAAE,CAAE;MACtFC,eAAe,MAAAL,mBAAA,CAAAC,OAAA,EACPJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,kBAAkB;MAAA,EAAC,IAAI,EAAE,CAC1E;MACDE,KAAK,EAAEX,MAAM,CAACW,KAAK,IAAI;IAC3B,CAAC;EAAA,CAAC,EACF,CAACX,MAAM,CACX,CAAC;AACL","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactProperties","_Actions","_FieldElement","_Width","_ValidationIndicators","base","createConfigurableComponent","ContentEntryEditorConfig","exports","Object","assign","Config","Actions","FieldElement","Width","ValidationIndicators","ValidationIndicatorsConfig","ContentEntryEditorWithConfig","WithConfig","useContentEntryEditorConfig","config","useConfig","actions","useMemo","buttonActions","_toConsumableArray2","default","filter","action","$type","menuItemActions","width"],"sources":["ContentEntryEditorConfig.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport { Actions, ActionsConfig } from \"./Actions\";\nimport { FieldElement } from \"./FieldElement\";\nimport { Width } from \"./Width\";\nimport { ValidationIndicatorsConfig } from \"~/admin/config/contentEntries/editor/ValidationIndicators\";\n\nconst base = createConfigurableComponent<ContentEntryEditorConfig>(\"ContentEntryEditorConfig\");\n\nexport const ContentEntryEditorConfig = Object.assign(base.Config, {\n    Actions,\n    FieldElement,\n    Width,\n    ValidationIndicators: ValidationIndicatorsConfig\n});\n\nexport const ContentEntryEditorWithConfig = base.WithConfig;\n\ninterface ContentEntryEditorConfig {\n    actions: ActionsConfig;\n    width: string;\n}\n\nexport function useContentEntryEditorConfig() {\n    const config = base.useConfig();\n\n    const actions = config.actions || [];\n\n    return useMemo(\n        () => ({\n            buttonActions: [...(actions.filter(action => action.$type === \"button-action\") || [])],\n            menuItemActions: [\n                ...(actions.filter(action => action.$type === \"menu-item-action\") || [])\n            ],\n            width: config.width || \"1020px\"\n        }),\n        [config]\n    );\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAEA,IAAMM,IAAI,GAAG,IAAAC,4CAA2B,EAA2B,0BAA0B,CAAC;AAEvF,IAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAGE,MAAM,CAACC,MAAM,CAACL,IAAI,CAACM,MAAM,EAAE;EAC/DC,OAAO,EAAPA,gBAAO;EACPC,YAAY,EAAZA,0BAAY;EACZC,KAAK,EAALA,YAAK;EACLC,oBAAoB,EAAEC;AAC1B,CAAC,CAAC;AAEK,IAAMC,4BAA4B,GAAAT,OAAA,CAAAS,4BAAA,GAAGZ,IAAI,CAACa,UAAU;AAOpD,SAASC,2BAA2BA,CAAA,EAAG;EAC1C,IAAMC,MAAM,GAAGf,IAAI,CAACgB,SAAS,CAAC,CAAC;EAE/B,IAAMC,OAAO,GAAGF,MAAM,CAACE,OAAO,IAAI,EAAE;EAEpC,OAAO,IAAAC,cAAO,EACV;IAAA,OAAO;MACHC,aAAa,MAAAC,mBAAA,CAAAC,OAAA,EAAOJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,eAAe;MAAA,EAAC,IAAI,EAAE,CAAE;MACtFC,eAAe,MAAAL,mBAAA,CAAAC,OAAA,EACPJ,OAAO,CAACK,MAAM,CAAC,UAAAC,MAAM;QAAA,OAAIA,MAAM,CAACC,KAAK,KAAK,kBAAkB;MAAA,EAAC,IAAI,EAAE,CAC1E;MACDE,KAAK,EAAEX,MAAM,CAACW,KAAK,IAAI;IAC3B,CAAC;EAAA,CAAC,EACF,CAACX,MAAM,CACX,CAAC;AACL","ignoreList":[]}

package/admin/config/contentEntries/editor/ValidationIndicators.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ValidationIndicatorsProps {
+    className?: string;
+}
+export declare const ValidationIndicatorsConfig: ({ className }: ValidationIndicatorsProps) => React.JSX.Element;

package/admin/config/contentEntries/editor/ValidationIndicators.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValidationIndicatorsConfig = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ValidationIndicators = require("../../../views/contentEntries/ValidationIndicators");
+var ValidationIndicatorsConfig = exports.ValidationIndicatorsConfig = function ValidationIndicatorsConfig(_ref) {
+  var className = _ref.className;
+  var Decorator = _ValidationIndicators.ValidationIndicators.createDecorator(function (Original) {
+    return function ValidationIndicators(props) {
+      return /*#__PURE__*/_react.default.createElement(Original, Object.assign({}, props, {
+        className: className ?? props.className
+      }));
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(Decorator, null);
+};
+
+//# sourceMappingURL=ValidationIndicators.js.map

package/admin/config/contentEntries/editor/ValidationIndicators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ValidationIndicators","ValidationIndicatorsConfig","exports","_ref","className","Decorator","ValidationIndicators","createDecorator","Original","props","default","createElement","Object","assign"],"sources":["ValidationIndicators.tsx"],"sourcesContent":["import React from \"react\";\nimport { ValidationIndicators } from \"~/admin/views/contentEntries/ValidationIndicators\";\n\nexport interface ValidationIndicatorsProps {\n    className?: string;\n}\n\nexport const ValidationIndicatorsConfig = ({ className }: ValidationIndicatorsProps) => {\n    const Decorator = ValidationIndicators.createDecorator(Original => {\n        return function ValidationIndicators(props) {\n            return <Original {...props} className={className ?? props.className} />;\n        };\n    });\n\n    return <Decorator />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAMO,IAAME,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAAE,IAAA,EAAiD;EAAA,IAA3CC,SAAS,GAAAD,IAAA,CAATC,SAAS;EAClD,IAAMC,SAAS,GAAGC,0CAAoB,CAACC,eAAe,CAAC,UAAAC,QAAQ,EAAI;IAC/D,OAAO,SAASF,oBAAoBA,CAACG,KAAK,EAAE;MACxC,oBAAOZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACH,QAAQ,EAAAI,MAAA,CAAAC,MAAA,KAAKJ,KAAK;QAAEL,SAAS,EAAEA,SAAS,IAAIK,KAAK,CAACL;MAAU,EAAE,CAAC;IAC3E,CAAC;EACL,CAAC,CAAC;EAEF,oBAAOP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,SAAS,MAAE,CAAC;AACxB,CAAC","ignoreList":[]}

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

@@ -1,9 +1,10 @@
 import React, { ReactElement } from "react";
 interface AccordionProps {
     title: string;
+    isExpanded: boolean;
+    toggleExpanded: () => void;
     action?: ReactElement | null;
     icon?: ReactElement;
-    defaultValue?: boolean;
     children: React.ReactNode;
 }
 declare const MemoizedAccordion: React.ComponentType<AccordionProps>;

package/admin/plugins/fieldRenderers/Accordion.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _emotion = require("emotion");
@@ -82,15 +81,13 @@ var AccordionItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
 } : {
   target: "e15quhd1",
   label: "AccordionItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1x0dzf4",
-  styles: "@keyframes show-overflow{to{overflow:visible;}}overflow:hidden;transition:max-height 0.35s cubic-bezier(0, 1, 0, 1);height:auto;max-height:0;&.expanded{max-height:9999px;transition:max-height 0.3s cubic-bezier(1, 0, 1, 0);animation-name:show-overflow;animation-fill-mode:forwards;animation-duration:20ms;animation-delay:0.3s;}"
-} : {
-  name: "1x0dzf4",
-  styles: "@keyframes show-overflow{to{overflow:visible;}}overflow:hidden;transition:max-height 0.35s cubic-bezier(0, 1, 0, 1);height:auto;max-height:0;&.expanded{max-height:9999px;transition:max-height 0.3s cubic-bezier(1, 0, 1, 0);animation-name:show-overflow;animation-fill-mode:forwards;animation-duration:20ms;animation-delay:0.3s;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVnQyIsImZpbGUiOiJBY2NvcmRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuY29uc3QgY2xhc3NlcyA9IHtcbiAgICBhY2NvcmRpb25XcmFwcGVyOiBjc3Moe1xuICAgICAgICAvKipcbiAgICAgICAgICogV2UncmUgdXNpbmcgcG9zaXRpb246IFwicmVsYXRpdmVcIiBoZXJlIGZvciBcIlBvcHBpbmcgT3V0IG9mIEhpZGRlbiBPdmVyZmxvd1wiIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vcG9wcGluZy1oaWRkZW4tb3ZlcmZsb3cvXG4gICAgICAgICAqIHNvIHRoYXQsIHdlIGNhbiB1c2UgYWJzb2x1dGUgcG9zaXRpb25lZCBlbGVtZW50IGluc2lkZSB3aXRob3V0IFwib3ZlcmZsb3c6IGhpZGRlblwiIGJlaW5nIGEgcHJvYmxlbVxuICAgICAgICAgKi9cbiAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXNlY29uZGFyeSlgXG4gICAgfSksXG4gICAgYWNjb3JkaW9uSGVhZGVyOiBjc3Moe1xuICAgICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIwcHhcIixcbiAgICAgICAgbWluSGVpZ2h0OiA0OCwgLy8gVG8gaGF2ZSBzYW1lIGhlaWdodCBhcyB0aGUgcmVtb3ZlIHZhbHVlIGFjdGlvbiBidXR0b24uXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG5cbiAgICAgICAgXCImIC5hY2NvcmRpb24taGVhZGVyLS1sZWZ0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgICAgIFwiJiAuYWNjb3JkaW9uLXRpdGxlXCI6IHtcbiAgICAgICAgICAgICAgICBzcGFuOiB7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDE2XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYgLmFjY29yZGlvbi1oZWFkZXItLXJpZ2h0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgXCImIC5pY29uLWNvbnRhaW5lclwiOiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICAgICAgICAgICAgICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCJcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBmaWxsOiBcImN1cnJlbnRDb2xvclwiLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTQsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHRvcDogXCJjYWxjKDUwJSAtIDVweClcIixcbiAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICB3aWR0aDogMCxcbiAgICAgICAgICAgIGhlaWdodDogMCxcblxuICAgICAgICAgICAgLy8gQXJyb3cgcmlnaHQuXG4gICAgICAgICAgICBib3JkZXJUb3A6IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJCb3R0b206IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBcIjVweCBzb2xpZCBjdXJyZW50Q29sb3JcIlxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJi5vcGVuXCI6IHtcbiAgICAgICAgICAgIFwiJjo6YmVmb3JlXCI6IHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgzcHgpIHJvdGF0ZSg5MGRlZylcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmNvbnN0IEFjY29yZGlvbkl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIEBrZXlmcmFtZXMgc2hvdy1vdmVyZmxvdyB7XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG4gICAgfVxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAwLjM1cyBjdWJpYy1iZXppZXIoMCwgMSwgMCwgMSk7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDA7XG5cbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgICAgbWF4LWhlaWdodDogOTk5OXB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuM3MgY3ViaWMtYmV6aWVyKDEsIDAsIDEsIDApO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvdy1vdmVyZmxvdztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMjBtcztcbiAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzO1xuICAgIH1cbmA7XG5cbmNvbnN0IEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmctYm90dG9tOiAxMDtcbmA7XG5cbmludGVyZmFjZSBBY2NvcmRpb25Qcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBhY3Rpb24/OiBSZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gICAgZGVmYXVsdFZhbHVlPzogYm9vbGVhbjtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBBY2NvcmRpb24gPSAoeyB0aXRsZSwgY2hpbGRyZW4sIGFjdGlvbiwgaWNvbiwgZGVmYXVsdFZhbHVlID0gZmFsc2UgfTogQWNjb3JkaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCBbaXNPcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGRlZmF1bHRWYWx1ZSk7XG4gICAgY29uc3QgdG9nZ2xlT3BlbiA9IHVzZUNhbGxiYWNrKCgpID0+IHNldE9wZW4oIWlzT3BlbiksIFtpc09wZW5dKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmFjY29yZGlvbldyYXBwZXJ9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmFjY29yZGlvbkhlYWRlciwgeyBvcGVuOiBpc09wZW4gfSl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlT3Blbn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFjY29yZGlvbi1oZWFkZXItLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiYWNjb3JkaW9uLXRpdGxlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifSB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAge2FjdGlvbiAmJiA8ZGl2IGNsYXNzTmFtZT17XCJhY3Rpb24tY29udGFpbmVyXCJ9PnthY3Rpb259PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJpY29uLWNvbnRhaW5lclwifT57aWNvbn08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0gY2xhc3NOYW1lPXtjbGFzc05hbWVzKHsgZXhwYW5kZWQ6IGlzT3BlbiB9KX0+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbkNvbnRlbnQ+e2NoaWxkcmVufTwvQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5jb25zdCBNZW1vaXplZEFjY29yZGlvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxBY2NvcmRpb25Qcm9wcz4gPSBSZWFjdC5tZW1vKEFjY29yZGlvbik7XG5leHBvcnQgZGVmYXVsdCBNZW1vaXplZEFjY29yZGlvbjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+})("@keyframes show-overflow{to{overflow:visible;}}overflow:hidden;transition:", function (_ref) {
+  var animate = _ref.animate;
+  return animate ? "max-height 0.35s cubic-bezier(0, 1, 0, 1)" : "none !important";
+}, ";height:auto;max-height:0;&.expanded{max-height:9999px;transition:", function (_ref2) {
+  var animate = _ref2.animate;
+  return animate ? "max-height 0.3s cubic-bezier(1, 0, 1, 0)" : "none !important";
+}, ";animation-fill-mode:forwards;animation-name:show-overflow;animation-duration:20ms;animation-delay:0.3s;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVzRCIsImZpbGUiOiJBY2NvcmRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5jb25zdCBjbGFzc2VzID0ge1xuICAgIGFjY29yZGlvbldyYXBwZXI6IGNzcyh7XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBXZSdyZSB1c2luZyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIGhlcmUgZm9yIFwiUG9wcGluZyBPdXQgb2YgSGlkZGVuIE92ZXJmbG93XCIgaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS9wb3BwaW5nLWhpZGRlbi1vdmVyZmxvdy9cbiAgICAgICAgICogc28gdGhhdCwgd2UgY2FuIHVzZSBhYnNvbHV0ZSBwb3NpdGlvbmVkIGVsZW1lbnQgaW5zaWRlIHdpdGhvdXQgXCJvdmVyZmxvdzogaGlkZGVuXCIgYmVpbmcgYSBwcm9ibGVtXG4gICAgICAgICAqL1xuICAgICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tc2Vjb25kYXJ5KWBcbiAgICB9KSxcbiAgICBhY2NvcmRpb25IZWFkZXI6IGNzcyh7XG4gICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiBcIjBweFwiLFxuICAgICAgICBtaW5IZWlnaHQ6IDQ4LCAvLyBUbyBoYXZlIHNhbWUgaGVpZ2h0IGFzIHRoZSByZW1vdmUgdmFsdWUgYWN0aW9uIGJ1dHRvbi5cbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcblxuICAgICAgICBcIiYgLmFjY29yZGlvbi1oZWFkZXItLWxlZnRcIjoge1xuICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICAgICAgXCImIC5hY2NvcmRpb24tdGl0bGVcIjoge1xuICAgICAgICAgICAgICAgIHNwYW46IHtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogMTZcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJiAuYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIjoge1xuICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICBcIiYgLmljb24tY29udGFpbmVyXCI6IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gICAgICAgICAgICAgICAgXCImIHNwYW5cIjoge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIlxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICAgICAgICAgIGZpbGw6IFwiY3VycmVudENvbG9yXCIsXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxNCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxNFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcblxuICAgICAgICBcIiY6OmJlZm9yZVwiOiB7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgdG9wOiBcImNhbGMoNTAlIC0gNXB4KVwiLFxuICAgICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgICAgaGVpZ2h0OiAwLFxuXG4gICAgICAgICAgICAvLyBBcnJvdyByaWdodC5cbiAgICAgICAgICAgIGJvcmRlclRvcDogXCI1cHggc29saWQgdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbTogXCI1cHggc29saWQgdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IFwiNXB4IHNvbGlkIGN1cnJlbnRDb2xvclwiXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImLm9wZW5cIjoge1xuICAgICAgICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKDNweCkgcm90YXRlKDkwZGVnKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9KVxufTtcblxuY29uc3QgQWNjb3JkaW9uSXRlbSA9IHN0eWxlZC5kaXY8eyBhbmltYXRlOiBib29sZWFuIH0+YFxuICAgIEBrZXlmcmFtZXMgc2hvdy1vdmVyZmxvdyB7XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG4gICAgfVxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdHJhbnNpdGlvbjogJHsoeyBhbmltYXRlIH0pID0+XG4gICAgICAgIGFuaW1hdGUgPyBcIm1heC1oZWlnaHQgMC4zNXMgY3ViaWMtYmV6aWVyKDAsIDEsIDAsIDEpXCIgOiBcIm5vbmUgIWltcG9ydGFudFwifTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LWhlaWdodDogMDtcblxuICAgICYuZXhwYW5kZWQge1xuICAgICAgICBtYXgtaGVpZ2h0OiA5OTk5cHg7XG4gICAgICAgIHRyYW5zaXRpb246ICR7KHsgYW5pbWF0ZSB9KSA9PlxuICAgICAgICAgICAgYW5pbWF0ZSA/IFwibWF4LWhlaWdodCAwLjNzIGN1YmljLWJlemllcigxLCAwLCAxLCAwKVwiIDogXCJub25lICFpbXBvcnRhbnRcIn07XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvdy1vdmVyZmxvdztcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAyMG1zO1xuICAgICAgICBhbmltYXRpb24tZGVsYXk6IDAuM3M7XG4gICAgfVxuYDtcblxuY29uc3QgQWNjb3JkaW9uQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZy1ib3R0b206IDEwO1xuYDtcblxuaW50ZXJmYWNlIEFjY29yZGlvblByb3BzIHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gICAgdG9nZ2xlRXhwYW5kZWQ6ICgpID0+IHZvaWQ7XG4gICAgYWN0aW9uPzogUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IEFjY29yZGlvbiA9ICh7XG4gICAgdGl0bGUsXG4gICAgY2hpbGRyZW4sXG4gICAgYWN0aW9uLFxuICAgIGljb24sXG4gICAgaXNFeHBhbmRlZCxcbiAgICB0b2dnbGVFeHBhbmRlZFxufTogQWNjb3JkaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCB1c2VySW50ZXJhY3Rpb25SZWYgPSB1c2VSZWYoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHVzZXJJbnRlcmFjdGlvblJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICB1c2VySW50ZXJhY3Rpb25SZWYuY3VycmVudCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfSwgW2lzRXhwYW5kZWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmFjY29yZGlvbldyYXBwZXJ9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmFjY29yZGlvbkhlYWRlciwge1xuICAgICAgICAgICAgICAgICAgICBvcGVuOiBpc0V4cGFuZGVkXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB1c2VySW50ZXJhY3Rpb25SZWYuY3VycmVudCA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZUV4cGFuZGVkKCk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFjY29yZGlvbi1oZWFkZXItLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiYWNjb3JkaW9uLXRpdGxlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifSB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAge2FjdGlvbiAmJiA8ZGl2IGNsYXNzTmFtZT17XCJhY3Rpb24tY29udGFpbmVyXCJ9PnthY3Rpb259PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJpY29uLWNvbnRhaW5lclwifT57aWNvbn08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW1cbiAgICAgICAgICAgICAgICBhbmltYXRlPXt1c2VySW50ZXJhY3Rpb25SZWYuY3VycmVudCA9PT0gdHJ1ZX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoe1xuICAgICAgICAgICAgICAgICAgICBleHBhbmRlZDogaXNFeHBhbmRlZFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY2NvcmRpb25Db250ZW50PntjaGlsZHJlbn08L0FjY29yZGlvbkNvbnRlbnQ+XG4gICAgICAgICAgICA8L0FjY29yZGlvbkl0ZW0+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuY29uc3QgTWVtb2l6ZWRBY2NvcmRpb246IFJlYWN0LkNvbXBvbmVudFR5cGU8QWNjb3JkaW9uUHJvcHM+ID0gUmVhY3QubWVtbyhBY2NvcmRpb24pO1xuZXhwb3J0IGRlZmF1bHQgTWVtb2l6ZWRBY2NvcmRpb247XG4iXX0= */"));
 var AccordionContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e15quhd0"
 } : {
@@ -102,30 +99,32 @@ var AccordionContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_E
 } : {
   name: "1adqh5i",
   styles: "padding-bottom:10",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0dtQyIsImZpbGUiOiJBY2NvcmRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuY29uc3QgY2xhc3NlcyA9IHtcbiAgICBhY2NvcmRpb25XcmFwcGVyOiBjc3Moe1xuICAgICAgICAvKipcbiAgICAgICAgICogV2UncmUgdXNpbmcgcG9zaXRpb246IFwicmVsYXRpdmVcIiBoZXJlIGZvciBcIlBvcHBpbmcgT3V0IG9mIEhpZGRlbiBPdmVyZmxvd1wiIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vcG9wcGluZy1oaWRkZW4tb3ZlcmZsb3cvXG4gICAgICAgICAqIHNvIHRoYXQsIHdlIGNhbiB1c2UgYWJzb2x1dGUgcG9zaXRpb25lZCBlbGVtZW50IGluc2lkZSB3aXRob3V0IFwib3ZlcmZsb3c6IGhpZGRlblwiIGJlaW5nIGEgcHJvYmxlbVxuICAgICAgICAgKi9cbiAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXNlY29uZGFyeSlgXG4gICAgfSksXG4gICAgYWNjb3JkaW9uSGVhZGVyOiBjc3Moe1xuICAgICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIwcHhcIixcbiAgICAgICAgbWluSGVpZ2h0OiA0OCwgLy8gVG8gaGF2ZSBzYW1lIGhlaWdodCBhcyB0aGUgcmVtb3ZlIHZhbHVlIGFjdGlvbiBidXR0b24uXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG5cbiAgICAgICAgXCImIC5hY2NvcmRpb24taGVhZGVyLS1sZWZ0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgICAgIFwiJiAuYWNjb3JkaW9uLXRpdGxlXCI6IHtcbiAgICAgICAgICAgICAgICBzcGFuOiB7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDE2XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYgLmFjY29yZGlvbi1oZWFkZXItLXJpZ2h0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgXCImIC5pY29uLWNvbnRhaW5lclwiOiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICAgICAgICAgICAgICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCJcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBmaWxsOiBcImN1cnJlbnRDb2xvclwiLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTQsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHRvcDogXCJjYWxjKDUwJSAtIDVweClcIixcbiAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICB3aWR0aDogMCxcbiAgICAgICAgICAgIGhlaWdodDogMCxcblxuICAgICAgICAgICAgLy8gQXJyb3cgcmlnaHQuXG4gICAgICAgICAgICBib3JkZXJUb3A6IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJCb3R0b206IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBcIjVweCBzb2xpZCBjdXJyZW50Q29sb3JcIlxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJi5vcGVuXCI6IHtcbiAgICAgICAgICAgIFwiJjo6YmVmb3JlXCI6IHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgzcHgpIHJvdGF0ZSg5MGRlZylcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmNvbnN0IEFjY29yZGlvbkl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIEBrZXlmcmFtZXMgc2hvdy1vdmVyZmxvdyB7XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG4gICAgfVxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAwLjM1cyBjdWJpYy1iZXppZXIoMCwgMSwgMCwgMSk7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDA7XG5cbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgICAgbWF4LWhlaWdodDogOTk5OXB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuM3MgY3ViaWMtYmV6aWVyKDEsIDAsIDEsIDApO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvdy1vdmVyZmxvdztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMjBtcztcbiAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzO1xuICAgIH1cbmA7XG5cbmNvbnN0IEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmctYm90dG9tOiAxMDtcbmA7XG5cbmludGVyZmFjZSBBY2NvcmRpb25Qcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBhY3Rpb24/OiBSZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gICAgZGVmYXVsdFZhbHVlPzogYm9vbGVhbjtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBBY2NvcmRpb24gPSAoeyB0aXRsZSwgY2hpbGRyZW4sIGFjdGlvbiwgaWNvbiwgZGVmYXVsdFZhbHVlID0gZmFsc2UgfTogQWNjb3JkaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCBbaXNPcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGRlZmF1bHRWYWx1ZSk7XG4gICAgY29uc3QgdG9nZ2xlT3BlbiA9IHVzZUNhbGxiYWNrKCgpID0+IHNldE9wZW4oIWlzT3BlbiksIFtpc09wZW5dKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmFjY29yZGlvbldyYXBwZXJ9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmFjY29yZGlvbkhlYWRlciwgeyBvcGVuOiBpc09wZW4gfSl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlT3Blbn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFjY29yZGlvbi1oZWFkZXItLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiYWNjb3JkaW9uLXRpdGxlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifSB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAge2FjdGlvbiAmJiA8ZGl2IGNsYXNzTmFtZT17XCJhY3Rpb24tY29udGFpbmVyXCJ9PnthY3Rpb259PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJpY29uLWNvbnRhaW5lclwifT57aWNvbn08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0gY2xhc3NOYW1lPXtjbGFzc05hbWVzKHsgZXhwYW5kZWQ6IGlzT3BlbiB9KX0+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbkNvbnRlbnQ+e2NoaWxkcmVufTwvQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5jb25zdCBNZW1vaXplZEFjY29yZGlvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxBY2NvcmRpb25Qcm9wcz4gPSBSZWFjdC5tZW1vKEFjY29yZGlvbik7XG5leHBvcnQgZGVmYXVsdCBNZW1vaXplZEFjY29yZGlvbjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0dtQyIsImZpbGUiOiJBY2NvcmRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIkB3ZWJpbnkvdWkvVHlwb2dyYXBoeVwiO1xuXG5jb25zdCBjbGFzc2VzID0ge1xuICAgIGFjY29yZGlvbldyYXBwZXI6IGNzcyh7XG4gICAgICAgIC8qKlxuICAgICAgICAgKiBXZSdyZSB1c2luZyBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIGhlcmUgZm9yIFwiUG9wcGluZyBPdXQgb2YgSGlkZGVuIE92ZXJmbG93XCIgaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS9wb3BwaW5nLWhpZGRlbi1vdmVyZmxvdy9cbiAgICAgICAgICogc28gdGhhdCwgd2UgY2FuIHVzZSBhYnNvbHV0ZSBwb3NpdGlvbmVkIGVsZW1lbnQgaW5zaWRlIHdpdGhvdXQgXCJvdmVyZmxvdzogaGlkZGVuXCIgYmVpbmcgYSBwcm9ibGVtXG4gICAgICAgICAqL1xuICAgICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tc2Vjb25kYXJ5KWBcbiAgICB9KSxcbiAgICBhY2NvcmRpb25IZWFkZXI6IGNzcyh7XG4gICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBwYWRkaW5nOiBcIjBweFwiLFxuICAgICAgICBtaW5IZWlnaHQ6IDQ4LCAvLyBUbyBoYXZlIHNhbWUgaGVpZ2h0IGFzIHRoZSByZW1vdmUgdmFsdWUgYWN0aW9uIGJ1dHRvbi5cbiAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcblxuICAgICAgICBcIiYgLmFjY29yZGlvbi1oZWFkZXItLWxlZnRcIjoge1xuICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgICAgICAgXCImIC5hY2NvcmRpb24tdGl0bGVcIjoge1xuICAgICAgICAgICAgICAgIHNwYW46IHtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luTGVmdDogMTZcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFwiJiAuYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIjoge1xuICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICBcIiYgLmljb24tY29udGFpbmVyXCI6IHtcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gICAgICAgICAgICAgICAgXCImIHNwYW5cIjoge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIlxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICAgICAgICAgIGZpbGw6IFwiY3VycmVudENvbG9yXCIsXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxNCxcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAxNFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcblxuICAgICAgICBcIiY6OmJlZm9yZVwiOiB7XG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgdG9wOiBcImNhbGMoNTAlIC0gNXB4KVwiLFxuICAgICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgICAgIHdpZHRoOiAwLFxuICAgICAgICAgICAgaGVpZ2h0OiAwLFxuXG4gICAgICAgICAgICAvLyBBcnJvdyByaWdodC5cbiAgICAgICAgICAgIGJvcmRlclRvcDogXCI1cHggc29saWQgdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICAgIGJvcmRlckJvdHRvbTogXCI1cHggc29saWQgdHJhbnNwYXJlbnRcIixcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IFwiNXB4IHNvbGlkIGN1cnJlbnRDb2xvclwiXG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImLm9wZW5cIjoge1xuICAgICAgICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKDNweCkgcm90YXRlKDkwZGVnKVwiXG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9KVxufTtcblxuY29uc3QgQWNjb3JkaW9uSXRlbSA9IHN0eWxlZC5kaXY8eyBhbmltYXRlOiBib29sZWFuIH0+YFxuICAgIEBrZXlmcmFtZXMgc2hvdy1vdmVyZmxvdyB7XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG4gICAgfVxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdHJhbnNpdGlvbjogJHsoeyBhbmltYXRlIH0pID0+XG4gICAgICAgIGFuaW1hdGUgPyBcIm1heC1oZWlnaHQgMC4zNXMgY3ViaWMtYmV6aWVyKDAsIDEsIDAsIDEpXCIgOiBcIm5vbmUgIWltcG9ydGFudFwifTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LWhlaWdodDogMDtcblxuICAgICYuZXhwYW5kZWQge1xuICAgICAgICBtYXgtaGVpZ2h0OiA5OTk5cHg7XG4gICAgICAgIHRyYW5zaXRpb246ICR7KHsgYW5pbWF0ZSB9KSA9PlxuICAgICAgICAgICAgYW5pbWF0ZSA/IFwibWF4LWhlaWdodCAwLjNzIGN1YmljLWJlemllcigxLCAwLCAxLCAwKVwiIDogXCJub25lICFpbXBvcnRhbnRcIn07XG4gICAgICAgIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvdy1vdmVyZmxvdztcbiAgICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAyMG1zO1xuICAgICAgICBhbmltYXRpb24tZGVsYXk6IDAuM3M7XG4gICAgfVxuYDtcblxuY29uc3QgQWNjb3JkaW9uQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZy1ib3R0b206IDEwO1xuYDtcblxuaW50ZXJmYWNlIEFjY29yZGlvblByb3BzIHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGlzRXhwYW5kZWQ6IGJvb2xlYW47XG4gICAgdG9nZ2xlRXhwYW5kZWQ6ICgpID0+IHZvaWQ7XG4gICAgYWN0aW9uPzogUmVhY3RFbGVtZW50IHwgbnVsbDtcbiAgICBpY29uPzogUmVhY3RFbGVtZW50O1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IEFjY29yZGlvbiA9ICh7XG4gICAgdGl0bGUsXG4gICAgY2hpbGRyZW4sXG4gICAgYWN0aW9uLFxuICAgIGljb24sXG4gICAgaXNFeHBhbmRlZCxcbiAgICB0b2dnbGVFeHBhbmRlZFxufTogQWNjb3JkaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCB1c2VySW50ZXJhY3Rpb25SZWYgPSB1c2VSZWYoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHVzZXJJbnRlcmFjdGlvblJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICB1c2VySW50ZXJhY3Rpb25SZWYuY3VycmVudCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfSwgW2lzRXhwYW5kZWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmFjY29yZGlvbldyYXBwZXJ9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmFjY29yZGlvbkhlYWRlciwge1xuICAgICAgICAgICAgICAgICAgICBvcGVuOiBpc0V4cGFuZGVkXG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICB1c2VySW50ZXJhY3Rpb25SZWYuY3VycmVudCA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZUV4cGFuZGVkKCk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFjY29yZGlvbi1oZWFkZXItLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiYWNjb3JkaW9uLXRpdGxlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifSB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAge2FjdGlvbiAmJiA8ZGl2IGNsYXNzTmFtZT17XCJhY3Rpb24tY29udGFpbmVyXCJ9PnthY3Rpb259PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJpY29uLWNvbnRhaW5lclwifT57aWNvbn08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW1cbiAgICAgICAgICAgICAgICBhbmltYXRlPXt1c2VySW50ZXJhY3Rpb25SZWYuY3VycmVudCA9PT0gdHJ1ZX1cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoe1xuICAgICAgICAgICAgICAgICAgICBleHBhbmRlZDogaXNFeHBhbmRlZFxuICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxBY2NvcmRpb25Db250ZW50PntjaGlsZHJlbn08L0FjY29yZGlvbkNvbnRlbnQ+XG4gICAgICAgICAgICA8L0FjY29yZGlvbkl0ZW0+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuY29uc3QgTWVtb2l6ZWRBY2NvcmRpb246IFJlYWN0LkNvbXBvbmVudFR5cGU8QWNjb3JkaW9uUHJvcHM+ID0gUmVhY3QubWVtbyhBY2NvcmRpb24pO1xuZXhwb3J0IGRlZmF1bHQgTWVtb2l6ZWRBY2NvcmRpb247XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Accordion = function Accordion(_ref) {
-  var title = _ref.title,
-    children = _ref.children,
-    action = _ref.action,
-    icon = _ref.icon,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? false : _ref$defaultValue;
-  var _useState = (0, _react.useState)(defaultValue),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isOpen = _useState2[0],
-    setOpen = _useState2[1];
-  var toggleOpen = (0, _react.useCallback)(function () {
-    return setOpen(!isOpen);
-  }, [isOpen]);
+var Accordion = function Accordion(_ref3) {
+  var title = _ref3.title,
+    children = _ref3.children,
+    action = _ref3.action,
+    icon = _ref3.icon,
+    isExpanded = _ref3.isExpanded,
+    toggleExpanded = _ref3.toggleExpanded;
+  var userInteractionRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(function () {
+    if (userInteractionRef.current) {
+      userInteractionRef.current = false;
+    }
+  }, [isExpanded]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.accordionWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.accordionHeader, {
-      open: isOpen
+      open: isExpanded
     }),
-    onClick: toggleOpen
+    onClick: function onClick() {
+      userInteractionRef.current = true;
+      toggleExpanded();
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "accordion-header--left"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -140,8 +139,9 @@ var Accordion = function Accordion(_ref) {
   }, action), /*#__PURE__*/_react.default.createElement("div", {
     className: "icon-container"
   }, icon))), /*#__PURE__*/_react.default.createElement(AccordionItem, {
+    animate: userInteractionRef.current === true,
     className: (0, _classnames.default)({
-      expanded: isOpen
+      expanded: isExpanded
     })
   }, /*#__PURE__*/_react.default.createElement(AccordionContent, null, children)));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","AccordionItem","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","AccordionContent","Accordion","_ref","title","children","action","icon","_ref$defaultValue","defaultValue","_useState","useState","_useState2","_slicedToArray2","isOpen","setOpen","toggleOpen","useCallback","createElement","className","classNames","open","onClick","Typography","use","tag","expanded","MemoizedAccordion","React","memo","_default","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    })\n};\n\nconst AccordionItem = styled.div`\n    @keyframes show-overflow {\n        to {\n            overflow: visible;\n        }\n    }\n    overflow: hidden;\n    transition: max-height 0.35s cubic-bezier(0, 1, 0, 1);\n    height: auto;\n    max-height: 0;\n\n    &.expanded {\n        max-height: 9999px;\n        transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);\n        animation-name: show-overflow;\n        animation-fill-mode: forwards;\n        animation-duration: 20ms;\n        animation-delay: 0.3s;\n    }\n`;\n\nconst AccordionContent = styled.div`\n    padding-bottom: 10;\n`;\n\ninterface AccordionProps {\n    title: string;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    defaultValue?: boolean;\n    children: React.ReactNode;\n}\n\nconst Accordion = ({ title, children, action, icon, defaultValue = false }: AccordionProps) => {\n    const [isOpen, setOpen] = useState(defaultValue);\n    const toggleOpen = useCallback(() => setOpen(!isOpen), [isOpen]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, { open: isOpen })}\n                onClick={toggleOpen}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"} tag={\"span\"}>\n                            {title}\n                        </Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <AccordionItem className={classNames({ expanded: isOpen })}>\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItem>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Typography","_EMOTION_STRINGIFIED_CSS_ERROR__","classes","accordionWrapper","css","position","width","borderBottom","accordionHeader","color","cursor","padding","minHeight","display","alignItems","justifyContent","span","marginLeft","fill","height","top","left","content","borderTop","borderLeft","transform","AccordionItem","_base","default","process","env","NODE_ENV","target","label","_ref","animate","_ref2","AccordionContent","name","styles","map","toString","Accordion","_ref3","title","children","action","icon","isExpanded","toggleExpanded","userInteractionRef","useRef","useEffect","current","createElement","className","classNames","open","onClick","Typography","use","tag","expanded","MemoizedAccordion","React","memo","_default","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useRef } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst classes = {\n    accordionWrapper: css({\n        /**\n         * We're using position: \"relative\" here for \"Popping Out of Hidden Overflow\" https://css-tricks.com/popping-hidden-overflow/\n         * so that, we can use absolute positioned element inside without \"overflow: hidden\" being a problem\n         */\n        position: \"relative\",\n        width: \"100%\",\n        borderBottom: `1px solid var(--mdc-theme-on-secondary)`\n    }),\n    accordionHeader: css({\n        position: \"relative\",\n        color: \"var(--mdc-theme-text-secondary-on-background)\",\n        cursor: \"pointer\",\n        padding: \"0px\",\n        minHeight: 48, // To have same height as the remove value action button.\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-between\",\n\n        \"& .accordion-header--left\": {\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            \"& .accordion-title\": {\n                span: {\n                    marginLeft: 16\n                }\n            }\n        },\n        \"& .accordion-header--right\": {\n            display: \"flex\",\n            \"& .icon-container\": {\n                display: \"flex\",\n                alignItems: \"center\",\n\n                \"& span\": {\n                    display: \"flex\"\n                },\n                \"& svg\": {\n                    fill: \"currentColor\",\n                    width: 14,\n                    height: 14\n                }\n            }\n        },\n\n        \"&::before\": {\n            position: \"absolute\",\n            top: \"calc(50% - 5px)\",\n            left: 0,\n            content: '\"\"',\n            width: 0,\n            height: 0,\n\n            // Arrow right.\n            borderTop: \"5px solid transparent\",\n            borderBottom: \"5px solid transparent\",\n            borderLeft: \"5px solid currentColor\"\n        },\n\n        \"&.open\": {\n            \"&::before\": {\n                transform: \"translateY(3px) rotate(90deg)\"\n            }\n        }\n    })\n};\n\nconst AccordionItem = styled.div<{ animate: boolean }>`\n    @keyframes show-overflow {\n        to {\n            overflow: visible;\n        }\n    }\n    overflow: hidden;\n    transition: ${({ animate }) =>\n        animate ? \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\" : \"none !important\"};\n    height: auto;\n    max-height: 0;\n\n    &.expanded {\n        max-height: 9999px;\n        transition: ${({ animate }) =>\n            animate ? \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\" : \"none !important\"};\n        animation-fill-mode: forwards;\n        animation-name: show-overflow;\n        animation-duration: 20ms;\n        animation-delay: 0.3s;\n    }\n`;\n\nconst AccordionContent = styled.div`\n    padding-bottom: 10;\n`;\n\ninterface AccordionProps {\n    title: string;\n    isExpanded: boolean;\n    toggleExpanded: () => void;\n    action?: ReactElement | null;\n    icon?: ReactElement;\n    children: React.ReactNode;\n}\n\nconst Accordion = ({\n    title,\n    children,\n    action,\n    icon,\n    isExpanded,\n    toggleExpanded\n}: AccordionProps) => {\n    const userInteractionRef = useRef(false);\n\n    useEffect(() => {\n        if (userInteractionRef.current) {\n            userInteractionRef.current = false;\n        }\n    }, [isExpanded]);\n\n    return (\n        <div className={classes.accordionWrapper}>\n            <div\n                className={classNames(classes.accordionHeader, {\n                    open: isExpanded\n                })}\n                onClick={() => {\n                    userInteractionRef.current = true;\n                    toggleExpanded();\n                }}\n            >\n                <div className=\"accordion-header--left\">\n                    <div className={\"accordion-title\"}>\n                        <Typography use={\"subtitle1\"} tag={\"span\"}>\n                            {title}\n                        </Typography>\n                    </div>\n                </div>\n                <div className=\"accordion-header--right\">\n                    {action && <div className={\"action-container\"}>{action}</div>}\n                    <div className={\"icon-container\"}>{icon}</div>\n                </div>\n            </div>\n            <AccordionItem\n                animate={userInteractionRef.current === true}\n                className={classNames({\n                    expanded: isExpanded\n                })}\n            >\n                <AccordionContent>{children}</AccordionContent>\n            </AccordionItem>\n        </div>\n    );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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","ignoreList":[]}

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

@@ -17,6 +17,8 @@ export interface DynamicSectionProps {
     children: (params: DynamicSectionPropsChildrenParams) => JSX.Element;
     emptyValue?: any;
     gridClassName?: string;
+    onAddItem?: (index: number) => void;
+    addValueButtonLabel?: string;
 }
-declare const DynamicSection: ({ field, getBind, children, showLabel, emptyValue, gridClassName }: DynamicSectionProps) => React.JSX.Element;
+declare const DynamicSection: ({ field, getBind, children, showLabel, emptyValue, onAddItem, gridClassName, ...props }: DynamicSectionProps) => React.JSX.Element;
 export default DynamicSection;