@pisell/materials 1.0.4 → 1.0.5

package/es/components/table/Actions/Filter/Dropdown/index.less

@@ -0,0 +1,74 @@
+.filter-dropdown-wrap {
+  width: 400px;
+  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;
+    }
+    .ant-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/table/Actions/Filter/FilterItem/index.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
-import { FilterItemProps as ItemProps } from "../index";
 import "./index.less";
-declare type FilterItemProps = {
-    value?: any;
-    onChange?: (val: any) => void;
-    item: ItemProps;
-};
+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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,CAAC;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/components/table/Actions/Filter/FilterItem/index.js

@@ -1,15 +1,18 @@
-import React from "react";
-import { Button, Dropdown } from "antd";
+import React, { useMemo } from "react";
+import { Form } from "antd";
+import { fieldMaps } from "../../../Table/fields";
 import "./index.less";
-var FilterItem = function FilterItem(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    item = _ref.item;
-  return /*#__PURE__*/React.createElement(Dropdown, {
-    trigger: ["click"],
-    menu: {
-      items: []
-    }
-  }, /*#__PURE__*/React.createElement(Button, null, item.title));
+var FilterItem = function FilterItem(props) {
+  var label = props.label,
+    type = props.type,
+    name = props.name;
+  var Com = useMemo(function () {
+    var _fieldMaps$type;
+    return (_fieldMaps$type = fieldMaps[type]) === null || _fieldMaps$type === void 0 ? void 0 : _fieldMaps$type.edit;
+  }, [type]);
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    label: label,
+    name: name
+  }, /*#__PURE__*/React.createElement(Com, null));
 };
 export default FilterItem;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,WAAW,mBAoBhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/es/components/table/Actions/Filter/QuickFilter/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Space } from "antd";
+import { useSharedState } from "../../../../../hooks";
+import { Context } from "../../../model";
+import FilterItem from "../FilterItem";
+var QuickFilter = function QuickFilter() {
+  var _useSharedState = useSharedState(Context),
+    state = _useSharedState.state,
+    dispatch = _useSharedState.dispatch;
+  var quickFilter = state.quickFilter;
+  return /*#__PURE__*/React.createElement(Space, {
+    wrap: true
+  }, (quickFilter || []).map(function (item) {
+    return /*#__PURE__*/React.createElement(FilterItem, {
+      name: item.name
+      // label={item.label}
+      ,
+      type: item.type,
+      other: item.other,
+      props: item.props
+    });
+  }));
+};
+export default QuickFilter;

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

@@ -1,12 +1,8 @@
 import React from "react";
-export declare type FilterItemProps = {
-    type: "single" | "input";
-    name: string;
-    props: object;
-    title: string;
-};
-declare type FilterListProps = {
-    list: FilterItemProps[];
+import { DropdownProps } from "./Dropdown";
+export declare type FilterListProps = {
+    list: DropdownProps["list"];
 };
 declare const Filter: React.FC<FilterListProps>;
 export default Filter;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGrD,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiBrC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,15 +1,26 @@
-import React from "react";
-import { Button, Form } from "antd";
-import FilterItem from "./FilterItem";
+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 list = _ref.list;
-  return /*#__PURE__*/React.createElement(Button.Group, null, (list || []).map(function (d) {
-    return /*#__PURE__*/React.createElement(Form.Item, {
-      noStyle: true,
-      name: d.name
-    }, /*#__PURE__*/React.createElement(FilterItem, {
-      item: d
-    }));
-  }));
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list;
+  var ref = useRef(null);
+  var content = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Dropdown, {
+      list: list
+    });
+  }, [list]);
+  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/table/Actions/Filter/items/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,eAAO,MAAM,SAAS;;;;;;;;;;;CAErB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;GAEpB,CAAC;AAEH,eAAO,MAAM,cAAc,SAAU,MAAM;;;;;;;;;CAE1C,CAAC;;;;;;;;;;;;;AAEF,wBAEE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,QAAA,MAAM,IAAI,mBAQT,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,3 +1,4 @@
 /// <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/Preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA,QAAA,MAAM,IAAI,UAAW,GAAG,gBAYvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAUA,wBAIE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,aAAa,GAAG;IACpB,IAAI,EAAE,aAAa,EAAE,CAAC;CACtB,CAAC;AAaF,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAEjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,23 @@
+import React from "react";
+import { Button } 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 Sort = function Sort(_ref) {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list;
+  return /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(SwitchVertical01, null)
+  }, "Sort");
+};
+export default Sort;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,OAAO,qBAAsB,GAAG,uBAerC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1,20 +1,24 @@
-import React from "react";
+import React, { useMemo } from "react";
 import Filter from "./Filter";
