@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/components/FieldEditor/EditFieldDialog/GeneralTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useCallback","useRef","useMemo","camelCase","Grid","Switch","Input","Label","validation","Tags","useForm","Bind","useModelFieldEditor","useModelEditor","useModelField","GeneralTab","form","field","fieldPlugin","inputRef","data","contentModel","getField","setTimeout","current","focus","afterChangeLabel","value","setValue","beforeChangeFieldId","baseOnChange","trim","fieldIdValidator","fieldId","toLowerCase","Error","uniqueFieldIdValidator","existingField","id","additionalSettings","renderSettings","predefinedValuesEnabled","allowPredefinedValues","renderPredefinedValues","createElement","Fragment","gap","Column","span","name","validators","create","afterChange","label","size","beforeChange","multipleValuesLabel","disabled","allowMultipleValues","text","description","protectedTags","tags"],"sources":["GeneralTab.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useRef, useMemo } from \"react\";\nimport camelCase from \"lodash/camelCase\";\nimport { Grid, Switch, Input, Label } from \"@webiny/admin-ui\";\nimport { validation } from \"@webiny/validation\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { useForm, Bind } from \"@webiny/form\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelField } from \"~/admin/hooks\";\n\nconst GeneralTab = () => {\n    const form = useForm();\n    const { field, fieldPlugin } = useModelField();\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const { data: contentModel } = useModelEditor();\n    const { getField } = useModelFieldEditor();\n\n    // Had problems with autofocusing the \"label\" field. A couple of comments on this.\n    // 1. It's probably caused by the Tabs component which wraps this component.\n    // 2. It seems that the \"autoFocus\" prop on the Input doesn't work. I can't see it attached in the actual DOM.\n    // 3. This works, but it's not 100%. Visually, the cursor is frozen, and that's probably caused by a bug / design\n    //    in the RMWC / Material library. If you were to click somewhere on screen, and then apply focus, then\n    //    it seems it's behaving correctly. ¯\\_(ツ)_/¯\n    useEffect(() => {\n        setTimeout(() => {\n            if (!inputRef.current) {\n                return;\n            }\n            inputRef.current.focus();\n        }, /* The value of 400 was determined by manual testing. */ 400);\n    }, []);\n\n    const afterChangeLabel = useCallback((value: string) => {\n        form.setValue(\"fieldId\", camelCase(value));\n    }, []);\n\n    const beforeChangeFieldId = useCallback(\n        (value: string, baseOnChange: (value: string) => void) => {\n            baseOnChange(value.trim());\n        },\n        []\n    );\n\n    const fieldIdValidator = useCallback((fieldId: string) => {\n        if (fieldId.trim().toLowerCase() !== \"id\") {\n            return true;\n        }\n\n        throw new Error(`Cannot use \"id\" as Field ID.`);\n    }, []);\n\n    const uniqueFieldIdValidator = useCallback((fieldId: string) => {\n        const existingField = getField({ fieldId });\n        if (!existingField) {\n            return false;\n        }\n\n        if (existingField.id === field.id) {\n            return true;\n        }\n        throw new Error(\"Please enter a unique Field ID.\");\n    }, []);\n\n    let additionalSettings: React.ReactNode | null = null;\n    if (typeof fieldPlugin.field.renderSettings === \"function\") {\n        additionalSettings = fieldPlugin.field.renderSettings({\n            afterChangeLabel,\n            uniqueFieldIdValidator,\n            contentModel\n        });\n    }\n\n    const predefinedValuesEnabled = useMemo(\n        (): boolean =>\n            (fieldPlugin.field.allowPredefinedValues || false) &&\n            typeof fieldPlugin.field.renderPredefinedValues === \"function\",\n        [field.fieldId]\n    );\n\n    return (\n        <>\n            <Grid gap={\"comfortable\"}>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"label\"}\n                        validators={validation.create(\"required\")}\n                        afterChange={(value: string) => {\n                            if (field.id) {\n                                return;\n                            }\n                            afterChangeLabel(value);\n                        }}\n                    >\n                        <Input\n                            label={\"Label\"}\n                            size={\"lg\"}\n                            inputRef={inputRef}\n                            data-testid=\"cms.editor.field.settings.general.label\"\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind\n                        name={\"fieldId\"}\n                        validators={[\n                            validation.create(\"required\"),\n                            uniqueFieldIdValidator,\n                            fieldIdValidator\n                        ]}\n                        beforeChange={beforeChangeFieldId}\n                    >\n                        <Input\n                            label={\"Field ID\"}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.label-${field.id}`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={6}>\n                    <Bind name={\"multipleValues\"}>\n                        <Switch\n                            label={fieldPlugin.field.multipleValuesLabel}\n                            disabled={!fieldPlugin.field.allowMultipleValues}\n                            data-testid={`cms.editor.field.settings.general.switch-multiplevalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={6}>\n                    <Bind name={\"predefinedValues.enabled\"}>\n                        <Switch\n                            label={\"Use predefined values\"}\n                            disabled={!predefinedValuesEnabled}\n                            data-testid={`cms.editor.field.settings.general.switch-predefinedvalues`}\n                        />\n                    </Bind>\n                </Grid.Column>\n\n                <Grid.Column span={12}>\n                    <Bind name={\"helpText\"}>\n                        <Input\n                            label={<Label text={\"Help text\"} description={\"(optional)\"} />}\n                            size={\"lg\"}\n                            data-testid={`cms.editor.field.settings.general.helptext`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={\"tags\"}>\n                        <Tags\n                            label={<Label text={\"Tags\"} description={\"(optional)\"} />}\n                            protectedTags={fieldPlugin.field.tags}\n                            data-testid={`cms.editor.field.settings.general.tags`}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <Grid.Column span={12}>{additionalSettings}</Grid.Column>\n            </Grid>\n        </>\n    );\n};\n\nexport default GeneralTab;\n"],"mappings":"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","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.d.ts

@@ -1,5 +1,3 @@
-export default function PredefinedValues({ field, fieldPlugin, form }: {
-    field: any;
-    fieldPlugin: any;
-    form: any;
-}): any;
+import React from "react";
+declare const PredefinedValues: () => React.JSX.Element;
+export default PredefinedValues;

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js

