@pisell/materials 1.0.48 → 1.0.49

package/es/components/Pagination/index.less

@@ -0,0 +1,215 @@
+.materials-grid-paginator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  // overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+  padding: 0 20px;
+  margin: 0 !important;
+
+  .pisell-lowcode-pagination-total-text {
+    margin-right: auto;
+    color: var(--gray-500, #667085);
+    /* Text sm/Medium */
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    /* 142.857% */
+  }
+
+  .pisell-lowcode-pagination-item {
+    position: relative;
+    border: none;
+    margin: 0;
+    border-radius: 0;
+    border: 1px solid #D0D5DD;
+    border-right: 0;
+  }
+
+  .pisell-lowcode-pagination-jump-prev {
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 0;
+    border-right: none;
+  }
+
+  .pisell-lowcode-pagination-jump-next {
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 0;
+    border-right: none;
+  }
+
+  .pisell-lowcode-pagination-item-link:hover {
+    font-weight: 450 !important;
+    color: rgba(0, 0, 0, 0.88) !important;
+
+    .pisell-lowcode-pagination-item-link-icon {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+    }
+  }
+
+  .pisell-lowcode-pagination-disabled {
+    cursor: not-allowed;
+    color: rgba(0,0,0,.25);
+    .paginator-page-btn {
+      cursor: not-allowed;
+      color: rgba(0,0,0,.25);
+    }
+  }
+
+  .pisell-lowcode-pagination-item-active:hover {
+    border-color: #D0D5DD !important;
+  }
+
+  .pisell-lowcode-pagination-item-active {
+    a {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+
+    }
+
+    background-color: rgba(0, 0, 0, 0.06);
+  }
+
+  .pisell-lowcode-pagination-prev {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: auto;
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 8px 0 0 8px;
+    border-right: none;
+  }
+
+
+  .pisell-lowcode-pagination-next {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: auto;
+    border: 1px solid #D0D5DD;
+    // border-left: none;
+    margin: 0;
+    border-radius: 0 8px 8px 0;
+  }
+}
+
+.paginator-page-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px 4px 4px 4px;
+  transition: 0.2s;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--gray-700, #344054);
+  cursor: pointer;
+  user-select: none;
+  padding: 10px 16px;
+
+  .paginator-page-btn-text {
+    font-weight: 600;
+  }
+
+  .paginator-page-btn-left-icon,
+  .paginator-page-btn-right-icon {
+    font-size: 20px;
+  }
+
+  .paginator-page-btn-left-icon {
+    margin-right: 8px;
+  }
+
+  .paginator-page-btn-right-icon {
+    margin-left: 8px;
+  }
+
+  &:hover {
+    // background: #f2f2f2;
+  }
+
+  &.left {
+    margin-right: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-right: 8px;
+    }
+  }
+
+  &.right {
+    margin-left: auto;
+
+    .icon {
+      font-size: 18px;
+      margin-left: 8px;
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.materials-grid-paginator-mini {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+  padding: 0 20px;
+  margin: 0 !important;
+
+  .paginator-page-btn {
+    padding: 8px;
+
+  }
+
+  .materials-grid-paginator-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+
+    .materials-grid-paginator-center-text {
+      color: var(--gray-700, #344054);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+    }
+
+    .materials-grid-paginator-center-value {
+      color: var(--gray-700, #344054);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+    }
+  }
+
+  .pisell-lowcode-pagination-prev,
+  .pisell-lowcode-pagination-next {
+    margin: 0;
+    border-radius: 8px;
+    border: 1px solid #D0D5DD;
+
+    .paginator-page-btn-left-icon {
+      margin-right: 0;
+    }
+
+    .paginator-page-btn-right-icon {
+      margin-left: 0;
+    }
+
+  }
+
+}

package/es/components/auto-complete/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<import("antd").AutoCompleteProps<unknown, import("antd/es/select").DefaultOptionType | import("antd/es/select").BaseOptionType> & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}, "ref"> & import("react").RefAttributes<any>>;
+export default AutoComplete;

package/es/components/auto-complete/index.js

@@ -0,0 +1,4 @@
+import { AutoComplete as OriginalAutoComplete } from 'antd';
+import { withWrap } from "../../utils/hoc";
+var AutoComplete = withWrap(OriginalAutoComplete);
+export default AutoComplete;

package/es/components/button/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ButtonProps as OriginalButtonProps } from "antd";
+export interface ButtonProps extends OriginalButtonProps {
+    __designMode?: "design" | undefined;
+    href?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
+export default Button;

package/es/components/button/index.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef } from "react";
+import { Button as OriginalButton } from "antd";
+var Button = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$href;
+  var innerProps = {};
+  if (!((_props$href = props.href) !== null && _props$href !== void 0 && _props$href.trim()) || props.__designMode === 'design') {
+    // 解决低代码编辑器中按钮设置 href 属性造成按钮点击重定向问题
+    innerProps.href = undefined;
+  }
+  return /*#__PURE__*/React.createElement(OriginalButton, _extends({}, props, innerProps, {
+    ref: ref
+  }));
+});
+export default Button;

package/es/components/calendar/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Calendar: (props: any) => JSX.Element;
+export default Calendar;

package/es/components/calendar/index.js

@@ -0,0 +1,4 @@
+import { Calendar as OriginalCalendar } from 'antd';
+import { withMomentProps } from "../../utils/hoc";
+var Calendar = withMomentProps(OriginalCalendar, ['defaultValue', 'validRange', 'value.defaultValue']);
+export default Calendar;

package/es/components/cascader/index.d.ts

@@ -0,0 +1,2 @@
+declare const Cascader: any;
+export default Cascader;

package/es/components/cascader/index.js

@@ -0,0 +1,6 @@
+import { Cascader as OriginalCascader } from 'antd';
+import { withWrap } from "../../utils/hoc";
+
+// @ts-ignore
+var Cascader = withWrap(OriginalCascader);
+export default Cascader;

package/es/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<import("antd").CheckboxProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<any>>;
+export default Checkbox;

package/es/components/checkbox/index.js

@@ -0,0 +1,5 @@
+import { Checkbox as OriginalCheckbok } from 'antd';
+import { withWrap } from "../../utils/hoc";
+var Checkbox = withWrap(OriginalCheckbok);
+Checkbox.Group = OriginalCheckbok.Group;
+export default Checkbox;

package/es/components/config-provider/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
+import "dayjs/locale/zh-cn";
+export interface ConfigProviderProps extends OriginalConfigProviderProps {
+    [key: string]: any;
+}
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
+export default ConfigProvider;

package/es/components/config-provider/index.js

@@ -0,0 +1,29 @@
+var _excluded = ["locale"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+import React from "react";
+import { ConfigProvider as OriginalConfigProvider } from "antd";
+// 由于 antd 组件的默认文案是英文，所以需要修改为中文
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import zhCN from "antd/locale/zh_CN";
+var ConfigProvider = function ConfigProvider(props) {
+  var locale = props.locale,
+    rest = _objectWithoutProperties(props, _excluded);
+  var localeData = locale;
+  if (typeof locale === "string") {
+    if (locale.toLowerCase() === "zh-cn") {
+      dayjs.locale("zh-cn");
+      localeData = zhCN;
+    } else if (locale.toLowerCase() === "en-us") {
+      dayjs.locale("en");
+      // 默认为英文
+      localeData = undefined;
+    }
+  }
+  return /*#__PURE__*/React.createElement(OriginalConfigProvider, _extends({
+    locale: localeData
+  }, rest));
+};
+export default ConfigProvider;

package/es/components/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DatePicker: (props: any) => JSX.Element;
+export default DatePicker;

package/es/components/date-picker/index.js

@@ -0,0 +1,22 @@
+import { DatePicker as OriginalDatePicker } from 'antd';
+import { withMomentProps } from "../../utils/hoc";
+import dayjs from 'dayjs';
+import { RangePicker } from "@pisell/date-picker";
+import localeData from 'dayjs/plugin/localeData';
+import weekday from 'dayjs/plugin/weekday';
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+
+// const OriginalRangePicker = OriginalDatePicker.RangePicker;
+
+var DatePicker = withMomentProps(OriginalDatePicker, ['defaultPickerValue', 'defaultValue', 'showTime.defaultValue', 'value']);
+
+// const RangePicker = withMomentProps(OriginalRangePicker, [
+//   'defaultPickerValue',
+//   'defaultValue',
+//   'showTime.defaultValue',
+//   'value',
+// ]);
+
+DatePicker.RangePicker = RangePicker;
+export default DatePicker;

package/es/components/div/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+export interface DivProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const Div: (props: DivProps) => JSX.Element;
+export default Div;

package/es/components/div/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+var Div = function Div(props) {
+  var children = props.children,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  return /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, children);
+};
+export default Div;

package/es/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+declare const Drawer: any;
+export default Drawer;

package/es/components/drawer/index.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Drawer as OriginalDrawer } from 'antd';
+var Drawer = function Drawer(props) {
+  var innerProps = {};
+  if (props.__designMode === 'design') {
+    // 低代码编辑态中强制显示，将控制权交给引擎侧
+    innerProps.open = true;
+  }
+  console.log(props, 'Drawer props', innerProps);
+  return /*#__PURE__*/React.createElement(OriginalDrawer, _extends({}, props, innerProps));
+};
+export default Drawer;