-import Buttons from "./Buttons";
+import QuickFilter from "./Filter/QuickFilter";
+import Sort from "./Sort";
 import "./index.less";
 var Actions = function Actions(_ref) {
   var filter = _ref.filter,
-    buttons = _ref.buttons;
-  return /*#__PURE__*/React.createElement("div", {
+    sort = _ref.sort;
+  var showActions = useMemo(function () {
+    return (filter === null || filter === void 0 ? void 0 : filter.show) || (sort === null || sort === void 0 ? void 0 : sort.show);
+  }, [filter === null || filter === void 0 ? void 0 : filter.show, sort === null || sort === void 0 ? void 0 : sort.show]);
+  return showActions ? /*#__PURE__*/React.createElement("div", {
     className: "materials-grid-actions"
   }, /*#__PURE__*/React.createElement("div", {
     className: "left-wrap"
-  }), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(QuickFilter, null)), /*#__PURE__*/React.createElement("div", {
     className: "right-wrap"
-  }, /*#__PURE__*/React.createElement(Filter, {
-    list: filter
-  }), /*#__PURE__*/React.createElement(Buttons, {
-    list: buttons
-  })));
+  }, filter !== null && filter !== void 0 && filter.show ? /*#__PURE__*/React.createElement(Filter, {
+    list: (filter === null || filter === void 0 ? void 0 : filter.list) || []
+  }) : null, sort !== null && sort !== void 0 && sort.show ? /*#__PURE__*/React.createElement(Sort, {
+    list: (sort === null || sort === void 0 ? void 0 : sort.list) || []
+  }) : null)) : null;
 };
 export default Actions;

package/es/components/table/Actions/index.less

@@ -2,8 +2,16 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
+  margin-bottom: 16px;
 
-  .left-wrap {}
+  .left-wrap {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    .ant-form-item {
+      margin-bottom: 0;
+    }
+  }
 
   .right-wrap {
     display: flex;

package/es/components/table/{Actions → Header}/Buttons/index.d.ts

@@ -1,3 +1,4 @@
 import "./index.less";
 declare const Buttons: ({ list }: any) => any;
 export default Buttons;
+//# sourceMappingURL=index.d.ts.map

package/es/components/table/Header/Buttons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,OAAO,aAAc,GAAG,QAI7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/es/components/table/{Actions → Header}/Buttons/index.js

@@ -4,7 +4,7 @@ import "./index.less";
 var Buttons = function Buttons(_ref) {
   var list = _ref.list;
   return (list || []).map(function (d) {
-    return /*#__PURE__*/React.createElement(Button, null, d.title);
+    return /*#__PURE__*/React.createElement(Button, d, d.title);
   });
 };
 export default Buttons;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./index.less";
+declare const Header: ({ buttons, title }: any) => JSX.Element | null;
+export default Header;
+//# sourceMappingURL=index.d.ts.map

package/es/components/table/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,MAAM,uBAAwB,GAAG,uBAYtC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/components/table/Header/index.js

@@ -0,0 +1,20 @@
+import React, { useMemo } from "react";
+import Buttons from "./Buttons";
+import "./index.less";
+var Header = function Header(_ref) {
+  var buttons = _ref.buttons,
+    title = _ref.title;
+  var showHeader = useMemo(function () {
+    return title || (buttons === null || buttons === void 0 ? void 0 : buttons.length);
+  }, [buttons, title]);
+  return showHeader ? /*#__PURE__*/React.createElement("div", {
+    className: "materials-grid-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "left-wrap"
+  }, title && title()), /*#__PURE__*/React.createElement("div", {
+    className: "right-wrap"
+  }, /*#__PURE__*/React.createElement(Buttons, {
+    list: buttons
+  }))) : null;
+};
+export default Header;

package/es/components/table/Header/index.less

@@ -0,0 +1,16 @@
+.materials-grid-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+
+  .left-wrap {}
+
+  .right-wrap {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+
+  }
+}

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

@@ -1,5 +1,12 @@
-/// <reference types="react" />
+import React from "react";
 import { PaginationProps } from "antd";
 import "./index.less";
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+export declare const paginationConfig: {
+    className: string;
+    defaultCurrent: number;
+    showTotal: (total: number, range: [number, number]) => string;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+};
+declare const Pagination: (props: PaginationProps) => JSX.Element | null;
 export default Pagination;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAkC,eAAe,EAAE,MAAM,MAAM,CAAC;AAEvE,OAAO,cAAc,CAAC;AA0BtB,eAAO,MAAM,gBAAgB;;;uBAGT,MAAM,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;;CAGlD,CAAC;AAEF,QAAA,MAAM,UAAU,UAAW,eAAe,uBAQzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/components/table/Pagination/index.js

@@ -1,35 +1,39 @@
 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 Iconfont from "../../iconfont";
+import React, { useMemo } from "react";
+import { ArrowLeft, ArrowRight } from "@pisell/icon";
 import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
 import "./index.less";
