@webiny/app-headless-cms 5.40.7 → 5.40.8-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,15 +38,19 @@ function useBind(_ref) {
38
38
  var listValidators = (0, _createValidators.createValidators)(field, field.listValidation || emptyValidators);
39
39
  var isMultipleValues = index === -1 && field.multipleValues;
40
40
  var inputValidators = isMultipleValues ? listValidators : validators;
41
+
42
+ // We only use default values for single-value fields.
43
+ var defaultValueFromSettings = !isMultipleValues ? field.settings?.defaultValue : null;
41
44
  memoizedBindComponents.current[componentId] = function UseBind(params) {
42
45
  var childName = params.name,
43
46
  childValidators = params.validators,
44
47
  children = params.children,
45
- defaultValue = params.defaultValue;
48
+ _params$defaultValue = params.defaultValue,
49
+ defaultValue = _params$defaultValue === void 0 ? defaultValueFromSettings : _params$defaultValue;
46
50
  return /*#__PURE__*/_react.default.createElement(Bind, {
47
51
  name: childName || name,
48
52
  validators: childValidators || inputValidators,
49
- defaultValue: !isMultipleValues ? defaultValue : null
53
+ defaultValue: defaultValue ?? null
50
54
  }, function (bind) {
51
55
  // Multiple-values functions below.
52
56
  var props = (0, _objectSpread2.default)({}, bind);
@@ -68,7 +72,7 @@ function useBind(_ref) {
68
72
  }
69
73
  var value = bind.value;
70
74
  value = [].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(value.slice(index + 1)));
71
- bind.onChange(value);
75
+ bind.onChange(value.length === 0 ? null : value);
72
76
 
73
77
  // To make sure the field is still valid, we must trigger validation.
74
78
  form.validateInput(field.fieldId);
@@ -1 +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","UseBind","params","childName","childValidators","children","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 memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n const {\n name: childName,\n validators: childValidators,\n children,\n defaultValue\n } = params;\n\n return (\n <Bind\n name={childName || name}\n validators={childValidators || inputValidators}\n defaultValue={!isMultipleValues ? 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 let value = bind.value;\n value = [...value.slice(0, index), ...value.slice(index + 1)];\n\n bind.onChange(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":[]}
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 let value = bind.value;\n value = [...value.slice(0, index), ...value.slice(index + 1)];\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":[]}
@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
+ var _base = _interopRequireDefault(require("@emotion/styled/base"));
10
11
  var _react = _interopRequireWildcard(require("react"));
11
12
  var _emotion = require("emotion");
12
13
  var _classnames = _interopRequireDefault(require("classnames"));
13
14
  var _Typography = require("@webiny/ui/Typography");
15
+ 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)."; }
14
16
  var classes = {
15
17
  accordionWrapper: (0, _emotion.css)({
16
18
  /**
@@ -73,21 +75,36 @@ var classes = {
73
75
  transform: "translateY(3px) rotate(90deg)"
74
76
  }
75
77
  }
76
- }),
77
- accordionItem: (0, _emotion.css)({
78
- overflow: "hidden",
79
- transition: "max-height 0.3s cubic-bezier(1, 0, 1, 0)",
80
- height: "auto",
81
- maxHeight: "9999px",
82
- "&.collapsed": {
83
- maxHeight: 0,
84
- transition: "max-height 0.35s cubic-bezier(0, 1, 0, 1)"
85
- },
86
- ".accordion-content": {
87
- paddingBottom: 10
88
- }
89
78
  })
90
79
  };
80
+ var AccordionItem = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
81
+ target: "e15quhd1"
82
+ } : {
83
+ target: "e15quhd1",
84
+ label: "AccordionItem"
85
+ })(process.env.NODE_ENV === "production" ? {
86
+ name: "1x0dzf4",
87
+ 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;}"
88
+ } : {
89
+ name: "1x0dzf4",
90
+ 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;}",
91
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVnQyIsImZpbGUiOiJBY2NvcmRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuY29uc3QgY2xhc3NlcyA9IHtcbiAgICBhY2NvcmRpb25XcmFwcGVyOiBjc3Moe1xuICAgICAgICAvKipcbiAgICAgICAgICogV2UncmUgdXNpbmcgcG9zaXRpb246IFwicmVsYXRpdmVcIiBoZXJlIGZvciBcIlBvcHBpbmcgT3V0IG9mIEhpZGRlbiBPdmVyZmxvd1wiIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vcG9wcGluZy1oaWRkZW4tb3ZlcmZsb3cvXG4gICAgICAgICAqIHNvIHRoYXQsIHdlIGNhbiB1c2UgYWJzb2x1dGUgcG9zaXRpb25lZCBlbGVtZW50IGluc2lkZSB3aXRob3V0IFwib3ZlcmZsb3c6IGhpZGRlblwiIGJlaW5nIGEgcHJvYmxlbVxuICAgICAgICAgKi9cbiAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXNlY29uZGFyeSlgXG4gICAgfSksXG4gICAgYWNjb3JkaW9uSGVhZGVyOiBjc3Moe1xuICAgICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIwcHhcIixcbiAgICAgICAgbWluSGVpZ2h0OiA0OCwgLy8gVG8gaGF2ZSBzYW1lIGhlaWdodCBhcyB0aGUgcmVtb3ZlIHZhbHVlIGFjdGlvbiBidXR0b24uXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG5cbiAgICAgICAgXCImIC5hY2NvcmRpb24taGVhZGVyLS1sZWZ0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgICAgIFwiJiAuYWNjb3JkaW9uLXRpdGxlXCI6IHtcbiAgICAgICAgICAgICAgICBzcGFuOiB7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDE2XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYgLmFjY29yZGlvbi1oZWFkZXItLXJpZ2h0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgXCImIC5pY29uLWNvbnRhaW5lclwiOiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICAgICAgICAgICAgICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCJcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBmaWxsOiBcImN1cnJlbnRDb2xvclwiLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTQsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHRvcDogXCJjYWxjKDUwJSAtIDVweClcIixcbiAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICB3aWR0aDogMCxcbiAgICAgICAgICAgIGhlaWdodDogMCxcblxuICAgICAgICAgICAgLy8gQXJyb3cgcmlnaHQuXG4gICAgICAgICAgICBib3JkZXJUb3A6IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJCb3R0b206IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBcIjVweCBzb2xpZCBjdXJyZW50Q29sb3JcIlxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJi5vcGVuXCI6IHtcbiAgICAgICAgICAgIFwiJjo6YmVmb3JlXCI6IHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgzcHgpIHJvdGF0ZSg5MGRlZylcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmNvbnN0IEFjY29yZGlvbkl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIEBrZXlmcmFtZXMgc2hvdy1vdmVyZmxvdyB7XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG4gICAgfVxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAwLjM1cyBjdWJpYy1iZXppZXIoMCwgMSwgMCwgMSk7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDA7XG5cbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgICAgbWF4LWhlaWdodDogOTk5OXB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuM3MgY3ViaWMtYmV6aWVyKDEsIDAsIDEsIDApO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvdy1vdmVyZmxvdztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMjBtcztcbiAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzO1xuICAgIH1cbmA7XG5cbmNvbnN0IEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmctYm90dG9tOiAxMDtcbmA7XG5cbmludGVyZmFjZSBBY2NvcmRpb25Qcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBhY3Rpb24/OiBSZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gICAgZGVmYXVsdFZhbHVlPzogYm9vbGVhbjtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBBY2NvcmRpb24gPSAoeyB0aXRsZSwgY2hpbGRyZW4sIGFjdGlvbiwgaWNvbiwgZGVmYXVsdFZhbHVlID0gZmFsc2UgfTogQWNjb3JkaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCBbaXNPcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGRlZmF1bHRWYWx1ZSk7XG4gICAgY29uc3QgdG9nZ2xlT3BlbiA9IHVzZUNhbGxiYWNrKCgpID0+IHNldE9wZW4oIWlzT3BlbiksIFtpc09wZW5dKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmFjY29yZGlvbldyYXBwZXJ9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmFjY29yZGlvbkhlYWRlciwgeyBvcGVuOiBpc09wZW4gfSl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlT3Blbn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFjY29yZGlvbi1oZWFkZXItLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiYWNjb3JkaW9uLXRpdGxlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifSB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAge2FjdGlvbiAmJiA8ZGl2IGNsYXNzTmFtZT17XCJhY3Rpb24tY29udGFpbmVyXCJ9PnthY3Rpb259PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJpY29uLWNvbnRhaW5lclwifT57aWNvbn08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0gY2xhc3NOYW1lPXtjbGFzc05hbWVzKHsgZXhwYW5kZWQ6IGlzT3BlbiB9KX0+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbkNvbnRlbnQ+e2NoaWxkcmVufTwvQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5jb25zdCBNZW1vaXplZEFjY29yZGlvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxBY2NvcmRpb25Qcm9wcz4gPSBSZWFjdC5tZW1vKEFjY29yZGlvbik7XG5leHBvcnQgZGVmYXVsdCBNZW1vaXplZEFjY29yZGlvbjtcbiJdfQ== */",
92
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
93
+ });
94
+ var AccordionContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
95
+ target: "e15quhd0"
96
+ } : {
97
+ target: "e15quhd0",
98
+ label: "AccordionContent"
99
+ })(process.env.NODE_ENV === "production" ? {
100
+ name: "1adqh5i",
101
+ styles: "padding-bottom:10"
102
+ } : {
103
+ name: "1adqh5i",
104
+ styles: "padding-bottom:10",
105
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjY29yZGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0dtQyIsImZpbGUiOiJBY2NvcmRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcblxuY29uc3QgY2xhc3NlcyA9IHtcbiAgICBhY2NvcmRpb25XcmFwcGVyOiBjc3Moe1xuICAgICAgICAvKipcbiAgICAgICAgICogV2UncmUgdXNpbmcgcG9zaXRpb246IFwicmVsYXRpdmVcIiBoZXJlIGZvciBcIlBvcHBpbmcgT3V0IG9mIEhpZGRlbiBPdmVyZmxvd1wiIGh0dHBzOi8vY3NzLXRyaWNrcy5jb20vcG9wcGluZy1oaWRkZW4tb3ZlcmZsb3cvXG4gICAgICAgICAqIHNvIHRoYXQsIHdlIGNhbiB1c2UgYWJzb2x1dGUgcG9zaXRpb25lZCBlbGVtZW50IGluc2lkZSB3aXRob3V0IFwib3ZlcmZsb3c6IGhpZGRlblwiIGJlaW5nIGEgcHJvYmxlbVxuICAgICAgICAgKi9cbiAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXNlY29uZGFyeSlgXG4gICAgfSksXG4gICAgYWNjb3JkaW9uSGVhZGVyOiBjc3Moe1xuICAgICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgcGFkZGluZzogXCIwcHhcIixcbiAgICAgICAgbWluSGVpZ2h0OiA0OCwgLy8gVG8gaGF2ZSBzYW1lIGhlaWdodCBhcyB0aGUgcmVtb3ZlIHZhbHVlIGFjdGlvbiBidXR0b24uXG4gICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG5cbiAgICAgICAgXCImIC5hY2NvcmRpb24taGVhZGVyLS1sZWZ0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgICAgIFwiJiAuYWNjb3JkaW9uLXRpdGxlXCI6IHtcbiAgICAgICAgICAgICAgICBzcGFuOiB7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkxlZnQ6IDE2XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBcIiYgLmFjY29yZGlvbi1oZWFkZXItLXJpZ2h0XCI6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgXCImIC5pY29uLWNvbnRhaW5lclwiOiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICAgICAgICAgICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICAgICAgICAgICAgICAgIFwiJiBzcGFuXCI6IHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogXCJmbGV4XCJcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICAgICAgICAgICAgICBmaWxsOiBcImN1cnJlbnRDb2xvclwiLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogMTQsXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTRcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG5cbiAgICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHRvcDogXCJjYWxjKDUwJSAtIDVweClcIixcbiAgICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICB3aWR0aDogMCxcbiAgICAgICAgICAgIGhlaWdodDogMCxcblxuICAgICAgICAgICAgLy8gQXJyb3cgcmlnaHQuXG4gICAgICAgICAgICBib3JkZXJUb3A6IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJCb3R0b206IFwiNXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBcIjVweCBzb2xpZCBjdXJyZW50Q29sb3JcIlxuICAgICAgICB9LFxuXG4gICAgICAgIFwiJi5vcGVuXCI6IHtcbiAgICAgICAgICAgIFwiJjo6YmVmb3JlXCI6IHtcbiAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWSgzcHgpIHJvdGF0ZSg5MGRlZylcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfSlcbn07XG5cbmNvbnN0IEFjY29yZGlvbkl0ZW0gPSBzdHlsZWQuZGl2YFxuICAgIEBrZXlmcmFtZXMgc2hvdy1vdmVyZmxvdyB7XG4gICAgICAgIHRvIHtcbiAgICAgICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgICB9XG4gICAgfVxuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdHJhbnNpdGlvbjogbWF4LWhlaWdodCAwLjM1cyBjdWJpYy1iZXppZXIoMCwgMSwgMCwgMSk7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICAgIG1heC1oZWlnaHQ6IDA7XG5cbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgICAgbWF4LWhlaWdodDogOTk5OXB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBtYXgtaGVpZ2h0IDAuM3MgY3ViaWMtYmV6aWVyKDEsIDAsIDEsIDApO1xuICAgICAgICBhbmltYXRpb24tbmFtZTogc2hvdy1vdmVyZmxvdztcbiAgICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMjBtcztcbiAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAwLjNzO1xuICAgIH1cbmA7XG5cbmNvbnN0IEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIHBhZGRpbmctYm90dG9tOiAxMDtcbmA7XG5cbmludGVyZmFjZSBBY2NvcmRpb25Qcm9wcyB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBhY3Rpb24/OiBSZWFjdEVsZW1lbnQgfCBudWxsO1xuICAgIGljb24/OiBSZWFjdEVsZW1lbnQ7XG4gICAgZGVmYXVsdFZhbHVlPzogYm9vbGVhbjtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBBY2NvcmRpb24gPSAoeyB0aXRsZSwgY2hpbGRyZW4sIGFjdGlvbiwgaWNvbiwgZGVmYXVsdFZhbHVlID0gZmFsc2UgfTogQWNjb3JkaW9uUHJvcHMpID0+IHtcbiAgICBjb25zdCBbaXNPcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGRlZmF1bHRWYWx1ZSk7XG4gICAgY29uc3QgdG9nZ2xlT3BlbiA9IHVzZUNhbGxiYWNrKCgpID0+IHNldE9wZW4oIWlzT3BlbiksIFtpc09wZW5dKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmFjY29yZGlvbldyYXBwZXJ9PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLmFjY29yZGlvbkhlYWRlciwgeyBvcGVuOiBpc09wZW4gfSl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlT3Blbn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImFjY29yZGlvbi1oZWFkZXItLWxlZnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e1wiYWNjb3JkaW9uLXRpdGxlXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgdXNlPXtcInN1YnRpdGxlMVwifSB0YWc9e1wic3BhblwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiYWNjb3JkaW9uLWhlYWRlci0tcmlnaHRcIj5cbiAgICAgICAgICAgICAgICAgICAge2FjdGlvbiAmJiA8ZGl2IGNsYXNzTmFtZT17XCJhY3Rpb24tY29udGFpbmVyXCJ9PnthY3Rpb259PC9kaXY+fVxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17XCJpY29uLWNvbnRhaW5lclwifT57aWNvbn08L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPEFjY29yZGlvbkl0ZW0gY2xhc3NOYW1lPXtjbGFzc05hbWVzKHsgZXhwYW5kZWQ6IGlzT3BlbiB9KX0+XG4gICAgICAgICAgICAgICAgPEFjY29yZGlvbkNvbnRlbnQ+e2NoaWxkcmVufTwvQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICAgIDwvQWNjb3JkaW9uSXRlbT5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn07XG5jb25zdCBNZW1vaXplZEFjY29yZGlvbjogUmVhY3QuQ29tcG9uZW50VHlwZTxBY2NvcmRpb25Qcm9wcz4gPSBSZWFjdC5tZW1vKEFjY29yZGlvbik7XG5leHBvcnQgZGVmYXVsdCBNZW1vaXplZEFjY29yZGlvbjtcbiJdfQ== */",
106
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
107
+ });
91
108
  var Accordion = function Accordion(_ref) {
92
109
  var title = _ref.title,
93
110
  children = _ref.children,
@@ -122,13 +139,11 @@ var Accordion = function Accordion(_ref) {
122
139
  className: "action-container"
123
140
  }, action), /*#__PURE__*/_react.default.createElement("div", {
124
141
  className: "icon-container"
125
- }, icon))), /*#__PURE__*/_react.default.createElement("div", {
126
- className: (0, _classnames.default)(classes.accordionItem, {
127
- collapsed: !isOpen
142
+ }, icon))), /*#__PURE__*/_react.default.createElement(AccordionItem, {
143
+ className: (0, _classnames.default)({
144
+ expanded: isOpen
128
145
  })
129
- }, /*#__PURE__*/_react.default.createElement("div", {
130
- className: "accordion-content"
131
- }, children)));
146
+ }, /*#__PURE__*/_react.default.createElement(AccordionContent, null, children)));
132
147
  };