@@ -1,55 +1,58 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React, { useCallback, useRef, cloneElement } from "react";
-import getValue from "./functions/getValue";
-import setValue from "./functions/setValue";
-export default function PredefinedValues(_ref) {
-  var field = _ref.field,
-      fieldPlugin = _ref.fieldPlugin,
-      form = _ref.form;
-  var memoizedBindComponents = useRef({});
-  var BaseFormBind = form.Bind;
-  var getBind = useCallback(function () {
-    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-    var memoKey = index;
-
+import { getValue } from "./functions/getValue";
+import { setValue } from "./functions/setValue";
+import { Bind as BaseFormBind } from "@webiny/form";
+import { useModelField } from "../../../hooks";
+const PredefinedValues = () => {
+  const {
+    field,
+    fieldPlugin
+  } = useModelField();
+  const memoizedBindComponents = useRef({});
+  const getBind = useCallback((index = -1) => {
+    const memoKey = index;
     if (memoizedBindComponents.current[memoKey]) {
       return memoizedBindComponents.current[memoKey];
     }
-
-    memoizedBindComponents.current[memoKey] = function Bind(_ref2) {
-      var children = _ref2.children,
-          name = _ref2.name;
+    const Bind = ({
+      children,
+      name
+    }) => {
       return /*#__PURE__*/React.createElement(BaseFormBind, {
         name: "predefinedValues.values"
-      }, function (bind) {
-        var props = _objectSpread(_objectSpread({}, bind), {}, {
+      }, bind => {
+        const props = {
+          ...bind,
           value: getValue({
-            bind: bind,
-            index: index,
-            name: name
+            bind,
+            index,
+            name
           }),
-          onChange: function onChange(value) {
+          onChange: value => {
             setValue({
-              value: value,
-              bind: bind,
-              index: index,
-              name: name
+              value,
+              bind,
+              index,
+              name
             });
           }
-        });
-
+        };
         if (typeof children === "function") {
           return children(props);
         }
-
         return /*#__PURE__*/cloneElement(children, props);
       });
     };
-
+    memoizedBindComponents.current[memoKey] = Bind;
     return memoizedBindComponents.current[memoKey];
   }, []);
-  return fieldPlugin.field.renderPredefinedValues({
-    field: field,
-    getBind: getBind
-  });
-}
+  if (!fieldPlugin.field.renderPredefinedValues) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, `Missing "field.renderPredefinedValues" method in field type plugin: "${field.type}".`);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldPlugin.field.renderPredefinedValues({
+    getBind
+  }));
+};
+export default PredefinedValues;
+
+//# sourceMappingURL=PredefinedValues.js.map

package/admin/components/FieldEditor/EditFieldDialog/PredefinedValues.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","cloneElement","getValue","setValue","Bind","BaseFormBind","useModelField","PredefinedValues","field","fieldPlugin","memoizedBindComponents","getBind","index","memoKey","current","children","name","createElement","bind","props","value","onChange","renderPredefinedValues","Fragment","type"],"sources":["PredefinedValues.tsx"],"sourcesContent":["import React, { useCallback, useRef, cloneElement } from \"react\";\nimport { getValue } from \"./functions/getValue\";\nimport { setValue } from \"./functions/setValue\";\nimport type { BindComponent } from \"@webiny/form\";\nimport { Bind as BaseFormBind } from \"@webiny/form\";\nimport { useModelField } from \"~/admin/hooks\";\n\ninterface MemoizedBindComponents {\n    [key: string]: BindComponent;\n}\n\nconst PredefinedValues = () => {\n    const { field, fieldPlugin } = useModelField();\n    const memoizedBindComponents = useRef<MemoizedBindComponents>({});\n\n    const getBind = useCallback((index = -1) => {\n        const memoKey = index;\n        if (memoizedBindComponents.current[memoKey]) {\n            return memoizedBindComponents.current[memoKey];\n        }\n\n        const Bind: BindComponent = ({ children, name }) => {\n            return (\n                <BaseFormBind name={\"predefinedValues.values\"}>\n                    {bind => {\n                        const props = {\n                            ...bind,\n                            value: getValue({ bind, index, name }),\n                            onChange: (value: string[]) => {\n                                setValue({ value, bind, index, name });\n                            }\n                        };\n\n                        if (typeof children === \"function\") {\n                            return children(props);\n                        }\n\n                        return cloneElement(children as unknown as React.ReactElement, props);\n                    }}\n                </BaseFormBind>\n            );\n        };\n\n        memoizedBindComponents.current[memoKey] = Bind;\n\n        return memoizedBindComponents.current[memoKey];\n    }, []);\n    if (!fieldPlugin.field.renderPredefinedValues) {\n        return (\n            <>{`Missing \"field.renderPredefinedValues\" method in field type plugin: \"${field.type}\".`}</>\n        );\n    }\n\n    return <>{fieldPlugin.field.renderPredefinedValues({ getBind })}</>;\n};\n\nexport default PredefinedValues;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,YAAY,QAAQ,OAAO;AAChE,SAASC,QAAQ;AACjB,SAASC,QAAQ;AAEjB,SAASC,IAAI,IAAIC,YAAY,QAAQ,cAAc;AACnD,SAASC,aAAa;AAMtB,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGH,aAAa,CAAC,CAAC;EAC9C,MAAMI,sBAAsB,GAAGV,MAAM,CAAyB,CAAC,CAAC,CAAC;EAEjE,MAAMW,OAAO,GAAGZ,WAAW,CAAC,CAACa,KAAK,GAAG,CAAC,CAAC,KAAK;IACxC,MAAMC,OAAO,GAAGD,KAAK;IACrB,IAAIF,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,EAAE;MACzC,OAAOH,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;IAClD;IAEA,MAAMT,IAAmB,GAAGA,CAAC;MAAEW,QAAQ;MAAEC;IAAK,CAAC,KAAK;MAChD,oBACIlB,KAAA,CAAAmB,aAAA,CAACZ,YAAY;QAACW,IAAI,EAAE;MAA0B,GACzCE,IAAI,IAAI;QACL,MAAMC,KAAK,GAAG;UACV,GAAGD,IAAI;UACPE,KAAK,EAAElB,QAAQ,CAAC;YAAEgB,IAAI;YAAEN,KAAK;YAAEI;UAAK,CAAC,CAAC;UACtCK,QAAQ,EAAGD,KAAe,IAAK;YAC3BjB,QAAQ,CAAC;cAAEiB,KAAK;cAAEF,IAAI;cAAEN,KAAK;cAAEI;YAAK,CAAC,CAAC;UAC1C;QACJ,CAAC;QAED,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;UAChC,OAAOA,QAAQ,CAACI,KAAK,CAAC;QAC1B;QAEA,oBAAOlB,YAAY,CAACc,QAAQ,EAAmCI,KAAK,CAAC;MACzE,CACU,CAAC;IAEvB,CAAC;IAEDT,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC,GAAGT,IAAI;IAE9C,OAAOM,sBAAsB,CAACI,OAAO,CAACD,OAAO,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EACN,IAAI,CAACJ,WAAW,CAACD,KAAK,CAACc,sBAAsB,EAAE;IAC3C,oBACIxB,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAG,wEAAwEf,KAAK,CAACgB,IAAI,IAAO,CAAC;EAErG;EAEA,oBAAO1B,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAyB,QAAA,QAAGd,WAAW,CAACD,KAAK,CAACc,sBAAsB,CAAC;IAAEX;EAAQ,CAAC,CAAI,CAAC;AACvE,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationTab.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types";
+interface ValidationTabProps {
+    field: CmsModelField;
+}
+export declare const ValidationTab: ({ field }: ValidationTabProps) => React.JSX.Element;
+export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationTab.js

@@ -0,0 +1,31 @@
+import React from "react";
+import { ValidationsSection } from "./ValidationsSection";
+import { getFieldValidators, getListValidators } from "../getValidators";
+import { useModelField } from "../../../ModelFieldProvider";
+import { ValidatorsList } from "./ValidatorsList";
+export const ValidationTab = ({
+  field
+}) => {
+  const {
+    fieldPlugin
+  } = useModelField();
+  const individualValidation = getFieldValidators(field, fieldPlugin);
+  const hasValidators = individualValidation.validators.length > 0;
+  const listValidation = getListValidators(field, fieldPlugin);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, field.multipleValues ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ValidationsSection, {
+    validators: listValidation.validators,
+    fieldKey: "listValidators",
+    title: listValidation.title || "List validators",
+    description: listValidation.description || "These validators are applied to the entire list of values."
+  }), hasValidators ? /*#__PURE__*/React.createElement(ValidationsSection, {
+    fieldKey: "validators",
+    validators: individualValidation.validators,
+    title: individualValidation.title || "Individual value validators",
+    description: individualValidation.description || "These validators are applied to each value in the list."
+  }) : null) : null, !field.multipleValues && hasValidators ? /*#__PURE__*/React.createElement(ValidatorsList, {
+    name: "validation",
+    validators: individualValidation.validators
+  }) : null);
+};
+
+//# sourceMappingURL=ValidationTab.js.map

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ValidationsSection","getFieldValidators","getListValidators","useModelField","ValidatorsList","ValidationTab","field","fieldPlugin","individualValidation","hasValidators","validators","length","listValidation","createElement","Fragment","multipleValues","fieldKey","title","description","name"],"sources":["ValidationTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { ValidationsSection } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection\";\nimport {\n    getFieldValidators,\n    getListValidators\n} from \"~/admin/components/FieldEditor/EditFieldDialog/getValidators\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { ValidatorsList } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types\";\n\ninterface ValidationTabProps {\n    field: CmsModelField;\n}\n\nexport const ValidationTab = ({ field }: ValidationTabProps) => {\n    const { fieldPlugin } = useModelField();\n\n    const individualValidation = getFieldValidators(field, fieldPlugin);\n    const hasValidators = individualValidation.validators.length > 0;\n    const listValidation = getListValidators(field, fieldPlugin);\n\n    return (\n        <>\n            {field.multipleValues ? (\n                <>\n                    <ValidationsSection\n                        validators={listValidation.validators}\n                        fieldKey={\"listValidators\"}\n                        title={listValidation.title || \"List validators\"}\n                        description={\n                            listValidation.description ||\n                            \"These validators are applied to the entire list of values.\"\n                        }\n                    />\n\n                    {hasValidators ? (\n                        <ValidationsSection\n                            fieldKey={\"validators\"}\n                            validators={individualValidation.validators}\n                            title={individualValidation.title || \"Individual value validators\"}\n                            description={\n                                individualValidation.description ||\n                                \"These validators are applied to each value in the list.\"\n                            }\n                        />\n                    ) : null}\n                </>\n            ) : null}\n\n            {!field.multipleValues && hasValidators ? (\n                <ValidatorsList name={\"validation\"} validators={individualValidation.validators} />\n            ) : null}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB;AAC3B,SACIC,kBAAkB,EAClBC,iBAAiB;AAErB,SAASC,aAAa;AACtB,SAASC,cAAc;AAOvB,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC5D,MAAM;IAAEC;EAAY,CAAC,GAAGJ,aAAa,CAAC,CAAC;EAEvC,MAAMK,oBAAoB,GAAGP,kBAAkB,CAACK,KAAK,EAAEC,WAAW,CAAC;EACnE,MAAME,aAAa,GAAGD,oBAAoB,CAACE,UAAU,CAACC,MAAM,GAAG,CAAC;EAChE,MAAMC,cAAc,GAAGV,iBAAiB,CAACI,KAAK,EAAEC,WAAW,CAAC;EAE5D,oBACIR,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QACKR,KAAK,CAACS,cAAc,gBACjBhB,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,qBACIf,KAAA,CAAAc,aAAA,CAACb,kBAAkB;IACfU,UAAU,EAAEE,cAAc,CAACF,UAAW;IACtCM,QAAQ,EAAE,gBAAiB;IAC3BC,KAAK,EAAEL,cAAc,CAACK,KAAK,IAAI,iBAAkB;IACjDC,WAAW,EACPN,cAAc,CAACM,WAAW,IAC1B;EACH,CACJ,CAAC,EAEDT,aAAa,gBACVV,KAAA,CAAAc,aAAA,CAACb,kBAAkB;IACfgB,QAAQ,EAAE,YAAa;IACvBN,UAAU,EAAEF,oBAAoB,CAACE,UAAW;IAC5CO,KAAK,EAAET,oBAAoB,CAACS,KAAK,IAAI,6BAA8B;IACnEC,WAAW,EACPV,oBAAoB,CAACU,WAAW,IAChC;EACH,CACJ,CAAC,GACF,IACN,CAAC,GACH,IAAI,EAEP,CAACZ,KAAK,CAACS,cAAc,IAAIN,aAAa,gBACnCV,KAAA,CAAAc,aAAA,CAACT,cAAc;IAACe,IAAI,EAAE,YAAa;IAACT,UAAU,EAAEF,oBAAoB,CAACE;EAAW,CAAE,CAAC,GACnF,IACN,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter";
+interface ValidatorsSectionProps {
+    title: string;
+    fieldKey: "validators" | "listValidators";
+    description: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const ValidationsSection: ({ title, description, fieldKey, validators }: ValidatorsSectionProps) => React.JSX.Element;
+export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { ValidatorsList } from "./ValidatorsList";
+import { Grid, Heading, Text } from "@webiny/admin-ui";
+const bindTo = {
+  validators: "validation",
+  listValidators: "listValidation"
+};
+export const ValidationsSection = ({
+  title,
+  description,
+  fieldKey,
+  validators
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-xl"
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 5
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, description)), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(ValidatorsList, {
+    name: bindTo[fieldKey],
+    validators: validators
+  }))));
+};
+
+//# sourceMappingURL=ValidationsSection.js.map

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidationsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ValidatorsList","Grid","Heading","Text","bindTo","validators","listValidators","ValidationsSection","title","description","fieldKey","createElement","className","Column","span","level","size","name"],"sources":["ValidationsSection.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ValidatorsList } from \"./ValidatorsList\";\nimport type { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport { Grid, Heading, Text } from \"@webiny/admin-ui\";\n\ninterface ValidatorsSectionProps {\n    title: string;\n    fieldKey: \"validators\" | \"listValidators\";\n    description: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst bindTo = {\n    validators: \"validation\",\n    listValidators: \"listValidation\"\n};\n\nexport const ValidationsSection = ({\n    title,\n    description,\n    fieldKey,\n    validators\n}: ValidatorsSectionProps) => {\n    return (\n        <div className=\"wby-mb-xl\">\n            <Grid>\n                <Grid.Column span={12}>\n                    <Heading level={5}>{title}</Heading>\n                    <Text size={\"sm\"}>{description}</Text>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <ValidatorsList name={bindTo[fieldKey]} validators={validators} />\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAEvB,SAASC,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AAStD,MAAMC,MAAM,GAAG;EACXC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,QAAQ;EACRL;AACoB,CAAC,KAAK;EAC1B,oBACIN,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAW,gBACtBb,KAAA,CAAAY,aAAA,CAACV,IAAI,qBACDF,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACT,OAAO;IAACa,KAAK,EAAE;EAAE,GAAEP,KAAe,CAAC,eACpCT,KAAA,CAAAY,aAAA,CAACR,IAAI;IAACa,IAAI,EAAE;EAAK,GAAEP,WAAkB,CAC5B,CAAC,eACdV,KAAA,CAAAY,aAAA,CAACV,IAAI,CAACY,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBf,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACiB,IAAI,EAAEb,MAAM,CAACM,QAAQ,CAAE;IAACL,UAAU,EAAEA;EAAW,CAAE,CACxD,CACX,CACL,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { CmsModelFieldValidatorConfigAdapter } from "../../../../../utils/CmsModelFieldValidatorConfigAdapter";
+interface ValidatorsTabProps {
+    name: string;
+    validators: CmsModelFieldValidatorConfigAdapter[];
+}
+export declare const ValidatorsList: (props: ValidatorsTabProps) => React.JSX.Element;
+export {};

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js

