@pisell/materials 1.0.113 → 1.0.114

package/lib/components/page/index.js

@@ -37,143 +37,143 @@ var import_config_provider = __toESM(require("../config-provider"));
 var import_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
 var import_date_picker = require("@pisell/date-picker");
 var theme = {
-  "components": {
-    "Table": {
-      "colorFillContent": "#EAECF0",
-      "colorFillSecondary": "#F2F4F7",
-      "colorBorderSecondary": "#EAECF0",
-      "colorFillAlter": "#F9FAFB",
-      "controlItemBgHover": "#F9FAFB",
-      "colorTextHeading": "#475467",
-      "colorTextDescription": "#667085",
-      "colorText": "#101828",
-      "controlHeight": 32,
-      "padding": 24,
-      "margin": 16
+  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
+    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"
+    Divider: {
+      colorSplit: "#EAECF0"
     },
-    "Breadcrumb": {
-      "itemColor": "#475467",
-      "colorTextDescription": "#475467",
-      "lastItemColor": "#6941C6",
-      "separatorMargin": 12,
-      "separatorColor": "#D0D5DD",
-      "linkHoverColor": "#1D2939",
-      "linkColor": "#475467",
-      "colorBgTextHover": "#F9FAFB",
-      "paddingXXS": 8
+    Breadcrumb: {
+      itemColor: "#475467",
+      colorTextDescription: "#475467",
+      lastItemColor: "#6941C6",
+      separatorMargin: 12,
+      separatorColor: "#D0D5DD",
+      linkHoverColor: "#1D2939",
+      linkColor: "#475467",
+      colorBgTextHover: "#F9FAFB",
+      paddingXXS: 8
     },
-    "Dropdown": {
-      "borderRadiusLG": 8,
+    Dropdown: {
+      borderRadiusLG: 8,
       // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
-      "controlHeight": 42,
-      "fontSize": 14
+      controlHeight: 42,
+      fontSize: 14
     },
-    "DatePicker": {
-      "borderRadius": 8,
-      "colorTextPlaceholder": "#667085",
-      "colorIcon": "#667085",
-      "colorTextQuaternary": "#D0D5DD",
-      "colorBgContainerDisabled": "#F9FAFB",
-      "colorTextDisabled": "#98A2B3"
+    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)",
-    "wireframe": false,
-    "borderRadius": 8
+  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 _a;

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

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

package/lib/components/qrcode/index.js

@@ -0,0 +1,68 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/qrcode/index.tsx
+var qrcode_exports = {};
+__export(qrcode_exports, {
+  default: () => qrcode_default
+});
+module.exports = __toCommonJS(qrcode_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var QRCode = (props) => {
+  const { preview } = props;
+  const [visible, setVisible] = import_react.default.useState(false);
+  const id = (0, import_react.useMemo)(() => {
+    return (0, import_utils.getUniqueId)();
+  }, []);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    setVisible(true);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      onClick: handleClick,
+      id,
+      className: "pisell-lowcode-qrcode-wrap"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { ...props })
+  ), preview && /* @__PURE__ */ import_react.default.createElement("span", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      open: visible,
+      onCancel: () => setVisible(false),
+      footer: null,
+      width: 248,
+      closeIcon: /* @__PURE__ */ import_react.default.createElement("span", null)
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { ...props, size: 200 })
+  )));
+};
+var qrcode_default = QRCode;

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

@@ -85,11 +85,11 @@ var BasicTable = (props) => {
     other.columns
   ]);
   const total = (0, import_react.useMemo)(() => {
-    if (dataSource.length > formPagination.size) {
+    if (localPagination) {
       return (_dataSource == null ? void 0 : _dataSource.total) || 0;
     }
     return (pagination == null ? void 0 : pagination.total) || (_dataSource == null ? void 0 : _dataSource.total) || 0;
-  }, [_dataSource, pagination]);
+  }, [_dataSource, pagination, localPagination]);
   return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Table,
     {

package/lib/index.d.ts

@@ -26,7 +26,6 @@ export { Progress } from "antd";
 export { Rate } from "antd";
 export { Result } from "antd";
 export { Row } from "antd";
-export { QRCode } from "antd";
 export { Space } from "antd";
 export { Spin } from "antd";
 export { Steps } from "antd";
@@ -66,3 +65,4 @@ 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";

package/lib/index.js

@@ -67,7 +67,7 @@ __export(src_exports, {
   Popconfirm: () => import_antd23.Popconfirm,
   Popover: () => import_antd24.Popover,
   Progress: () => import_antd25.Progress,
-  QRCode: () => import_antd29.QRCode,
+  QRCode: () => import_qrcode.default,
   Radio: () => import_radio.default,
   Rate: () => import_antd26.Rate,
   RecordView: () => import_record_view.default,
@@ -77,26 +77,26 @@ __export(src_exports, {
   Skeleton: () => import_skeleton.default,
   Slider: () => import_slider.default,
   SortableList: () => import_sortableList.default,
-  Space: () => import_antd30.Space,
-  Spin: () => import_antd31.Spin,
+  Space: () => import_antd29.Space,
+  Spin: () => import_antd30.Spin,
   Statistic: () => import_antd20.Statistic,
-  Steps: () => import_antd32.Steps,
-  Switch: () => import_antd33.Switch,
+  Steps: () => import_antd31.Steps,
+  Switch: () => import_antd32.Switch,
   Table: () => import_table.default,
   Tabs: () => import_tabs.default,
-  Tag: () => import_antd36.Tag,
+  Tag: () => import_antd35.Tag,
   TimePicker: () => import_time_picker.default,
-  Timeline: () => import_antd37.Timeline,
-  Tooltip: () => import_antd38.Tooltip,
-  Transfer: () => import_antd34.Transfer,
+  Timeline: () => import_antd36.Timeline,
+  Tooltip: () => import_antd37.Tooltip,
+  Transfer: () => import_antd33.Transfer,
   Translation: () => import_translation.default,
-  Tree: () => import_antd35.Tree,
+  Tree: () => import_antd34.Tree,
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
   message: () => import_antd18.message,
   notification: () => import_antd21.notification,
-  version: () => import_antd39.version
+  version: () => import_antd38.version
 });
 module.exports = __toCommonJS(src_exports);
 var import_antd = require("antd");
@@ -137,7 +137,6 @@ var import_antd35 = require("antd");
 var import_antd36 = require("antd");
 var import_antd37 = require("antd");
 var import_antd38 = require("antd");
-var import_antd39 = require("antd");
 var import_typography = __toESM(require("./components/typography"));
 var import_skeleton = __toESM(require("./components/skeleton"));
 var import_checkbox = __toESM(require("./components/checkbox"));
@@ -167,6 +166,7 @@ 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"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.113",
+  "version": "1.0.114",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -55,9 +55,9 @@
     "@dnd-kit/utilities": "^3.2.1",
     "ahooks": "^3.7.6",
     "react-infinite-scroll-component": "^6.1.0",
-    "@pisell/utils": "1.0.7",
+    "@pisell/utils": "1.0.8",
     "@pisell/icon": "0.0.8",
-    "@pisell/date-picker": "1.0.36"
+    "@pisell/date-picker": "1.0.37"
   },
   "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}