@blocklet/list 0.12.97 → 0.12.99

package/lib/components/base-search.js

@@ -1,85 +0,0 @@
-"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 _Theme = require("@arcblock/ux/lib/Theme");
-var _filter = require("../contexts/filter");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-const _excluded = ["placeholder"]; // import styled from '@emotion/styled';
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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, _Theme.styled)(_material.OutlinedInput)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  font-size: 14px;\n  border-radius: 6px;\n  width: 100%;\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, _Theme.styled)(_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, _Theme.styled)(_Close.default)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 16px;\n  cursor: pointer;\n"])), props => props.theme.palette.grey[500]);
-var _default = exports.default = BaseSearch;

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

@@ -1,55 +0,0 @@
-"use strict";
-
-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 _Theme = require("@arcblock/ux/lib/Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "rounded", "loading", "disabled"];
-var _templateObject; // import styled from '@emotion/styled';
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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, _Theme.styled)(_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);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, _objectSpread(_objectSpread({
-    ref: ref,
-    disableElevation: true,
-    disabled: disabled || loading
-  }, rest), {}, {
-    startIcon: loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
-      size: "1em"
-    }),
-    children: children
-  }));
-});
-Button.propTypes = {
-  children: _propTypes.default.any,
-  rounded: _propTypes.default.bool,
-  loading: _propTypes.default.bool,
-  disabled: _propTypes.default.bool
-};
-Button.defaultProps = {
-  children: null,
-  rounded: false,
-  loading: false,
-  disabled: false
-};
-var _default = exports.default = Button;

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