@@ -0,0 +1,215 @@
+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)."; }
+import React, { Fragment } from "react";
+import { css } from "@emotion/css";
+import cloneDeep from "lodash/cloneDeep";
+import debounce from "lodash/debounce";
+import { plugins } from "@webiny/plugins";
+import { Switch } from "@webiny/ui/Switch";
+import { Form, Bind } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { Input } from "@webiny/ui/Input";
+import { Accordion, AccordionItem } from "@webiny/ui/Accordion";
+import { Tooltip } from "@webiny/ui/Tooltip";
+import { Grid } from "@webiny/admin-ui";
+const Variable = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1vn8p1f1"
+} : {
+  target: "e1vn8p1f1",
+  label: "Variable"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13sosd8",
+  styles: "font-weight:bold;cursor:pointer"
+} : {
+  name: "13sosd8",
+  styles: "font-weight:bold;cursor:pointer",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRvcnNMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjRCIiwiZmlsZSI6IlZhbGlkYXRvcnNMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IGNsb25lRGVlcCBmcm9tIFwibG9kYXNoL2Nsb25lRGVlcFwiO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gXCJsb2Rhc2gvZGVib3VuY2VcIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgeyBTd2l0Y2ggfSBmcm9tIFwiQHdlYmlueS91aS9Td2l0Y2hcIjtcbmltcG9ydCB7IEZvcm0sIEJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyB2YWxpZGF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvblwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yLCBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgVmFsaWRhdG9yIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvbi90eXBlc1wiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBBY2NvcmRpb25JdGVtIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQWNjb3JkaW9uXCI7XG5pbXBvcnQgdHlwZSB7IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyIH0gZnJvbSBcIn4vdXRpbHMvQ21zTW9kZWxGaWVsZFZhbGlkYXRvckNvbmZpZ0FkYXB0ZXJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCBWYXJpYWJsZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IENvbW1hID0gc3R5bGVkLnNwYW5gXG4gICAgcGFkZGluZy1yaWdodDogNXB4O1xuYDtcblxuY29uc3Qgbm9QYWRkaW5nID0gY3NzYFxuICAgIC53ZWJpbnktdWktYWNjb3JkaW9uLWl0ZW1fX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuY29uc3QgZ3JpZEJvdHRvbVBhZGRpbmcgPSBjc3NgXG4gICAgOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGUge1xuICAgICh2YWxpZGF0b3JzOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yW10pOiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgT25FbmFibGVkQ2hhbmdlUGFyYW1zIHtcbiAgICBkYXRhOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yO1xuICAgIHZhbGlkYXRpb25WYWx1ZTogQ21zTW9kZWxGaWVsZFZhbGlkYXRvcltdO1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGU7XG4gICAgdmFsaWRhdG9yOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yQ29uZmlnQWRhcHRlcjtcbn1cblxuY29uc3Qgb25FbmFibGVkQ2hhbmdlID0gKHBhcmFtczogT25FbmFibGVkQ2hhbmdlUGFyYW1zKTogdm9pZCA9PiB7XG4gICAgY29uc3QgeyBkYXRhLCB2YWxpZGF0aW9uVmFsdWUsIG9uQ2hhbmdlVmFsaWRhdGlvbiwgdmFsaWRhdG9yIH0gPSBwYXJhbXM7XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgICAgY29uc3QgaW5kZXggPSB2YWxpZGF0aW9uVmFsdWUuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5uYW1lID09PSB2YWxpZGF0b3IuZ2V0TmFtZSgpKTtcbiAgICAgICAgb25DaGFuZ2VWYWxpZGF0aW9uKFtcbiAgICAgICAgICAgIC4uLnZhbGlkYXRpb25WYWx1ZS5zbGljZSgwLCBpbmRleCksXG4gICAgICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICBdKTtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBvbkNoYW5nZVZhbGlkYXRpb24oW1xuICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUsXG4gICAgICAgIHtcbiAgICAgICAgICAgIG5hbWU6IHZhbGlkYXRvci5nZXROYW1lKCksXG4gICAgICAgICAgICBzZXR0aW5nczogdmFsaWRhdG9yLmdldERlZmF1bHRTZXR0aW5ncygpLFxuICAgICAgICAgICAgbWVzc2FnZTogdmFsaWRhdG9yLmdldERlZmF1bHRNZXNzYWdlKClcbiAgICAgICAgfVxuICAgIF0pO1xufTtcblxuY29uc3Qgb25Gb3JtQ2hhbmdlID0gZGVib3VuY2UoKHsgZGF0YSwgdmFsaWRhdGlvblZhbHVlLCBvbkNoYW5nZVZhbGlkYXRpb24sIHZhbGlkYXRvckluZGV4IH0pID0+IHtcbiAgICBjb25zdCBuZXdWYWxpZGF0aW9uVmFsdWUgPSBjbG9uZURlZXAodmFsaWRhdGlvblZhbHVlKTtcbiAgICBuZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdID0ge1xuICAgICAgICAuLi5uZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdLFxuICAgICAgICAuLi5jbG9uZURlZXAoZGF0YSlcbiAgICB9O1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbihuZXdWYWxpZGF0aW9uVmFsdWUpO1xufSwgMjAwKTtcblxuaW50ZXJmYWNlIFZhbGlkYXRvcnNUYWJQcm9wcyB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbGlkYXRvcnM6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyW107XG59XG5cbmNvbnN0IHJlbmRlckVtcHR5ID0gKCkgPT4gbnVsbDtcblxuY29uc3QgZ2V0VmFsaWRhdG9yUGx1Z2luID0gKG5hbWU6IHN0cmluZyk6IENtc01vZGVsRmllbGRWYWxpZGF0b3JQbHVnaW5bXCJ2YWxpZGF0b3JcIl0gfCBudWxsID0+IHtcbiAgICBjb25zdCBwbHVnaW4gPSBwbHVnaW5zXG4gICAgICAgIC5ieVR5cGU8Q21zTW9kZWxGaWVsZFZhbGlkYXRvclBsdWdpbj4oXCJjbXMtbW9kZWwtZmllbGQtdmFsaWRhdG9yXCIpXG4gICAgICAgIC5maW5kKHBsdWdpbiA9PiBwbHVnaW4udmFsaWRhdG9yLm5hbWUgPT09IG5hbWUpO1xuXG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIHBsdWdpbi52YWxpZGF0b3I7XG59O1xuXG5pbnRlcmZhY2UgVmFsaWRhdG9ySXRlbVByb3BzIHtcbiAgICB2YWxpZGF0b3I6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyO1xuICAgIHZhbHVlOiBhbnk7XG4gICAgb25DaGFuZ2U6IE9uQ2hhbmdlVmFsaWRhdGlvbkNhbGxhYmxlO1xufVxuXG5jb25zdCBWYWxpZGF0b3JJdGVtID0gKHsgdmFsaWRhdG9yLCB2YWx1ZSwgb25DaGFuZ2UgfTogVmFsaWRhdG9ySXRlbVByb3BzKSA9PiB7XG4gICAgY29uc3QgdmFsaWRhdG9yTmFtZSA9IHZhbGlkYXRvci5nZXROYW1lKCk7XG5cbiAgICBjb25zdCBwbHVnaW4gPSBnZXRWYWxpZGF0b3JQbHVnaW4odmFsaWRhdG9yTmFtZSk7XG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIDw+PC8+O1xuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRvckluZGV4ID0gKCh2YWx1ZSB8fCBbXSkgYXMgVmFsaWRhdG9yW10pLmZpbmRJbmRleChcbiAgICAgICAgaXRlbSA9PiBpdGVtLm5hbWUgPT09IHZhbGlkYXRvck5hbWVcbiAgICApO1xuXG4gICAgY29uc3QgZGF0YSA9ICh2YWx1ZSB8fCBbXSlbdmFsaWRhdG9ySW5kZXhdO1xuXG4gICAgaWYgKHR5cGVvZiBwbHVnaW4ucmVuZGVyQ3VzdG9tVWkgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICByZXR1cm4gPEZyYWdtZW50IGtleT17dmFsaWRhdG9yTmFtZX0+e3BsdWdpbi5yZW5kZXJDdXN0b21VaSgpfTwvRnJhZ21lbnQ+O1xuICAgIH1cblxuICAgIGNvbnN0IHJlbmRlclNldHRpbmdzID0gcGx1Z2luLnJlbmRlclNldHRpbmdzIHx8IHJlbmRlckVtcHR5O1xuXG4gICAgY29uc3QgYWN0aW9ucyA9ICF2YWxpZGF0b3IuaXNSZXF1aXJlZCgpID8gKFxuICAgICAgICA8QWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICAgICAgICAgPFN3aXRjaFxuICAgICAgICAgICAgICAgIGxhYmVsPVwiRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbGlkYXRvckluZGV4ID49IDB9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+XG4gICAgICAgICAgICAgICAgICAgIG9uRW5hYmxlZENoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdGlvblZhbHVlOiB2YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I6IHZhbGlkYXRvclxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICkgOiBudWxsO1xuXG4gICAgY29uc3QgZGVzY3JpcHRpb24gPSBbPHNwYW4ga2V5PXtcIm1zZ1wifT5UaGlzIG1lc3NhZ2Ugd2lsbCBiZSBkaXNwbGF5ZWQgdG8gdGhlIHVzZXIuPC9zcGFuPl07XG4gICAgY29uc3QgdmFyaWFibGVzID0gdmFsaWRhdG9yLmdldFZhcmlhYmxlcygpO1xuXG4gICAgaWYgKHZhcmlhYmxlcy5sZW5ndGgpIHtcbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8c3BhbiBrZXk9e1widmFyc1wifT4mbmJzcDtBdmFpbGFibGUgdmFyaWFibGVzOiZuYnNwOzwvc3Bhbj4pO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHZhcmlhYmxlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgdmFyaWFibGUgPSB2YXJpYWJsZXNbaV07XG5cbiAgICAgICAgICAgIGRlc2NyaXB0aW9uLnB1c2goXG4gICAgICAgICAgICAgICAgPFRvb2x0aXAga2V5PXt2YXJpYWJsZS5uYW1lfSBjb250ZW50PXt2YXJpYWJsZS5kZXNjcmlwdGlvbn0gcGxhY2VtZW50PXtcImJvdHRvbVwifT5cbiAgICAgICAgICAgICAgICAgICAgPFZhcmlhYmxlIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogYHske3ZhcmlhYmxlLm5hbWV9fWAgfX0gLz5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICBpZiAoaSA8IHZhcmlhYmxlcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtgY29tbWEtJHtpfWB9Piw8L0NvbW1hPik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtcImRvdFwifT4uPC9Db21tYT4pO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBY2NvcmRpb25JdGVtXG4gICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YGNtcy5lZGl0b3IuZmllbGQtdmFsaWRhdG9yLiR7dmFsaWRhdG9yLmdldE5hbWUoKX1gfVxuICAgICAgICAgICAgaW50ZXJhY3RpdmU9e2ZhbHNlfVxuICAgICAgICAgICAgb3Blbj17ISFkYXRhfVxuICAgICAgICAgICAgdGl0bGU9e3ZhbGlkYXRvci5nZXRMYWJlbCgpfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e3ZhbGlkYXRvci5nZXREZXNjcmlwdGlvbigpfVxuICAgICAgICAgICAgYWN0aW9ucz17YWN0aW9uc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17bm9QYWRkaW5nfVxuICAgICAgICA+XG4gICAgICAgICAgICB7ZGF0YSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1cbiAgICAgICAgICAgICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2RhdGEgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uRm9ybUNoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0aW9uVmFsdWU6IHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdG9ySW5kZXhcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHsoeyBCaW5kIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQgY2xhc3NOYW1lPXtncmlkQm90dG9tUGFkZGluZ30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e1wibWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiTWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY21zLmVkaXRmaWVsZC52YWxpZGF0b3JzLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17PD57ZGVzY3JpcHRpb259PC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PntyZW5kZXJTZXR0aW5ncyh2YWxpZGF0b3IpfTwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvRm9ybT5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRvcnNMaXN0ID0gKHByb3BzOiBWYWxpZGF0b3JzVGFiUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IG5hbWUsIHZhbGlkYXRvcnMgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQgbmFtZT17bmFtZX0gZGVmYXVsdFZhbHVlPXtbXX0+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UgfSA9IGJpbmQ7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEFjY29yZGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt2YWxpZGF0b3JzLm1hcCh2YWxpZGF0b3IgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWYWxpZGF0b3JJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I9e3ZhbGlkYXRvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Comma = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1vn8p1f0"
+} : {
+  target: "e1vn8p1f0",
+  label: "Comma"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qr3jc0",
+  styles: "padding-right:5px"
+} : {
+  name: "1qr3jc0",
+  styles: "padding-right:5px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRvcnNMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQnlCIiwiZmlsZSI6IlZhbGlkYXRvcnNMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IGNsb25lRGVlcCBmcm9tIFwibG9kYXNoL2Nsb25lRGVlcFwiO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gXCJsb2Rhc2gvZGVib3VuY2VcIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgeyBTd2l0Y2ggfSBmcm9tIFwiQHdlYmlueS91aS9Td2l0Y2hcIjtcbmltcG9ydCB7IEZvcm0sIEJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyB2YWxpZGF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvblwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yLCBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgVmFsaWRhdG9yIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvbi90eXBlc1wiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBBY2NvcmRpb25JdGVtIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQWNjb3JkaW9uXCI7XG5pbXBvcnQgdHlwZSB7IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyIH0gZnJvbSBcIn4vdXRpbHMvQ21zTW9kZWxGaWVsZFZhbGlkYXRvckNvbmZpZ0FkYXB0ZXJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCBWYXJpYWJsZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IENvbW1hID0gc3R5bGVkLnNwYW5gXG4gICAgcGFkZGluZy1yaWdodDogNXB4O1xuYDtcblxuY29uc3Qgbm9QYWRkaW5nID0gY3NzYFxuICAgIC53ZWJpbnktdWktYWNjb3JkaW9uLWl0ZW1fX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuY29uc3QgZ3JpZEJvdHRvbVBhZGRpbmcgPSBjc3NgXG4gICAgOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGUge1xuICAgICh2YWxpZGF0b3JzOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yW10pOiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgT25FbmFibGVkQ2hhbmdlUGFyYW1zIHtcbiAgICBkYXRhOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yO1xuICAgIHZhbGlkYXRpb25WYWx1ZTogQ21zTW9kZWxGaWVsZFZhbGlkYXRvcltdO1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGU7XG4gICAgdmFsaWRhdG9yOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yQ29uZmlnQWRhcHRlcjtcbn1cblxuY29uc3Qgb25FbmFibGVkQ2hhbmdlID0gKHBhcmFtczogT25FbmFibGVkQ2hhbmdlUGFyYW1zKTogdm9pZCA9PiB7XG4gICAgY29uc3QgeyBkYXRhLCB2YWxpZGF0aW9uVmFsdWUsIG9uQ2hhbmdlVmFsaWRhdGlvbiwgdmFsaWRhdG9yIH0gPSBwYXJhbXM7XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgICAgY29uc3QgaW5kZXggPSB2YWxpZGF0aW9uVmFsdWUuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5uYW1lID09PSB2YWxpZGF0b3IuZ2V0TmFtZSgpKTtcbiAgICAgICAgb25DaGFuZ2VWYWxpZGF0aW9uKFtcbiAgICAgICAgICAgIC4uLnZhbGlkYXRpb25WYWx1ZS5zbGljZSgwLCBpbmRleCksXG4gICAgICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICBdKTtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBvbkNoYW5nZVZhbGlkYXRpb24oW1xuICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUsXG4gICAgICAgIHtcbiAgICAgICAgICAgIG5hbWU6IHZhbGlkYXRvci5nZXROYW1lKCksXG4gICAgICAgICAgICBzZXR0aW5nczogdmFsaWRhdG9yLmdldERlZmF1bHRTZXR0aW5ncygpLFxuICAgICAgICAgICAgbWVzc2FnZTogdmFsaWRhdG9yLmdldERlZmF1bHRNZXNzYWdlKClcbiAgICAgICAgfVxuICAgIF0pO1xufTtcblxuY29uc3Qgb25Gb3JtQ2hhbmdlID0gZGVib3VuY2UoKHsgZGF0YSwgdmFsaWRhdGlvblZhbHVlLCBvbkNoYW5nZVZhbGlkYXRpb24sIHZhbGlkYXRvckluZGV4IH0pID0+IHtcbiAgICBjb25zdCBuZXdWYWxpZGF0aW9uVmFsdWUgPSBjbG9uZURlZXAodmFsaWRhdGlvblZhbHVlKTtcbiAgICBuZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdID0ge1xuICAgICAgICAuLi5uZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdLFxuICAgICAgICAuLi5jbG9uZURlZXAoZGF0YSlcbiAgICB9O1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbihuZXdWYWxpZGF0aW9uVmFsdWUpO1xufSwgMjAwKTtcblxuaW50ZXJmYWNlIFZhbGlkYXRvcnNUYWJQcm9wcyB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbGlkYXRvcnM6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyW107XG59XG5cbmNvbnN0IHJlbmRlckVtcHR5ID0gKCkgPT4gbnVsbDtcblxuY29uc3QgZ2V0VmFsaWRhdG9yUGx1Z2luID0gKG5hbWU6IHN0cmluZyk6IENtc01vZGVsRmllbGRWYWxpZGF0b3JQbHVnaW5bXCJ2YWxpZGF0b3JcIl0gfCBudWxsID0+IHtcbiAgICBjb25zdCBwbHVnaW4gPSBwbHVnaW5zXG4gICAgICAgIC5ieVR5cGU8Q21zTW9kZWxGaWVsZFZhbGlkYXRvclBsdWdpbj4oXCJjbXMtbW9kZWwtZmllbGQtdmFsaWRhdG9yXCIpXG4gICAgICAgIC5maW5kKHBsdWdpbiA9PiBwbHVnaW4udmFsaWRhdG9yLm5hbWUgPT09IG5hbWUpO1xuXG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIHBsdWdpbi52YWxpZGF0b3I7XG59O1xuXG5pbnRlcmZhY2UgVmFsaWRhdG9ySXRlbVByb3BzIHtcbiAgICB2YWxpZGF0b3I6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyO1xuICAgIHZhbHVlOiBhbnk7XG4gICAgb25DaGFuZ2U6IE9uQ2hhbmdlVmFsaWRhdGlvbkNhbGxhYmxlO1xufVxuXG5jb25zdCBWYWxpZGF0b3JJdGVtID0gKHsgdmFsaWRhdG9yLCB2YWx1ZSwgb25DaGFuZ2UgfTogVmFsaWRhdG9ySXRlbVByb3BzKSA9PiB7XG4gICAgY29uc3QgdmFsaWRhdG9yTmFtZSA9IHZhbGlkYXRvci5nZXROYW1lKCk7XG5cbiAgICBjb25zdCBwbHVnaW4gPSBnZXRWYWxpZGF0b3JQbHVnaW4odmFsaWRhdG9yTmFtZSk7XG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIDw+PC8+O1xuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRvckluZGV4ID0gKCh2YWx1ZSB8fCBbXSkgYXMgVmFsaWRhdG9yW10pLmZpbmRJbmRleChcbiAgICAgICAgaXRlbSA9PiBpdGVtLm5hbWUgPT09IHZhbGlkYXRvck5hbWVcbiAgICApO1xuXG4gICAgY29uc3QgZGF0YSA9ICh2YWx1ZSB8fCBbXSlbdmFsaWRhdG9ySW5kZXhdO1xuXG4gICAgaWYgKHR5cGVvZiBwbHVnaW4ucmVuZGVyQ3VzdG9tVWkgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICByZXR1cm4gPEZyYWdtZW50IGtleT17dmFsaWRhdG9yTmFtZX0+e3BsdWdpbi5yZW5kZXJDdXN0b21VaSgpfTwvRnJhZ21lbnQ+O1xuICAgIH1cblxuICAgIGNvbnN0IHJlbmRlclNldHRpbmdzID0gcGx1Z2luLnJlbmRlclNldHRpbmdzIHx8IHJlbmRlckVtcHR5O1xuXG4gICAgY29uc3QgYWN0aW9ucyA9ICF2YWxpZGF0b3IuaXNSZXF1aXJlZCgpID8gKFxuICAgICAgICA8QWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICAgICAgICAgPFN3aXRjaFxuICAgICAgICAgICAgICAgIGxhYmVsPVwiRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbGlkYXRvckluZGV4ID49IDB9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+XG4gICAgICAgICAgICAgICAgICAgIG9uRW5hYmxlZENoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdGlvblZhbHVlOiB2YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I6IHZhbGlkYXRvclxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICkgOiBudWxsO1xuXG4gICAgY29uc3QgZGVzY3JpcHRpb24gPSBbPHNwYW4ga2V5PXtcIm1zZ1wifT5UaGlzIG1lc3NhZ2Ugd2lsbCBiZSBkaXNwbGF5ZWQgdG8gdGhlIHVzZXIuPC9zcGFuPl07XG4gICAgY29uc3QgdmFyaWFibGVzID0gdmFsaWRhdG9yLmdldFZhcmlhYmxlcygpO1xuXG4gICAgaWYgKHZhcmlhYmxlcy5sZW5ndGgpIHtcbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8c3BhbiBrZXk9e1widmFyc1wifT4mbmJzcDtBdmFpbGFibGUgdmFyaWFibGVzOiZuYnNwOzwvc3Bhbj4pO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHZhcmlhYmxlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgdmFyaWFibGUgPSB2YXJpYWJsZXNbaV07XG5cbiAgICAgICAgICAgIGRlc2NyaXB0aW9uLnB1c2goXG4gICAgICAgICAgICAgICAgPFRvb2x0aXAga2V5PXt2YXJpYWJsZS5uYW1lfSBjb250ZW50PXt2YXJpYWJsZS5kZXNjcmlwdGlvbn0gcGxhY2VtZW50PXtcImJvdHRvbVwifT5cbiAgICAgICAgICAgICAgICAgICAgPFZhcmlhYmxlIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogYHske3ZhcmlhYmxlLm5hbWV9fWAgfX0gLz5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICBpZiAoaSA8IHZhcmlhYmxlcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtgY29tbWEtJHtpfWB9Piw8L0NvbW1hPik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtcImRvdFwifT4uPC9Db21tYT4pO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBY2NvcmRpb25JdGVtXG4gICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YGNtcy5lZGl0b3IuZmllbGQtdmFsaWRhdG9yLiR7dmFsaWRhdG9yLmdldE5hbWUoKX1gfVxuICAgICAgICAgICAgaW50ZXJhY3RpdmU9e2ZhbHNlfVxuICAgICAgICAgICAgb3Blbj17ISFkYXRhfVxuICAgICAgICAgICAgdGl0bGU9e3ZhbGlkYXRvci5nZXRMYWJlbCgpfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e3ZhbGlkYXRvci5nZXREZXNjcmlwdGlvbigpfVxuICAgICAgICAgICAgYWN0aW9ucz17YWN0aW9uc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17bm9QYWRkaW5nfVxuICAgICAgICA+XG4gICAgICAgICAgICB7ZGF0YSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1cbiAgICAgICAgICAgICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2RhdGEgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uRm9ybUNoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0aW9uVmFsdWU6IHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdG9ySW5kZXhcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHsoeyBCaW5kIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQgY2xhc3NOYW1lPXtncmlkQm90dG9tUGFkZGluZ30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e1wibWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiTWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY21zLmVkaXRmaWVsZC52YWxpZGF0b3JzLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17PD57ZGVzY3JpcHRpb259PC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PntyZW5kZXJTZXR0aW5ncyh2YWxpZGF0b3IpfTwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvRm9ybT5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRvcnNMaXN0ID0gKHByb3BzOiBWYWxpZGF0b3JzVGFiUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IG5hbWUsIHZhbGlkYXRvcnMgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQgbmFtZT17bmFtZX0gZGVmYXVsdFZhbHVlPXtbXX0+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UgfSA9IGJpbmQ7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEFjY29yZGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt2YWxpZGF0b3JzLm1hcCh2YWxpZGF0b3IgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWYWxpZGF0b3JJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I9e3ZhbGlkYXRvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const noPadding = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "53cucg",
+  styles: ".webiny-ui-accordion-item__content{padding:0!important;}"
+} : {
+  name: "5kdyx7-noPadding",
+  styles: ".webiny-ui-accordion-item__content{padding:0!important;};label:noPadding;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRvcnNMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnFCIiwiZmlsZSI6IlZhbGlkYXRvcnNMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IGNsb25lRGVlcCBmcm9tIFwibG9kYXNoL2Nsb25lRGVlcFwiO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gXCJsb2Rhc2gvZGVib3VuY2VcIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgeyBTd2l0Y2ggfSBmcm9tIFwiQHdlYmlueS91aS9Td2l0Y2hcIjtcbmltcG9ydCB7IEZvcm0sIEJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyB2YWxpZGF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvblwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yLCBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgVmFsaWRhdG9yIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvbi90eXBlc1wiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBBY2NvcmRpb25JdGVtIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQWNjb3JkaW9uXCI7XG5pbXBvcnQgdHlwZSB7IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyIH0gZnJvbSBcIn4vdXRpbHMvQ21zTW9kZWxGaWVsZFZhbGlkYXRvckNvbmZpZ0FkYXB0ZXJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCBWYXJpYWJsZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IENvbW1hID0gc3R5bGVkLnNwYW5gXG4gICAgcGFkZGluZy1yaWdodDogNXB4O1xuYDtcblxuY29uc3Qgbm9QYWRkaW5nID0gY3NzYFxuICAgIC53ZWJpbnktdWktYWNjb3JkaW9uLWl0ZW1fX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuY29uc3QgZ3JpZEJvdHRvbVBhZGRpbmcgPSBjc3NgXG4gICAgOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGUge1xuICAgICh2YWxpZGF0b3JzOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yW10pOiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgT25FbmFibGVkQ2hhbmdlUGFyYW1zIHtcbiAgICBkYXRhOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yO1xuICAgIHZhbGlkYXRpb25WYWx1ZTogQ21zTW9kZWxGaWVsZFZhbGlkYXRvcltdO1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGU7XG4gICAgdmFsaWRhdG9yOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yQ29uZmlnQWRhcHRlcjtcbn1cblxuY29uc3Qgb25FbmFibGVkQ2hhbmdlID0gKHBhcmFtczogT25FbmFibGVkQ2hhbmdlUGFyYW1zKTogdm9pZCA9PiB7XG4gICAgY29uc3QgeyBkYXRhLCB2YWxpZGF0aW9uVmFsdWUsIG9uQ2hhbmdlVmFsaWRhdGlvbiwgdmFsaWRhdG9yIH0gPSBwYXJhbXM7XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgICAgY29uc3QgaW5kZXggPSB2YWxpZGF0aW9uVmFsdWUuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5uYW1lID09PSB2YWxpZGF0b3IuZ2V0TmFtZSgpKTtcbiAgICAgICAgb25DaGFuZ2VWYWxpZGF0aW9uKFtcbiAgICAgICAgICAgIC4uLnZhbGlkYXRpb25WYWx1ZS5zbGljZSgwLCBpbmRleCksXG4gICAgICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICBdKTtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBvbkNoYW5nZVZhbGlkYXRpb24oW1xuICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUsXG4gICAgICAgIHtcbiAgICAgICAgICAgIG5hbWU6IHZhbGlkYXRvci5nZXROYW1lKCksXG4gICAgICAgICAgICBzZXR0aW5nczogdmFsaWRhdG9yLmdldERlZmF1bHRTZXR0aW5ncygpLFxuICAgICAgICAgICAgbWVzc2FnZTogdmFsaWRhdG9yLmdldERlZmF1bHRNZXNzYWdlKClcbiAgICAgICAgfVxuICAgIF0pO1xufTtcblxuY29uc3Qgb25Gb3JtQ2hhbmdlID0gZGVib3VuY2UoKHsgZGF0YSwgdmFsaWRhdGlvblZhbHVlLCBvbkNoYW5nZVZhbGlkYXRpb24sIHZhbGlkYXRvckluZGV4IH0pID0+IHtcbiAgICBjb25zdCBuZXdWYWxpZGF0aW9uVmFsdWUgPSBjbG9uZURlZXAodmFsaWRhdGlvblZhbHVlKTtcbiAgICBuZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdID0ge1xuICAgICAgICAuLi5uZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdLFxuICAgICAgICAuLi5jbG9uZURlZXAoZGF0YSlcbiAgICB9O1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbihuZXdWYWxpZGF0aW9uVmFsdWUpO1xufSwgMjAwKTtcblxuaW50ZXJmYWNlIFZhbGlkYXRvcnNUYWJQcm9wcyB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbGlkYXRvcnM6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyW107XG59XG5cbmNvbnN0IHJlbmRlckVtcHR5ID0gKCkgPT4gbnVsbDtcblxuY29uc3QgZ2V0VmFsaWRhdG9yUGx1Z2luID0gKG5hbWU6IHN0cmluZyk6IENtc01vZGVsRmllbGRWYWxpZGF0b3JQbHVnaW5bXCJ2YWxpZGF0b3JcIl0gfCBudWxsID0+IHtcbiAgICBjb25zdCBwbHVnaW4gPSBwbHVnaW5zXG4gICAgICAgIC5ieVR5cGU8Q21zTW9kZWxGaWVsZFZhbGlkYXRvclBsdWdpbj4oXCJjbXMtbW9kZWwtZmllbGQtdmFsaWRhdG9yXCIpXG4gICAgICAgIC5maW5kKHBsdWdpbiA9PiBwbHVnaW4udmFsaWRhdG9yLm5hbWUgPT09IG5hbWUpO1xuXG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIHBsdWdpbi52YWxpZGF0b3I7XG59O1xuXG5pbnRlcmZhY2UgVmFsaWRhdG9ySXRlbVByb3BzIHtcbiAgICB2YWxpZGF0b3I6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyO1xuICAgIHZhbHVlOiBhbnk7XG4gICAgb25DaGFuZ2U6IE9uQ2hhbmdlVmFsaWRhdGlvbkNhbGxhYmxlO1xufVxuXG5jb25zdCBWYWxpZGF0b3JJdGVtID0gKHsgdmFsaWRhdG9yLCB2YWx1ZSwgb25DaGFuZ2UgfTogVmFsaWRhdG9ySXRlbVByb3BzKSA9PiB7XG4gICAgY29uc3QgdmFsaWRhdG9yTmFtZSA9IHZhbGlkYXRvci5nZXROYW1lKCk7XG5cbiAgICBjb25zdCBwbHVnaW4gPSBnZXRWYWxpZGF0b3JQbHVnaW4odmFsaWRhdG9yTmFtZSk7XG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIDw+PC8+O1xuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRvckluZGV4ID0gKCh2YWx1ZSB8fCBbXSkgYXMgVmFsaWRhdG9yW10pLmZpbmRJbmRleChcbiAgICAgICAgaXRlbSA9PiBpdGVtLm5hbWUgPT09IHZhbGlkYXRvck5hbWVcbiAgICApO1xuXG4gICAgY29uc3QgZGF0YSA9ICh2YWx1ZSB8fCBbXSlbdmFsaWRhdG9ySW5kZXhdO1xuXG4gICAgaWYgKHR5cGVvZiBwbHVnaW4ucmVuZGVyQ3VzdG9tVWkgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICByZXR1cm4gPEZyYWdtZW50IGtleT17dmFsaWRhdG9yTmFtZX0+e3BsdWdpbi5yZW5kZXJDdXN0b21VaSgpfTwvRnJhZ21lbnQ+O1xuICAgIH1cblxuICAgIGNvbnN0IHJlbmRlclNldHRpbmdzID0gcGx1Z2luLnJlbmRlclNldHRpbmdzIHx8IHJlbmRlckVtcHR5O1xuXG4gICAgY29uc3QgYWN0aW9ucyA9ICF2YWxpZGF0b3IuaXNSZXF1aXJlZCgpID8gKFxuICAgICAgICA8QWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICAgICAgICAgPFN3aXRjaFxuICAgICAgICAgICAgICAgIGxhYmVsPVwiRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbGlkYXRvckluZGV4ID49IDB9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+XG4gICAgICAgICAgICAgICAgICAgIG9uRW5hYmxlZENoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdGlvblZhbHVlOiB2YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I6IHZhbGlkYXRvclxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICkgOiBudWxsO1xuXG4gICAgY29uc3QgZGVzY3JpcHRpb24gPSBbPHNwYW4ga2V5PXtcIm1zZ1wifT5UaGlzIG1lc3NhZ2Ugd2lsbCBiZSBkaXNwbGF5ZWQgdG8gdGhlIHVzZXIuPC9zcGFuPl07XG4gICAgY29uc3QgdmFyaWFibGVzID0gdmFsaWRhdG9yLmdldFZhcmlhYmxlcygpO1xuXG4gICAgaWYgKHZhcmlhYmxlcy5sZW5ndGgpIHtcbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8c3BhbiBrZXk9e1widmFyc1wifT4mbmJzcDtBdmFpbGFibGUgdmFyaWFibGVzOiZuYnNwOzwvc3Bhbj4pO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHZhcmlhYmxlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgdmFyaWFibGUgPSB2YXJpYWJsZXNbaV07XG5cbiAgICAgICAgICAgIGRlc2NyaXB0aW9uLnB1c2goXG4gICAgICAgICAgICAgICAgPFRvb2x0aXAga2V5PXt2YXJpYWJsZS5uYW1lfSBjb250ZW50PXt2YXJpYWJsZS5kZXNjcmlwdGlvbn0gcGxhY2VtZW50PXtcImJvdHRvbVwifT5cbiAgICAgICAgICAgICAgICAgICAgPFZhcmlhYmxlIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogYHske3ZhcmlhYmxlLm5hbWV9fWAgfX0gLz5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICBpZiAoaSA8IHZhcmlhYmxlcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtgY29tbWEtJHtpfWB9Piw8L0NvbW1hPik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtcImRvdFwifT4uPC9Db21tYT4pO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBY2NvcmRpb25JdGVtXG4gICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YGNtcy5lZGl0b3IuZmllbGQtdmFsaWRhdG9yLiR7dmFsaWRhdG9yLmdldE5hbWUoKX1gfVxuICAgICAgICAgICAgaW50ZXJhY3RpdmU9e2ZhbHNlfVxuICAgICAgICAgICAgb3Blbj17ISFkYXRhfVxuICAgICAgICAgICAgdGl0bGU9e3ZhbGlkYXRvci5nZXRMYWJlbCgpfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e3ZhbGlkYXRvci5nZXREZXNjcmlwdGlvbigpfVxuICAgICAgICAgICAgYWN0aW9ucz17YWN0aW9uc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17bm9QYWRkaW5nfVxuICAgICAgICA+XG4gICAgICAgICAgICB7ZGF0YSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1cbiAgICAgICAgICAgICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2RhdGEgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uRm9ybUNoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0aW9uVmFsdWU6IHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdG9ySW5kZXhcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHsoeyBCaW5kIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQgY2xhc3NOYW1lPXtncmlkQm90dG9tUGFkZGluZ30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e1wibWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiTWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY21zLmVkaXRmaWVsZC52YWxpZGF0b3JzLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17PD57ZGVzY3JpcHRpb259PC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PntyZW5kZXJTZXR0aW5ncyh2YWxpZGF0b3IpfTwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvRm9ybT5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRvcnNMaXN0ID0gKHByb3BzOiBWYWxpZGF0b3JzVGFiUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IG5hbWUsIHZhbGlkYXRvcnMgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQgbmFtZT17bmFtZX0gZGVmYXVsdFZhbHVlPXtbXX0+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UgfSA9IGJpbmQ7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEFjY29yZGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt2YWxpZGF0b3JzLm1hcCh2YWxpZGF0b3IgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWYWxpZGF0b3JJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I9e3ZhbGlkYXRvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const gridBottomPadding = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+  name: "b7ttsp",
+  styles: ":not(:last-child){padding-bottom:0;}"
+} : {
+  name: "13sz2fe-gridBottomPadding",
+  styles: ":not(:last-child){padding-bottom:0;};label:gridBottomPadding;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZhbGlkYXRvcnNMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6IlZhbGlkYXRvcnNMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IGNsb25lRGVlcCBmcm9tIFwibG9kYXNoL2Nsb25lRGVlcFwiO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gXCJsb2Rhc2gvZGVib3VuY2VcIjtcbmltcG9ydCB7IHBsdWdpbnMgfSBmcm9tIFwiQHdlYmlueS9wbHVnaW5zXCI7XG5pbXBvcnQgeyBTd2l0Y2ggfSBmcm9tIFwiQHdlYmlueS91aS9Td2l0Y2hcIjtcbmltcG9ydCB7IEZvcm0sIEJpbmQgfSBmcm9tIFwiQHdlYmlueS9mb3JtXCI7XG5pbXBvcnQgeyB2YWxpZGF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvblwiO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tIFwiQHdlYmlueS91aS9JbnB1dFwiO1xuaW1wb3J0IHR5cGUgeyBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yLCBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yUGx1Z2luIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB0eXBlIHsgVmFsaWRhdG9yIH0gZnJvbSBcIkB3ZWJpbnkvdmFsaWRhdGlvbi90eXBlc1wiO1xuaW1wb3J0IHsgQWNjb3JkaW9uLCBBY2NvcmRpb25JdGVtIH0gZnJvbSBcIkB3ZWJpbnkvdWkvQWNjb3JkaW9uXCI7XG5pbXBvcnQgdHlwZSB7IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyIH0gZnJvbSBcIn4vdXRpbHMvQ21zTW9kZWxGaWVsZFZhbGlkYXRvckNvbmZpZ0FkYXB0ZXJcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXBcIjtcbmltcG9ydCB7IEdyaWQgfSBmcm9tIFwiQHdlYmlueS9hZG1pbi11aVwiO1xuXG5jb25zdCBWYXJpYWJsZSA9IHN0eWxlZC5zcGFuYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IENvbW1hID0gc3R5bGVkLnNwYW5gXG4gICAgcGFkZGluZy1yaWdodDogNXB4O1xuYDtcblxuY29uc3Qgbm9QYWRkaW5nID0gY3NzYFxuICAgIC53ZWJpbnktdWktYWNjb3JkaW9uLWl0ZW1fX2NvbnRlbnQge1xuICAgICAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuYDtcblxuY29uc3QgZ3JpZEJvdHRvbVBhZGRpbmcgPSBjc3NgXG4gICAgOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMDtcbiAgICB9XG5gO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGUge1xuICAgICh2YWxpZGF0b3JzOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yW10pOiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgT25FbmFibGVkQ2hhbmdlUGFyYW1zIHtcbiAgICBkYXRhOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yO1xuICAgIHZhbGlkYXRpb25WYWx1ZTogQ21zTW9kZWxGaWVsZFZhbGlkYXRvcltdO1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogT25DaGFuZ2VWYWxpZGF0aW9uQ2FsbGFibGU7XG4gICAgdmFsaWRhdG9yOiBDbXNNb2RlbEZpZWxkVmFsaWRhdG9yQ29uZmlnQWRhcHRlcjtcbn1cblxuY29uc3Qgb25FbmFibGVkQ2hhbmdlID0gKHBhcmFtczogT25FbmFibGVkQ2hhbmdlUGFyYW1zKTogdm9pZCA9PiB7XG4gICAgY29uc3QgeyBkYXRhLCB2YWxpZGF0aW9uVmFsdWUsIG9uQ2hhbmdlVmFsaWRhdGlvbiwgdmFsaWRhdG9yIH0gPSBwYXJhbXM7XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgICAgY29uc3QgaW5kZXggPSB2YWxpZGF0aW9uVmFsdWUuZmluZEluZGV4KGl0ZW0gPT4gaXRlbS5uYW1lID09PSB2YWxpZGF0b3IuZ2V0TmFtZSgpKTtcbiAgICAgICAgb25DaGFuZ2VWYWxpZGF0aW9uKFtcbiAgICAgICAgICAgIC4uLnZhbGlkYXRpb25WYWx1ZS5zbGljZSgwLCBpbmRleCksXG4gICAgICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUuc2xpY2UoaW5kZXggKyAxKVxuICAgICAgICBdKTtcbiAgICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBvbkNoYW5nZVZhbGlkYXRpb24oW1xuICAgICAgICAuLi52YWxpZGF0aW9uVmFsdWUsXG4gICAgICAgIHtcbiAgICAgICAgICAgIG5hbWU6IHZhbGlkYXRvci5nZXROYW1lKCksXG4gICAgICAgICAgICBzZXR0aW5nczogdmFsaWRhdG9yLmdldERlZmF1bHRTZXR0aW5ncygpLFxuICAgICAgICAgICAgbWVzc2FnZTogdmFsaWRhdG9yLmdldERlZmF1bHRNZXNzYWdlKClcbiAgICAgICAgfVxuICAgIF0pO1xufTtcblxuY29uc3Qgb25Gb3JtQ2hhbmdlID0gZGVib3VuY2UoKHsgZGF0YSwgdmFsaWRhdGlvblZhbHVlLCBvbkNoYW5nZVZhbGlkYXRpb24sIHZhbGlkYXRvckluZGV4IH0pID0+IHtcbiAgICBjb25zdCBuZXdWYWxpZGF0aW9uVmFsdWUgPSBjbG9uZURlZXAodmFsaWRhdGlvblZhbHVlKTtcbiAgICBuZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdID0ge1xuICAgICAgICAuLi5uZXdWYWxpZGF0aW9uVmFsdWVbdmFsaWRhdG9ySW5kZXhdLFxuICAgICAgICAuLi5jbG9uZURlZXAoZGF0YSlcbiAgICB9O1xuICAgIG9uQ2hhbmdlVmFsaWRhdGlvbihuZXdWYWxpZGF0aW9uVmFsdWUpO1xufSwgMjAwKTtcblxuaW50ZXJmYWNlIFZhbGlkYXRvcnNUYWJQcm9wcyB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbGlkYXRvcnM6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyW107XG59XG5cbmNvbnN0IHJlbmRlckVtcHR5ID0gKCkgPT4gbnVsbDtcblxuY29uc3QgZ2V0VmFsaWRhdG9yUGx1Z2luID0gKG5hbWU6IHN0cmluZyk6IENtc01vZGVsRmllbGRWYWxpZGF0b3JQbHVnaW5bXCJ2YWxpZGF0b3JcIl0gfCBudWxsID0+IHtcbiAgICBjb25zdCBwbHVnaW4gPSBwbHVnaW5zXG4gICAgICAgIC5ieVR5cGU8Q21zTW9kZWxGaWVsZFZhbGlkYXRvclBsdWdpbj4oXCJjbXMtbW9kZWwtZmllbGQtdmFsaWRhdG9yXCIpXG4gICAgICAgIC5maW5kKHBsdWdpbiA9PiBwbHVnaW4udmFsaWRhdG9yLm5hbWUgPT09IG5hbWUpO1xuXG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIHBsdWdpbi52YWxpZGF0b3I7XG59O1xuXG5pbnRlcmZhY2UgVmFsaWRhdG9ySXRlbVByb3BzIHtcbiAgICB2YWxpZGF0b3I6IENtc01vZGVsRmllbGRWYWxpZGF0b3JDb25maWdBZGFwdGVyO1xuICAgIHZhbHVlOiBhbnk7XG4gICAgb25DaGFuZ2U6IE9uQ2hhbmdlVmFsaWRhdGlvbkNhbGxhYmxlO1xufVxuXG5jb25zdCBWYWxpZGF0b3JJdGVtID0gKHsgdmFsaWRhdG9yLCB2YWx1ZSwgb25DaGFuZ2UgfTogVmFsaWRhdG9ySXRlbVByb3BzKSA9PiB7XG4gICAgY29uc3QgdmFsaWRhdG9yTmFtZSA9IHZhbGlkYXRvci5nZXROYW1lKCk7XG5cbiAgICBjb25zdCBwbHVnaW4gPSBnZXRWYWxpZGF0b3JQbHVnaW4odmFsaWRhdG9yTmFtZSk7XG4gICAgaWYgKCFwbHVnaW4pIHtcbiAgICAgICAgcmV0dXJuIDw+PC8+O1xuICAgIH1cblxuICAgIGNvbnN0IHZhbGlkYXRvckluZGV4ID0gKCh2YWx1ZSB8fCBbXSkgYXMgVmFsaWRhdG9yW10pLmZpbmRJbmRleChcbiAgICAgICAgaXRlbSA9PiBpdGVtLm5hbWUgPT09IHZhbGlkYXRvck5hbWVcbiAgICApO1xuXG4gICAgY29uc3QgZGF0YSA9ICh2YWx1ZSB8fCBbXSlbdmFsaWRhdG9ySW5kZXhdO1xuXG4gICAgaWYgKHR5cGVvZiBwbHVnaW4ucmVuZGVyQ3VzdG9tVWkgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICByZXR1cm4gPEZyYWdtZW50IGtleT17dmFsaWRhdG9yTmFtZX0+e3BsdWdpbi5yZW5kZXJDdXN0b21VaSgpfTwvRnJhZ21lbnQ+O1xuICAgIH1cblxuICAgIGNvbnN0IHJlbmRlclNldHRpbmdzID0gcGx1Z2luLnJlbmRlclNldHRpbmdzIHx8IHJlbmRlckVtcHR5O1xuXG4gICAgY29uc3QgYWN0aW9ucyA9ICF2YWxpZGF0b3IuaXNSZXF1aXJlZCgpID8gKFxuICAgICAgICA8QWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICAgICAgICAgPFN3aXRjaFxuICAgICAgICAgICAgICAgIGxhYmVsPVwiRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbGlkYXRvckluZGV4ID49IDB9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+XG4gICAgICAgICAgICAgICAgICAgIG9uRW5hYmxlZENoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdGlvblZhbHVlOiB2YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I6IHZhbGlkYXRvclxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbS5BY3Rpb25zPlxuICAgICkgOiBudWxsO1xuXG4gICAgY29uc3QgZGVzY3JpcHRpb24gPSBbPHNwYW4ga2V5PXtcIm1zZ1wifT5UaGlzIG1lc3NhZ2Ugd2lsbCBiZSBkaXNwbGF5ZWQgdG8gdGhlIHVzZXIuPC9zcGFuPl07XG4gICAgY29uc3QgdmFyaWFibGVzID0gdmFsaWRhdG9yLmdldFZhcmlhYmxlcygpO1xuXG4gICAgaWYgKHZhcmlhYmxlcy5sZW5ndGgpIHtcbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8c3BhbiBrZXk9e1widmFyc1wifT4mbmJzcDtBdmFpbGFibGUgdmFyaWFibGVzOiZuYnNwOzwvc3Bhbj4pO1xuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHZhcmlhYmxlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgdmFyaWFibGUgPSB2YXJpYWJsZXNbaV07XG5cbiAgICAgICAgICAgIGRlc2NyaXB0aW9uLnB1c2goXG4gICAgICAgICAgICAgICAgPFRvb2x0aXAga2V5PXt2YXJpYWJsZS5uYW1lfSBjb250ZW50PXt2YXJpYWJsZS5kZXNjcmlwdGlvbn0gcGxhY2VtZW50PXtcImJvdHRvbVwifT5cbiAgICAgICAgICAgICAgICAgICAgPFZhcmlhYmxlIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogYHske3ZhcmlhYmxlLm5hbWV9fWAgfX0gLz5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICBpZiAoaSA8IHZhcmlhYmxlcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtgY29tbWEtJHtpfWB9Piw8L0NvbW1hPik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgICAgZGVzY3JpcHRpb24ucHVzaCg8Q29tbWEga2V5PXtcImRvdFwifT4uPC9Db21tYT4pO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxBY2NvcmRpb25JdGVtXG4gICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YGNtcy5lZGl0b3IuZmllbGQtdmFsaWRhdG9yLiR7dmFsaWRhdG9yLmdldE5hbWUoKX1gfVxuICAgICAgICAgICAgaW50ZXJhY3RpdmU9e2ZhbHNlfVxuICAgICAgICAgICAgb3Blbj17ISFkYXRhfVxuICAgICAgICAgICAgdGl0bGU9e3ZhbGlkYXRvci5nZXRMYWJlbCgpfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e3ZhbGlkYXRvci5nZXREZXNjcmlwdGlvbigpfVxuICAgICAgICAgICAgYWN0aW9ucz17YWN0aW9uc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17bm9QYWRkaW5nfVxuICAgICAgICA+XG4gICAgICAgICAgICB7ZGF0YSAmJiAoXG4gICAgICAgICAgICAgICAgPEZvcm1cbiAgICAgICAgICAgICAgICAgICAgZGF0YT17ZGF0YX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e2RhdGEgPT5cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uRm9ybUNoYW5nZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0aW9uVmFsdWU6IHZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVmFsaWRhdGlvbjogb25DaGFuZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsaWRhdG9ySW5kZXhcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHsoeyBCaW5kIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEdyaWQgY2xhc3NOYW1lPXtncmlkQm90dG9tUGFkZGluZ30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxHcmlkLkNvbHVtbiBzcGFuPXsxMn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QmluZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9e1wibWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbGlkYXRvcnM9e3ZhbGlkYXRpb24uY3JlYXRlKFwicmVxdWlyZWRcIil9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge2JpbmQgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLmJpbmR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e1wiTWVzc2FnZVwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiY21zLmVkaXRmaWVsZC52YWxpZGF0b3JzLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17PD57ZGVzY3JpcHRpb259PC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CaW5kPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0dyaWQuQ29sdW1uPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PntyZW5kZXJTZXR0aW5ncyh2YWxpZGF0b3IpfTwvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvR3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvRm9ybT5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IFZhbGlkYXRvcnNMaXN0ID0gKHByb3BzOiBWYWxpZGF0b3JzVGFiUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IG5hbWUsIHZhbGlkYXRvcnMgfSA9IHByb3BzO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJpbmQgbmFtZT17bmFtZX0gZGVmYXVsdFZhbHVlPXtbXX0+XG4gICAgICAgICAgICB7YmluZCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgeyB2YWx1ZSwgb25DaGFuZ2UgfSA9IGJpbmQ7XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPEFjY29yZGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt2YWxpZGF0b3JzLm1hcCh2YWxpZGF0b3IgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxWYWxpZGF0b3JJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e3ZhbGlkYXRvci5nZXROYW1lKCl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWxpZGF0b3I9e3ZhbGlkYXRvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIDwvQWNjb3JkaW9uPlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9fVxuICAgICAgICA8L0JpbmQ+XG4gICAgKTtcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const onEnabledChange = params => {
+  const {
+    data,
+    validationValue,
+    onChangeValidation,
+    validator
+  } = params;
+  if (data) {
+    const index = validationValue.findIndex(item => item.name === validator.getName());
+    onChangeValidation([...validationValue.slice(0, index), ...validationValue.slice(index + 1)]);
+    return;
+  }
+  onChangeValidation([...validationValue, {
+    name: validator.getName(),
+    settings: validator.getDefaultSettings(),
+    message: validator.getDefaultMessage()
+  }]);
+};
+const onFormChange = debounce(({
+  data,
+  validationValue,
+  onChangeValidation,
+  validatorIndex
+}) => {
+  const newValidationValue = cloneDeep(validationValue);
+  newValidationValue[validatorIndex] = {
+    ...newValidationValue[validatorIndex],
+    ...cloneDeep(data)
+  };
+  onChangeValidation(newValidationValue);
+}, 200);
+const renderEmpty = () => null;
+const getValidatorPlugin = name => {
+  const plugin = plugins.byType("cms-model-field-validator").find(plugin => plugin.validator.name === name);
+  if (!plugin) {
+    return null;
+  }
+  return plugin.validator;
+};
+const ValidatorItem = ({
+  validator,
+  value,
+  onChange
+}) => {
+  const validatorName = validator.getName();
+  const plugin = getValidatorPlugin(validatorName);
+  if (!plugin) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  const validatorIndex = (value || []).findIndex(item => item.name === validatorName);
+  const data = (value || [])[validatorIndex];
+  if (typeof plugin.renderCustomUi === "function") {
+    return /*#__PURE__*/React.createElement(Fragment, {
+      key: validatorName
+    }, plugin.renderCustomUi());
+  }
+  const renderSettings = plugin.renderSettings || renderEmpty;
+  const actions = !validator.isRequired() ? /*#__PURE__*/React.createElement(AccordionItem.Actions, null, /*#__PURE__*/React.createElement(Switch, {
+    label: "Enabled",
+    value: validatorIndex >= 0,
+    onChange: () => onEnabledChange({
+      data,
+      validationValue: value,
+      onChangeValidation: onChange,
+      validator: validator
+    })
+  })) : null;
+  const description = [/*#__PURE__*/React.createElement("span", {
+    key: "msg"
+  }, "This message will be displayed to the user.")];
+  const variables = validator.getVariables();
+  if (variables.length) {
+    description.push(/*#__PURE__*/React.createElement("span", {
+      key: "vars"
+    }, "\xA0Available variables:\xA0"));
+    for (let i = 0; i < variables.length; i++) {
+      const variable = variables[i];
+      description.push(/*#__PURE__*/React.createElement(Tooltip, {
+        key: variable.name,
+        content: variable.description,
+        placement: "bottom"
+      }, /*#__PURE__*/React.createElement(Variable, {
+        dangerouslySetInnerHTML: {
+          __html: `{${variable.name}}`
+        }
+      })));
+      if (i < variables.length - 1) {
+        description.push(/*#__PURE__*/React.createElement(Comma, {
+          key: `comma-${i}`
+        }, ","));
+      }
+    }
+    description.push(/*#__PURE__*/React.createElement(Comma, {
+      key: "dot"
+    }, "."));
+  }
+  return /*#__PURE__*/React.createElement(AccordionItem, {
+    key: validator.getName(),
+    "data-testid": `cms.editor.field-validator.${validator.getName()}`,
+    interactive: false,
+    open: !!data,
+    title: validator.getLabel(),
+    description: validator.getDescription(),
+    actions: actions,
+    className: noPadding
+  }, data && /*#__PURE__*/React.createElement(Form, {
+    data: data,
+    onChange: data => onFormChange({
+      data,
+      validationValue: value,
+      onChangeValidation: onChange,
+      validatorIndex
+    })
+  }, ({
+    Bind
+  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    className: gridBottomPadding
+  }, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "message",
+    validators: validation.create("required")
+  }, bind => {
+    return /*#__PURE__*/React.createElement(Input, Object.assign({}, bind, {
+      label: "Message",
+      "data-testid": "cms.editfield.validators.required",
+      description: /*#__PURE__*/React.createElement(React.Fragment, null, description)
+    }));
+  })), /*#__PURE__*/React.createElement(React.Fragment, null, renderSettings(validator))))));
+};
+export const ValidatorsList = props => {
+  const {
+    name,
+    validators
+  } = props;
+  return /*#__PURE__*/React.createElement(Bind, {
+    name: name,
+    defaultValue: []
+  }, bind => {
+    const {
+      value,
+      onChange
+    } = bind;
+    return /*#__PURE__*/React.createElement(Accordion, null, validators.map(validator => {
+      return /*#__PURE__*/React.createElement(ValidatorItem, {
+        key: validator.getName(),
+        value: value,
+        onChange: onChange,
+        validator: validator
+      });
+    }));
+  });
+};
+
+//# sourceMappingURL=ValidatorsList.js.map

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/ValidatorsList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fragment","css","cloneDeep","debounce","plugins","Switch","Form","Bind","validation","Input","Accordion","AccordionItem","Tooltip","Grid","Variable","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Comma","noPadding","gridBottomPadding","onEnabledChange","params","data","validationValue","onChangeValidation","validator","index","findIndex","item","getName","slice","settings","getDefaultSettings","message","getDefaultMessage","onFormChange","validatorIndex","newValidationValue","renderEmpty","getValidatorPlugin","plugin","byType","find","ValidatorItem","value","onChange","validatorName","createElement","renderCustomUi","key","renderSettings","actions","isRequired","Actions","description","variables","getVariables","length","push","i","variable","content","placement","dangerouslySetInnerHTML","__html","interactive","open","title","getLabel","getDescription","className","Column","span","validators","create","bind","Object","assign","ValidatorsList","props","defaultValue"],"sources":["ValidatorsList.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { css } from \"@emotion/css\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport debounce from \"lodash/debounce\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Switch } from \"@webiny/ui/Switch\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { Input } from \"@webiny/ui/Input\";\nimport type { CmsModelFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types\";\nimport type { Validator } from \"@webiny/validation/types\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\nimport type { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport styled from \"@emotion/styled\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { Grid } from \"@webiny/admin-ui\";\n\nconst Variable = styled.span`\n    font-weight: bold;\n    cursor: pointer;\n`;\n\nconst Comma = styled.span`\n    padding-right: 5px;\n`;\n\nconst noPadding = css`\n    .webiny-ui-accordion-item__content {\n        padding: 0 !important;\n    }\n`;\n\nconst gridBottomPadding = css`\n    :not(:last-child) {\n        padding-bottom: 0;\n    }\n`;\n\ninterface OnChangeValidationCallable {\n    (validators: CmsModelFieldValidator[]): void;\n}\n\ninterface OnEnabledChangeParams {\n    data: CmsModelFieldValidator;\n    validationValue: CmsModelFieldValidator[];\n    onChangeValidation: OnChangeValidationCallable;\n    validator: CmsModelFieldValidatorConfigAdapter;\n}\n\nconst onEnabledChange = (params: OnEnabledChangeParams): void => {\n    const { data, validationValue, onChangeValidation, validator } = params;\n    if (data) {\n        const index = validationValue.findIndex(item => item.name === validator.getName());\n        onChangeValidation([\n            ...validationValue.slice(0, index),\n            ...validationValue.slice(index + 1)\n        ]);\n        return;\n    }\n    onChangeValidation([\n        ...validationValue,\n        {\n            name: validator.getName(),\n            settings: validator.getDefaultSettings(),\n            message: validator.getDefaultMessage()\n        }\n    ]);\n};\n\nconst onFormChange = debounce(({ data, validationValue, onChangeValidation, validatorIndex }) => {\n    const newValidationValue = cloneDeep(validationValue);\n    newValidationValue[validatorIndex] = {\n        ...newValidationValue[validatorIndex],\n        ...cloneDeep(data)\n    };\n    onChangeValidation(newValidationValue);\n}, 200);\n\ninterface ValidatorsTabProps {\n    name: string;\n    validators: CmsModelFieldValidatorConfigAdapter[];\n}\n\nconst renderEmpty = () => null;\n\nconst getValidatorPlugin = (name: string): CmsModelFieldValidatorPlugin[\"validator\"] | null => {\n    const plugin = plugins\n        .byType<CmsModelFieldValidatorPlugin>(\"cms-model-field-validator\")\n        .find(plugin => plugin.validator.name === name);\n\n    if (!plugin) {\n        return null;\n    }\n\n    return plugin.validator;\n};\n\ninterface ValidatorItemProps {\n    validator: CmsModelFieldValidatorConfigAdapter;\n    value: any;\n    onChange: OnChangeValidationCallable;\n}\n\nconst ValidatorItem = ({ validator, value, onChange }: ValidatorItemProps) => {\n    const validatorName = validator.getName();\n\n    const plugin = getValidatorPlugin(validatorName);\n    if (!plugin) {\n        return <></>;\n    }\n\n    const validatorIndex = ((value || []) as Validator[]).findIndex(\n        item => item.name === validatorName\n    );\n\n    const data = (value || [])[validatorIndex];\n\n    if (typeof plugin.renderCustomUi === \"function\") {\n        return <Fragment key={validatorName}>{plugin.renderCustomUi()}</Fragment>;\n    }\n\n    const renderSettings = plugin.renderSettings || renderEmpty;\n\n    const actions = !validator.isRequired() ? (\n        <AccordionItem.Actions>\n            <Switch\n                label=\"Enabled\"\n                value={validatorIndex >= 0}\n                onChange={() =>\n                    onEnabledChange({\n                        data,\n                        validationValue: value,\n                        onChangeValidation: onChange,\n                        validator: validator\n                    })\n                }\n            />\n        </AccordionItem.Actions>\n    ) : null;\n\n    const description = [<span key={\"msg\"}>This message will be displayed to the user.</span>];\n    const variables = validator.getVariables();\n\n    if (variables.length) {\n        description.push(<span key={\"vars\"}>&nbsp;Available variables:&nbsp;</span>);\n        for (let i = 0; i < variables.length; i++) {\n            const variable = variables[i];\n\n            description.push(\n                <Tooltip key={variable.name} content={variable.description} placement={\"bottom\"}>\n                    <Variable dangerouslySetInnerHTML={{ __html: `{${variable.name}}` }} />\n                </Tooltip>\n            );\n\n            if (i < variables.length - 1) {\n                description.push(<Comma key={`comma-${i}`}>,</Comma>);\n            }\n        }\n        description.push(<Comma key={\"dot\"}>.</Comma>);\n    }\n\n    return (\n        <AccordionItem\n            key={validator.getName()}\n            data-testid={`cms.editor.field-validator.${validator.getName()}`}\n            interactive={false}\n            open={!!data}\n            title={validator.getLabel()}\n            description={validator.getDescription()}\n            actions={actions}\n            className={noPadding}\n        >\n            {data && (\n                <Form\n                    data={data}\n                    onChange={data =>\n                        onFormChange({\n                            data,\n                            validationValue: value,\n                            onChangeValidation: onChange,\n                            validatorIndex\n                        })\n                    }\n                >\n                    {({ Bind }) => (\n                        <>\n                            <Grid className={gridBottomPadding}>\n                                <Grid.Column span={12}>\n                                    <Bind\n                                        name={\"message\"}\n                                        validators={validation.create(\"required\")}\n                                    >\n                                        {bind => {\n                                            return (\n                                                <Input\n                                                    {...bind}\n                                                    label={\"Message\"}\n                                                    data-testid=\"cms.editfield.validators.required\"\n                                                    description={<>{description}</>}\n                                                />\n                                            );\n                                        }}\n                                    </Bind>\n                                </Grid.Column>\n                                <>{renderSettings(validator)}</>\n                            </Grid>\n                        </>\n                    )}\n                </Form>\n            )}\n        </AccordionItem>\n    );\n};\n\nexport const ValidatorsList = (props: ValidatorsTabProps) => {\n    const { name, validators } = props;\n\n    return (\n        <Bind name={name} defaultValue={[]}>\n            {bind => {\n                const { value, onChange } = bind;\n                return (\n                    <Accordion>\n                        {validators.map(validator => {\n                            return (\n                                <ValidatorItem\n                                    key={validator.getName()}\n                                    value={value}\n                                    onChange={onChange}\n                                    validator={validator}\n                                />\n                            );\n                        })}\n                    </Accordion>\n                );\n            }}\n        </Bind>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/index.d.ts

@@ -0,0 +1 @@
+export * from "./ValidationTab";

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/index.js

@@ -0,0 +1,3 @@
+export * from "./ValidationTab";
+
+//# sourceMappingURL=index.js.map

package/admin/components/FieldEditor/EditFieldDialog/ValidationTab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ValidationTab\";\n"],"mappings":"AAAA","ignoreList":[]}