package/es/components/dropdown/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: (props: any) => JSX.Element;
+export default _default;

package/es/components/dropdown/index.js

@@ -0,0 +1,13 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Dropdown as OriginalDropdown } from 'antd';
+import { withSingleChild } from "../../utils/hoc";
+var Dropdown = function Dropdown(props) {
+  var innerProps = {};
+  if (props.__designMode === 'design') {
+    // 低代码编辑态中强制显示，将控制权交给引擎侧
+    innerProps.open = true;
+  }
+  return /*#__PURE__*/React.createElement(OriginalDropdown, _extends({}, props, innerProps));
+};
+export default withSingleChild(Dropdown, ['children', 'overlay']);

package/es/components/filter/components/Dropdown/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./index.less";
+export declare type FilterItemProps = {
+    type: "single" | "input" | "datePicker" | "rangePicker";
+    name: string;
+    props: object;
+    label: string;
+    other: Record<string, any>;
+};
+export interface DropdownProps {
+    list: FilterItemProps[];
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+}
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/es/components/filter/components/Dropdown/index.js

@@ -0,0 +1,103 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useCallback, useMemo } from "react";
+import { DotsSix, HelpCircle } from "@pisell/icon";
+import "./index.less";
+import FilterItem from "../FilterItem";
+import { Tooltip } from "antd";
+import MultipleContainersSortList from "../../../MultipleContainersSortList";
+var titleMap = {
+  quickFilter: "Quick Filter",
+  otherFilter: "Filter"
+};
+var tooltipMap = {
+  quickFilter: "Enable quick filtering directly on the page for convenient filtering operations, with a maximum of three filters allowed.\n",
+  otherFilter: "Select filter criteria in the list to perform filtering operations and display corresponding results."
+};
+var DragItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var attributes = props.attributes,
+    listeners = props.listeners,
+    setActivatorNodeRef = props.setActivatorNodeRef,
+    style = props.style;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, attributes, {
+    style: style,
+    className: "filter-dropdown-drag-item"
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DotsSix, _extends({
+    ref: setActivatorNodeRef
+  }, listeners, {
+    className: "dots-six-icon"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "filter-dropdown-drag-item-right"
+  }, props.children));
+});
+var Dropdown = function Dropdown(props) {
+  var quickFilter = props.quickFilter,
+    otherFilter = props.otherFilter;
+  var list = useMemo(function () {
+    return {
+      quickFilter: quickFilter || [],
+      otherFilter: otherFilter || []
+    };
+  }, [quickFilter, otherFilter]);
+  var handleSortChange = function handleSortChange(list) {
+    // dispatch({
+    //   type: "setQuickFilter",
+    //   payload: list.quickFilter,
+    // });
+    // dispatch({
+    //   type: "setOtherFilter",
+    //   payload: list.otherFilter,
+    // });
+  };
+  var renderContainer = useCallback(function (_ref) {
+    var children = _ref.children,
+      ref = _ref.ref,
+      id = _ref.id;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "filter-dropdown-container-wrap"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "filter-dropdown-container-title-wrap"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "filter-dropdown-container-title"
+    }, titleMap[id]), /*#__PURE__*/React.createElement(Tooltip, {
+      title: tooltipMap[id]
+    }, /*#__PURE__*/React.createElement(HelpCircle, {
+      className: "filter-dropdown-container-icon-help"
+    }))), /*#__PURE__*/React.createElement("div", {
+      ref: ref,
+      className: "filter-dropdown-container-filter-wrap"
+    }, children));
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "filter-dropdown-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "filter-dropdown-wrap-content"
+  }, /*#__PURE__*/React.createElement(MultipleContainersSortList, {
+    list: list,
+    rowKey: "name",
+    renderContainer: renderContainer,
+    onChange: handleSortChange
+  }, function (_ref2) {
+    var item = _ref2.item,
+      index = _ref2.index,
+      style = _ref2.style,
+      props = _ref2.props,
+      attributes = _ref2.attributes,
+      setActivatorNodeRef = _ref2.setActivatorNodeRef,
+      listeners = _ref2.listeners;
+    return /*#__PURE__*/React.createElement(DragItem, _extends({}, props, {
+      index: index,
+      attributes: attributes,
+      setActivatorNodeRef: setActivatorNodeRef,
+      listeners: listeners,
+      style: style
+    }), /*#__PURE__*/React.createElement(FilterItem, {
+      name: item.name,
+      label: item.label,
+      type: item.type,
+      other: item.other
+    }));
+  })));
+};
+export default Dropdown;

