@pisell/materials 1.0.27 → 1.0.29

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

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

@@ -30,4 +30,3 @@ export interface SortableItemProps<T> {
 }
 export declare function SortableItem<T>({ id, index, item, children, }: SortableItemProps<T>): React.ReactElement<HTMLElement, string | React.JSXElementConstructor<any>>;
 export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -23,4 +23,3 @@ interface DefaultRenderContainerProps {
 }
 declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
 export default MultipleContainersSortList;
-//# sourceMappingURL=index.d.ts.map

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

@@ -11,4 +11,4 @@ export declare const paginationConfig: {
 };
 declare const Pagination: (props: PaginationProps) => JSX.Element | null;
 export default Pagination;
-//# sourceMappingURL=index.d.ts.map
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;

package/es/components/Pagination/index.js

@@ -1,5 +1,14 @@
+var _excluded = ["value", "onChange", "page", "pageSize"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 _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, { useMemo } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { ArrowLeft, ArrowRight } from "@pisell/icon";
 import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
@@ -139,4 +148,38 @@ var MiniPagination = function MiniPagination(props) {
   }, /*#__PURE__*/React.createElement(ArrowRight, {
     className: "paginator-page-btn-right-icon"
   }))));
+};
+export var FormPagination = function FormPagination(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? {} : _ref$value,
+    onChange = _ref.onChange,
+    page = _ref.page,
+    pageSize = _ref.pageSize,
+    other = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    _p = _useState2[0],
+    _setP = _useState2[1];
+  var _useState3 = useState(10),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _ps = _useState4[0],
+    _setPs = _useState4[1];
+  var _onChange = function _onChange(p, ps) {
+    onChange && onChange({
+      page: ps === _ps ? p : 1,
+      size: ps
+    });
+  };
+  useEffect(function () {
+    var _page = (value === null || value === void 0 ? void 0 : value.page) || 1;
+    var _size = (value === null || value === void 0 ? void 0 : value.size) || 10;
+    _setP(_page);
+    _setPs(_size);
+  }, [value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, _extends({}, other, {
+    pageSize: _ps,
+    current: _p,
+    onChange: _onChange,
+    onShowSizeChange: _onChange
+  })));
 };

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

@@ -5,4 +5,3 @@ declare const AutoComplete: import("react").ForwardRefExoticComponent<Omit<impor
     ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
 }, "ref"> & import("react").RefAttributes<any>>;
 export default AutoComplete;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export interface ButtonProps extends OriginalButtonProps {
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<any>>;
 export default Button;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const Calendar: (props: any) => JSX.Element;
 export default Calendar;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 declare const Cascader: any;
 export default Cascader;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +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;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ export interface ConfigProviderProps extends OriginalConfigProviderProps {
 }
 declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
 export default ConfigProvider;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const DatePicker: (props: any) => JSX.Element;
 export default DatePicker;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,12 +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);
-var OriginalRangePicker = OriginalDatePicker.RangePicker;
+
+// const OriginalRangePicker = OriginalDatePicker.RangePicker;
+
 var DatePicker = withMomentProps(OriginalDatePicker, ['defaultPickerValue', 'defaultValue', 'showTime.defaultValue', 'value']);
-var RangePicker = withMomentProps(OriginalRangePicker, ['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

@@ -5,4 +5,3 @@ export interface DivProps {
 }
 declare const Div: (props: DivProps) => JSX.Element;
 export default Div;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 declare const Drawer: any;
 export default Drawer;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const _default: (props: any) => JSX.Element;
 export default _default;
-//# sourceMappingURL=index.d.ts.map

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

@@ -6,4 +6,3 @@ declare class Form extends Component<any, any> {
     render(): JSX.Element;
 }
 export default Form;
-//# sourceMappingURL=index.d.ts.map

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

@@ -10,4 +10,3 @@ interface IconProps {
 }
 declare const _default: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
 export default _default;
-//# sourceMappingURL=index.d.ts.map

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

@@ -4,4 +4,3 @@ interface IconFontProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTM
 }
 declare const IconFont: React.FC<IconFontProps>;
 export default IconFont;
-//# sourceMappingURL=index.d.ts.map

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

@@ -9,4 +9,3 @@ declare type CompoundedComponent = React.ForwardRefExoticComponent<InputProps &
 };
 declare const Input: CompoundedComponent;
 export default Input;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,2 @@
 declare const Modal: any;
 export default Modal;
