@pisell/materials 1.0.3 → 1.0.5

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

@@ -0,0 +1,15 @@
+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[];
+}
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,cAAc,CAAC;AAMtB,oBAAY,eAAe,GAAG;IAC5B,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AA4BD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,99 @@
+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 MultipleContainersSortList from "../../../../MultipleContainersSortList";
+import "./index.less";
+import FilterItem from "../FilterItem";
+import { useSharedState } from "../../../../../hooks";
+import { Context } from "../../../model";
+var titleMap = {
+  quickFilter: "Quick Filter",
+  otherFilter: "Filter"
+};
+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 _useSharedState = useSharedState(Context),
+    state = _useSharedState.state,
+    dispatch = _useSharedState.dispatch;
+  var list = useMemo(function () {
+    return {
+      quickFilter: state.quickFilter,
+      otherFilter: state.otherFilter
+    };
+  }, [state.quickFilter, state.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(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/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

@@ -0,0 +1,12 @@
+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;
+//# 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

@@ -0,0 +1,18 @@
+import React, { useMemo } from "react";
+import { Form } from "antd";
+import { fieldMaps } from "../../../Table/fields";
+import "./index.less";
+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

@@ -0,0 +1,8 @@
+import React from "react";
+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

@@ -0,0 +1,26 @@
+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;
+  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

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const fieldMaps: {
+    text: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
+    };
+};
+export declare const fieldList: {
+    field_icon: string;
+    field_name: string;
+    field_type: string;
+    default_value: string;
+}[];
+export declare const getFieldByType: (type: string) => {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    Editor: () => JSX.Element;
+};
+declare const _default: {
+    text: {
+        field: {
+            field_icon: string;
+            field_name: string;
+            field_type: string;
+            default_value: string;
+        };
+        Preview: (props: any) => JSX.Element;
+        Editor: () => JSX.Element;
+    };
+};
+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/index.js

@@ -0,0 +1,13 @@
+import text from "./text";
+export var fieldMaps = {
+  text: text
+};
+export var fieldList = Object.values(fieldMaps).map(function (d) {
+  return d.field;
+});
+export var getFieldByType = function getFieldByType(type) {
+  return fieldMaps[type];
+};
+export default {
+  text: text
+};

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

@@ -0,0 +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/Editor/index.js

@@ -0,0 +1,10 @@
+import { Form, Input } from "antd";
+var Text = function Text() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "Default value",
+    name: "default_value"
+  }, /*#__PURE__*/React.createElement(Input, null)));
+};
+export default Text;

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

@@ -0,0 +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/Preview/index.js

@@ -0,0 +1,17 @@
+var _excluded = ["title", "editable", "children", "dataIndex", "field_type", "record", "handleSave"];
+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; }
+var Text = function Text(props) {
+  var title = props.title,
+    editable = props.editable,
+    children = props.children,
+    dataIndex = props.dataIndex,
+    field_type = props.field_type,
+    record = props.record,
+    handleSave = props.handleSave,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: ""
+  }, record[dataIndex]);
+};
+export default Text;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    Preview: (props: any) => JSX.Element;
+    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/Filter/items/text/index.js

@@ -0,0 +1,13 @@
+import Editor from "./Editor";
+import Preview from "./Preview";
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "Single line text",
+  field_type: "text",
+  default_value: "Text"
+};
+export default {
+  field: field,
+  Preview: Preview,
+  Editor: Editor
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./index.less";
+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

@@ -0,0 +1,24 @@
+import React, { useMemo } from "react";
+import Filter from "./Filter";
+import QuickFilter from "./Filter/QuickFilter";
+import Sort from "./Sort";
+import "./index.less";
+var Actions = function Actions(_ref) {
+  var filter = _ref.filter,
+    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(QuickFilter, null)), /*#__PURE__*/React.createElement("div", {
+    className: "right-wrap"
+  }, 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

@@ -0,0 +1,38 @@
+.materials-grid-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16px;
+
+  .left-wrap {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    .ant-form-item {
+      margin-bottom: 0;
+    }
+  }
+
+  .right-wrap {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .icon {
+      cursor: pointer;
+      transition: .2s;
+
+      &:hover {
+        color: var(--theme-color);
+      }
+    }
+
+    .button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 12px;
+      height: 28px;
+    }
+  }
+}

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

@@ -0,0 +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/Header/Buttons/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Button } from "antd";
+import "./index.less";
+var Buttons = function Buttons(_ref) {
+  var list = _ref.list;
+  return (list || []).map(function (d) {
+    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;