@pisell/materials 1.0.714 → 1.0.716

package/lib/components/select/index.js

@@ -61,8 +61,7 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
   const [state, setState] = (0, import_ahooks.useControllableValue)(props);
   const [searchValue, setSearchValue] = (0, import_react.useState)("");
   const filteredOptions = (0, import_react.useMemo)(() => {
-    if (!searchValue)
-      return options;
+    if (!searchValue) return options;
     return (options || []).filter(
       (option) => {
         var _a;
@@ -99,8 +98,7 @@ var SelectBase = (0, import_react.forwardRef)((props, ref) => {
   }, [mode, selectAll, isShowDropdown]);
   const checkboxChecked = (0, import_react.useMemo)(() => {
     var _a, _b, _c;
-    if (mode !== "multiple")
-      return false;
+    if (mode !== "multiple") return false;
     return (state == null ? void 0 : state.length) === (filteredOptions == null ? void 0 : filteredOptions.length) && ((_a = state == null ? void 0 : state.sort()) == null ? void 0 : _a.join("")) === ((_c = (_b = filteredOptions == null ? void 0 : filteredOptions.map((item) => item.value)) == null ? void 0 : _b.sort()) == null ? void 0 : _c.join(""));
   }, [state, filteredOptions]);
   const dropdownRender = (0, import_react.useCallback)(

package/lib/components/table/Actions/component/ColumnsSetting/PopoverContent.js

@@ -92,8 +92,7 @@ var PopoverContent = (props) => {
         return `${item.key}-${(_a = item.dataIndex) == null ? void 0 : _a.toString()}`;
       },
       onChange: (list) => {
-        if (!(0, import_utils.isFixedOrderValid)(list))
-          return;
+        if (!(0, import_utils.isFixedOrderValid)(list)) return;
         onChange == null ? void 0 : onChange(
           list.map((item, index) => ({
             ...item,

package/lib/components/table/Actions/component/ExportImport/index.js

@@ -96,8 +96,7 @@ var ExportImport = ({ exportImport }) => {
     return types.includes(value) ? 900 : import_status.defaultOptions.importValue ? 600 : 400;
   }, [value]);
   const _title = (0, import_react.useMemo)(() => {
-    if (!value)
-      return null;
+    if (!value) return null;
     const types = import_status.defaultOptions.okShowButtonTypes;
     const lang = (0, import_locale.getCurrentLocale)();
     const isEn = lang === "en-US" || lang === "en";

package/lib/components/table/Table/fields/date/filterUtil/index.js

@@ -40,17 +40,14 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value)
-    return true;
+  if (!value) return true;
   const valueDayjsObj = (0, import_dayjs.default)(value);
   if (!valueDayjsObj.isValid()) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue))
-    return false;
+  if ((0, import_utils.isUndefined)(dataValue)) return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid())
-    return false;
+  if (!dataDayjsObj.isValid()) return false;
   return dataDayjsObj.isSame(valueDayjsObj, "day");
 }

package/lib/components/table/Table/fields/oldRangePicker/filterUtil/index.js

@@ -43,19 +43,15 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value)
-    return true;
-  if ((value == null ? void 0 : value.length) !== 2)
-    return true;
+  if (!value) return true;
+  if ((value == null ? void 0 : value.length) !== 2) return true;
   const valueDayjsObj = value.map((item2) => (0, import_dayjs.default)(item2 || ""));
   if (valueDayjsObj.some((item2) => !item2.isValid())) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue))
-    return false;
+  if ((0, import_utils.isUndefined)(dataValue)) return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid())
-    return false;
+  if (!dataDayjsObj.isValid()) return false;
   return isDateInRange(dataDayjsObj, valueDayjsObj);
 }

package/lib/components/table/Table/fields/rangePicker/filterUtil/index.js

@@ -43,19 +43,15 @@ function filterUtil_default({
   key,
   item
 }) {
-  if (!value)
-    return true;
-  if ((value == null ? void 0 : value.length) !== 2)
-    return true;
+  if (!value) return true;
+  if ((value == null ? void 0 : value.length) !== 2) return true;
   const valueDayjsObj = value.map((item2) => (0, import_dayjs.default)(item2 || ""));
   if (valueDayjsObj.some((item2) => !item2.isValid())) {
     return true;
   }
   const dataValue = (0, import_utils2.getValueByKeys)(item, key);
-  if ((0, import_utils.isUndefined)(dataValue))
-    return false;
+  if ((0, import_utils.isUndefined)(dataValue)) return false;
   const dataDayjsObj = (0, import_dayjs.default)(dataValue);
-  if (!dataDayjsObj.isValid())
-    return false;
+  if (!dataDayjsObj.isValid()) return false;
   return isDateInRange(dataDayjsObj, valueDayjsObj);
 }

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

@@ -25,8 +25,7 @@ module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var getValueByKeys = (obj, keys) => {
   var _a;
-  if (!keys)
-    return keys;
+  if (!keys) return keys;
   if ((0, import_utils.isString)(keys)) {
     keys = [keys];
   }

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

@@ -92,8 +92,7 @@ var calcFilterSort = ({ dataSource, filter, sort, columns }) => {
   const newDataSource = dataSource.filter((item) => {
     return Object.keys(filter || {}).every((f) => {
       var _a, _b;
-      if (!((_a = filter[f]) == null ? void 0 : _a.length))
-        return true;
+      if (!((_a = filter[f]) == null ? void 0 : _a.length)) return true;
       const columnDetail = columnMap[f];
       if (((_b = columnDetail.filters) == null ? void 0 : _b.length) > 0) {
         return filterFnMap["filters"](
@@ -132,8 +131,7 @@ var calcFilterSort = ({ dataSource, filter, sort, columns }) => {
   return newDataSource;
 };
 var getColumnsFromLocalStorage = (tableId, currentViewMode) => {
-  if (!tableId)
-    return {};
+  if (!tableId) return {};
   const { column_setting } = getTableSettingByCurrentViewMode(tableId, currentViewMode) || {};
   const col = column_setting;
   if (col) {
@@ -153,11 +151,10 @@ var mergeColumnSetting = ({
   tableId,
   currentViewMode
 }) => {
-  if (!tableId)
-    return columns.map((item) => ({
-      ...item,
-      isShow: true
-    }));
+  if (!tableId) return columns.map((item) => ({
+    ...item,
+    isShow: true
+  }));
   const colKeyMap = getColumnsFromLocalStorage(tableId, currentViewMode);
   const newColumns = columns.map((item, index) => {
     const col = colKeyMap[item.key];
@@ -251,8 +248,7 @@ var setTableSettingToLocalStorage = ({
   currentViewMode,
   currentSettingHash
 }) => {
-  if (!tableId)
-    return;
+  if (!tableId) return;
   const originData = localStorage.getItem(getTableKey(tableId));
   let newData = {};
   if (originData && (0, import_utils.isJson)(originData)) {
@@ -278,13 +274,11 @@ var setTableSettingToLocalStorage = ({
   };
 };
 var clearTableSettingToLocalStorage = (tableId) => {
-  if (!tableId)
-    return;
+  if (!tableId) return;
   localStorage.removeItem(getTableKey(tableId));
 };
 var getTableSettingFromLocalStorage = (tableId) => {
-  if (!tableId)
-    return {};
+  if (!tableId) return {};
   const originData = localStorage.getItem(getTableKey(tableId));
   if (originData && (0, import_utils.isJson)(originData)) {
     return JSON.parse(originData);
@@ -306,8 +300,7 @@ var setFormValuesToLocalStorage = ({
   currentViewMode,
   currentSettingHash
 }) => {
-  if (!tableId)
-    return;
+  if (!tableId) return;
   let obj = {};
   keys == null ? void 0 : keys.forEach((key) => {
     obj[key] = allValues == null ? void 0 : allValues[key];

package/lib/components/table/hooks/useTransColumns.js

@@ -79,8 +79,7 @@ var useTransColumns = (params) => {
   const groupField = (_a = group == null ? void 0 : group[0]) == null ? void 0 : _a.field;
   const groupFieldRender = (0, import_react.useCallback)(
     (text, record) => {
-      if (!groupField)
-        return void 0;
+      if (!groupField) return void 0;
       const { children } = record;
       const fieldCol = columns.find(
         (item) => `${item.dataIndex}` === groupField

package/lib/components/table/utils.js

@@ -23,14 +23,14 @@ __export(utils_exports, {
 });
 module.exports = __toCommonJS(utils_exports);
 var Request = class {
+  request = {
+    get: void 0,
+    post: void 0,
+    put: void 0,
+    remove: void 0,
+    custom: void 0
+  };
   constructor() {
-    this.request = {
-      get: void 0,
-      post: void 0,
-      put: void 0,
-      remove: void 0,
-      custom: void 0
-    };
   }
   setRequest(val) {
     this.request = val;

package/lib/components/tabs/index.js

@@ -40,71 +40,68 @@ 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);
-    this.state = {
-      activeKey: this.props.activeKey ?? this.props.defaultActiveKey
-    };
-    this._handleChange = (key) => {
-      this.setActiveKey(key);
-    };
-    // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
-    this.setActiveKey = (key) => {
-      const { onChange = () => {
-      } } = this.props;
-      this.setState({ activeKey: key });
-      onChange(key);
-    };
-    // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
-    this.getActiveKey = () => {
-      return this.state.activeKey;
-    };
-    this.renderIconLabelTabBar = (props, DefaultTabBar) => {
-      var _a;
-      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}`,
-            (_a = this.props) == null ? void 0 : _a.className
-          ),
-          style: wrapStyle
-        },
-        this.filterHiddenTabs(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("span", { className: `${prefix}tab-bar-label` }, item.label)
-          );
-        }),
-        props.extra
-      );
-    };
-    this.filterHiddenTabs = (tabs) => {
-      return tabs.filter((item) => !item.hidden);
-    };
-  }
+  state = {
+    activeKey: this.props.activeKey ?? this.props.defaultActiveKey
+  };
   componentDidMount() {
     document.body.id = "body";
   }
+  _handleChange = (key) => {
+    this.setActiveKey(key);
+  };
+  // 编辑器里可以通过 this.$(refId).setActiveKey(key) 调用
+  setActiveKey = (key) => {
+    const { onChange = () => {
+    } } = this.props;
+    this.setState({ activeKey: key });
+    onChange(key);
+  };
+  // 编辑器里可以通过 this.$(refId).getActiveKey() 调用
+  getActiveKey = () => {
+    return this.state.activeKey;
+  };
+  renderIconLabelTabBar = (props, DefaultTabBar) => {
+    var _a;
+    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}`,
+          (_a = this.props) == null ? void 0 : _a.className
+        ),
+        style: wrapStyle
+      },
+      this.filterHiddenTabs(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("span", { className: `${prefix}tab-bar-label` }, item.label)
+        );
+      }),
+      props.extra
+    );
+  };
+  filterHiddenTabs = (tabs) => {
+    return tabs.filter((item) => !item.hidden);
+  };
   render() {
     const { props } = this;
     const { activeKey } = this.state;

package/lib/components/versionModal/index.js

@@ -50,10 +50,8 @@ var parseVersion = (version) => {
 var isVersionValid = (customVersion, currentVersion) => {
   const [cMajor, cMinor, cPatch] = parseVersion(customVersion);
   const [liveMajor, liveMinor, livePatch] = parseVersion(currentVersion);
-  if (cMajor > liveMajor)
-    return true;
-  if (cMajor === liveMajor && cMinor > liveMinor)
-    return true;
+  if (cMajor > liveMajor) return true;
+  if (cMajor === liveMajor && cMinor > liveMinor) return true;
   if (cMajor === liveMajor && cMinor === liveMinor && cPatch > livePatch)
     return true;
   return false;

package/lib/components/versionSelect/index.js

@@ -39,21 +39,15 @@ var import_pisellTags = __toESM(require("../pisellTags"));
 var import_locales = require("../../locales");
 var import_index = require("./index.less");
 var getStatusColor = (status) => {
-  if (status === "live")
-    return "success";
-  if (status === "draft")
-    return "gray";
-  if (status === "deprecated")
-    return "error";
+  if (status === "live") return "success";
+  if (status === "draft") return "gray";
+  if (status === "deprecated") return "error";
   return "gray";
 };
 var getStatusText = (status) => {
-  if (status === "live")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
-  if (status === "draft")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
-  if (status === "deprecated")
-    return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
+  if (status === "live") return (0, import_locales.getText)("pisell-lowcode-app-version-control-live");
+  if (status === "draft") return (0, import_locales.getText)("pisell-lowcode-app-version-control-draft");
+  if (status === "deprecated") return (0, import_locales.getText)("pisell-lowcode-app-version-control-deprecated");
 };
 var VersionSelect = (props) => {
   const { versions, value, onChange, ...rest } = props;

package/lib/components/virtual-keyboard/BaseNumberKeyboard/index.js

@@ -182,14 +182,12 @@ var BaseNumberKeyboard = (props) => {
   };
   const handleChangeValue = (val) => {
     const detail = checkValue(val);
-    if (detail)
-      return;
+    if (detail) return;
     setValue(val);
   };
   const actions = {
     ".": (val) => {
-      if (value.includes("."))
-        return;
+      if (value.includes(".")) return;
       actions.default(val);
     },
     delete: () => {

package/lib/components/walletCard/index.js

@@ -84,12 +84,9 @@ var DEFAULT_PROPS = {
   ]
 };
 var toBooleanValue = (value) => {
-  if (value === void 0)
-    return false;
-  if (value === 0 || value === "0")
-    return false;
-  if (value === 1 || value === "1")
-    return true;
+  if (value === void 0) return false;
+  if (value === 0 || value === "0") return false;
+  if (value === 1 || value === "1") return true;
   return !!value;
 };
 var useCodeModal = (cardNo, onCodeClick) => {
@@ -176,8 +173,7 @@ var CardContent = ({ items, symbol }) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-list" }, (items || []).map((item, index) => /* @__PURE__ */ import_react.default.createElement(CardItem, { key: index, item, symbol })));
 };
 var CodeDisplay = ({ codeType, cardNo }) => {
-  if (!cardNo)
-    return null;
+  if (!cardNo) return null;
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code-qrcode" }, codeType === "barCode" ? /* @__PURE__ */ import_react.default.createElement(import_react_barcode.default, { value: cardNo, displayValue: false, height: 114, width: 3 }) : /* @__PURE__ */ import_react.default.createElement(import_antd.QRCode, { size: 250, value: cardNo, bordered: false }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-card-code-qrcode-value" }, cardNo)));
 };
 var blockEvent = (e) => {

package/lib/hooks/useCssVariables.js

@@ -26,8 +26,7 @@ var import_react = require("react");
 var useCssVariables = (props) => {
   const { variables, ref } = props;
   (0, import_react.useEffect)(() => {
-    if (!ref)
-      return;
+    if (!ref) return;
     Object.entries(variables).forEach(([key, value]) => {
       ref.current.style.setProperty(key, value);
     });

package/lib/hooks/useResponsive.js

@@ -35,8 +35,7 @@ var responsiveConfig = {
 function handleResize() {
   const oldInfo = info;
   calculate();
-  if (oldInfo === info)
-    return;
+  if (oldInfo === info) return;
   for (const subscriber of subscribers) {
     subscriber();
   }
@@ -58,8 +57,7 @@ function calculate() {
 }
 function configResponsive(config) {
   responsiveConfig = config;
-  if (info)
-    calculate();
+  if (info) calculate();
 }
 function useResponsive() {
   if (import_utils.isBrowser && !listening) {
@@ -70,8 +68,7 @@ function useResponsive() {
   }
   const [state, setState] = (0, import_react.useState)(info);
   (0, import_react.useEffect)(() => {
-    if (!import_utils.isBrowser)
-      return;
+    if (!import_utils.isBrowser) return;
     if (!listening) {
       window.addEventListener("resize", handleResize);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.714",
+  "version": "1.0.716",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,8 +72,8 @@
     "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
     "@pisell/date-picker": "1.0.115",
-    "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/icon": "0.0.10"
   },
   "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}