@blocklet/list 0.10.32 → 0.10.34

package/lib/assets/locale.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const flat = require('flat');
-
 const en = {
   common: {
     searchStore: 'Search the store',

package/lib/base.js

@@ -4,44 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Sort = _interopRequireDefault(require("@mui/icons-material/Sort"));
-
 var _material = require("@mui/material");
-
 var _Face = _interopRequireDefault(require("@mui/icons-material/Face"));
-
 var _reactErrorBoundary = require("react-error-boundary");
-
 var _ErrorBoundary = require("@arcblock/ux/lib/ErrorBoundary");
-
 var _filter = require("./contexts/filter");
-
 var _customSelect = _interopRequireDefault(require("./components/custom-select"));
-
 var _filter2 = require("./components/filter");
-
 var _utils = require("./libs/utils");
-
 var _list = _interopRequireDefault(require("./components/list"));
-
 var _aside = _interopRequireDefault(require("./components/aside"));
-
+var _baseSearch = _interopRequireDefault(require("./components/base-search"));
 var _autocomplete = _interopRequireDefault(require("./components/autocomplete"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ListBase() {
   var _sortOptions$find, _priceOptions$find;
-
   const {
     handleDeveloper,
     blockletList,
@@ -54,7 +36,8 @@ function ListBase() {
     t,
     getCategoryLocale,
     priceOptions,
-    wrapChildren
+    wrapChildren,
+    baseSearch
   } = (0, _filter.useFilterContext)();
   const sortOptions = (0, _utils.getSortOptions)(t);
   const sortLocale = ((_sortOptions$find = sortOptions.find(f => f.value === filters.sortBy)) === null || _sortOptions$find === void 0 ? void 0 : _sortOptions$find.name) || t('sort.sort');
@@ -73,7 +56,10 @@ function ListBase() {
           className: "filter-bar",
           display: "flex",
           alignItems: "center",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_autocomplete.default, {
+          children: [baseSearch ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseSearch.default, {
+            className: "bl-search-container",
+            placeholder: t('common.searchStore')
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_autocomplete.default, {
             onSelect: handleSearchSelect,
             wrapChildren: wrapChildren
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
@@ -132,10 +118,7 @@ function ListBase() {
     })]
   });
 }
-
 const StyledMin = _styled.default.main(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  .filter-bar {\n    justify-content: space-between;\n    margin-bottom: ", ";\n  }\n  .sort-button {\n    white-space: nowrap;\n  }\n  .bl-search-container {\n    flex: 2;\n    margin-left: 0px;\n  }\n\n  .filter-container {\n    flex: 1;\n    display: flex;\n    justify-content: flex-end;\n  }\n  @media (max-width: ", "px) {\n    .bl-search-container {\n      width: 100%;\n      margin-bottom: ", ";\n    }\n    .filter-container {\n      margin-left: 0;\n      display: flex;\n      justify-content: flex-start;\n    }\n    .filter-bar {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n  @media (max-width: ", "px) {\n    .sort-button {\n      font-size: 12px;\n    }\n  }\n"])), props => props.theme.spacing(2), props => props.theme.breakpoints.values.md, props => props.theme.spacing(2), props => props.theme.breakpoints.values.md);
-
 const FilterContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  z-index: 9;\n  background-color: white;\n"])));
-
 var _default = ListBase;
 exports.default = _default;

package/lib/components/aside.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _filter = require("../contexts/filter");
-
 var _filter2 = require("./filter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function Aside() {
   const {
     selectedCategory,
@@ -50,9 +42,7 @@ function Aside() {
     })]
   });
 }
-
 const StyledAside = _styled.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 220px;\n  margin-right: ", ";\n  height: 100%;\n  position: sticky;\n  top: 0;\n  overflow-y: auto;\n  z-index: auto;\n"])), props => props.theme.spacing(2));
-
 Aside.propTypes = {};
 Aside.defaultProps = {};
 var _default = Aside;

package/lib/components/autocomplete/index.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Autocomplete;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _client = require("react-dom/client");
-
 var _autocompleteJs = require("@algolia/autocomplete-js");
-
 var _reactHotkeysHook = require("react-hotkeys-hook");
-
 var _urlJoin = _interopRequireDefault(require("url-join"));
-
 var _constant = _interopRequireDefault(require("../../libs/constant"));
-
 var _utils = require("../../libs/utils");
-
 var _filter = require("../../contexts/filter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["query", "state"];
-
 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; }
-
 function Autocomplete(_ref) {
   let {
     onSelect,
@@ -55,54 +37,46 @@ function Autocomplete(_ref) {
     handleKeyword,
     t
   } = (0, _filter.useFilterContext)();
-
   const getBlocklets = async params => {
     const {
       data
     } = await storeApi.get(_constant.default.blockletsPath, {
       params
     });
-    const blocklets = data.dataList || []; // 头部插入的一条 item  用于展示 `点击展开 xx条 结果`,如果没有blocklet 返回，不展示
-
+    const blocklets = data.dataList || [];
+    // 头部插入的一条 item  用于展示 `点击展开 xx条 结果`,如果没有blocklet 返回，不展示
     if (blocklets.length > 0) {
       blocklets.unshift({
         type: 'more-result',
         total: data.total || 0
       });
     }
-
     return blocklets;
   };
-
   const onSubmit = autocompleteState => {
     handleKeyword(autocompleteState.state.query);
     autocompleteState.setIsOpen(false);
   };
-
   const setFocus = () => {
     if (containerRef.current) {
       // see: https://discourse.algolia.com/t/autocomplete-focus-input-field/4019/5
       setTimeout(() => {
         const input = containerRef.current.querySelector('input.bl-autocomplete-input');
-
         if (input) {
           input.focus();
         }
       });
     }
   };
-
   const onReset = autocompleteState => {
     autocompleteState.setIsOpen(false);
     setFocus();
   };
-
   const onStateChange = _ref2 => {
     let {
       prevState,
       state
     } = _ref2;
-
     // 当搜索框中的值清空时, 更新页面中的搜索结果
     if (prevState.query !== state.query) {
       if (!state.query) {
@@ -110,7 +84,6 @@ function Autocomplete(_ref) {
       }
     }
   };
-
   (0, _reactHotkeysHook.useHotkeys)('ctrl + k, command + k', e => {
     e.stopPropagation();
     e.preventDefault();
@@ -126,7 +99,6 @@ function Autocomplete(_ref) {
     if (!containerRef.current) {
       return undefined;
     }
-
     const search = (0, _autocompleteJs.autocomplete)({
       container: containerRef.current,
       renderer: {
@@ -134,23 +106,18 @@ function Autocomplete(_ref) {
         Fragment: _react.Fragment,
         render: () => {}
       },
-
       render(_ref3, root) {
         let {
           children
         } = _ref3;
-
         if (!panelRootRef.current || rootRef.current !== root) {
           var _panelRootRef$current;
-
           rootRef.current = root;
           (_panelRootRef$current = panelRootRef.current) === null || _panelRootRef$current === void 0 ? void 0 : _panelRootRef$current.unmount();
           panelRootRef.current = (0, _client.createRoot)(root);
         }
-
         panelRootRef.current.render(wrapChildren(children));
       },
-
       autoFocus: true,
       openOnFocus: false,
       classNames: {
@@ -164,80 +131,64 @@ function Autocomplete(_ref) {
       initialState: {
         query: filters.keyword
       },
-
       onStateChange(autocompleteState) {
         onStateChange(autocompleteState);
       },
-
       onSubmit,
-
       onReset(autocompleteState) {
         onReset(autocompleteState);
       },
-
       getSources(_ref4) {
         let {
-          query,
-          state
-        } = _ref4,
-            setters = _objectWithoutProperties(_ref4, _excluded);
-
+            query,
+            state
+          } = _ref4,
+          setters = _objectWithoutProperties(_ref4, _excluded);
         const params = _objectSpread(_objectSpread({}, filters), {}, {
           sortBy: _constant.default[filters.sortBy],
           page: 1,
           pageSize: 10,
           keyword: query
         });
-
         return (0, _utils.debounced)([{
           sourceId: 'blocklets',
-
           getItems() {
             return getBlocklets(params);
           },
-
           // 选中后填充 搜索框中值
           getItemInputValue(_ref5) {
             let {
               item
             } = _ref5;
-
             if (item.type === 'more-result') {
               return query;
             }
-
             return item.title;
           },
-
           // 选中或者点击自动完成列表中的 item 时触发
           onSelect(_ref6) {
             let {
               event,
               item
             } = _ref6;
-
             if (item.type === 'more-result') {
               setters.setIsOpen(false);
               return handleKeyword(query);
             }
-
             if (event.type === 'keydown') {
               return handleKeyword(item.title);
             }
-
             return onSelect({
               blocklet: item,
               detailUrl: (0, _urlJoin.default)(endpoint, "/blocklets/".concat(item.did)),
               storeUrl: endpoint
             });
           },
-
           templates: {
             item(_ref7) {
               let {
                 item
               } = _ref7;
-
               if (item.type === 'more-result') {
                 return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   children: t('autocomplete.expandResult', {
@@ -246,32 +197,28 @@ function Autocomplete(_ref) {
                   })
                 });
               }
-
               return blockletRender({
                 blocklet: item,
                 autocompleteSetters: setters
               });
             },
-
             noResults() {
               return t('blocklet.noResults');
             }
-
           }
         }]);
       }
-
     });
     return () => {
       search.destroy();
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [filters, blockletRender]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "bl-search-container",
     ref: containerRef
   });
 }
-
 Autocomplete.propTypes = {
   onSelect: _propTypes.default.func.isRequired,
   wrapChildren: _propTypes.default.func

package/lib/components/base-search.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _material = require("@mui/material");
+var _ahooks = require("ahooks");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _filter = require("../contexts/filter");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2, _templateObject3;
+const _excluded = ["placeholder"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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; }
+function BaseSearch(_ref) {
+  let {
+      placeholder
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    filters,
+    handleKeyword
+  } = (0, _filter.useFilterContext)();
+  const [searchStr, setSearchStr] = (0, _react.useState)(filters.keyword || '');
+  const debouncedSearch = (0, _ahooks.useDebounceFn)(handleKeyword, {
+    wait: 300
+  });
+  const handleChange = event => {
+    const {
+      value
+    } = event.target;
+    setSearchStr(value);
+    debouncedSearch.run(value);
+  };
+  const handleClose = () => {
+    setSearchStr('');
+    handleKeyword();
+  };
+  (0, _react.useEffect)(() => {
+    setSearchStr(filters.keyword || '');
+  }, [filters.keyword]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSearch, _objectSpread({
+    inputProps: {
+      'data-cy': 'search-blocklet'
+    },
+    startAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+      position: "start",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSearchIcon, {})
+    }),
+    onChange: handleChange,
+    placeholder: placeholder,
+    value: searchStr,
+    title: placeholder,
+    "data-cy": "search",
+    endAdornment: searchStr && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+      position: "end",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCloseIcon, {
+        "data-cy": "search-delete",
+        onClick: handleClose
+      })
+    })
+  }, rest));
+}
+BaseSearch.propTypes = {
+  placeholder: _propTypes.default.string
+};
+BaseSearch.defaultProps = {
+  placeholder: 'Type to search...'
+};
+const StyledSearch = (0, _styled.default)(_material.OutlinedInput)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  font-size: 14px;\n  border-radius: 6px;\n  .MuiInputBase-input {\n    padding: 8px 0 8px 10px;\n  }\n  .MuiOutlinedInput-notchedOutline {\n    border: none;\n  }\n  .Mui-focused {\n    background-color: #f6f6f6;\n    .MuiInputBase-input::placeholder {\n      color: transparent;\n    }\n  }\n"])), props => props.theme.palette.grey[50]);
+const StyledSearchIcon = (0, _styled.default)(_Search.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 28px;\n  @media (max-width: ", "px) {\n    font-size: 24px;\n  }\n"])), props => props.theme.palette.grey[500], props => props.theme.breakpoints.values.md);
+const StyledCloseIcon = (0, _styled.default)(_Close.default)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 16px;\n  cursor: pointer;\n"])), props => props.theme.palette.grey[500]);
+var _default = BaseSearch;
+exports.default = _default;

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

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "rounded", "loading", "disabled"];
-
 var _templateObject;
-
 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; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 const StyledButton = (0, _styled.default)(_material.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 4px;\n"])));
 const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    children,
-    rounded,
-    loading,
-    disabled
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      rounded,
+      loading,
+      disabled
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, _objectSpread(_objectSpread({
     ref: ref,
     disableElevation: true,

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

@@ -4,55 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styles = require("@mui/material/styles");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["title", "value", "icon", "prepend", "options", "onChange", "itemRender"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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; }
-
 function CustomSelect(_ref) {
   let {
-    title,
-    value,
-    icon,
-    prepend,
-    options,
-    onChange,
-    itemRender
-  } = _ref,
-      buttonProps = _objectWithoutProperties(_ref, _excluded);
-
+      title,
+      value,
+      icon,
+      prepend,
+      options,
+      onChange,
+      itemRender
+    } = _ref,
+    buttonProps = _objectWithoutProperties(_ref, _excluded);
   const anchorRef = (0, _react.useRef)(null);
   const theme = (0, _styles.useTheme)();
   const [open, setOpen] = (0, _react.useState)(false);
@@ -67,20 +47,16 @@ function CustomSelect(_ref) {
   const openMenu = (0, _react.useCallback)(() => {
     setOpen(true);
   }, []);
-
   function toggle(option) {
     setCurrentValue(option.value);
     onChange(option.value);
-
     if (isSm) {
       closeMenu();
     }
   }
-
   function containsValue(optionValue) {
     return optionValue === currentValue;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledButton, _objectSpread(_objectSpread({
       ref: anchorRef,
@@ -124,7 +100,6 @@ function CustomSelect(_ref) {
                   if (itemRender) {
                     return itemRender(option);
                   }
-
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
                     onClick: () => toggle(option),
                     className: ['my-select__option', containsValue(option.value) ? 'my-select__option--active' : ''].join(' '),
@@ -139,7 +114,6 @@ function CustomSelect(_ref) {
     })]
   });
 }
-
 CustomSelect.propTypes = {
   options: _propTypes.default.array.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),

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

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _customSelect = _interopRequireDefault(require("./custom-select"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _customSelect.default;
 exports.default = _default;