es-grid-template 1.9.30 → 1.9.32

package/es/group-component/hook/utils.d.ts

@@ -194,10 +194,10 @@ export declare const fixColumnsLeft: <RecordType>(columns: ColumnTable<RecordTyp
         value: any;
         rowData: RecordType;
     }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactNode);
-    onCellStyles?: Omit<CSSProperties, "left" | "right" | "position" | "display" | "minWidth" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "position" | "display" | "minWidth" | "width">);
-    onCellHeaderStyles?: Omit<CSSProperties, "left" | "right" | "position" | "display" | "minWidth" | "width"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "position" | "display" | "minWidth" | "width">);
+    onCellStyles?: Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right"> | ((cellValue: any, cell: import("@tanstack/react-table").Cell<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right">);
+    onCellHeaderStyles?: Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right"> | ((cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right">);
     onCell?: (rowData: RecordType, index: number) => import("react").TdHTMLAttributes<HTMLTableCellElement>;
-    onCellFooterStyles?: Omit<CSSProperties, "left" | "right" | "position" | "display" | "minWidth" | "width"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "left" | "right" | "position" | "display" | "minWidth" | "width">);
+    onCellFooterStyles?: Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right"> | ((cellValue: any, cell: import("@tanstack/react-table").Header<RecordType, unknown>) => Omit<CSSProperties, "position" | "display" | "width" | "minWidth" | "left" | "right">);
     getValue?: (row: any, rowIndex: number) => any;
     getCellProps?: (value: any, row: any, rowIndex: number) => import("./../../grid-component/type").CellProps;
     headerCellProps?: import("./../../grid-component/type").CellProps;

package/es/table-component/InternalTable.js

@@ -195,6 +195,12 @@ const InternalTable = props => {
         },
         Pagination: {
           fontSize: 12
+        },
+        Dropdown: {
+          zIndexPopup: 1058
+        },
+        Popover: {
+          zIndexPopup: 1058
         }
       }
     }

package/es/table-component/body/EditableCell.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from "react";
-import { DatePicker, TimePicker } from "rc-master-ui";
-import { Divider, Row, Col, Input, ColorPicker, Button } from "antd";
+import { DatePicker, TimePicker, ColorPicker } from "rc-master-ui";
+import { Divider, Row, Col, Input, Button } from "antd";
 import { checkDecimalSeparator, checkThousandSeparator, checkFieldKey, convertArrayWithIndent, convertDateToDayjs, convertLabelToTitle, getDatepickerFormat, isDisable, isEmpty, isNullOrUndefined, customWeekStartEndFormat, convertDayjsToDate, parseBooleanToValue, isColor, genPresets, getFormat, removeVietnameseTones } from "../hook/utils";
 import classNames from "classnames";
 import { NumericFormat } from "react-numeric-component";

package/es/table-component/style.scss

@@ -335,6 +335,14 @@ $cell-index-focus-bg-Dark: #E6EFFD !default;
             }
           }
 
+          .ui-rc-color-picker-trigger {
+            width: 100%;
+            border-radius: 0;
+            .ui-rc-color-picker-color-block {
+              width: 100%;
+            }
+          }
+
           textarea.ant-input {
             line-height: 1.8;
           }

package/es/table-component/table/Grid.js

@@ -364,7 +364,7 @@ const Grid = props => {
         padding: '15px 10px'
       },
       wrapper: {
-        zIndex: 1050
+        zIndex: 1058
       }
     },
     title: /*#__PURE__*/React.createElement("div", {

package/lib/table-component/InternalTable.js

@@ -204,6 +204,12 @@ const InternalTable = props => {
         },
         Pagination: {
           fontSize: 12
+        },
+        Dropdown: {
+          zIndexPopup: 1058
+        },
+        Popover: {
+          zIndexPopup: 1058
         }
       }
     }

package/lib/table-component/body/EditableCell.js

@@ -956,7 +956,7 @@ const EditableCell = props => {
           green: _colors.green,
           cyan: _colors.cyan
         });
-        return /*#__PURE__*/_react.default.createElement(_antd.ColorPicker, {
+        return /*#__PURE__*/_react.default.createElement(_rcMasterUi.ColorPicker, {
           value: color,
           allowClear: column.isClearable ?? true,
           onChangeComplete: valueColor => {

package/lib/table-component/style.scss

@@ -335,6 +335,14 @@ $cell-index-focus-bg-Dark: #E6EFFD !default;
             }
           }
 
+          .ui-rc-color-picker-trigger {
+            width: 100%;
+            border-radius: 0;
+            .ui-rc-color-picker-color-block {
+              width: 100%;
+            }
+          }
+
           textarea.ant-input {
             line-height: 1.8;
           }

package/lib/table-component/table/Grid.js

@@ -369,7 +369,7 @@ const Grid = props => {
         padding: '15px 10px'
       },
       wrapper: {
-        zIndex: 1050
+        zIndex: 1058
       }
     },
     title: /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-grid-template",
-  "version": "1.9.30",
+  "version": "1.9.32",
   "description": "es-grid-template",
   "keywords": [
     "react",