+var itemRender = function itemRender(_, type, originalElement) {
+  if (type === "prev") {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("paginator-page-btn", "left")
+    }, /*#__PURE__*/React.createElement(ArrowLeft, {
+      className: "paginator-page-btn-left-icon"
+    }), /*#__PURE__*/React.createElement("span", null, "Previous"));
+  }
+  if (type === "next") {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("paginator-page-btn", "right")
+    }, /*#__PURE__*/React.createElement("span", null, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
+      className: "paginator-page-btn-right-icon"
+    }));
+  }
+  return originalElement;
+};
+export var paginationConfig = {
+  className: "materials-grid-paginator",
+  defaultCurrent: 1,
+  showTotal: function showTotal(total, range) {
+    return "Page ".concat(range[0], " of ").concat(range[1]);
+  },
+  itemRender: itemRender
+};
 var Pagination = function Pagination(props) {
-  var itemRender = function itemRender(_, type, originalElement) {
-    if (type === "prev") {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames("paginator-page-btn", "left")
-      }, /*#__PURE__*/React.createElement(Iconfont, {
-        type: "icona-iconArrowsLine",
-        className: "icon"
-      }), "Pre");
-    }
-    if (type === "next") {
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames("paginator-page-btn", "right")
-      }, "Next", /*#__PURE__*/React.createElement(Iconfont, {
-        type: "icona-iconArrowsLine",
-        className: "icon"
-      }));
-    }
-    return originalElement;
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(OriginPagination, _extends({
-    className: "materials-grid-paginator",
-    defaultCurrent: 1,
-    showSizeChanger: false,
-    total: 500,
-    itemRender: itemRender
-  }, props)));
+  console.log(props);
+  var show = useMemo(function () {
+    return Object.keys(props).length;
+  }, [props]);
+  return show ? /*#__PURE__*/React.createElement(OriginPagination, _extends({}, paginationConfig, props)) : null;
 };
 export default Pagination;

package/es/components/table/Pagination/index.less

@@ -10,14 +10,56 @@
   border: 1px solid #f0f0f0;
   border-top: none;
   padding: 0 20px;
+  margin: 0 !important;
+
+  .ant-pagination-total-text {
+    margin-right: auto;
+    color: var(--gray-500, #667085);
+    /* Text sm/Medium */
+    font-family: Inter;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    /* 142.857% */
+  }
 
   .ant-pagination-item {
     position: relative;
     border: none;
+    margin: 0;
+    border-radius: 0;
+    border: 1px solid #D0D5DD;
+    border-right: 0;
+  }
+
+  .ant-pagination-jump-prev {
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 0;
+    border-right: none;
+  }
+
+  .ant-pagination-jump-next {
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 0;
+    border-right: none;
+  }
+
+  .ant-pagination-item-link:hover {
+    font-weight: 450 !important;
+    color: rgba(0, 0, 0, 0.88) !important;
+
+    .ant-pagination-item-link-icon {
+      font-weight: 450 !important;
+      color: rgba(0, 0, 0, 0.88) !important;
+    }
   }
 
-  .ant-pagination-disabled {
-    opacity: 0.4;
+  .ant-pagination-disabled {}
+
+  .ant-pagination-item-active:hover {
+    border-color: #D0D5DD !important;
   }
 
   .ant-pagination-item-active {
@@ -34,18 +76,23 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-right: auto;
     min-width: auto;
+    border: 1px solid #D0D5DD;
+    margin: 0;
+    border-radius: 8px 0 0 8px;
+    border-right: none;
   }
 
-  .ant-pagination-item-active {}
 
   .ant-pagination-next {
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-left: auto;
     min-width: auto;
+    border: 1px solid #D0D5DD;
+    // border-left: none;
+    margin: 0;
+    border-radius: 0 8px 8px 0;
   }
 }
 
@@ -54,14 +101,22 @@
   align-items: center;
   justify-content: center;
   border-radius: 4px 4px 4px 4px;
-  padding: 0 4px;
   transition: 0.2s;
   font-size: 12px;
   font-weight: 400;
   color: #6f6f6f;
   cursor: pointer;
   user-select: none;
-  height: 20px;
+  padding: 10px 16px;
+
+  .paginator-page-btn-left-icon,
+  .paginator-page-btn-right-icon {
+    font-size: 20px;
+  }
+
+  .paginator-page-btn-left-icon {}
+
+  .paginator-page-btn-right-icon {}
 
   &:hover {
     // background: #f2f2f2;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./index.less";
+declare const Summary: ({ summary }: any) => JSX.Element | null;
+export default Summary;
+//# sourceMappingURL=index.d.ts.map

package/es/components/table/Summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,OAAO,gBAAiB,GAAG,uBAOhC,CAAC;AAEF,eAAe,OAAO,CAAC"}