@webiny/app-headless-cms 5.41.4 → 5.41.5-beta.0

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.
@@ -16,21 +16,21 @@ export declare const Menu: import("@emotion/styled").StyledComponent<Pick<import
16
16
  }, never> & {
17
17
  anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
18
18
  fixed?: boolean | undefined;
19
- children?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal) & (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("@webiny/ui/Menu").RenderableMenuChildren)) | null | undefined;
20
- render?: ((props: import("@webiny/ui/Menu").MenuChildrenFunctionProps) => import("react").ReactNode) | undefined;
21
19
  open?: boolean | undefined;
22
- disabled?: boolean | undefined;
23
- "data-testid"?: string | undefined;
24
20
  className?: string | undefined;
21
+ children?: ((string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal) & (string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | import("react").ReactPortal | import("@webiny/ui/Menu").RenderableMenuChildren)) | null | undefined;
22
+ disabled?: boolean | undefined;
23
+ render?: ((props: import("@webiny/ui/Menu").MenuChildrenFunctionProps) => import("react").ReactNode) | undefined;
24
+ onSelect?: ((evt: import("@rmwc/menu").MenuOnSelectEventT) => void) | undefined;
25
25
  onClose?: (((evt: import("@rmwc/menu").MenuSurfaceOnCloseEventT) => void) & (() => void)) | undefined;
26
+ handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
26
27
  onOpen?: (((evt: import("@rmwc/menu").MenuSurfaceOnOpenEventT) => void) & (() => void)) | undefined;
27
- renderToPortal?: import("@rmwc/base").PortalPropT;
28
+ "data-testid"?: string | undefined;
28
29
  foundationRef?: import("react").Ref<import("@material/menu").MDCMenuFoundation> | undefined;
29
30
  apiRef?: ((api: import("@rmwc/menu").MenuApi | null) => void) | undefined;
31
+ renderToPortal?: import("@rmwc/base").PortalPropT;
30
32
  anchorCorner?: import("@rmwc/menu").AnchorT | undefined;
31
- onSelect?: ((evt: import("@rmwc/menu").MenuOnSelectEventT) => void) | undefined;
32
33
  focusOnOpen?: boolean | undefined;
