@webiny/app-admin 5.40.0-beta.2 → 5.40.0-beta.4

package/plugins/globalSearch/styled.js

@@ -6,44 +6,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.searchWrapper = exports.searchBarInput = exports.searchBarDropdown = exports.iconSearchType = exports.icon = exports.SearchShortcut = exports.SearchBarWrapper = exports.SearchBarInputWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _emotion = require("emotion");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var SearchShortcut = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "eh6vkyz0",
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var SearchShortcut = exports.SearchShortcut = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eh6vkyz2"
+} : {
+  target: "eh6vkyz2",
   label: "SearchShortcut"
-})({
-  border: "1px solid var(--mdc-theme-surface)",
-  color: "var(--mdc-theme-surface)",
-  borderRadius: 5,
-  width: 20,
-  height: 24,
-  marginTop: 1,
-  textAlign: "center",
-  fontSize: "12px",
-  paddingTop: "3px",
-  boxSizing: "border-box",
-  cursor: "default",
-  opacity: "0.8"
+})(process.env.NODE_ENV === "production" ? {
+  name: "pyp8a6",
+  styles: "border:1px solid var(--mdc-theme-surface);color:var(--mdc-theme-surface);border-radius:5px;width:20px;height:24px;margin-top:1px;text-align:center;font-size:12px;padding-top:3px;box-sizing:border-box;cursor:default;opacity:0.8"
+} : {
+  name: "pyp8a6",
+  styles: "border:1px solid var(--mdc-theme-surface);color:var(--mdc-theme-surface);border-radius:5px;width:20px;height:24px;margin-top:1px;text-align:center;font-size:12px;padding-top:3px;box-sizing:border-box;cursor:default;opacity:0.8",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHOEIiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoU2hvcnRjdXQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiA1LFxuICAgIHdpZHRoOiAyMCxcbiAgICBoZWlnaHQ6IDI0LFxuICAgIG1hcmdpblRvcDogMSxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgZm9udFNpemU6IFwiMTJweFwiLFxuICAgIHBhZGRpbmdUb3A6IFwiM3B4XCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBjdXJzb3I6IFwiZGVmYXVsdFwiLFxuICAgIG9wYWNpdHk6IFwiMC44XCJcbn0pO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoQmFyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhcklucHV0V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5leHBvcnQgY29uc3Qgc2VhcmNoQmFySW5wdXQgPSBjc3Moe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBsaW5lSGVpZ2h0OiAxLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImLm1kYy10ZXh0LWZpZWxkX19pbnB1dFwiOiB7XG4gICAgICAgIHBhZGRpbmdUb3A6IFwiNXB4ICFpbXBvcnRhbnRcIixcbiAgICAgICAgcGFkZGluZ0xlZnQ6IFwiMTBweCAhaW1wb3J0YW50XCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgaGVpZ2h0OiBcIjI1cHggIWltcG9ydGFudFwiLFxuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIixcbiAgICAgICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSkgIWltcG9ydGFudFwiLFxuICAgICAgICAgICAgb3BhY2l0eTogXCIxICFpbXBvcnRhbnRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXM6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKSAhaW1wb3J0YW50XCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3Qgc2VhcmNoQmFyRHJvcGRvd24gPSBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgYmFja2dyb3VuZDogXCJ3aGl0ZVwiLFxuICAgIGxlZnQ6IC0xLFxuICAgIHdpZHRoOiBcImNhbGMoMTAwJSArIDJweClcIixcbiAgICB0b3A6IDQ1LFxuICAgIHpJbmRleDogMixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMCAwIDVweCA1cHhcIixcbiAgICBcIi5tZGMtZGVwcmVjYXRlZC1saXN0XCI6IHtcbiAgICAgICAgcGFkZGluZzogMCxcbiAgICAgICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdC1pdGVtXCI6IHtcbiAgICAgICAgICAgIFwiJi5zZWxlY3RlZFwiOiB7XG4gICAgICAgICAgICAgICAgZm9udFdlaWdodDogXCJib2xkXCJcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBcIiYuaGlnaGxpZ2h0ZWRcIjoge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBpY29uID0gY3NzKHtcbiAgICBcIiYubWRjLWJ1dHRvbl9faWNvblwiOiB7XG4gICAgICAgIHdpZHRoOiBcImF1dG8gIWltcG9ydGFudFwiLFxuICAgICAgICBwYWRkaW5nUmlnaHQ6IDUsXG4gICAgICAgIG9wYWNpdHk6IDAuNzUsXG4gICAgICAgIG1hcmdpblRvcDogMlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgaWNvblNlYXJjaFR5cGUgPSBjc3Moe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZ0xlZnQ6IDVcbn0pO1xuXG5leHBvcnQgY29uc3Qgc2VhcmNoV3JhcHBlciA9IGNzcyh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwgMCwgMCwgMC4xKVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHBhZGRpbmc6IFwiMTBweCAyMHB4XCIsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBib3JkZXJSYWRpdXM6IDQsXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kIDEwMG1zIGVhc2UtaW4sd2lkdGggMTAwbXMgZWFzZS1vdXRcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHRyYW5zcGFyZW50XCIsXG4gICAgXCImLmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiLFxuICAgICAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tZGFyaylcIixcbiAgICAgICAgYmFja2dyb3VuZDogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIixcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMXB4IDFweCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWRhcmspXCIsXG4gICAgICAgIGlucHV0OiB7XG4gICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtTZWFyY2hTaG9ydGN1dF06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwibm9uZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIGlucHV0OiB7XG4gICAgICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.SearchShortcut = SearchShortcut;
-var SearchBarWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+var SearchBarWrapper = exports.SearchBarWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eh6vkyz1"
+} : {
   target: "eh6vkyz1",
   label: "SearchBarWrapper"
-})({
-  display: "flex",
-  width: "100%"
+})(process.env.NODE_ENV === "production" ? {
+  name: "7whenc",
+  styles: "display:flex;width:100%"
+} : {
+  name: "7whenc",
+  styles: "display:flex;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmdDIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaFNob3J0Y3V0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIGJvcmRlclJhZGl1czogNSxcbiAgICB3aWR0aDogMjAsXG4gICAgaGVpZ2h0OiAyNCxcbiAgICBtYXJnaW5Ub3A6IDEsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgICBvcGFjaXR5OiBcIjAuOFwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hCYXJJbnB1dFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaEJhcklucHV0ID0gY3NzKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbGluZUhlaWdodDogMSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJi5tZGMtdGV4dC1maWVsZF9faW5wdXRcIjoge1xuICAgICAgICBwYWRkaW5nVG9wOiBcIjVweCAhaW1wb3J0YW50XCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHggIWltcG9ydGFudFwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIGhlaWdodDogXCIyNXB4ICFpbXBvcnRhbnRcIixcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpICFpbXBvcnRhbnRcIixcbiAgICAgICAgICAgIG9wYWNpdHk6IFwiMSAhaW1wb3J0YW50XCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCkgIWltcG9ydGFudFwiXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaEJhckRyb3Bkb3duID0gY3NzKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGJhY2tncm91bmQ6IFwid2hpdGVcIixcbiAgICBsZWZ0OiAtMSxcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgKyAycHgpXCIsXG4gICAgdG9wOiA0NSxcbiAgICB6SW5kZXg6IDIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjAgMCA1cHggNXB4XCIsXG4gICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdFwiOiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbVwiOiB7XG4gICAgICAgICAgICBcIiYuc2VsZWN0ZWRcIjoge1xuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiYm9sZFwiXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgXCImLmhpZ2hsaWdodGVkXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgaWNvbiA9IGNzcyh7XG4gICAgXCImLm1kYy1idXR0b25fX2ljb25cIjoge1xuICAgICAgICB3aWR0aDogXCJhdXRvICFpbXBvcnRhbnRcIixcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiA1LFxuICAgICAgICBvcGFjaXR5OiAwLjc1LFxuICAgICAgICBtYXJnaW5Ub3A6IDJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGljb25TZWFyY2hUeXBlID0gY3NzKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmdMZWZ0OiA1XG59KTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaFdyYXBwZXIgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsIDAsIDAsIDAuMSlcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBwYWRkaW5nOiBcIjEwcHggMjBweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiA0LFxuICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZCAxMDBtcyBlYXNlLWluLHdpZHRoIDEwMG1zIGVhc2Utb3V0XCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICAgIFwiJi5hY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIixcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWRhcmspXCIsXG4gICAgICAgIGJhY2tncm91bmQ6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDFweCAxcHggdmFyKC0tbWRjLXRoZW1lLXRleHQtaGludC1vbi1kYXJrKVwiLFxuICAgICAgICBpbnB1dDoge1xuICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICAgICAgfSxcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbU2VhcmNoU2hvcnRjdXRdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIlxuICAgICAgICB9XG4gICAgfSxcbiAgICBpbnB1dDoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.SearchBarWrapper = SearchBarWrapper;
-var SearchBarInputWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "eh6vkyz2",
+var SearchBarInputWrapper = exports.SearchBarInputWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eh6vkyz0"
+} : {
+  target: "eh6vkyz0",
   label: "SearchBarInputWrapper"
-})({
-  display: "flex",
-  width: "100%",
-  position: "relative"
+})(process.env.NODE_ENV === "production" ? {
+  name: "gggxmf",
+  styles: "display:flex;width:100%;position:relative"
+} : {
+  name: "gggxmf",
+  styles: "display:flex;width:100%;position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnFDIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaFNob3J0Y3V0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIGJvcmRlclJhZGl1czogNSxcbiAgICB3aWR0aDogMjAsXG4gICAgaGVpZ2h0OiAyNCxcbiAgICBtYXJnaW5Ub3A6IDEsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGZvbnRTaXplOiBcIjEycHhcIixcbiAgICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgICBvcGFjaXR5OiBcIjAuOFwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hCYXJJbnB1dFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaEJhcklucHV0ID0gY3NzKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbGluZUhlaWdodDogMSxcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIFwiJi5tZGMtdGV4dC1maWVsZF9faW5wdXRcIjoge1xuICAgICAgICBwYWRkaW5nVG9wOiBcIjVweCAhaW1wb3J0YW50XCIsXG4gICAgICAgIHBhZGRpbmdMZWZ0OiBcIjEwcHggIWltcG9ydGFudFwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIGhlaWdodDogXCIyNXB4ICFpbXBvcnRhbnRcIixcbiAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpICFpbXBvcnRhbnRcIixcbiAgICAgICAgICAgIG9wYWNpdHk6IFwiMSAhaW1wb3J0YW50XCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCkgIWltcG9ydGFudFwiXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaEJhckRyb3Bkb3duID0gY3NzKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGJhY2tncm91bmQ6IFwid2hpdGVcIixcbiAgICBsZWZ0OiAtMSxcbiAgICB3aWR0aDogXCJjYWxjKDEwMCUgKyAycHgpXCIsXG4gICAgdG9wOiA0NSxcbiAgICB6SW5kZXg6IDIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjAgMCA1cHggNXB4XCIsXG4gICAgXCIubWRjLWRlcHJlY2F0ZWQtbGlzdFwiOiB7XG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIFwiLm1kYy1kZXByZWNhdGVkLWxpc3QtaXRlbVwiOiB7XG4gICAgICAgICAgICBcIiYuc2VsZWN0ZWRcIjoge1xuICAgICAgICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiYm9sZFwiXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgXCImLmhpZ2hsaWdodGVkXCI6IHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCJcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgaWNvbiA9IGNzcyh7XG4gICAgXCImLm1kYy1idXR0b25fX2ljb25cIjoge1xuICAgICAgICB3aWR0aDogXCJhdXRvICFpbXBvcnRhbnRcIixcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiA1LFxuICAgICAgICBvcGFjaXR5OiAwLjc1LFxuICAgICAgICBtYXJnaW5Ub3A6IDJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGljb25TZWFyY2hUeXBlID0gY3NzKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHBhZGRpbmdMZWZ0OiA1XG59KTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaFdyYXBwZXIgPSBjc3Moe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsIDAsIDAsIDAuMSlcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBwYWRkaW5nOiBcIjEwcHggMjBweFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiA0LFxuICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZCAxMDBtcyBlYXNlLWluLHdpZHRoIDEwMG1zIGVhc2Utb3V0XCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB0cmFuc3BhcmVudFwiLFxuICAgIFwiJi5hY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIixcbiAgICAgICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWRhcmspXCIsXG4gICAgICAgIGJhY2tncm91bmQ6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDFweCAxcHggdmFyKC0tbWRjLXRoZW1lLXRleHQtaGludC1vbi1kYXJrKVwiLFxuICAgICAgICBpbnB1dDoge1xuICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICAgICAgfSxcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbU2VhcmNoU2hvcnRjdXRdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIlxuICAgICAgICB9XG4gICAgfSxcbiAgICBpbnB1dDoge1xuICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.SearchBarInputWrapper = SearchBarInputWrapper;
-var searchBarInput = /*#__PURE__*/(0, _emotion.css)({
+var searchBarInput = exports.searchBarInput = (0, _emotion.css)({
   width: "100%",
   lineHeight: 1,
   border: "none",
@@ -63,9 +71,8 @@ var searchBarInput = /*#__PURE__*/(0, _emotion.css)({
       color: "var(--mdc-theme-text-secondary-on-background) !important"
     }
   }
-}, "label:searchBarInput;");
-exports.searchBarInput = searchBarInput;
-var searchBarDropdown = /*#__PURE__*/(0, _emotion.css)({
+});
+var searchBarDropdown = exports.searchBarDropdown = (0, _emotion.css)({
   position: "absolute",
   background: "white",
   left: -1,
@@ -74,9 +81,9 @@ var searchBarDropdown = /*#__PURE__*/(0, _emotion.css)({
   zIndex: 2,
   color: "var(--mdc-theme-on-surface)",
   borderRadius: "0 0 5px 5px",
-  ".mdc-list": {
+  ".mdc-deprecated-list": {
     padding: 0,
-    ".mdc-list-item": {
+    ".mdc-deprecated-list-item": {
       "&.selected": {
         fontWeight: "bold"
       },
@@ -85,23 +92,20 @@ var searchBarDropdown = /*#__PURE__*/(0, _emotion.css)({
       }
     }
   }
-}, "label:searchBarDropdown;");
-exports.searchBarDropdown = searchBarDropdown;
-var icon = /*#__PURE__*/(0, _emotion.css)({
+});
+var icon = exports.icon = (0, _emotion.css)({
   "&.mdc-button__icon": {
     width: "auto !important",
     paddingRight: 5,
     opacity: 0.75,
     marginTop: 2
   }
-}, "label:icon;");
-exports.icon = icon;
-var iconSearchType = /*#__PURE__*/(0, _emotion.css)({
+});
+var iconSearchType = exports.iconSearchType = (0, _emotion.css)({
   cursor: "pointer",
   paddingLeft: 5
-}, "label:iconSearchType;");
-exports.iconSearchType = iconSearchType;
-var searchWrapper = /*#__PURE__*/(0, _emotion.css)({
+});
+var searchWrapper = exports.searchWrapper = (0, _emotion.css)({
   backgroundColor: "rgba(0, 0, 0, 0.1)",
   display: "flex",
   padding: "10px 20px",
@@ -124,7 +128,6 @@ var searchWrapper = /*#__PURE__*/(0, _emotion.css)({
   input: {
     color: "var(--mdc-theme-surface)"
   }
-}, "label:searchWrapper;");
-exports.searchWrapper = searchWrapper;
+});
 
 //# sourceMappingURL=styled.js.map

package/plugins/globalSearch/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","_styled","_interopRequireDefault","SearchShortcut","styled","target","label","border","color","borderRadius","width","height","marginTop","textAlign","fontSize","paddingTop","boxSizing","cursor","opacity","exports","SearchBarWrapper","display","SearchBarInputWrapper","position","searchBarInput","css","lineHeight","outline","backgroundColor","paddingLeft","borderBottom","searchBarDropdown","background","left","top","zIndex","padding","fontWeight","icon","paddingRight","iconSearchType","searchWrapper","transition","_defineProperty2","default","boxShadow","input"],"sources":["styled.ts"],"sourcesContent":["import { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-list\": {\n        padding: 0,\n        \".mdc-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        // @ts-expect-error\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"],"mappings":"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"}
+{"version":3,"names":["_emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","SearchShortcut","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","SearchBarWrapper","SearchBarInputWrapper","searchBarInput","css","width","lineHeight","border","outline","backgroundColor","paddingTop","paddingLeft","borderBottom","height","color","opacity","searchBarDropdown","position","background","left","top","zIndex","borderRadius","padding","fontWeight","icon","paddingRight","marginTop","iconSearchType","cursor","searchWrapper","display","transition","_defineProperty2","boxShadow","input"],"sources":["styled.ts"],"sourcesContent":["import { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const SearchShortcut = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-surface)\",\n    color: \"var(--mdc-theme-surface)\",\n    borderRadius: 5,\n    width: 20,\n    height: 24,\n    marginTop: 1,\n    textAlign: \"center\",\n    fontSize: \"12px\",\n    paddingTop: \"3px\",\n    boxSizing: \"border-box\",\n    cursor: \"default\",\n    opacity: \"0.8\"\n});\n\nexport const SearchBarWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\"\n});\n\nexport const SearchBarInputWrapper = styled(\"div\")({\n    display: \"flex\",\n    width: \"100%\",\n    position: \"relative\"\n});\n\nexport const searchBarInput = css({\n    width: \"100%\",\n    lineHeight: 1,\n    border: \"none\",\n    outline: \"none\",\n    backgroundColor: \"transparent\",\n    \"&.mdc-text-field__input\": {\n        paddingTop: \"5px !important\",\n        paddingLeft: \"10px !important\",\n        borderBottom: \"none !important\",\n        height: \"25px !important\",\n        color: \"var(--mdc-theme-surface)\",\n        \"&::placeholder\": {\n            color: \"var(--mdc-theme-surface) !important\",\n            opacity: \"1 !important\"\n        },\n        \"&:focus::placeholder\": {\n            color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n        }\n    }\n});\n\nexport const searchBarDropdown = css({\n    position: \"absolute\",\n    background: \"white\",\n    left: -1,\n    width: \"calc(100% + 2px)\",\n    top: 45,\n    zIndex: 2,\n    color: \"var(--mdc-theme-on-surface)\",\n    borderRadius: \"0 0 5px 5px\",\n    \".mdc-deprecated-list\": {\n        padding: 0,\n        \".mdc-deprecated-list-item\": {\n            \"&.selected\": {\n                fontWeight: \"bold\"\n            },\n            \"&.highlighted\": {\n                backgroundColor: \"var(--mdc-theme-on-background)\"\n            }\n        }\n    }\n});\n\nexport const icon = css({\n    \"&.mdc-button__icon\": {\n        width: \"auto !important\",\n        paddingRight: 5,\n        opacity: 0.75,\n        marginTop: 2\n    }\n});\n\nexport const iconSearchType = css({\n    cursor: \"pointer\",\n    paddingLeft: 5\n});\n\nexport const searchWrapper = css({\n    backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n    display: \"flex\",\n    padding: \"10px 20px\",\n    position: \"relative\",\n    borderRadius: 4,\n    transition: \"background 100ms ease-in,width 100ms ease-out\",\n    color: \"var(--mdc-theme-surface)\",\n    border: \"1px solid transparent\",\n    \"&.active\": {\n        color: \"var(--mdc-theme-on-surface)\",\n        border: \"1px solid var(--mdc-theme-text-hint-on-dark)\",\n        background: \"var(--mdc-theme-surface)\",\n        boxShadow: \"0 1px 1px var(--mdc-theme-text-hint-on-dark)\",\n        input: {\n            color: \"var(--mdc-theme-on-surface)\"\n        },\n        // @ts-expect-error\n        [SearchShortcut]: {\n            display: \"none\"\n        }\n    },\n    input: {\n        color: \"var(--mdc-theme-surface)\"\n    }\n});\n"],"mappings":"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","ignoreList":[]}

package/plugins/uiLayoutRenderer/index.js

@@ -15,7 +15,7 @@ var ElementID = function ElementID(_ref) {
   var children = _ref.children;
   return children;
 };
-var uiLayoutPlugin = new _UILayout.UILayoutPlugin(function (layout) {
+var uiLayoutPlugin = exports.uiLayoutPlugin = new _UILayout.UILayoutPlugin(function (layout) {
   layout.setRenderer(function (_ref2) {
     var layout = _ref2.layout,
       props = _ref2.props,
@@ -58,6 +58,5 @@ var uiLayoutPlugin = new _UILayout.UILayoutPlugin(function (layout) {
     }));
   });
 });
-exports.uiLayoutPlugin = uiLayoutPlugin;
 
 //# sourceMappingURL=index.js.map

package/plugins/uiLayoutRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_UILayout","getElementKey","element","concat","constructor","name","id","ElementID","_ref","children","uiLayoutPlugin","UILayoutPlugin","layout","setRenderer","_ref2","props","hasParentGrid","getGrid","default","createElement","Fragment","getLayout","map","row","index","key","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","Cell","span","width","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\ninterface ElementIDProps {\n    children: React.ReactNode;\n}\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID = ({ children }: ElementIDProps) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_UILayout","getElementKey","element","concat","constructor","name","id","ElementID","_ref","children","uiLayoutPlugin","exports","UILayoutPlugin","layout","setRenderer","_ref2","props","hasParentGrid","getGrid","default","createElement","Fragment","getLayout","map","row","index","key","item","getElement","console","warn","shouldRender","render","GridComponent","GridInner","Grid","Cell","span","width"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { Cell, Grid, GridInner } from \"@webiny/ui/Grid\";\nimport { UILayoutPlugin } from \"~/ui/UILayout\";\nimport { UIElement } from \"~/ui/UIElement\";\n\ninterface ElementIDProps {\n    children: React.ReactNode;\n}\n\nfunction getElementKey(element: UIElement) {\n    return `${element.constructor.name}:${element.id}`;\n}\n\nconst ElementID = ({ children }: ElementIDProps) => {\n    return children as unknown as React.ReactElement;\n};\n\nexport const uiLayoutPlugin = new UILayoutPlugin(layout => {\n    layout.setRenderer(({ layout, props, hasParentGrid }) => {\n        if (!layout.getGrid()) {\n            return (\n                <Fragment>\n                    {layout.getLayout().map((row, index) => (\n                        <Fragment key={index}>\n                            {row.map(item => {\n                                const element = layout.getElement(item.element);\n\n                                if (!element) {\n                                    console.warn(`Element \"${item.element}\" was not found!`);\n                                    return null;\n                                }\n\n                                if (!element.shouldRender(props)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                );\n                            })}\n                        </Fragment>\n                    ))}\n                </Fragment>\n            );\n        }\n\n        const GridComponent = hasParentGrid ? GridInner : Grid;\n\n        return (\n            <GridComponent>\n                {layout.getLayout().map((row, index) => (\n                    <Fragment key={index}>\n                        {row.map(item => {\n                            const element = layout.getElement(item.element);\n                            if (!element.shouldRender(props)) {\n                                return null;\n                            }\n                            return (\n                                <Cell key={item.element} span={item.width}>\n                                    <ElementID key={getElementKey(element)}>\n                                        {element.render(props)}\n                                    </ElementID>\n                                </Cell>\n                            );\n                        })}\n                    </Fragment>\n                ))}\n            </GridComponent>\n        );\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/styles/material-theme-assignments.scss

@@ -7,7 +7,7 @@
 @use "@material/tab/mixins" as tab;
 @use "@material/tab-indicator/mixins" as tabIndicator;
 @use "@material/list/mixins" as list;
-@use "@material/switch/mixins" as switch;
+@use "@material/switch" as switch;
 @use "@material/textfield/mixins" as textfield;
 @use "@material/select/mixins" as select;
 @use "@material/checkbox/mixins" as checkbox;
@@ -107,41 +107,68 @@
 }
 
 // list
-.mdc-list {
-  @include list.item-primary-text-ink-color($mdc-theme-text-primary-on-background);
-  @include list.item-secondary-text-ink-color($mdc-theme-text-secondary-on-background);
-  @include list.item-graphic-ink-color($mdc-theme-text-secondary-on-background);
-  @include list.item-meta-ink-color($mdc-theme-text-secondary-on-background);
-  @include list.divider-color($mdc-theme-on-background);
-  @include list.group-subheader-ink-color($mdc-theme-text-primary-on-background);
-  @include list.single-line-shape-radius(0);
-
-  .mdc-list-item {
+.mdc-deprecated-list {
+  @include list.deprecated-item-primary-text-ink-color($mdc-theme-text-primary-on-background);
+  @include list.deprecated-item-secondary-text-ink-color($mdc-theme-text-secondary-on-background);
+  @include list.deprecated-item-graphic-ink-color($mdc-theme-text-secondary-on-background);
+  @include list.deprecated-item-meta-ink-color($mdc-theme-text-secondary-on-background);
+  @include list.deprecated-divider-color($mdc-theme-on-background);
+  @include list.deprecated-group-subheader-ink-color($mdc-theme-text-primary-on-background);
+  @include list.deprecated-single-line-shape-radius(0);
+
+  .mdc-deprecated-list-item {
     color: $mdc-theme-text-primary-on-background;
   }
 
-  .mdc-list-item:hover,
-  .mdc-list-item::after,
-  .mdc-list-item::before {
+  .mdc-deprecated-list-item__ripple {
+    overflow: hidden;
+  }
+
+  .mdc-deprecated-list-item:hover,
+  .mdc-deprecated-list-item::after,
+  .mdc-deprecated-list-item::before {
     background-color: transparent;
   }
-  &:not(.mdc-list--non-interactive) {
-    .mdc-list-item:hover {
+  &:not(.mdc-deprecated-list--non-interactive) {
+    .mdc-deprecated-list-item:hover {
       background-color: $mdc-theme-text-hint-on-dark;
       cursor: pointer;
     }
-    .mdc-list-item::after,
-    .mdc-list-item::before {
-      background-color: $mdc-theme-text-primary-on-background;
-    }
   }
 }
 
 // switch
 .mdc-switch {
-  @include switch.toggled-off-track-color($mdc-theme-on-surface);
+  @include switch.theme-styles(
+    (
+      selected-focus-handle-color: $mdc-theme-secondary,
+      selected-focus-state-layer-color: $mdc-theme-secondary,
+      selected-focus-track-color: rgba($mdc-theme-secondary, 0.54),
+      selected-handle-color: $mdc-theme-secondary,
+      selected-hover-handle-color: $mdc-theme-secondary,
+      selected-hover-state-layer-color: $mdc-theme-secondary,
+      selected-hover-track-color: rgba($mdc-theme-secondary, 0.54),
+      selected-pressed-handle-color: $mdc-theme-secondary,
+      selected-pressed-state-layer-color: $mdc-theme-secondary,
+      selected-pressed-track-color: rgba($mdc-theme-secondary, 0.54),
+      selected-track-color: rgba($mdc-theme-secondary, 0.54),
+      unselected-focus-handle-color: $mdc-theme-surface,
+      unselected-focus-track-color: rgba($mdc-theme-on-surface, 0.38),
+      unselected-handle-color: $mdc-theme-surface,
+      unselected-hover-handle-color: $mdc-theme-surface,
+      unselected-hover-track-color: rgba($mdc-theme-on-surface, 0.38),
+      unselected-pressed-handle-color: $mdc-theme-surface,
+      unselected-pressed-track-color: rgba($mdc-theme-on-surface, 0.38),
+      unselected-track-color: rgba($mdc-theme-on-surface, 0.38)
+    )
+  );
+
   margin-left: 5px;
   margin-right: 10px;
+
+  .mdc-switch__icons {
+    display: none;
+  }
 }
 
 // menu
@@ -160,13 +187,6 @@ Fix the width of input components when inside grids
   @include textfield.label-color($mdc-theme-text-primary-on-background);
   @include textfield.ink-color($mdc-theme-on-surface);
   &.mdc-text-field--textarea {
-    textarea {
-      padding-top: 25px;
-    }
-    .mdc-floating-label.mdc-floating-label {
-      margin-left: 11px;
-      top: 35px;
-    }
     &.--focused {
       .mdc-floating-label.mdc-floating-label {
         top: 0px;
@@ -236,7 +256,7 @@ Fix the width of input components when inside grids
           .mdc-tab {
             @include tab.text-label-color($mdc-theme-on-secondary);
             @include tab.icon-color($mdc-theme-on-secondary);
-            @include tab.fixed-width(100px);
+            @include tab.fixed-width(auto);
             justify-content: flex-start;
             font-weight: 600;
           }
@@ -273,11 +293,21 @@ Fix the width of input components when inside grids
   width: 100%;
   @include select.ink-color($mdc-theme-text-primary-on-background);
   @include select.label-color($mdc-theme-text-secondary-on-background);
-  @include select.bottom-line-color($mdc-theme-text-secondary-on-background);
-  @include select.hover-bottom-line-color($mdc-theme-text-primary-on-background);
+  @include select.bottom-line-color(
+    (
+      default: $mdc-theme-text-secondary-on-background,
+      hover: $mdc-theme-text-primary-on-background
+    )
+  );
   @include select.container-fill-color($mdc-theme-on-background);
-  @include select.shape-radius(0);
+  @include select.filled-shape-radius(0);
   @include select.outline-shape-radius(2);
+  @include select.dropdown-icon-color(
+    (
+      default: $mdc-theme-text-primary-on-background,
+      focused: $mdc-theme-primary
+    )
+  );
 
   /*
   Fix for select box appearance. For some reason browser prefix css attributes are striped away.
@@ -298,17 +328,6 @@ Fix the width of input components when inside grids
     .mdc-floating-label {
       color: rgba(0, 0, 0, 0.6);
     }
-    .mdc-select__dropdown-icon {
-      @include select.dd-arrow-svg-bg_($mdc-theme-primary, 1);
-    }
-  }
-  &:not(.mdc-select--disabled).mdc-select--focused {
-    .mdc-floating-label {
-      color: rgba(0, 0, 0, 0.6);
-    }
-    .mdc-select__dropdown-icon {
-      @include select.dd-arrow-svg-bg_($mdc-theme-primary, 1);
-    }
   }
 }
 

package/styles/material.scss

@@ -40,4 +40,3 @@ body {
 
   font-family: "Source Sans Pro";
 }
-

package/styles/reset.scss

@@ -0,0 +1 @@
+@import "reset-css/sass/reset";

package/styles.scss

@@ -1,2 +1,3 @@
+@import "./styles/reset";
 @import "./styles/theme";
 @import "./styles/material";

package/types.d.ts

@@ -110,3 +110,6 @@ export interface FileManagerSecurityPermission extends SecurityPermission {
     rwd?: string;
     own?: boolean;
 }
+export declare type ComponentWithChildren = React.ComponentType<{
+    children?: React.ReactNode;
+}>;

package/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.ComponentType | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n        displayName: string;\n    };\n    savedOn: string;\n    savedBy: {\n        id: string;\n        displayName: string;\n    };\n    modifiedOn: string;\n    modifiedBy: {\n        id: string;\n        displayName: string;\n    };\n    location: {\n        folderId: string;\n    };\n    meta?: {\n        private?: boolean;\n        width?: number;\n        height?: number;\n    };\n    accessControl?: {\n        type: \"public\" | \"private-authenticated\";\n    };\n    extensions?: Record<string, any>;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\nimport { ItemProps, MenuProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport type AdminGlobalSearchPlugin = Plugin & {\n    type: \"admin-global-search\";\n    label: string;\n    route: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n};\n\nexport type AdminGlobalSearchPreventHotkeyPlugin = Plugin & {\n    type: \"admin-global-search-prevent-hotkey\";\n    preventOpen(e: React.KeyboardEvent): boolean | void;\n};\n\n/**\n * LEGACY TYPE. Only for backwards compatibility.\n */\nexport type AdminMenuLogoPlugin = Plugin & {\n    name: \"admin-menu-logo\";\n    type: \"admin-menu-logo\";\n    render(): React.ReactElement;\n};\n\n/**\n * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.\n * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu\n */\nexport type AdminMenuPlugin = Plugin & {\n    type: \"admin-menu\";\n    render(props: {\n        Menu: React.ComponentType<MenuProps>;\n        Section: React.ComponentType<SectionProps>;\n        Item: React.ComponentType<ItemProps>;\n    }): React.ReactNode;\n    order?: number;\n};\n\nexport interface AdminFileManagerFileTypePluginRenderParams {\n    file: FileItem;\n}\nexport type AdminFileManagerFileTypePlugin = Plugin & {\n    type: \"admin-file-manager-file-type\";\n    types: string[];\n    render(params: AdminFileManagerFileTypePluginRenderParams): React.ReactNode;\n    fileDetails?: {\n        actions: Array<React.ComponentType | React.Component>;\n    };\n};\n\nexport interface AdminInstallationPluginRenderParams {\n    onInstalled: () => Promise<void>;\n}\nexport type AdminInstallationPlugin = Plugin & {\n    type: \"admin-installation\";\n    getInstalledVersion(params: { client: ApolloClient<object> }): Promise<string | null>;\n    title: string;\n    dependencies?: string[];\n    secure: boolean;\n    render(params: AdminInstallationPluginRenderParams): React.ReactNode;\n};\n\nexport type AdminAppPermissionRendererPlugin = Plugin & {\n    type: \"admin-app-permissions-renderer\";\n    system?: boolean;\n    render(params: any): ReactElement;\n};\n\nimport { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    aliases: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n        displayName: string;\n    };\n    savedOn: string;\n    savedBy: {\n        id: string;\n        displayName: string;\n    };\n    modifiedOn: string;\n    modifiedBy: {\n        id: string;\n        displayName: string;\n    };\n    location: {\n        folderId: string;\n    };\n    meta?: {\n        private?: boolean;\n        width?: number;\n        height?: number;\n    };\n    accessControl?: {\n        type: \"public\" | \"private-authenticated\";\n    };\n    extensions?: Record<string, any>;\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n\nexport type ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n"],"mappings":"","ignoreList":[]}

package/ui/UIElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIElement","require"],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAAA,UAAA,GAAAC,OAAA"}
+{"version":3,"names":["_UIElement","require"],"sources":["UIElement.tsx"],"sourcesContent":["export type {\n    UIElementConfig,\n    ApplyFunction,\n    ShouldRender,\n    UiElementRenderProps\n} from \"@webiny/ui-composer/UIElement\";\n\nexport { UIElement, UIElementPlugin } from \"@webiny/ui-composer/UIElement\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAAA,UAAA,GAAAC,OAAA","ignoreList":[]}

package/ui/UILayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UILayout","require"],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA"}
+{"version":3,"names":["_UILayout","require"],"sources":["UILayout.tsx"],"sourcesContent":["export { UILayout, UILayoutPlugin } from \"@webiny/ui-composer/UILayout\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}

package/ui/UIRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIRenderer","require"],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA"}
+{"version":3,"names":["_UIRenderer","require"],"sources":["UIRenderer.tsx"],"sourcesContent":["export { UIRenderer } from \"@webiny/ui-composer/UIRenderer\";\nexport type { UIRenderParams, RenderNext } from \"@webiny/ui-composer/UIRenderer\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}

package/ui/UIView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_UIView","require"],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA"}
+{"version":3,"names":["_UIView","require"],"sources":["UIView.tsx"],"sourcesContent":["export type {\n    ApplyFunction,\n    UIElementWrapperProps,\n    UIElementWrapper,\n    UIViewProps\n} from \"@webiny/ui-composer/UIView\";\nexport { UIView, UIViewComponent, UIViewPlugin } from \"@webiny/ui-composer/UIView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/ui/elements/AccordionElement.js

@@ -8,22 +8,21 @@ exports.AccordionItemElement = exports.AccordionElement = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _UIElement3 = require("../UIElement");
 var _Accordion = require("@webiny/ui/Accordion");
 var _excluded = ["open"];
-var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(AccordionItemElement, _UIElement);
-  var _super = (0, _createSuper2.default)(AccordionItemElement);
+var AccordionItemElement = exports.AccordionItemElement = /*#__PURE__*/function (_UIElement) {
   function AccordionItemElement(id, config) {
     (0, _classCallCheck2.default)(this, AccordionItemElement);
-    return _super.call(this, id, config);
+    return (0, _callSuper2.default)(this, AccordionItemElement, [id, config]);
   }
-  (0, _createClass2.default)(AccordionItemElement, [{
+  (0, _inherits2.default)(AccordionItemElement, _UIElement);
+  return (0, _createClass2.default)(AccordionItemElement, [{
     key: "setTitle",
     value: function setTitle(title) {
       this.config.title = title;
@@ -45,23 +44,20 @@ var AccordionItemElement = /*#__PURE__*/function (_UIElement) {
       }, rest), (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionItemElement.prototype), "render", this).call(this, props));
     }
   }]);
-  return AccordionItemElement;
 }(_UIElement3.UIElement);
-exports.AccordionItemElement = AccordionItemElement;
-var AccordionElement = /*#__PURE__*/function (_UIElement2) {
-  (0, _inherits2.default)(AccordionElement, _UIElement2);
-  var _super2 = (0, _createSuper2.default)(AccordionElement);
+var AccordionElement = exports.AccordionElement = /*#__PURE__*/function (_UIElement2) {
   function AccordionElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, AccordionElement);
-    _this = _super2.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, AccordionElement, [id, config]);
     _this.useGrid(false);
     _this.config.items.forEach(function (item) {
       _this.addElement(new AccordionItemElement(item.id, item));
     });
     return _this;
   }
-  (0, _createClass2.default)(AccordionElement, [{
+  (0, _inherits2.default)(AccordionElement, _UIElement2);
+  return (0, _createClass2.default)(AccordionElement, [{
     key: "getAccordionItemElement",
     value: function getAccordionItemElement(id) {
       return this.getElement(id);
@@ -79,8 +75,6 @@ var AccordionElement = /*#__PURE__*/function (_UIElement2) {
       }, (0, _get2.default)((0, _getPrototypeOf2.default)(AccordionElement.prototype), "render", this).call(this, props));
     }
   }]);
-  return AccordionElement;
 }(_UIElement3.UIElement);
-exports.AccordionElement = AccordionElement;
 
 //# sourceMappingURL=AccordionElement.js.map

package/ui/elements/AccordionElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement3","_Accordion","_excluded","AccordionItemElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_classCallCheck2","call","_createClass2","key","value","setTitle","title","setDescription","description","render","props","_this$config","open","rest","_objectWithoutProperties2","isOpened","createElement","AccordionItem","Object","assign","_get2","_getPrototypeOf2","prototype","UIElement","exports","AccordionElement","_UIElement2","_super2","_this","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","Accordion","elevation"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-expect-error\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement3","_Accordion","_excluded","AccordionItemElement","exports","_UIElement","id","config","_classCallCheck2","default","_callSuper2","_inherits2","_createClass2","key","value","setTitle","title","setDescription","description","render","props","_this$config","open","rest","_objectWithoutProperties2","isOpened","createElement","AccordionItem","Object","assign","_get2","_getPrototypeOf2","prototype","call","UIElement","AccordionElement","_UIElement2","_this","useGrid","items","forEach","item","addElement","getAccordionItemElement","getElement","Accordion","elevation"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n    (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n    id: string;\n    title: string;\n    description: string;\n    icon: React.ReactElement;\n    open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n    public constructor(id: string, config: Item) {\n        super(id, config);\n    }\n\n    public setTitle(title: string): void {\n        this.config.title = title;\n    }\n\n    public setDescription(description: string): void {\n        this.config.description = description;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        const { open, ...rest } = this.config;\n        const isOpened = typeof open === \"function\" ? open(props) : open;\n        return (\n            <AccordionItem open={isOpened} {...rest}>\n                {super.render(props)}\n            </AccordionItem>\n        );\n    }\n}\n\ninterface Config extends UIElementConfig {\n    items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n    public constructor(id: string, config: Config) {\n        super(id, config);\n\n        this.useGrid(false);\n\n        this.config.items.forEach(item => {\n            this.addElement(new AccordionItemElement(item.id, item));\n        });\n    }\n\n    public getAccordionItemElement(id: string): AccordionItemElement {\n        return this.getElement(id) as AccordionItemElement;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        /**\n         * Figure out correct way to have props.children typed.\n         * TODO @ts-refactor\n         */\n        // @ts-expect-error\n        return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n    }\n}\n"],"mappings":"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","ignoreList":[]}