@pisell/materials 1.0.926 → 1.0.927

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

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

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

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

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

package/lib/components/table/Table/utils.d.ts

@@ -119,12 +119,6 @@ export declare const setFormValuesToLocalStorage: ({ tableId, allValues, keys, c
     key: string;
     value: Record<string, any>;
 } | undefined;
-/**
- * 获取表格键值
- * @param tableId 表格ID
- * @returns 返回格式化后的表格键值
- */
-export declare const getTableKey: (tableId: string) => string;
 /**
  * 合并筛选设置
  * @param list 列表数据
@@ -167,7 +161,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
+}) => ("view_mode" | "order_by" | "group_by" | "column_setting" | "gallery_setting" | "filter_setting")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

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

@@ -36,7 +36,6 @@ __export(utils_exports, {
   getHash: () => getHash,
   getIdByRowKey: () => getIdByRowKey,
   getSettingKeyArrByMode: () => getSettingKeyArrByMode,
-  getTableKey: () => getTableKey,
   getTableSettingByCurrentViewMode: () => getTableSettingByCurrentViewMode,
   getTableSettingFromLocalStorage: () => getTableSettingFromLocalStorage,
   groupDataSource: () => groupDataSource,
@@ -312,7 +311,24 @@ var setFormValuesToLocalStorage = ({
     currentSettingHash
   });
 };
-var getTableKey = (tableId) => `${tableKeyPrefix}-${tableId}`;
+var getTableKey = (tableId) => {
+  if (typeof window === "undefined" || typeof window.location === "undefined") {
+    return `${tableKeyPrefix}-${tableId}`;
+  }
+  const { pathname, search } = window.location;
+  let appendPath = pathname || "/";
+  let memoryKey = "";
+  try {
+    const params = new URLSearchParams(search || "");
+    const mk = params.get("memory_key");
+    if (mk && mk.trim() !== "") {
+      memoryKey = mk.trim();
+    }
+  } catch (e) {
+  }
+  const urlPart = memoryKey ? `${appendPath}#${memoryKey}` : appendPath;
+  return `${tableKeyPrefix}-${tableId}-${urlPart}`;
+};
 var mergeFilterSetting = ({
   list,
   quickFilterMaxLength,
@@ -462,7 +478,6 @@ var stringify = (obj) => {
   getHash,
   getIdByRowKey,
   getSettingKeyArrByMode,
-  getTableKey,
   getTableSettingByCurrentViewMode,
   getTableSettingFromLocalStorage,
   groupDataSource,

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface SortIconProps {
     sortOrder: null | "ascend" | "descend";
 }

package/lib/components/table/View/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewProps } from '../types';
 declare const View: (props: GridViewProps & {
     setTableSetting: (values: Record<string, any>) => void;

package/lib/components/table/hooks/useTableSetting.d.ts

@@ -1,5 +1,5 @@
 import { FilterType } from "../../filter/types";
-import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType } from "../types";
+import { ColumnSettingType, DataSourceGroupType, GallerySettingType, GridViewType, ModeType, SortType, ExportImportModeType, LocalSettingsType } from "../types";
 declare type UseTableSettingProps = {
     tableId?: string;
     filter: FilterType;
@@ -12,11 +12,10 @@ declare type UseTableSettingProps = {
     gallery?: GallerySettingType;
     currentSettingHash: string;
     exportImport?: ExportImportModeType;
+    localSettings?: LocalSettingsType;
 };
 declare const useTableSetting: (params: UseTableSettingProps) => {
     setTableSetting: (values: Record<string, any>) => void;
-    tableSetting: {
-        [x: string]: any;
-    };
+    tableSetting: any;
 };
 export default useTableSetting;

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

@@ -36,6 +36,7 @@ var import_react = require("react");
 var import_utils = require("../Table/utils");
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_ahooks = require("ahooks");
+var import_react2 = __toESM(require("react"));
 var useTableSetting = (params) => {
   var _a;
   const {
@@ -49,7 +50,8 @@ var useTableSetting = (params) => {
     columns: propsColumns,
     gallery,
     currentSettingHash,
-    exportImport
+    exportImport,
+    localSettings
   } = params;
   const context = (0, import_useEngineContext.default)();
   const { isTerminal, interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
@@ -81,7 +83,8 @@ var useTableSetting = (params) => {
     };
   }, [gallery, columns]);
   const localStorageSettingKeyArr = (0, import_react.useMemo)(() => {
-    return (0, import_utils.getSettingKeyArrByMode)({
+    var _a2;
+    const keys = (0, import_utils.getSettingKeyArrByMode)({
       filter,
       columnSetting,
       dataSourceGroup,
@@ -89,6 +92,12 @@ var useTableSetting = (params) => {
       mode: "localStorage",
       currentViewMode
     });
+    if ((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters"))) {
+      if (!keys.includes("filters")) {
+        keys.push("filters");
+      }
+    }
+    return keys;
   }, [tableId, filter, columnSetting, dataSourceGroup, sort, currentViewMode]);
   const defaultKeyArr = (0, import_react.useMemo)(() => {
     return (0, import_utils.getSettingKeyArrByMode)({
@@ -201,20 +210,109 @@ var useTableSetting = (params) => {
     sortButtonShow
   ]);
   const setTableSetting = (0, import_ahooks.useMemoizedFn)((values) => {
+    var _a2;
+    let valuesForSave = values;
+    if ((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters"))) {
+      const excluded = new Set((localSettings == null ? void 0 : localSettings.excludedFilterFields) || []);
+      const filterValue = {};
+      ((filter == null ? void 0 : filter.list) || []).forEach((item) => {
+        const rawName = item == null ? void 0 : item.name;
+        if (!rawName) return;
+        const key = Array.isArray(rawName) ? rawName.join(",") : String(rawName);
+        if (excluded.has(key)) return;
+        if (values.hasOwnProperty(key)) {
+          filterValue[key] = values[key];
+        }
+      });
+      valuesForSave = {
+        ...values,
+        filters: filterValue
+      };
+    }
     const result = (0, import_utils.setFormValuesToLocalStorage)({
       tableId,
-      allValues: values,
+      allValues: valuesForSave,
       keys: localStorageSettingKeyArr,
       currentViewMode,
       currentSettingHash
     });
   });
   const tableSetting = (0, import_react.useMemo)(() => {
-    return {
+    var _a2;
+    const merged = {
       ...tableLocalSetting,
       ...defaultTableSetting
     };
-  }, [tableLocalSetting, defaultTableSetting]);
+    if ((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters"))) {
+      const persistedFilter = tableLocalSetting == null ? void 0 : tableLocalSetting.filters;
+      if (persistedFilter && typeof persistedFilter === "object") {
+        return {
+          ...merged,
+          ...persistedFilter
+        };
+      }
+    }
+    return merged;
+  }, [tableLocalSetting, defaultTableSetting, localSettings]);
+  (0, import_react.useMemo)(() => {
+    var _a2;
+    try {
+      if (!tableId) return;
+      const current = (0, import_utils.getTableSettingByCurrentViewMode)(tableId, currentViewMode) || {};
+      const persistedFilters = (current == null ? void 0 : current.filters) || {};
+      let nextFilters = { ...persistedFilters };
+      let shouldUpdate = false;
+      const enableFiltersMemory = !!((localSettings == null ? void 0 : localSettings.enable) && ((_a2 = localSettings.scope) == null ? void 0 : _a2.includes("filters")));
+      if (!enableFiltersMemory) {
+        if (Object.keys(persistedFilters || {}).length > 0) {
+          nextFilters = {};
+          shouldUpdate = true;
+        }
+      } else {
+        let names = /* @__PURE__ */ new Set();
+        if (import_react2.default.isValidElement(filter)) {
+          names = new Set(
+            ((filter == null ? void 0 : filter.items) || []).filter((item) => !item.isHidden).map((item) => {
+              const rawName = item == null ? void 0 : item.value;
+              if (!rawName) return void 0;
+              return Array.isArray(rawName) ? rawName.join(",") : String(rawName);
+            })
+          );
+        } else {
+          names = new Set(
+            ((filter == null ? void 0 : filter.list) || []).map((item) => {
+              const rawName = item == null ? void 0 : item.name;
+              if (!rawName) return void 0;
+              return Array.isArray(rawName) ? rawName.join(",") : String(rawName);
+            }).filter(Boolean)
+          );
+        }
+        const excluded = new Set((localSettings == null ? void 0 : localSettings.excludedFilterFields) || []);
+        const allowed = new Set(Array.from(names).filter((k) => !excluded.has(k)));
+        const filtered = {};
+        Object.keys(persistedFilters || {}).forEach((k) => {
+          if (allowed.has(k)) {
+            filtered[k] = persistedFilters[k];
+          } else {
+            shouldUpdate = true;
+          }
+        });
+        if (Object.keys(filtered).length !== Object.keys(persistedFilters || {}).length) {
+          shouldUpdate = true;
+        }
+        nextFilters = filtered;
+      }
+      if (shouldUpdate) {
+        (0, import_utils.setTableSettingToLocalStorage)({
+          tableId,
+          tableSettingObj: { filters: nextFilters },
+          currentViewMode,
+          currentSettingHash
+        });
+      }
+    } catch (e) {
+    }
+  }, []);
   return {
     setTableSetting,
     tableSetting

package/lib/components/table/index.js

@@ -76,6 +76,7 @@ var GridView = (0, import_model.Provider)(
       onValuesChange,
       columnSetting,
       dataSourceGroup: propsDataSourceGroup,
+      localSettings: _localSettings,
       view = defaultView,
       gallery,
       currentSettingKey,
@@ -171,7 +172,8 @@ var GridView = (0, import_model.Provider)(
       view,
       currentViewMode,
       gallery,
-      currentSettingHash
+      currentSettingHash,
+      localSettings: _localSettings
     });
     const getIsTriggerValuesChange = (0, import_useTriggerValuesChange.default)({
       filter,
@@ -260,6 +262,15 @@ var GridView = (0, import_model.Provider)(
     (0, import_react.useImperativeHandle)(ref, () => {
       if (wrapRef.current) {
         wrapRef.current.formInstance = form;
+        wrapRef.current.getCachedFilters = () => {
+          try {
+            if (!tableId) return {};
+            const setting = (0, import_utils.getTableSettingByCurrentViewMode)(tableId, currentViewMode);
+            return (setting == null ? void 0 : setting.filters) || {};
+          } catch (e) {
+            return {};
+          }
+        };
       }
       return wrapRef.current;
     });

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

@@ -193,6 +193,21 @@ export declare type ExportImportType = {
     apiUrl?: ApiProps;
     otherParams?: any;
 };
+/**
+ * 设置记忆范围
+ */
+export declare type LocalSettingsScope = "filters" | "sorting" | "columns";
+/**
+ * 本地记忆设置
+ */
+export declare type LocalSettingsType = {
+    /** 启用设置记忆 */
+    enable: boolean;
+    /** 记忆范围 */
+    scope: LocalSettingsScope[];
+    /** 不需要记忆的筛选字段（当 scope 包含 filters 时生效） */
+    excludedFilterFields?: string[];
+};
 export declare type GridViewProps = {
     columns: any;
     dataSource: any[];
@@ -249,5 +264,7 @@ export declare type GridViewProps = {
             sortBy?: string;
         }[];
     };
+    /** 本地记忆设置 */
+    localSettings?: LocalSettingsType;
 };
 export {};

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 import './index.less';
 export interface Version {

package/lib/components/virtual-keyboard/BaseNumberKeyboard/Presets.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./Presets.less";
 export declare type PresetsItem = {
     label: string;

package/lib/components/virtual-keyboard/Time/utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const formatStringToTime: (value: string) => {
     valueArray: string[];
     valueString: string;

package/lib/components/walletCard/Guest/index.d.ts

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

package/lib/components/walletCard/Guide/index.d.ts

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

package/lowcode/data-source-table/meta.ts

@@ -4542,6 +4542,119 @@ const dataSourceTable = {
           },
         ],
       },
+      {
+        title: "本地记忆",
+        display: "block",
+        type: "group",
+        items: [
+          {
+            name: "localSettings.enable",
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Enable settings memory',
+                'zh-CN': '启用设置记忆',
+                'zh-HK': '啟用設置記憶',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'Automatically save and restore table settings',
+                'zh-CN': '自动保存和恢复表格设置',
+                'zh-HK': '自動保存和恢復表格設置',
+              },
+            },
+            propType: "bool",
+            setter: "BoolSetter",
+            defaultValue: true,
+          },
+          {
+            name: "localSettings.scope",
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Memory scope',
+                'zh-CN': '记忆范围',
+                'zh-HK': '記憶範圍',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'Choose which settings to remember',
+                'zh-CN': '选择要记忆的设置项',
+                'zh-HK': '選擇要記憶的設置項',
+              },
+            },
+            condition: {
+              type: "JSFunction",
+              value: 'target => !!target.getProps().getPropValue("localSettings.enable")',
+            },
+            setter: {
+              componentName: "SelectSetter",
+              props: {
+                mode: "multiple",
+                options: [
+                  { title: '筛选', value: "filters" },
+                  { title: '排序', value: "sorting" },
+                  { title: '列配置', value: "columns" },
+                ],
+              },
+            },
+            defaultValue: ["filters", "sorting", "columns"],
+          },
+          {
+            name: "localSettings.excludedFilterFields",
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Excluded filter fields',
+                'zh-CN': '筛选排除字段',
+                'zh-HK': '篩選排除字段',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'Filter fields that should not be remembered',
+                'zh-CN': '不需要记忆的筛选字段',
+                'zh-HK': '不需要記憶的篩選字段',
+              },
+            },
+            condition: {
+              type: "JSFunction",
+              value: 'target => { const enable = !!target.getProps().getPropValue("localSettings.enable"); const scope = target.getProps().getPropValue("localSettings.scope") || []; return enable && Array.isArray(scope) && scope.includes("filters"); }',
+            },
+            setter: {
+              componentName: "SelectSetter",
+              props: (target: any) => {
+                const filterList = (target.parent.parent.getPropValue("filter.items") || []) as any[];
+
+
+                const searchDetail = target.parent.parent.getPropValue("search");
+
+                if (searchDetail && searchDetail.show) {
+                  filterList.unshift({
+                    label: "搜索",
+                    value: searchDetail.key || "_keywords",
+                    isHidden: false,
+                  });
+                }
+
+                return {
+                  mode: "multiple",
+                  options: filterList
+                    .map((item: any) => ({
+                      title:
+                        (item && (typeof item.label === 'string' ? item.label : item.label?.["zh-CN"] || item.label?.["zh-HK"] || item.label?.en)) ||
+                        item?.key ||
+                        item?.columnKey ||
+                        "",
+                      value: item?.value || "",
+                      isHidden: item?.isHidden,
+                    }))
+                    .filter((opt: any) => opt.value && !opt.isHidden),
+                };
+              },
+            },
+          },
+        ],
+      },
       {
         title: { label: '列配置', tip: '表格的列配置' },
         display: 'block',

package/lowcode/table/meta.ts

@@ -1457,6 +1457,110 @@ export default {
         },
       ],
     },