33
- handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
34
34
  } & {} & {
35
35
  theme?: import("@emotion/react").Theme | undefined;
36
36
  }, {}, {
@@ -9,7 +9,7 @@ export declare const ModelFieldContext: React.Context<{
9
9
  label: string;
10
10
  helpText?: string | undefined;
11
11
  placeholderText?: string | undefined;
12
- validation?: (import("../../../types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
12
+ validation?: (import("@webiny/validation/types").Validator | import("../../../types").CmsModelFieldValidator)[] | undefined;
13
13
  listValidation?: import("../../../types").CmsModelFieldValidator[] | undefined;
14
14
  multipleValues?: boolean | undefined;
15
15
  predefinedValues?: import("../../../types").CmsEditorFieldPredefinedValues | undefined;
@@ -10,7 +10,7 @@ export declare const useModelFieldGraphqlContext: () => {
10
10
  label: string;
11
11
  helpText?: string | undefined;
12
12
  placeholderText?: string | undefined;
13
- validation?: (import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
13
+ validation?: (import("@webiny/validation/types").Validator | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator)[] | undefined;
14
14
  listValidation?: import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator[] | undefined;
15
15
  multipleValues?: boolean | undefined;
16
16
  predefinedValues?: import("@webiny/app-headless-cms-common/types").CmsEditorFieldPredefinedValues | undefined;
@@ -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":[]}
@@ -18,7 +18,7 @@ export declare class FieldSettings {
18
18
  label: string;
19
19
  helpText?: string | undefined;
20
20
  placeholderText?: string | undefined;
21
- validation?: (import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
21
+ validation?: (import("@webiny/validation/types").Validator | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator)[] | undefined;
22
22
  listValidation?: import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator[] | undefined;
23
23
  multipleValues?: boolean | undefined;
24
24
  predefinedValues?: import("@webiny/app-headless-cms-common/types").CmsEditorFieldPredefinedValues | undefined;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare const _default: () => (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
2
+ declare const _default: () => (import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
3
3
  id: string;
4
4
  type: string;
5
5
  fieldId: string;
@@ -7,7 +7,7 @@ declare const _default: () => (import("@webiny/app-headless-cms-common/types").C
7
7
  label: string;
8
8
  helpText?: string | undefined;
9
9
  placeholderText?: string | undefined;
10
- validation?: (import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
10
+ validation?: (import("@webiny/validation/types").Validator | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator)[] | undefined;
11
11
  listValidation?: import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator[] | undefined;
12
12
  multipleValues?: boolean | undefined;
13
13
  predefinedValues?: import("@webiny/app-headless-cms-common/types").CmsEditorFieldPredefinedValues | undefined;
@@ -17,7 +17,7 @@ declare const _default: () => (import("@webiny/app-headless-cms-common/types").C
17
17
  settings?: Record<string, any> | undefined;
18
18
  } | ((props: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererProps) => import("react").ReactNode);
19
19
  tags?: string[] | undefined;
20
- }>[] | import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject> | {
20
+ }>[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject> | {
21
21
  name: string;
22
22
  type: string;
23
23
  render(): import("react").JSX.Element;
package/allPlugins.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | (import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
2
+ declare const _default: (import("@webiny/app-headless-cms-common/types").CmsModelFieldRegexValidatorExpressionPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldTypePlugin | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidatorPlugin<any> | (import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-headless-cms-common/types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-headless-cms-common/types").CmsFieldValueTransformer<{
3
3
  id: string;
4
4
  type: string;
5
5
  fieldId: string;
@@ -7,7 +7,7 @@ declare const _default: (import("@webiny/app-headless-cms-common/types").CmsMode
7
7
  label: string;
8
8
  helpText?: string | undefined;
9
9
  placeholderText?: string | undefined;
10
- validation?: (import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[] | undefined;
10
+ validation?: (import("@webiny/validation/types").Validator | import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator)[] | undefined;
11
11
  listValidation?: import("@webiny/app-headless-cms-common/types").CmsModelFieldValidator[] | undefined;
12
12
  multipleValues?: boolean | undefined;
13
13
  predefinedValues?: import("@webiny/app-headless-cms-common/types").CmsEditorFieldPredefinedValues | undefined;
@@ -17,9 +17,9 @@ declare const _default: (import("@webiny/app-headless-cms-common/types").CmsMode
17
17
  settings?: Record<string, any> | undefined;
18
18
  } | ((props: import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererProps) => import("react").ReactNode);
19
19
  tags?: string[] | undefined;
20
- }>[] | import("@webiny/app-headless-cms-common/types").CmsEditorFormSettingsPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject> | {
20
+ }>[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app").ApolloCacheObject> | {
21
21
  name: string;
22
22
  type: string;
23
23
  render(): import("react").JSX.Element;
24
- }[])[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRegexValidatorExpressionPlugin | import("@webiny/app-plugin-admin-welcome-screen/types").AdminWelcomeScreenWidgetPlugin)[];
24
+ }[])[] | import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[] | import("@webiny/app-plugin-admin-welcome-screen/types").AdminWelcomeScreenWidgetPlugin)[];
25
25
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-headless-cms",
3
- "version": "5.41.4",
3
+ "version": "5.41.5-beta.0",
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.41.4",
32
- "@webiny/app-aco": "5.41.4",
33
- "@webiny/app-admin": "5.41.4",
34
- "@webiny/app-graphql-playground": "5.41.4",
35
- "@webiny/app-headless-cms-common": "5.41.4",
36
- "@webiny/app-i18n": "5.41.4",
37
- "@webiny/app-plugin-admin-welcome-screen": "5.41.4",
38
- "@webiny/app-security": "5.41.4",
39
- "@webiny/app-tenancy": "5.41.4",
40
- "@webiny/app-trash-bin": "5.41.4",
41
- "@webiny/error": "5.41.4",
42
- "@webiny/feature-flags": "5.41.4",
43
- "@webiny/form": "5.41.4",
44
- "@webiny/lexical-editor": "5.41.4",
45
- "@webiny/lexical-nodes": "5.41.4",
46
- "@webiny/lexical-theme": "5.41.4",
47
- "@webiny/plugins": "5.41.4",
48
- "@webiny/react-composition": "5.41.4",
49
- "@webiny/react-properties": "5.41.4",
50
- "@webiny/react-router": "5.41.4",
51
- "@webiny/theme": "5.41.4",
52
- "@webiny/ui": "5.41.4",
53
- "@webiny/utils": "5.41.4",
54
- "@webiny/validation": "5.41.4",
31
+ "@webiny/app": "5.41.5-beta.0",
32
+ "@webiny/app-aco": "5.41.5-beta.0",
33
+ "@webiny/app-admin": "5.41.5-beta.0",
34
+ "@webiny/app-graphql-playground": "5.41.5-beta.0",
35
+ "@webiny/app-headless-cms-common": "5.41.5-beta.0",
36
+ "@webiny/app-i18n": "5.41.5-beta.0",
37
+ "@webiny/app-plugin-admin-welcome-screen": "5.41.5-beta.0",
38
+ "@webiny/app-security": "5.41.5-beta.0",
39
+ "@webiny/app-tenancy": "5.41.5-beta.0",
40
+ "@webiny/app-trash-bin": "5.41.5-beta.0",
41
+ "@webiny/error": "5.41.5-beta.0",
42
+ "@webiny/feature-flags": "5.41.5-beta.0",
43
+ "@webiny/form": "5.41.5-beta.0",
44
+ "@webiny/lexical-editor": "5.41.5-beta.0",
45
+ "@webiny/lexical-nodes": "5.41.5-beta.0",
46
+ "@webiny/lexical-theme": "5.41.5-beta.0",
47
+ "@webiny/plugins": "5.41.5-beta.0",
48
+ "@webiny/react-composition": "5.41.5-beta.0",
49
+ "@webiny/react-properties": "5.41.5-beta.0",
50
+ "@webiny/react-router": "5.41.5-beta.0",
51
+ "@webiny/theme": "5.41.5-beta.0",
52
+ "@webiny/ui": "5.41.5-beta.0",
53
+ "@webiny/utils": "5.41.5-beta.0",
54
+ "@webiny/validation": "5.41.5-beta.0",
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.41.4",
89
- "@webiny/project-utils": "5.41.4",
88
+ "@webiny/cli": "5.41.5-beta.0",
89
+ "@webiny/project-utils": "5.41.5-beta.0",
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": "94922b33af59db5afe75127bb07443ce7f1448c4"
118
+ "gitHead": "daa4faaafec4cd4053c64028d18806ea25b2c583"
119
119
  }