@pisell/materials 1.0.206 → 1.0.207

package/lib/components/table/Table/fields/text/Show/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
-declare const Show: (props: FieldPropsType) => import("react").JSX.Element;
+declare const Show: (props: FieldPropsType) => JSX.Element;
 export default Show;

package/lib/components/table/Table/fields/text/Show/index.js

@@ -36,7 +36,6 @@ var import_hooks = require("../../../../../../hooks");
 var import_model = require("../../../../model");
 var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
-var import_utils = require("../../utils");
 var Show = (props) => {
   const modal = (0, import_hooks.useSharedState)(import_model.Context);
   const {
@@ -71,7 +70,7 @@ var Show = (props) => {
       ),
       onClick
     },
-    (0, import_utils.getValueByKeys)(record, dataIndex)
+    record[dataIndex]
   );
 };
 var Show_default = Show;

package/lib/components/table/Table/fields/text/Sort/index.d.ts

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

package/lib/components/table/Table/fields/text/index.d.ts

@@ -6,9 +6,9 @@ declare const _default: {
         field_type: string;
         default_value: string;
     };
-    config: () => import("react").JSX.Element;
+    config: () => JSX.Element;
     edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-    sort: () => import("react").JSX.Element;
-    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    sort: () => JSX.Element;
+    show: (props: import("../types").FieldPropsType) => JSX.Element;
 };
 export default _default;

package/lib/components/table/Table/index.js

@@ -46,7 +46,6 @@ var import_stringFilter = __toESM(require("../TableFilter/stringFilter"));
 var import_numberFilter = __toESM(require("../TableFilter/numberFilter"));
 var import_selectFilter = __toESM(require("../TableFilter/selectFilter"));
 var import_SortIcon = __toESM(require("../TableFilter/SortIcon"));
-var import_locales = require("../../../locales");
 var GridViewTable = ({ tableProps }) => {
   const responsive = (0, import_hooks.useResponsive)();
   const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
@@ -131,7 +130,7 @@ var GridViewTable = ({ tableProps }) => {
     (total, range, pageSize) => {
       let start = range[0] - 1;
       let _current = start / pageSize + 1;
-      return (0, import_locales.getText)("table-pagination-total")(_current, Math.ceil(total / pageSize));
+      return `Page ${_current} of ${Math.ceil(total / pageSize)}`;
     },
     []
   );
@@ -161,10 +160,10 @@ var GridViewTable = ({ tableProps }) => {
           cell: import_body.default.Coll
         }
       },
+      ...tableProps,
       scroll: {
         x: "max-content"
       },
-      ...tableProps,
       pagination: _paginationConfig
     }
   )));

package/lib/components/table/Table/tableConfig/SortRow/index.d.ts

@@ -1,4 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
-import React from "react";
-declare const SortRow: ({ children }: any) => React.JSX.Element;
+declare const SortRow: ({ children }: any) => JSX.Element;
 export default SortRow;

package/lib/components/table/Table/tableConfig/summary/index.d.ts

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

package/lib/components/table/TableFilter/SortIcon.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }
-declare const SortIcon: (props: SortIconProps) => React.JSX.Element;
+declare const SortIcon: (props: SortIconProps) => JSX.Element;
 export default SortIcon;

package/lib/components/table/TableFilter/numberFilter.js

@@ -36,7 +36,6 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_FilterFunnel01 = __toESM(require("@pisell/icon/es/FilterFunnel01"));
 var import_FilterFunnel01Fill = __toESM(require("@pisell/icon/es/FilterFunnel01Fill"));
-var import_locales = require("../../../locales");
 var import_index = require("./index.less");
 var getColumnNumberProps = ({
   dataIndex
@@ -66,7 +65,7 @@ var getColumnNumberProps = ({
             };
             setSelectedKeys([newVal]);
           },
-          placeholder: (0, import_locales.getText)("table-filter-min"),
+          placeholder: "Min",
           onPressEnter: () => confirm(),
           style: { width: 105 }
         }
@@ -74,7 +73,7 @@ var getColumnNumberProps = ({
         import_antd.InputNumber,
         {
           value: (_b = selectedKeys == null ? void 0 : selectedKeys[0]) == null ? void 0 : _b.max,
-          placeholder: (0, import_locales.getText)("table-filter-max"),
+          placeholder: "Max",
           onChange: (value) => {
             const newVal = {
               ...(selectedKeys == null ? void 0 : selectedKeys[0]) || {},
@@ -101,9 +100,9 @@ var getColumnNumberProps = ({
             },
             block: true
           },
-          (0, import_locales.getText)("table-filter-clear")
+          "Clear"
         ),
-        /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, (0, import_locales.getText)("table-filter-filter"))
+        /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, "Filter")
       )
     );
   },