+    {
+      title: "本地记忆",
+      display: "block",
+      type: "group",
+      items: [
+        {
+          name: "localSettings.enable",
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'Enable settings memory',
+              'zh-CN': '启用设置记忆',
+              'zh-HK': '啟用設置記憶',
+            },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Automatically save and restore table settings',
+              'zh-CN': '自动保存和恢复表格设置',
+              'zh-HK': '自動保存和恢復表格設置',
+            },
+          },
+          propType: "bool",
+          setter: "BoolSetter",
+          defaultValue: true,
+        },
+        {
+          name: "localSettings.scope",
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'Memory scope',
+              'zh-CN': '记忆范围',
+              'zh-HK': '記憶範圍',
+            },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Choose which settings to remember',
+              'zh-CN': '选择要记忆的设置项',
+              'zh-HK': '選擇要記憶的設置項',
+            },
+          },
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("localSettings.enable")',
+          },
+          setter: {
+            componentName: "SelectSetter",
+            props: {
+              mode: "multiple",
+              options: [
+                { title: '筛选', value: "filters" },
+                { title: '排序', value: "sorting" },
+                { title: '列配置', value: "columns" },
+              ],
+            },
+          },
+          defaultValue: ["filters", "sorting", "columns"],
+        },
+        {
+          name: "localSettings.excludedFilterFields",
+          title: {
+            label: {
+              type: 'i18n',
+              'en-US': 'Excluded filter fields',
+              'zh-CN': '筛选排除字段',
+              'zh-HK': '篩選排除字段',
+            },
+            tip: {
+              type: 'i18n',
+              'en-US': 'Filter fields that should not be remembered',
+              'zh-CN': '不需要记忆的筛选字段',
+              'zh-HK': '不需要記憶的篩選字段',
+            },
+          },
+          // condition: {
+          //   type: "JSFunction",
+          //   value: 'target => { const enable = !!target.getProps().getPropValue("settingsMemory.enable"); const scope = target.getProps().getPropValue("settingsMemory.scope") || []; return enable && Array.isArray(scope) && scope.includes("filters"); }',
+          // },
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("localSettings.enable")',
+          },
+          setter: {
+            componentName: "SelectSetter",
+            props: (target: any) => {
+              const filterList = (target.parent.parent.getPropValue("filter.list") || []) as any[];
+              return {
+                mode: "multiple",
+                options: filterList
+                  .map((item: any) => ({
+                    title:
+                      (item && (item.label?.["zh-CN"] || item.label?.["zh-HK"] || item.label?.en)) ||
+                      item?.key ||
+                      item?.columnKey ||
+                      "",
+                    value: item?.key || item?.columnKey || "",
+                  }))
+                  .filter((opt: any) => opt.value),
+              };
+            },
+          },
+        },
+      ],
+    },
     {
       title: { label: "列配置", tip: "表格的列配置" },
       display: "block",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.926",
+  "version": "1.0.927",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",

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}