package/es/components/filter/components/Dropdown/index.less

@@ -0,0 +1,76 @@
+.filter-dropdown-wrap {
+  width: 400px;
+  max-width: calc(100vw - 24px);
+  min-width: 250px;
+  padding: 4px;
+  max-height: 400px;
+  display: flex;
+  flex-direction: column;
+  .filter-dropdown-wrap-content {
+    flex: 1;
+    overflow: auto;
+  }
+  .filter-dropdown-wrap-footer {
+
+  }
+  .filter-dropdown-drag-item {
+    display: flex;
+    padding: 8px 12px 12px;
+    align-items: center;
+    border-radius: 8px;
+    background: var(--gray-50, #F9FAFB);
+    margin-bottom: 12px;
+    .dots-six-icon {
+      font-size: 24px;
+      color: #98A2B3;
+      cursor: pointer;
+    }
+    .pisell-lowcode-form-item {
+      margin-bottom: 0;
+    }
+    .filter-dropdown-drag-item-right {
+      margin-left: 16px;
+      flex: 1;
+      .filter-dropdown-drag-item-title {
+        color: var(--text-text-2, #777);
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 20px;
+      }
+    }
+  }
+}
+.filter-dropdown-container-wrap {
+  border-bottom: 1px solid var(--surface-surface-4, #e2e2e2);
+  min-height: 70px;
+  margin-bottom: 20px;
+  &:last-child {
+    border: none;
+  }
+  .filter-dropdown-container-title-wrap {
+    color: var(--text-text-3, #919191);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 22px;
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    .filter-dropdown-container-title {
+      margin-right: 6px;
+      color: var(--gray-900, #101828);
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 24px;
+    }
+    .filter-dropdown-container-icon-help {
+      font-size: 20px;
+      color: var(--gray-400,#98A2B3)
+    }
+  }
+  .filter-dropdown-container-filter-wrap {
+    min-height: 80px;
+  }
+}

package/es/components/filter/components/FilterButton/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DropdownProps } from "../Dropdown";
+export declare type FilterListProps = {
+    list: DropdownProps["list"];
+    quickFilter: DropdownProps["quickFilter"];
+    otherFilter: DropdownProps["otherFilter"];
+};
+declare const Filter: React.FC<FilterListProps>;
+export default Filter;

package/es/components/filter/components/FilterButton/index.js

@@ -0,0 +1,30 @@
+import React, { useMemo, useRef } from "react";
+import { Button, Popover } from "antd";
+import Dropdown from "../Dropdown";
+import { FilterLines } from "@pisell/icon";
+var Filter = function Filter(_ref) {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    quickFilter = _ref.quickFilter,
+    otherFilter = _ref.otherFilter;
+  var ref = useRef(null);
+  var content = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      list: list,
+      quickFilter: quickFilter,
+      otherFilter: otherFilter
+    });
+  }, [list, quickFilter, otherFilter]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Popover, {
+    content: content,
+    arrow: false,
+    getPopupContainer: function getPopupContainer() {
+      return ref.current;
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(FilterLines, null)
+  }, "Filter")));
+};
+export default Filter;

package/es/components/filter/components/FilterItem/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import "./index.less";
+export interface FilterItemProps {
+    type: "single" | "input" | "datePicker" | "rangePicker";
+    label?: string;
+    props?: object;
+    name: string;
+    other: Record<string, any>;
+}
+declare const FilterItem: React.FC<FilterItemProps>;
+export default FilterItem;