@blocklet/list 0.8.24 → 0.8.27

package/lib/base.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _Sort = _interopRequireDefault(require("@mui/icons-material/Sort"));
@@ -29,9 +27,11 @@ var _aside = _interopRequireDefault(require("./components/aside"));
 
 var _search = _interopRequireDefault(require("./components/search"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ListBase = () => {
+function ListBase() {
   var _sortOptions$find, _priceOptions$find;
 
   const {
@@ -50,58 +50,66 @@ const ListBase = () => {
   const sortLocale = ((_sortOptions$find = sortOptions.find(f => f.value === filters.sortBy)) === null || _sortOptions$find === void 0 ? void 0 : _sortOptions$find.name) || t('sort.sort');
   const categoryLocale = getCategoryLocale(filters.category);
   const priceLocale = (_priceOptions$find = priceOptions.find(price => price.value === filters.price)) === null || _priceOptions$find === void 0 ? void 0 : _priceOptions$find.name;
-  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
     display: "flex",
     alignItems: "flex-start",
-    height: "100%"
-  }, /*#__PURE__*/_react.default.createElement(_material.Hidden, {
-    mdDown: true
-  }, /*#__PURE__*/_react.default.createElement(_aside.default, null)), /*#__PURE__*/_react.default.createElement(StyledMin, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    className: "filter-bar",
-    display: "flex",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(StyledSearch, {
-    className: "search-container",
-    placeholder: t('common.searchStore')
-  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    mt: 0,
-    ml: "16px",
-    className: "filter-container"
-  }, /*#__PURE__*/_react.default.createElement(_material.Hidden, {
-    mdUp: true
-  }, /*#__PURE__*/_react.default.createElement(_filter2.FilterIcon, null)), /*#__PURE__*/_react.default.createElement(_customSelect.default, {
-    value: filters.sortBy,
-    options: sortOptions,
-    title: sortLocale,
-    icon: /*#__PURE__*/_react.default.createElement(_Sort.default, null),
-    onChange: v => {
-      handleSort(v);
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    display: "flex",
-    flexWrap: "wrap",
-    alignItems: "center",
-    mb: "16px"
-  }, /*#__PURE__*/_react.default.createElement(_filter2.CustomChip, {
-    label: developerName,
-    icon: /*#__PURE__*/_react.default.createElement(_Face.default, null),
-    onDelete: () => {
-      handleDeveloper(null);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_filter2.CustomChip, {
-    label: categoryLocale,
-    onDelete: () => {
-      handleCategory(null);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_filter2.CustomChip, {
-    label: priceLocale,
-    onDelete: () => {
-      handlePrice(null);
-    }
-  })), /*#__PURE__*/_react.default.createElement(_list.default, {
-    blocklets: blockletList
-  })));
-};
+    height: "100%",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Hidden, {
+      mdDown: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_aside.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledMin, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        className: "filter-bar",
+        display: "flex",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSearch, {
+          className: "search-container",
+          placeholder: t('common.searchStore')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          mt: 0,
+          ml: "16px",
+          className: "filter-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Hidden, {
+            mdUp: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.FilterIcon, {})
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_customSelect.default, {
+            value: filters.sortBy,
+            options: sortOptions,
+            title: sortLocale,
+            icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sort.default, {}),
+            onChange: v => {
+              handleSort(v);
+            }
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "flex",
+        flexWrap: "wrap",
+        alignItems: "center",
+        mb: "16px",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.CustomChip, {
+          label: developerName,
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Face.default, {}),
+          onDelete: () => {
+            handleDeveloper(null);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.CustomChip, {
+          label: categoryLocale,
+          onDelete: () => {
+            handleCategory(null);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.CustomChip, {
+          label: priceLocale,
+          onDelete: () => {
+            handlePrice(null);
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, {
+        blocklets: blockletList
+      })]
+    })]
+  });
+}
 
 const StyledMin = _styledComponents.default.main.withConfig({
   displayName: "base__StyledMin",

package/lib/components/aside.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _filter = require("../contexts/filter");
 
 var _filter2 = require("./filter");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Aside = () => {
+function Aside() {
   const {
     selectedCategory,
     handleCategory,
@@ -25,22 +25,27 @@ const Aside = () => {
     categoryOptions,
     priceOptions
   } = (0, _filter.useFilterContext)();
-  return /*#__PURE__*/_react.default.createElement(StyledAside, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_filter2.FilterGroup, {
-    title: t('common.price'),
-    options: priceOptions,
-    value: filters.price,
-    onChange: handlePrice
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginTop: '16px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_filter2.FilterGroup, {
-    title: t('common.category'),
-    options: categoryOptions,
-    value: selectedCategory,
-    onChange: handleCategory
-  })));
-};
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAside, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.FilterGroup, {
+        title: t('common.price'),
+        options: priceOptions,
+        value: filters.price,
+        onChange: handlePrice
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        marginTop: '16px'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_filter2.FilterGroup, {
+        title: t('common.category'),
+        options: categoryOptions,
+        value: selectedCategory,
+        onChange: handleCategory
+      })
+    })]
+  });
+}
 
 const StyledAside = _styledComponents.default.aside.withConfig({
   displayName: "aside__StyledAside",

package/lib/components/custom-select/button.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -13,13 +13,17 @@ var _material = require("@mui/material");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "rounded", "loading", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -38,15 +42,16 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(StyledButton, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, _objectSpread(_objectSpread({
     ref: ref,
     disableElevation: true,
     disabled: disabled || loading
-  }, rest, {
-    startIcon: loading && /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
+  }, rest), {}, {
+    startIcon: loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
       size: "1em"
-    })
-  }), children);
+    }),
+    children: children
+  }));
 });
 Button.propTypes = {
   children: _propTypes.default.any,

package/lib/components/custom-select/custom-select.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _useTheme = _interopRequireDefault(require("@mui/styles/useTheme"));
 
@@ -27,19 +27,23 @@ var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
 var _button = _interopRequireDefault(require("./button"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["title", "value", "icon", "prepend", "options", "multiple", "onClose", "onShow", "onChange", "onInput", "itemRender"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-const CustomSelect = _ref => {
+function CustomSelect(_ref) {
   let {
     title,
     value,
@@ -57,8 +61,9 @@ const CustomSelect = _ref => {
 
   const anchorRef = (0, _react.useRef)(null);
   const theme = (0, _useTheme.default)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [currentValue, setCurrentValue] = value !== null ? (0, _react.useState)(value) : (0, _react.useState)(multiple ? [] : '');
+  const [open, setOpen] = (0, _react.useState)(false); // eslint-disable-next-line no-nested-ternary
+
+  const [currentValue, setCurrentValue] = (0, _react.useState)(value !== null ? value : multiple ? [] : '');
   const isSm = (0, _material.useMediaQuery)(theme.breakpoints.down('sm'));
   (0, _react.useEffect)(() => {
     // eslint-disable-next-line no-nested-ternary
@@ -103,56 +108,67 @@ const CustomSelect = _ref => {
     return multiple ? currentValue.includes(optionValue) : optionValue === currentValue;
   }
 
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledButton, Object.assign({
-    ref: anchorRef,
-    onClick: openMenu,
-    variant: "outlined",
-    size: "small",
-    className: ['my-select__selector', (0, _isEmpty.default)(currentValue) ? '' : 'my-select__selector--active'].join(' ')
-  }, buttonProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: "my-select__icon"
-  }, icon), title, multiple && currentValue.length > 1 && " (".concat(currentValue.length, ")"), /*#__PURE__*/_react.default.createElement(_material.SvgIcon, {
-    className: "my-select__arrowdown",
-    component: _KeyboardArrowDown.default,
-    fontSize: "small"
-  })), /*#__PURE__*/_react.default.createElement(_material.Popper, {
-    open: open,
-    anchorEl: anchorRef.current,
-    transition: true,
-    style: {
-      zIndex: '9999'
-    }
-  }, _ref2 => {
-    let {
-      TransitionProps,
-      placement
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_material.Grow, Object.assign({}, TransitionProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledButton, _objectSpread(_objectSpread({
+      ref: anchorRef,
+      onClick: openMenu,
+      variant: "outlined",
+      size: "small",
+      className: ['my-select__selector', (0, _isEmpty.default)(currentValue) ? '' : 'my-select__selector--active'].join(' ')
+    }, buttonProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "my-select__icon",
+        children: icon
+      }), title, multiple && currentValue.length > 1 && " (".concat(currentValue.length, ")"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
+        className: "my-select__arrowdown",
+        component: _KeyboardArrowDown.default,
+        fontSize: "small"
+      })]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Popper, {
+      open: open,
+      anchorEl: anchorRef.current,
+      transition: true,
       style: {
-        transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+        zIndex: '9999'
+      },
+      children: _ref2 => {
+        let {
+          TransitionProps,
+          placement
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grow, _objectSpread(_objectSpread({}, TransitionProps), {}, {
+          style: {
+            transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Paper, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
+              onClickAway: closeMenu,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledMenuList, {
+                autoFocusItem: open,
+                onMouseEnter: openMenu,
+                onMouseLeave: closeMenu,
+                children: [prepend, options.map(option => {
+                  if (itemRender) {
+                    return itemRender(option);
+                  }
+
+                  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+                    onClick: () => toggle(option),
+                    className: ['my-select__option', containsValue(option.value) ? 'my-select__option--active' : ''].join(' '),
+                    children: [multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
+                      component: _Check.default,
+                      className: ['my-select__option__icon', containsValue(option.value) ? 'my-select__option__icon--active' : ''].join(' ')
+                    }), option.name]
+                  }, option.value);
+                })]
+              })
+            })
+          })
+        }));
       }
-    }), /*#__PURE__*/_react.default.createElement(_material.Paper, null, /*#__PURE__*/_react.default.createElement(_material.ClickAwayListener, {
-      onClickAway: closeMenu
-    }, /*#__PURE__*/_react.default.createElement(StyledMenuList, {
-      autoFocusItem: open,
-      onMouseEnter: openMenu,
-      onMouseLeave: closeMenu
-    }, prepend, options.map(option => {
-      if (itemRender) {
-        return itemRender(option);
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-        key: option.value,
-        onClick: () => toggle(option),
-        className: ['my-select__option', containsValue(option.value) ? 'my-select__option--active' : ''].join(' ')
-      }, multiple && /*#__PURE__*/_react.default.createElement(_material.SvgIcon, {
-        component: _Check.default,
-        className: ['my-select__option__icon', containsValue(option.value) ? 'my-select__option__icon--active' : ''].join(' ')
-      }), option.name);
-    })))));
-  }));
-};
+    })]
+  });
+}
 
 CustomSelect.propTypes = {
   options: _propTypes.default.array.isRequired,

package/lib/components/filter/custom-chip.js

@@ -5,18 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _material = require("@mui/material");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["label", "icon", "onDelete"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -26,7 +32,7 @@ const StyleDiv = _styledComponents.default.div.withConfig({
   componentId: "sc-4q1qqt-0"
 })([".MuiChip-root{border-radius:4px;height:initial;text-transform:capitalize;margin-right:", ";padding:4px 0;}"], props => props.theme.spacing(2));
 
-const FilterChip = _ref => {
+function FilterChip(_ref) {
   let {
     label,
     icon,
@@ -35,12 +41,14 @@ const FilterChip = _ref => {
       containerProps = _objectWithoutProperties(_ref, _excluded);
 
   if (!label) return null;
-  return /*#__PURE__*/_react.default.createElement(StyleDiv, containerProps, /*#__PURE__*/_react.default.createElement(_material.Chip, {
-    icon: icon,
-    label: label,
-    onDelete: onDelete
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleDiv, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+      icon: icon,
+      label: label,
+      onDelete: onDelete
+    })
   }));
-};
+}
 
 FilterChip.propTypes = {
   label: _propTypes.default.string,

package/lib/components/filter/group.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function FilterGroup(_ref) {
@@ -20,19 +20,23 @@ function FilterGroup(_ref) {
     title,
     value
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(StyledDiv, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: "list"
-  }, options.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      title: item.name,
-      key: item.value,
-      "data-cy": "filter",
-      className: value === item.value ? 'select item' : 'item',
-      onClick: () => onChange(item.value)
-    }, item.name);
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDiv, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "title",
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "list",
+      children: options.map(item => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          title: item.name,
+          "data-cy": "filter",
+          className: value === item.value ? 'select item' : 'item',
+          onClick: () => onChange(item.value),
+          children: item.name
+        }, item.value);
+      })
+    })]
+  });
 }
 
 const StyledDiv = _styledComponents.default.div.withConfig({

package/lib/components/filter/icon.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -19,11 +19,9 @@ var _filter = require("../../contexts/filter");
 
 var _group = _interopRequireDefault(require("./group"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function FilterIcon() {
   const {
@@ -49,37 +47,42 @@ function FilterIcon() {
     setOpen(false);
   };
 
-  return /*#__PURE__*/_react.default.createElement(StyledDiv, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    variant: "outlined",
-    className: "filter-button",
-    onClick: () => setOpen(true)
-  }, /*#__PURE__*/_react.default.createElement(_FilterAltOutlined.default, {
-    className: "filter-icon",
-    fontSize: "small"
-  })), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    fullWidth: true,
-    title: "",
-    open: open,
-    onClose: () => setOpen(false)
-  }, /*#__PURE__*/_react.default.createElement(_group.default, {
-    title: t('common.price'),
-    options: priceOptions,
-    value: filters.price,
-    onChange: v => {
-      handelChange('price', v);
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginTop: '16px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_group.default, {
-    title: t('common.category'),
-    options: categoryOptions,
-    value: selectedCategory,
-    onChange: v => {
-      handelChange('category', v);
-    }
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDiv, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      variant: "outlined",
+      className: "filter-button",
+      onClick: () => setOpen(true),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilterAltOutlined.default, {
+        className: "filter-icon",
+        fontSize: "small"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
+      fullWidth: true,
+      title: "",
+      open: open,
+      onClose: () => setOpen(false),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_group.default, {
+        title: t('common.price'),
+        options: priceOptions,
+        value: filters.price,
+        onChange: v => {
+          handelChange('price', v);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          marginTop: '16px'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_group.default, {
+          title: t('common.category'),
+          options: categoryOptions,
+          value: selectedCategory,
+          onChange: v => {
+            handelChange('category', v);
+          }
+        })
+      })]
+    })]
+  });
 }
 
 const StyledDiv = _styledComponents.default.div.withConfig({