package/lib/components/table/TableFilter/selectFilter.js

@@ -36,7 +36,6 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_FilterFunnel01Fill = __toESM(require("@pisell/icon/es/FilterFunnel01Fill"));
 var import_FilterFunnel01 = __toESM(require("@pisell/icon/es/FilterFunnel01"));
-var import_locales = require("../../../locales");
 var import_index = require("./index.less");
 var FilterDropdown = (props) => {
   const { setSelectedKeys, selectedKeys, confirm, clearFilters, filters } = props;
@@ -100,7 +99,7 @@ var FilterDropdown = (props) => {
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-clear")
+        "Clear"
       ),
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -110,7 +109,7 @@ var FilterDropdown = (props) => {
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-filter")
+        "Filter"
       )
     )
   );

package/lib/components/table/TableFilter/stringFilter.js

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(stringFilter_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
-var import_locales = require("../../../locales");
 var import_index = require("./index.less");
 var getColumnStringProps = ({
   dataIndex
@@ -56,7 +55,7 @@ var getColumnStringProps = ({
       import_antd.Input,
       {
         prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
-        placeholder: (0, import_locales.getText)("table-filter-search"),
+        placeholder: "Search",
         value: selectedKeys[0],
         onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []),
         onPressEnter: () => confirm(),
@@ -79,7 +78,7 @@ var getColumnStringProps = ({
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-clear")
+        "Clear"
       ),
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -89,7 +88,7 @@ var getColumnStringProps = ({
           block: true,
           style: { flex: 1 }
         },
-        (0, import_locales.getText)("table-filter-filter")
+        "Filter"
       )
     )
   ),

package/lib/components/table/model.d.ts

@@ -9,7 +9,7 @@ interface FormState {
     otherFilter: FilterItemProps[];
     utils: any;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => import("react").JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/table/model.js

@@ -53,7 +53,39 @@ var defaultState = {
       image: ["https://file.mypisell-dev.com//static/avatar.png"]
     }
   ],
-  defaultColumns: [],
+  defaultColumns: [
+    {
+      title: "Name",
+      dataIndex: "name",
+      field_type: "text",
+      editable: true,
+      width: 200,
+      fixed: "left",
+      lock: true
+    },
+    {
+      title: "Age",
+      dataIndex: "age",
+      editable: true,
+      width: 200,
+      field_type: "text",
+      lock: true
+    },
+    {
+      title: "Address",
+      dataIndex: "address",
+      editable: true,
+      width: 200,
+      field_type: "text"
+    },
+    {
+      title: "Image",
+      dataIndex: "image",
+      editable: true,
+      width: 200,
+      field_type: "image"
+    }
+  ],
   currentCell: null,
   quickFilter: [],
   otherFilter: [],
@@ -103,6 +135,7 @@ var { Provider, Context } = (0, import_miniRedux.default)({
 var formatColumn = (item) => {
   let _other = {
     editable: true,
+    width: 100,
     field_type: "text",
     lock: true,
     ...item.other || {}

package/lib/components/tabs/index.d.ts

@@ -1,6 +1,4 @@
-import React, { Component } from "react";
-import { TabsProps } from "antd";
-import "./index.less";
+import { Component } from 'react';
 declare class Tabs extends Component<any> {
     state: {
         activeKey: any;
@@ -8,7 +6,6 @@ declare class Tabs extends Component<any> {
     private _handleChange;
     setActiveKey: (key: string) => void;
     getActiveKey: () => any;
-    renderIconLabelTabBar: TabsProps["renderTabBar"];
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default Tabs;

package/lib/components/tabs/index.js

@@ -35,9 +35,6 @@ module.exports = __toCommonJS(tabs_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_warning = require("../../utils/warning");
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var prefix = "pisell-lowcode-";
 var Tabs = class extends import_react.Component {
   constructor() {
     super(...arguments);
@@ -58,51 +55,12 @@ var Tabs = class extends import_react.Component {
     this.getActiveKey = () => {
       return this.state.activeKey;
     };
-    this.renderIconLabelTabBar = (props, DefaultTabBar) => {
-      const { items, sidebarWidth } = this.props;
-      let wrapStyle = {
-        gap: props.tabBarGutter
-      };
-      if (["left", "right"].includes(props.tabPosition)) {
-        wrapStyle = {
-          ...wrapStyle,
-          width: sidebarWidth || 130
-        };
-      }
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(
-            "pisell-lowcode-tabs-nav",
-            `${prefix}tab-bar-wrap`,
-            `${prefix}tab-bar-wrap-${props.tabPosition}`
-          ),
-          style: wrapStyle
-        },
-        items.map((item) => {
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: (0, import_classnames.default)(`${prefix}tab-bar-item`, {
-                [`${prefix}tab-bar-item-active`]: item.key === props.activeKey
-              }),
-              key: item.key,
-              onClick: (e) => props.onTabClick(item.key, e)
-            },
-            /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
-            /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
-          );
-        }),
-        props.extra
-      );
-    };
   }
   render() {
     const { props } = this;
     const { activeKey } = this.state;
-    const { children, type } = props;
+    const { children } = props;
     let items = props.items;
-    let otherProps = {};
     if (!props.items && Array.isArray(children) && children.length > 0) {
       (0, import_warning.warning)("Tabs.TabPane is deprecated. Please use `items` directly.");
       items = children.map((node) => {
@@ -119,17 +77,10 @@ var Tabs = class extends import_react.Component {
         return null;
       }).filter(Boolean);
     }
-    if (type === "icon-label") {
-      otherProps = {
-        renderTabBar: this.renderIconLabelTabBar,
-        type: "line"
-      };
-    }
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.Tabs,
       {
         ...props,
-        ...otherProps,
         items,
         activeKey,
         onChange: this._handleChange

package/lib/components/time-picker/index.d.ts

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

package/lib/components/upload/index.d.ts

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

package/lib/index.d.ts

@@ -14,8 +14,8 @@ export { Empty } from "antd";
 export { Grid } from "antd";
 export { Image } from "antd";
 export { InputNumber } from "antd";
+export { List } from "antd";
 export { message } from "antd";
-export { Menu } from "antd";
 export { Mentions } from "antd";
 export { Statistic } from "antd";
 export { notification } from "antd";
@@ -61,12 +61,8 @@ export { default as Cascader } from "./components/cascader";
 export { default as AutoComplete } from "./components/auto-complete";
 export { default as Div } from "./components/div";
 export { default as Page } from "./components/page";
-export { default as Component } from "./components/component";
 export { default as Filter } from "./components/filter";
 export { default as Translation } from "./components/translation";
 export { default as SortableList } from "./components/sortableList";
 export { default as RecordView } from "./components/record-view";
 export { default as QRCode } from "./components/qrcode";
-export { default as ClassicLayout } from "./components/classicLayout";
-export { default as List } from "./components/list";
-export { default as Sort } from "./components/sort";

package/lib/index.js

@@ -42,10 +42,8 @@ __export(src_exports, {
   Carousel: () => import_antd9.Carousel,
   Cascader: () => import_cascader.default,
   Checkbox: () => import_checkbox.default,
-  ClassicLayout: () => import_classicLayout.default,
   Col: () => import_antd10.Col,
   Collapse: () => import_antd8.Collapse,
-  Component: () => import_component.default,
   ConfigProvider: () => import_config_provider.default,
   DatePicker: () => import_date_picker.default,
   Descriptions: () => import_antd11.Descriptions,
@@ -61,9 +59,8 @@ __export(src_exports, {
   Image: () => import_antd15.Image,
   Input: () => import_input.default,
   InputNumber: () => import_antd16.InputNumber,
-  List: () => import_list.default,
+  List: () => import_antd17.List,
   Mentions: () => import_antd19.Mentions,
-  Menu: () => import_antd18.Menu,
   Modal: () => import_modal.default,
   Page: () => import_page.default,
   Pagination: () => import_antd22.Pagination,
@@ -79,7 +76,6 @@ __export(src_exports, {
   Select: () => import_select.default,
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
-  Sort: () => import_sort.default,
   SortableList: () => import_sortableList.default,
   Space: () => import_antd29.Space,
   Spin: () => import_antd30.Spin,
@@ -98,7 +94,7 @@ __export(src_exports, {
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
-  message: () => import_antd17.message,
+  message: () => import_antd18.message,
   notification: () => import_antd21.notification,
   version: () => import_antd38.version
 });
@@ -166,15 +162,11 @@ var import_cascader = __toESM(require("./components/cascader"));
 var import_auto_complete = __toESM(require("./components/auto-complete"));
 var import_div = __toESM(require("./components/div"));
 var import_page = __toESM(require("./components/page"));
-var import_component = __toESM(require("./components/component"));
 var import_filter = __toESM(require("./components/filter"));
 var import_translation = __toESM(require("./components/translation"));
 var import_sortableList = __toESM(require("./components/sortableList"));
 var import_record_view = __toESM(require("./components/record-view"));
 var import_qrcode = __toESM(require("./components/qrcode"));
-var import_classicLayout = __toESM(require("./components/classicLayout"));
-var import_list = __toESM(require("./components/list"));
-var import_sort = __toESM(require("./components/sort"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -190,10 +182,8 @@ var import_sort = __toESM(require("./components/sort"));
   Carousel,
   Cascader,
   Checkbox,
-  ClassicLayout,
   Col,
   Collapse,
-  Component,
   ConfigProvider,
   DatePicker,
   Descriptions,
@@ -211,7 +201,6 @@ var import_sort = __toESM(require("./components/sort"));
   InputNumber,
   List,
   Mentions,
-  Menu,
   Modal,
   Page,
   Pagination,
@@ -227,7 +216,6 @@ var import_sort = __toESM(require("./components/sort"));
   Select,
   Skeleton,
   Slider,
-  Sort,
   SortableList,
   Space,
   Spin,

package/lib/utils/hoc.d.ts

@@ -3,15 +3,15 @@ import React, { ComponentType } from 'react';
  * 简单包装，不做任何处理
  * 部分组件ref比较特殊，包一层会解决这个问题
  */
-export declare function withWrap<T extends ComponentType<any>>(Comp: T): (props: any) => React.JSX.Element;
+export declare function withWrap<T extends ComponentType<any>>(Comp: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<React.ComponentProps<T>> & React.RefAttributes<any>>;
 /**
  * 某些组件会用React.Children.only检查子节点
  * 需要做处理避免报错
  */
-export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
-export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => React.JSX.Element;
+export declare function withSingleChild(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;
+export declare function withSingleFunctionChild(Comp: ComponentType<any>): (props: any) => JSX.Element;
 /**
  * moment对象在序列化后会被转为字符串
  * 需要让日期类组件支持接受字符串值
  */
-export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => React.JSX.Element;
+export declare function withMomentProps(Comp: ComponentType<any>, needsConvert?: string[]): (props: any) => JSX.Element;

package/lib/utils/hoc.js

@@ -48,9 +48,9 @@ function convertProps(props, list, mapper) {
   return out;
 }
 function withWrap(Comp) {
-  return (props) => {
-    return /* @__PURE__ */ import_react.default.createElement(Comp, { ...props });
-  };
+  return (0, import_react.forwardRef)((props, ref) => {
+    return /* @__PURE__ */ import_react.default.createElement(Comp, { ...props, ref });
+  });
 }
 function withSingleChild(Comp, needsConvert = ["children"]) {
   return (props) => {

package/lib/utils/miniRedux.d.ts

@@ -12,6 +12,6 @@ declare const _default: <State extends Record<string, any>, Namespace extends st
             payload: any;
         }) => void;
     }>;
-    Provider: (ComponentUi: any) => (props: any) => React.JSX.Element;
+    Provider: (ComponentUi: any) => (props: any) => JSX.Element;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.206",
+  "version": "1.0.207",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -58,8 +58,8 @@
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
     "@pisell/utils": "1.0.23",
-    "@pisell/icon": "0.0.8",
-    "@pisell/date-picker": "1.0.67"
+    "@pisell/date-picker": "1.0.67",
+    "@pisell/icon": "0.0.8"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;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 #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}