133
148
  var MemoizedAccordion = /*#__PURE__*/_react.default.memo(Accordion);
134
149
  var _default = exports.default = MemoizedAccordion;
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_classnames","_interopRequireDefault","_Typography","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","overflow","transition","maxHeight","paddingBottom","Accordion","_ref","title","children","action","icon","_ref$defaultValue","defaultValue","_useState","useState","_useState2","_slicedToArray2","default","isOpen","setOpen","toggleOpen","useCallback","createElement","className","classNames","open","onClick","Typography","use","tag","collapsed","MemoizedAccordion","React","memo","_default","exports"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\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 accordionItem: css({\n overflow: \"hidden\",\n transition: \"max-height 0.3s cubic-bezier(1, 0, 1, 0)\",\n height: \"auto\",\n maxHeight: \"9999px\",\n\n \"&.collapsed\": {\n maxHeight: 0,\n transition: \"max-height 0.35s cubic-bezier(0, 1, 0, 1)\"\n },\n \".accordion-content\": {\n paddingBottom: 10\n }\n })\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 <div className={classNames(classes.accordionItem, { collapsed: !isOpen })}>\n <div className=\"accordion-content\">{children}</div>\n </div>\n </div>\n );\n};\nconst MemoizedAccordion: React.ComponentType<AccordionProps> = React.memo(Accordion);\nexport default MemoizedAccordion;\n"],"mappings":"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","ignoreList":[]}
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":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAmD,SAAAK,iCAAA;AAEnD,IAAMC,OAAO,GAAG;EACZC,gBAAgB,EAAE,IAAAC,YAAG,EAAC;IAClB;AACR;AACA;AACA;IACQC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbC,YAAY;EAChB,CAAC,CAAC;EACFC,eAAe,EAAE,IAAAJ,YAAG,EAAC;IACjBC,QAAQ,EAAE,UAAU;IACpBI,KAAK,EAAE,+CAA+C;IACtDC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE,EAAE;IAAE;IACfC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAE/B,2BAA2B,EAAE;MACzBF,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/B,oBAAoB,EAAE;QAClBC,IAAI,EAAE;UACFC,UAAU,EAAE;QAChB;MACJ;IACJ,CAAC;IACD,4BAA4B,EAAE;MAC1BJ,OAAO,EAAE,MAAM;MACf,mBAAmB,EAAE;QACjBA,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE,QAAQ;QAEpB,QAAQ,EAAE;UACND,OAAO,EAAE;QACb,CAAC;QACD,OAAO,EAAE;UACLK,IAAI,EAAE,cAAc;UACpBZ,KAAK,EAAE,EAAE;UACTa,MAAM,EAAE;QACZ;MACJ;IACJ,CAAC;IAED,WAAW,EAAE;MACTd,QAAQ,EAAE,UAAU;MACpBe,GAAG,EAAE,iBAAiB;MACtBC,IAAI,EAAE,CAAC;MACPC,OAAO,EAAE,IAAI;MACbhB,KAAK,EAAE,CAAC;MACRa,MAAM,EAAE,CAAC;MAET;MACAI,SAAS,EAAE,uBAAuB;MAClChB,YAAY,EAAE,uBAAuB;MACrCiB,UAAU,EAAE;IAChB,CAAC;IAED,QAAQ,EAAE;MACN,WAAW,EAAE;QACTC,SAAS,EAAE;MACf;IACJ;EACJ,CAAC;AACL,CAAC;AAED,IAAMC,aAAa,oBAAAC,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAApC;AAAA,EAmBlB;AAED,IAAMqC,gBAAgB,oBAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAApC;AAAA,EAErB;AAUD,IAAMsC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAgF;EAAA,IAA1EC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAAC,iBAAA,GAAAL,IAAA,CAAEM,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;EACpE,IAAAE,SAAA,GAA0B,IAAAC,eAAQ,EAACF,YAAY,CAAC;IAAAG,UAAA,OAAAC,eAAA,CAAAtB,OAAA,EAAAmB,SAAA;IAAzCI,MAAM,GAAAF,UAAA;IAAEG,OAAO,GAAAH,UAAA;EACtB,IAAMI,UAAU,GAAG,IAAAC,kBAAW,EAAC;IAAA,OAAMF,OAAO,CAAC,CAACD,MAAM,CAAC;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEhE,oBACIzD,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAEtD,OAAO,CAACC;EAAiB,gBACrCT,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IACIC,SAAS,EAAE,IAAAC,mBAAU,EAACvD,OAAO,CAACM,eAAe,EAAE;MAAEkD,IAAI,EAAEP;IAAO,CAAC,CAAE;IACjEQ,OAAO,EAAEN;EAAW,gBAEpB3D,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACnC9D,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAkB,gBAC9B9D,MAAA,CAAAkC,OAAA,CAAA2B,aAAA,CAACvD,WAAA,CAAA4D,UAAU;IAACC,GAAG,EAAE,WAAY;IAACC,GAAG,EAAE;EAAO,GACrCrB,KACO,CACX,CACJ,CAAC,eACN/C,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAyB,GACnCb,MAAM,iBAAIjD,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAmB,GAAEb,MAAY,CAAC,eAC7DjD,MAAA,CAAAkC,OAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAE;EAAiB,GAAEZ,IAAU,CAC5C,CACJ,CAAC,eACNlD,MAAA,CAAAkC,OAAA,CAAA2B,aAAA,CAAC7B,aAAa;IAAC8B,SAAS,EAAE,IAAAC,mBAAU,EAAC;MAAEM,QAAQ,EAAEZ;IAAO,CAAC;EAAE,gBACvDzD,MAAA,CAAAkC,OAAA,CAAA2B,aAAA,CAACjB,gBAAgB,QAAEI,QAA2B,CACnC,CACd,CAAC;AAEd,CAAC;AACD,IAAMsB,iBAAsD,gBAAGC,cAAK,CAACC,IAAI,CAAC3B,SAAS,CAAC;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GACtEoC,iBAAiB","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-headless-cms",
3
- "version": "5.40.7",
3
+ "version": "5.40.8-beta.1",
4
4
  "main": "index.js",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,30 +28,30 @@
