@pisell/materials 6.1.4 → 6.1.6

package/lib/components/productCard/index.js

@@ -64,6 +64,7 @@ var ProductCard = (props) => {
     isShowDelete = import_status.defaultValue.isShowDelete,
     isShowPackageNote = import_status.defaultValue.isShowPackageNote,
     isShowEditProduct = import_status.defaultValue.isShowEditProduct,
+    scenario,
     onEditProduct,
     onAction,
     onDelete,
@@ -107,8 +108,9 @@ var ProductCard = (props) => {
       import_cardPro.default,
       {
         className: (0, import_classnames.default)("pisell-lowcode-product-card", {
-          ["pisell-lowcode-product-card-image"]: !showImage,
-          ["pisell-lowcode-normal-product-card"]: !showImage && isNormalProduct
+          ["pisell-lowcode-product-card-image"]: !showImage && scenario !== "booking2",
+          ["pisell-lowcode-normal-product-card"]: !showImage && isNormalProduct && scenario !== "booking2",
+          ["pisell-lowcode-product-card-image-booking2"]: scenario === "booking2"
         }),
         key: _id
       },

package/lib/components/productCard/index.less

@@ -47,6 +47,12 @@
   }
 }
 
+.pisell-lowcode-product-card-image-booking2 {
+  .pisell-cardPro-content {
+    padding: 4px;
+  }
+}
+
 .pisell-lowcode-product-card-wrap {
   position: relative;
 }

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SegmentedProps } from "antd";
 import "./index.less";
 declare const Segmented: (props: SegmentedProps) => JSX.Element;

package/lib/components/select-time/RightPanel/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { VirtualKeyboardTimeProps } from "../virtual-keyboard/Time";
 import { PopoverProps, TimePickerProps } from "antd";
 import "./index.less";

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

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

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

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

package/lib/components/sort/components/InlineMenu/index.d.ts

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

package/lib/components/table/Actions/component/ColumnsSetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type ColumnsSettingProps = {
     value?: Record<string, any>[];
     onChange?: (val: Record<string, any>[]) => void;

package/lib/components/table/Actions/component/ExportImport/components/ExportFile/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ExportFile: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ExportTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from "../../../../../types";
 import "./index.less";
 declare const ExportTable: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ImportLog/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare const ImportLog: (props: {

package/lib/components/table/Actions/component/ExportImport/components/ImportTable/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../../../types';
 import './index.less';
 declare type ImportTableProps = {

package/lib/components/table/Actions/component/ExportImport/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ExportImportType } from '../../../types';
 import './index.less';
 declare type ExportImportProps = {

package/lib/components/table/Actions/component/GallerySetting/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, ModeType } from "../../../types";
 import "./index.less";
 declare type GallerySettingProps = {

package/lib/components/table/Actions/component/Group/PopoverContent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './PopoverContent.less';
 declare type FieldType = string | number;
 export declare type GroupValue = {

package/lib/components/table/Actions/component/Group/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataSourceGroupType } from "../../../types";
 declare type GroupProps = {
     setting: DataSourceGroupType;

package/lib/components/table/Actions/component/ViewMode/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GridViewType, ModeType } from "../../../types";
 declare type ViewModeProps = {
     view: GridViewType;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterType } from "../../filter/types";
 import { ColumnSettingType, DataSourceGroupType, ExportImportType, GallerySettingType, GridViewType, SortType } from "../types";
 import "./index.less";

package/lib/components/table/Gallery/components/GalleryItem/components/Cover/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType, GallerySettingValueType } from "../../../../../types";
 declare type CoverProps = {
     cover?: GallerySettingType["cover"];

package/lib/components/table/Gallery/components/GalleryItem/components/RenderFields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type RenderFieldsProps = {
     fields: string[];

package/lib/components/table/Gallery/components/GalleryItem/components/Title/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GallerySettingType } from "../../../../../types";
 import "./index.less";
 declare type TitleProps = GallerySettingType["title"] & {

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

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

package/lib/components/table/Table/fields/date/Config/index.d.ts

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

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

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

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

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

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

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

package/lib/components/table/Table/fields/image/Config/index.d.ts

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

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

@@ -158,7 +158,7 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;
@@ -203,7 +203,7 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;

package/lib/components/table/Table/fields/link/Config/index.d.ts

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/number/Config/index.d.ts

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

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

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

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

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

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

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

package/lib/components/table/Table/fields/numberRange/Config/index.d.ts

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

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

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

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

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

package/lib/components/table/Table/fields/oldRangePicker/Config/index.d.ts

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

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

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

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

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

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

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

package/lib/components/table/Table/fields/pSwitch/Config/index.d.ts

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: {
     field: {
         field_icon: string;

package/lib/components/table/Table/fields/rangePicker/Config/index.d.ts

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

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

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

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

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

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

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

package/lib/components/table/Table/fields/search/Config/index.d.ts

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

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

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

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

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

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

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

package/lib/components/table/Table/fields/select/Config/index.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/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

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "view_mode" | "group_by" | "column_setting" | "order_by" | "gallery_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/TableFilter/SortIcon.d.ts

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

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/Amount/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AmountProps, RightItemsStyleProps } from './types';
 import './index.less';
 export type { AmountProps, RightItemsStyleProps };

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/Number/index.d.ts

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

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/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -55,6 +55,8 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
+    "@react-spring/web": "^9.6.1",
+    "@use-gesture/react": "^10.3.1",
     "@zxing/library": "0.21.2",
     "ahooks": "^3.7.6",
     "antd": "^5.6.3",
@@ -63,13 +65,13 @@
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.8",
     "libphonenumber-js": "^1.11.17",
+    "react-barcode": "^1.5.3",
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
     "swiper": "^8.4.7",
-    "react-barcode": "^1.5.3",
     "vod-js-sdk-v6": "^1.4.11",
     "antd-mobile": "^5.38.1",
     "@pisell/date-picker": "3.0.4",

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}