-//# sourceMappingURL=index.d.ts.map

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

@@ -4,4 +4,3 @@ interface PageProps extends ConfigProviderProps {
 }
 declare const Page: (props: PageProps) => JSX.Element;
 export default Page;
-//# sourceMappingURL=index.d.ts.map

package/es/components/page/index.js

@@ -1,85 +1,169 @@
+var _excluded = ["children"];
+var _theme$token;
 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 from "../config-provider";
+import { AdapterDayjs } from '@pisell/date-picker/es/AdapterDayjs';
+import { LocalizationProvider, createTheme, ThemeProvider } from '@pisell/date-picker';
 var theme = {
-  components: {
-    Table: {
-      colorFillContent: "rgba(0, 0, 0, 0.06)",
-      colorFillSecondary: "rgba(0, 0, 0, 0.06)",
-      colorBorderSecondary: "#EAECF0",
-      colorFillAlter: "rgba(0, 0, 0, 0.02)"
+  "components": {
+    "Table": {
+      "colorFillContent": "#EAECF0",
+      "colorFillSecondary": "#F2F4F7",
+      "colorBorderSecondary": "#EAECF0",
+      "colorFillAlter": "#F9FAFB",
+      "controlItemBgHover": "#F9FAFB",
+      "colorTextHeading": "#475467",
+      "colorTextDescription": "#667085",
+      "colorText": "#101828",
+      "controlHeight": 32,
+      "padding": 24,
+      "margin": 16
+    },
+    "Button": {
+      "borderRadiusSM": 6,
+      "borderRadiusLG": 9,
+      "borderRadius": 8,
+      "controlHeight": 36,
+      "colorBgContainerDisabled": "#F2F4F7",
+      "colorBgTextHover": "#F9FAFB",
+      "colorBorder": "#D0D5DD",
+      "colorError": "#D92D20",
+      "colorErrorActive": "#D92D20",
+      "colorErrorHover": "#B42318",
+      "colorErrorBg": "#FEF3F2",
+      "colorErrorBorderHover": "#FDA29B",
+      "colorErrorOutline": "rgba(217, 45, 32, 0.06)",
+      "colorLink": "#175CD3",
+      "colorLinkActive": "#194185",
+      "colorLinkHover": "#1849A9",
+      "colorPrimaryActive": "#7f56d9",
+      "colorPrimaryBorder": "#E9D7FE",
+      "colorText": "#344054",
+      "colorTextDisabled": "#D0D5DD",
+      "colorTextLightSolid": "#fff",
+      "colorBgTextActive": "#D0D5DD",
+      "controlOutline": "rgba(127, 86, 217, 0.04)",
+      "controlTmpOutline": "#F9FAFB",
+      "paddingContentHorizontal": 14,
+      "marginXS": 8
+    },
+    "Divider": {
+      "colorSplit": "#EAECF0"
+    },
+    "Breadcrumb": {
+      "itemColor": "#475467",
+      "colorTextDescription": "#475467",
+      "lastItemColor": "#6941C6",
+      "separatorMargin": 12,
+      "separatorColor": "#D0D5DD",
+      "linkHoverColor": "#1D2939",
+      "linkColor": "#475467",
+      "colorBgTextHover": "#F9FAFB",
+      "paddingXXS": 8
+    },
+    "Dropdown": {
+      "borderRadiusLG": 8,
+      // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
+      "controlHeight": 42,
+      "fontSize": 14
+    },
+    "DatePicker": {
+      "borderRadius": 8,
+      "colorTextPlaceholder": "#667085",
+      "colorIcon": "#667085",
+      "colorTextQuaternary": "#D0D5DD",
+      "colorBgContainerDisabled": "#F9FAFB",
+      "colorTextDisabled": "#98A2B3"
     }
   },
-  token: {
-    colorPrimary: "#7F56D9",
-    colorPrimaryBg: "#F9F5FF",
-    colorPrimaryBgHover: "#F4EBFF",
-    colorPrimaryBorder: "#E9D7FE",
-    colorPrimaryBorderHover: "#D6BBFB",
-    colorPrimaryHover: "#6941C6",
-    colorPrimaryActive: "#53389E",
-    colorPrimaryTextHover: "#53389E",
-    colorPrimaryText: "#6941C6",
-    colorPrimaryTextActive: "#42307D",
-    colorSuccess: "#079455",
-    colorSuccessBg: "#ECFDF3",
-    colorSuccessBgHover: "#DCFAE6",
-    colorSuccessBorder: "#ABEFC6",
-    colorSuccessBorderHover: "#75E0A7",
-    colorSuccessHover: "#067647",
-    colorSuccessText: "#067647",
-    colorSuccessActive: "#085D3A",
-    colorSuccessTextHover: "#085D3A",
-    colorSuccessTextActive: "#074D31",
-    colorWarning: "#dc6803",
-    colorWarningBg: "#FFFAEB",
-    colorWarningBgHover: "#FEF0C7",
-    colorWarningBorder: "#FEDF89",
-    colorWarningBorderHover: "#FEC84B",
-    colorWarningHover: "#B54708",
-    colorWarningText: "#B54708",
-    colorWarningActive: "#93370D",
-    colorWarningTextHover: "#93370D",
-    colorWarningTextActive: "#7A2E0E",
-    colorError: "#d92d20",
-    colorErrorBg: "#FEF3F2",
-    colorErrorBgHover: "#FEE4E2",
-    colorErrorBorder: "#FECDCA",
-    colorErrorBorderHover: "#FDA29B",
-    colorErrorHover: "#B42318",
-    colorErrorText: "#B42318",
-    colorErrorActive: "#912018",
-    colorErrorTextHover: "#912018",
-    colorErrorTextActive: "#7A271A",
-    colorInfo: "#1570ef",
-    colorInfoBg: "#EFF8FF",
-    colorInfoBgHover: "#D1E9FF",
-    colorInfoBorder: "#B2DDFF",
-    colorInfoBorderHover: "#84CAFF",
-    colorInfoHover: "#175CD3",
-    colorInfoText: "#175CD3",
-    colorInfoActive: "#1849A9",
-    colorInfoTextHover: "#1849A9",
-    colorInfoTextActive: "#194185",
-    colorText: "#101828",
-    colorTextSecondary: "#475467",
-    colorTextTertiary: "#667085",
-    colorTextQuaternary: "#D0D5DD",
-    colorBorder: "#D0D5DD",
-    colorBorderSecondary: "#EAECF0",
-    colorFill: "#D0D5DD",
-    colorFillSecondary: "#EAECF0",
-    colorFillTertiary: "#F2F4F7",
-    colorFillQuaternary: "#F9FAFB",
-    colorBgLayout: "#F2F4F7",
-    colorBgSpotlight: "#101828",
-    colorBgMask: "rgba(0, 0, 0, 0.5)"
+  "token": {
+    "colorPrimary": "#7F56D9",
+    "colorPrimaryBg": "#F9F5FF",
+    "colorPrimaryBgHover": "#F4EBFF",
+    "colorPrimaryBorder": "#E9D7FE",
+    "colorPrimaryBorderHover": "#D6BBFB",
+    "colorPrimaryHover": "#6941C6",
+    "colorPrimaryActive": "#53389E",
+    "colorPrimaryTextHover": "#53389E",
+    "colorPrimaryText": "#6941C6",
+    "colorPrimaryTextActive": "#42307D",
+    "colorSuccess": "#079455",
+    "colorSuccessBg": "#ECFDF3",
+    "colorSuccessBgHover": "#DCFAE6",
+    "colorSuccessBorder": "#ABEFC6",
+    "colorSuccessBorderHover": "#75E0A7",
+    "colorSuccessHover": "#067647",
+    "colorSuccessText": "#067647",
+    "colorSuccessActive": "#085D3A",
+    "colorSuccessTextHover": "#085D3A",
+    "colorSuccessTextActive": "#074D31",
+    "colorWarning": "#dc6803",
+    "colorWarningBg": "#FFFAEB",
+    "colorWarningBgHover": "#FEF0C7",
+    "colorWarningBorder": "#FEDF89",
+    "colorWarningBorderHover": "#FEC84B",
+    "colorWarningHover": "#B54708",
+    "colorWarningText": "#B54708",
+    "colorWarningActive": "#93370D",
+    "colorWarningTextHover": "#93370D",
+    "colorWarningTextActive": "#7A2E0E",
+    "colorError": "#d92d20",
+    "colorErrorBg": "#FEF3F2",
+    "colorErrorBgHover": "#FEE4E2",
+    "colorErrorBorder": "#FECDCA",
+    "colorErrorBorderHover": "#FDA29B",
+    "colorErrorHover": "#B42318",
+    "colorErrorText": "#B42318",
+    "colorErrorActive": "#912018",
+    "colorErrorTextHover": "#912018",
+    "colorErrorTextActive": "#7A271A",
+    "colorInfo": "#1570ef",
+    "colorInfoBg": "#EFF8FF",
+    "colorInfoBgHover": "#D1E9FF",
+    "colorInfoBorder": "#B2DDFF",
+    "colorInfoBorderHover": "#84CAFF",
+    "colorInfoHover": "#175CD3",
+    "colorInfoText": "#175CD3",
+    "colorInfoActive": "#1849A9",
+    "colorInfoTextHover": "#1849A9",
+    "colorInfoTextActive": "#194185",
+    "colorText": "#101828",
+    "colorTextSecondary": "#475467",
+    "colorTextTertiary": "#667085",
+    "colorTextQuaternary": "#D0D5DD",
+    "colorBorder": "#D0D5DD",
+    "colorBorderSecondary": "#EAECF0",
+    "colorFill": "#D0D5DD",
+    "colorFillSecondary": "#EAECF0",
+    "colorFillTertiary": "#F2F4F7",
+    "colorFillQuaternary": "#F9FAFB",
+    "colorBgLayout": "#F2F4F7",
+    "colorBgSpotlight": "#101828",
+    "colorBgMask": "rgba(0, 0, 0, 0.5)",
+    "wireframe": false,
+    "borderRadius": 8
   }
 };
+var datePickerTheme = createTheme({
+  palette: {
+    primary: {
+      main: ((_theme$token = theme.token) === null || _theme$token === void 0 ? void 0 : _theme$token.colorPrimary) || "#7F56D9"
+    }
+  }
+});
 var Page = function Page(props) {
-  return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, props, {
+  var children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
     prefixCls: props.prefixCls || "pisell-lowcode",
     theme: props.theme || theme
-  }));
+  }), /*#__PURE__*/React.createElement(LocalizationProvider, {
+    dateAdapter: AdapterDayjs
+  }, /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: datePickerTheme
+  }, children)));
 };
 export default Page;

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const Radio: import("react").ForwardRefExoticComponent<Omit<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<any>>;
 export default Radio;