28
28
  "@material-design-icons/svg": "0.14.13",
29
29
  "@svgr/webpack": "6.5.1",
30
30
  "@types/react": "18.2.79",
31
- "@webiny/app": "5.40.7",
32
- "@webiny/app-aco": "5.40.7",
33
- "@webiny/app-admin": "5.40.7",
34
- "@webiny/app-graphql-playground": "5.40.7",
35
- "@webiny/app-headless-cms-common": "5.40.7",
36
- "@webiny/app-i18n": "5.40.7",
37
- "@webiny/app-plugin-admin-welcome-screen": "5.40.7",
38
- "@webiny/app-security": "5.40.7",
39
- "@webiny/app-tenancy": "5.40.7",
40
- "@webiny/app-trash-bin": "5.40.7",
41
- "@webiny/error": "5.40.7",
42
- "@webiny/feature-flags": "5.40.7",
43
- "@webiny/form": "5.40.7",
44
- "@webiny/lexical-editor": "5.40.7",
45
- "@webiny/lexical-nodes": "5.40.7",
46
- "@webiny/lexical-theme": "5.40.7",
47
- "@webiny/plugins": "5.40.7",
48
- "@webiny/react-composition": "5.40.7",
49
- "@webiny/react-properties": "5.40.7",
50
- "@webiny/react-router": "5.40.7",
51
- "@webiny/theme": "5.40.7",
52
- "@webiny/ui": "5.40.7",
53
- "@webiny/utils": "5.40.7",
54
- "@webiny/validation": "5.40.7",
31
+ "@webiny/app": "5.40.8-beta.1",
32
+ "@webiny/app-aco": "5.40.8-beta.1",
33
+ "@webiny/app-admin": "5.40.8-beta.1",
34
+ "@webiny/app-graphql-playground": "5.40.8-beta.1",
35
+ "@webiny/app-headless-cms-common": "5.40.8-beta.1",
36
+ "@webiny/app-i18n": "5.40.8-beta.1",
37
+ "@webiny/app-plugin-admin-welcome-screen": "5.40.8-beta.1",
38
+ "@webiny/app-security": "5.40.8-beta.1",
39
+ "@webiny/app-tenancy": "5.40.8-beta.1",
40
+ "@webiny/app-trash-bin": "5.40.8-beta.1",
41
+ "@webiny/error": "5.40.8-beta.1",
42
+ "@webiny/feature-flags": "5.40.8-beta.1",
43
+ "@webiny/form": "5.40.8-beta.1",
44
+ "@webiny/lexical-editor": "5.40.8-beta.1",
45
+ "@webiny/lexical-nodes": "5.40.8-beta.1",
46
+ "@webiny/lexical-theme": "5.40.8-beta.1",
47
+ "@webiny/plugins": "5.40.8-beta.1",
48
+ "@webiny/react-composition": "5.40.8-beta.1",
49
+ "@webiny/react-properties": "5.40.8-beta.1",
50
+ "@webiny/react-router": "5.40.8-beta.1",
51
+ "@webiny/theme": "5.40.8-beta.1",
52
+ "@webiny/ui": "5.40.8-beta.1",
53
+ "@webiny/utils": "5.40.8-beta.1",
54
+ "@webiny/validation": "5.40.8-beta.1",
55
55
  "apollo-cache": "1.3.5",
56
56
  "apollo-client": "2.6.10",
57
57
  "apollo-link": "1.2.14",
@@ -85,8 +85,8 @@
85
85
  "@babel/preset-react": "7.24.1",
86
86
  "@babel/preset-typescript": "7.24.1",
87
87
  "@emotion/babel-plugin": "11.11.0",
88
- "@webiny/cli": "5.40.7",
89
- "@webiny/project-utils": "5.40.7",
88
+ "@webiny/cli": "5.40.8-beta.1",
89
+ "@webiny/project-utils": "5.40.8-beta.1",
90
90
  "babel-plugin-module-resolver": "5.0.0",
91
91
  "rimraf": "5.0.5",
92
92
  "ttypescript": "1.5.15",
@@ -115,5 +115,5 @@
115
115
  ]
116
116
  }
117
117
  },
118
- "gitHead": "7236a5d93457a1dda87e880de76d6d859d49f283"
118
+ "gitHead": "62f19520ab2972bd556803a043a1acfa3afddc01"
119
119
  }