@@ -1,139 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _styles = require("@mui/material/styles");
-var _Theme = require("@arcblock/ux/lib/Theme");
-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"];
-/* eslint-disable no-unused-expressions */
-// import styled from '@emotion/styled';
-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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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);
-  const anchorRef = (0, _react.useRef)(null);
-  const theme = (0, _styles.useTheme)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [currentValue, setCurrentValue] = (0, _react.useState)(value !== null ? value : '');
-  const isSm = (0, _material.useMediaQuery)(theme.breakpoints.down('sm'));
-  (0, _react.useEffect)(() => {
-    setCurrentValue(value !== null ? value : '');
-  }, [value]);
-  const closeMenu = (0, _react.useCallback)(() => {
-    setOpen(false);
-  }, []);
-  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,
-      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, /*#__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: {
-        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.jsx)(_material.MenuItem, {
-                    onClick: () => toggle(option),
-                    className: ['my-select__option', containsValue(option.value) ? 'my-select__option--active' : ''].join(' '),
-                    children: option.name
-                  }, option.value);
-                })]
-              })
-            })
-          })
-        }));
-      }
-    })]
-  });
-}
-CustomSelect.propTypes = {
-  options: _propTypes.default.array.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),
-  onChange: _propTypes.default.func,
-  itemRender: _propTypes.default.func,
-  title: _propTypes.default.string.isRequired,
-  icon: _propTypes.default.any,
-  prepend: _propTypes.default.any
-};
-CustomSelect.defaultProps = {
-  value: null,
-  icon: null,
-  prepend: null,
-  itemRender: null,
-  onChange: () => {}
-};
-const StyledButton = (0, _Theme.styled)(_button.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid #f0f0f0;\n  padding: 6px 8px 6px 12px;\n  font-weight: ", ";\n  font-size: 16px;\n  color: #666;\n  line-height: 1;\n  text-transform: none;\n  min-width: 100px;\n  & + & {\n    margin-left: 10px;\n  }\n  &.my-select__selector--active {\n    &,\n    .my-select__arrowdown,\n    .my-select__icon svg {\n      color: ", ";\n    }\n  }\n  .my-select__arrowdown {\n    color: #999;\n    font-size: 16px;\n    margin-left: 6px;\n  }\n  .my-select__icon {\n    font-size: 0;\n    svg {\n      color: #999;\n      font-size: 18px;\n      margin-right: 3px;\n    }\n  }\n"])), props => props.theme.typography.fontWeightBold, props => props.theme.palette.primary.main);
-const StyledMenuList = (0, _Theme.styled)(_material.MenuList)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .my-select__option__icon {\n    color: transparent;\n    font-size: 16px;\n    margin: 0 3px 0 -5px;\n  }\n  .my-select__option {\n    font-size: 16px;\n    color: #999;\n  }\n  .my-select__option--active {\n    &,\n    .my-select__option__icon {\n      color: ", ";\n    }\n  }\n"])), props => props.theme.palette.primary.main);
-var _default = exports.default = CustomSelect;

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

@@ -1,9 +0,0 @@
-"use strict";
-
-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 = exports.default = _customSelect.default;

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

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Theme = require("@arcblock/ux/lib/Theme");
-var _material = require("@mui/material");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "icon", "onDelete"];
-var _templateObject; // import styled from '@emotion/styled';
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { 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 StyleDiv = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiChip-root {\n    border-radius: 4px;\n    height: initial;\n    text-transform: capitalize;\n    margin-right: ", ";\n    padding: 4px 0;\n  }\n"])), props => props.theme.spacing(2));
-function FilterChip(_ref) {
-  let {
-      label,
-      icon,
-      onDelete
-    } = _ref,
-    containerProps = _objectWithoutProperties(_ref, _excluded);
-  if (!label) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleDiv, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
-      color: "primary",
-      "data-cy": "filter-tag",
-      icon: icon,
-      label: label,
-      onDelete: onDelete
-    })
-  }));
-}
-FilterChip.propTypes = {
-  label: _propTypes.default.string,
-  onDelete: _propTypes.default.func,
-  icon: _propTypes.default.element
-};
-FilterChip.defaultProps = {
-  onDelete: null,
-  icon: null,
-  label: null
-};
-var _default = exports.default = FilterChip;

package/lib/components/filter/group.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Theme = require("@arcblock/ux/lib/Theme");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject; // import styled from '@emotion/styled';
-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 FilterGroup(_ref) {
-  let {
-    options,
-    onChange,
-    title,
-    value
-  } = _ref;
-  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 = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .title {\n    font-size: 18px;\n    font-weight: bold;\n    margin-bottom: ", ";\n  }\n  .list {\n  }\n  .item {\n    font-size: 16px;\n    padding: ", ";\n    color: #9397a1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-transform: capitalize;\n    cursor: pointer;\n    &:hover {\n      background-color: ", ";\n      color: initial;\n      font-weight: bold;\n    }\n  }\n  .select {\n    color: ", ";\n    font-weight: bold;\n  }\n"])), props => props.theme.spacing(1), props => props.theme.spacing(1), props => props.theme.palette.grey[50], props => props.theme.palette.primary.main);
-FilterGroup.propTypes = {
-  title: _propTypes.default.string.isRequired,
-  options: _propTypes.default.array.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])
-};
-FilterGroup.defaultProps = {
-  value: null
-};
-var _default = exports.default = FilterGroup;

package/lib/components/filter/icon.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _Theme = require("@arcblock/ux/lib/Theme");
-var _FilterAltOutlined = _interopRequireDefault(require("@mui/icons-material/FilterAltOutlined"));
-var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _filter = require("../../contexts/filter");
-var _group = _interopRequireDefault(require("./group"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject; // import styled from '@emotion/styled';
-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 FilterIcon() {
-  const {
-    selectedCategory,
-    handleCategory,
-    t,
-    handlePrice,
-    filters,
-    categoryOptions,
-    priceOptions
-  } = (0, _filter.useFilterContext)();
-  const [open, setOpen] = (0, _react.useState)(false);
-  const handelChange = (type, value) => {
-    if (type === 'category') {
-      handleCategory(value);
-    }
-    if (type === 'price') {
-      handlePrice(value);
-    }
-    setOpen(false);
-  };
-  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);
-        }
-      }), categoryOptions.length > 0 && /*#__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 = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .filter-button {\n    margin-right: 16px;\n    border-color: rgb(240, 240, 240);\n    padding: 5px 8px;\n    min-width: initial;\n  }\n  .filter-icon {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), props => props.theme.palette.grey[500]);
-FilterIcon.propTypes = {};
-FilterIcon.defaultProps = {};
-var _default = exports.default = FilterIcon;

package/lib/components/filter/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "CustomChip", {
-  enumerable: true,
-  get: function get() {
-    return _customChip.default;
-  }
-});
-Object.defineProperty(exports, "FilterGroup", {
-  enumerable: true,
-  get: function get() {
-    return _group.default;
-  }
-});
-Object.defineProperty(exports, "FilterIcon", {
-  enumerable: true,
-  get: function get() {
-    return _icon.default;
-  }
-});
-var _icon = _interopRequireDefault(require("./icon"));
-var _customChip = _interopRequireDefault(require("./custom-chip"));
-var _group = _interopRequireDefault(require("./group"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/list/column-sizer.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ahooks = require("ahooks");
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function calculateColumns(size) {
-  if (!size) {
-    return 0;
-  }
-  if (size.width > 900) {
-    return 12;
-  }
-  if (size.width > 600) {
-    return 8;
-  }
-  return 4;
-}
-function ColumnSizer(_ref) {
-  let {
-    children
-  } = _ref;
-  const refContainer = (0, _react.useRef)(null);
-  const [dom, setDom] = (0, _react.useState)(null);
-  const size = (0, _ahooks.useSize)(dom);
-  (0, _react.useEffect)(() => {
-    if (!dom) {
-      setDom(refContainer.current);
-    }
-  }, [dom]);
-  return children(refContainer, calculateColumns(size));
-}
-ColumnSizer.propTypes = {
-  children: _propTypes.default.func.isRequired
-};
-var _default = exports.default = ColumnSizer;

package/lib/components/list/empty.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmptyTitle = EmptyTitle;
-exports.NoResults = NoResults;
-exports.NoResultsTips = NoResultsTips;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _filter = require("../../contexts/filter");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function NoResults() {
-  const {
-    t
-  } = (0, _filter.useFilterContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-    style: {
-      textAlign: 'center'
-    },
-    variant: "subtitle2",
-    children: t('blocklet.noResults')
-  });
-}
-function NoResultsTips(_ref) {
-  let {
-    filterTip,
-    keywordTip
-  } = _ref;
-  const {
-    t,
-    locale
-  } = (0, _filter.useFilterContext)();
-  const getSplit = () => {
-    if (locale === 'zh') return '、';
-    return ' , ';
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-    className: "tips",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: {
-        marginRight: '16px'
-      },
-      children: t('blocklet.emptyTip')
-    }), filterTip && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: t('blocklet.filterTip')
-    }), filterTip && keywordTip && getSplit(), keywordTip && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: t('blocklet.keywordTip')
-    })]
-  });
-}
-NoResultsTips.propTypes = {
-  filterTip: _propTypes.default.bool,
-  keywordTip: _propTypes.default.bool
-};
-NoResultsTips.defaultProps = {
-  filterTip: false,
-  keywordTip: false
-};
-function EmptyTitle(_ref2) {
-  let {
-    primaryStart,
-    primaryEnd,
-    filter
-  } = _ref2;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
-    variant: "subtitle2",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      children: primaryStart
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: "primary",
-      children: [" ", filter, " "]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      children: [primaryEnd, " "]
-    })]
-  });
-}
-EmptyTitle.propTypes = {
-  primaryStart: _propTypes.default.string.isRequired,
-  primaryEnd: _propTypes.default.string.isRequired,
-  filter: _propTypes.default.string.isRequired
-};