-//# sourceMappingURL=index.d.ts.map

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

@@ -5,4 +5,3 @@ declare const Select: import("react").ForwardRefExoticComponent<Omit<import("ant
     ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
 }, "ref"> & import("react").RefAttributes<any>>;
 export default Select;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const Skeleton: (props: any) => JSX.Element;
 export default Skeleton;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const SliderOuter: (props: any) => JSX.Element;
 export default SliderOuter;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/Dropdown/index.d.ts

@@ -12,4 +12,3 @@ export interface DropdownProps {
 }
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/FilterItem/index.d.ts

@@ -9,4 +9,3 @@ export interface FilterItemProps {
 }
 declare const FilterItem: React.FC<FilterItemProps>;
 export default FilterItem;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/QuickFilter/index.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const QuickFilter: () => JSX.Element;
 export default QuickFilter;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/index.d.ts

@@ -5,4 +5,3 @@ export declare type FilterListProps = {
 };
 declare const Filter: React.FC<FilterListProps>;
 export default Filter;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/items/index.d.ts

@@ -40,4 +40,3 @@ declare const _default: {
     };
 };
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/items/text/Editor/index.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const Text: () => JSX.Element;
 export default Text;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/items/text/Preview/index.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 declare const Text: (props: any) => JSX.Element;
 export default Text;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Filter/items/text/index.d.ts

@@ -10,4 +10,3 @@ declare const _default: {
     Editor: () => JSX.Element;
 };
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Sort/index.d.ts

@@ -1,13 +1,12 @@
 import React from "react";
 export declare type SortItemProps = {
-    type: "single" | "input";
+    type: "date" | "string" | "number";
+    label: string;
     name: string;
-    props: object;
-    title: string;
 };
 declare type SortListProps = {
     list: SortItemProps[];
+    onChange?: (val: string) => void;
 };
 declare const Sort: React.FC<SortListProps>;
 export default Sort;
-//# sourceMappingURL=index.d.ts.map

package/es/components/table/Actions/Sort/index.js

@@ -1,23 +1,59 @@
-import React from "react";
-import { Button } from "antd";
+import React, { useMemo } from "react";
+import { Button, Dropdown } from "antd";
 import { SwitchVertical01 } from "@pisell/icon";
-// (
-// 	<Button.Group>
-// 		{list.map((d: FilterItemProps) => {
-// 			return (
-// 				<Form.Item noStyle name={d.name}>
-// 					<FilterItem item={d} />
-// 				</Form.Item>
-// 			);
-// 		})}
-// 	</Button.Group>
-// )
-
+var sortChildrenMap = {
+  date: function date(key) {
+    return [{
+      key: "".concat(key, ":desc"),
+      label: "Oldest to newest"
+    }, {
+      key: "".concat(key, ":asc"),
+      label: "Newest to oldest"
+    }];
+  },
+  string: function string(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: "A to Z"
+    }, {
+      key: "".concat(key, ":desc"),
+      label: "Z to A"
+    }];
+  },
+  number: function number(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: "Lowest to highest"
+    }, {
+      key: "".concat(key, ":desc"),
+      label: "Highest to lowest"
+    }];
+  }
+};
 var Sort = function Sort(_ref) {
   var _ref$list = _ref.list,
-    list = _ref$list === void 0 ? [] : _ref$list;
-  return /*#__PURE__*/React.createElement(Button, {
+    list = _ref$list === void 0 ? [] : _ref$list,
+    onChange = _ref.onChange;
+  var sortItems = useMemo(function () {
+    return list.map(function (d) {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name)
+      };
+    });
+  }, [list]);
+  var onClick = function onClick(detail) {
+    var _detail$keyPath;
+    onChange === null || onChange === void 0 ? void 0 : onChange(detail === null || detail === void 0 ? void 0 : (_detail$keyPath = detail.keyPath) === null || _detail$keyPath === void 0 ? void 0 : _detail$keyPath[0]);
+  };
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: sortItems,
+      onClick: onClick
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(SwitchVertical01, null)
-  }, "Sort");
+  }, "Sort"));
 };
 export default Sort;

package/es/components/table/Actions/index.d.ts

@@ -2,4 +2,3 @@
 import "./index.less";
 declare const Actions: ({ filter, sort }: any) => JSX.Element | null;
 export default Actions;
-//# sourceMappingURL=index.d.ts.map