es-grid-template 1.8.66 → 1.8.68

package/lib/table-component/header/TableHeadCell2.js

@@ -11,11 +11,11 @@ var _antd = require("antd");
 var _becoxyIcons = require("becoxy-icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcMasterUi = require("rc-master-ui");
-var _constant = require("../hook/constant");
 var _utils = require("../hook/utils");
 var _useContext = require("../useContext");
 var _renderFilter = require("./renderFilter");
 var _server = _interopRequireDefault(require("react-dom/server"));
+var _hooks = require("../../grid-component/hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const TableHeadCell2 = props => {
@@ -39,7 +39,8 @@ const TableHeadCell2 = props => {
     setIsSelectionChange,
     id,
     locale,
-    format
+    format,
+    dataSourceFilter
   } = (0, _react.useContext)(_useContext.TableContext);
   const isPinned = column.getIsPinned();
   const isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');
@@ -133,7 +134,7 @@ const TableHeadCell2 = props => {
     dropdownRender: () => {
       const type = (0, _utils.getTypeFilter)(originalColumn);
       const operatorValue = column.getFilterOperator() ?? (0, _utils.getDefaultOperator)(originalColumn);
-      const operatorOptions = ['Checkbox', 'Dropdown', 'DropTree', 'CheckboxDropdown'].includes(type) ? _constant.booleanOperator : !type || type === 'Text' ? _constant.stringOperator : _constant.numberOperator;
+      const operatorOptions = ['Checkbox', 'Dropdown', 'DropTree', 'CheckboxDropdown'].includes(type) ? _hooks.booleanOperator : !type || type === 'Text' ? _hooks.stringOperator : _hooks.numberOperator;
       return /*#__PURE__*/_react.default.createElement("div", {
         // className='ui-rc-table-filter-dropdown'
 
@@ -147,7 +148,7 @@ const TableHeadCell2 = props => {
       }, /*#__PURE__*/_react.default.createElement("div", null), column.columnDef?.meta?.showOperator !== false && column.columnDef?.meta?.typeFilter !== 'DateRange' && column.columnDef?.meta?.typeFilter !== 'NumberRange' && /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
-        options: (0, _constant.translateOption)(operatorOptions, t),
+        options: (0, _hooks.translateOption)(operatorOptions, t),
         style: {
           width: '100%',
           marginBottom: 8
@@ -165,7 +166,8 @@ const TableHeadCell2 = props => {
         selectedKeys,
         setSelectedKeys,
         doFilter,
-        format
+        format,
+        dataSourceFilter
 
         // selectedKeys: (column.getFilterValue() ?? []) as string[],
         // setSelectedKeys: column.setFilterValue,
@@ -266,7 +268,7 @@ const TableHeadCell2 = props => {
       [`${prefix}-grid-cell-ellipsis`]: !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')),
       [`${prefix}-grid-cell-text-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')
     })
-  }, cellContent)), !_constant.nonActionColumn.includes(column.id) && column.columns.length < 1 && /*#__PURE__*/_react.default.createElement("span", {
+  }, cellContent)), !_hooks.nonActionColumn.includes(column.id) && column.columns.length < 1 && /*#__PURE__*/_react.default.createElement("span", {
     className: "ui-rc-header-trigger"
   }, column.getCanSort() && /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/lib/table-component/header/TableHeadGroupCell.js

@@ -18,25 +18,17 @@ const TableHeadGroupCell = props => {
   const {
     column,
     header,
-    // getPopupContainer,
     table,
     depth,
-    // t,
-    // columnVirtualizer,
-    // rowHeaderVirtualizer,
     colSpan,
     rowSpan
   } = props;
   const {
-    // t,
     prefix,
-    // setSorterChange,
-    // setFilterChange,
     wrapSettings,
     selectionSettings,
     setIsSelectionChange,
     id
-    // locale
   } = (0, _react.useContext)(_useContext.TableContext);
   const isPinned = column.getIsPinned();
   const isLastLeftPinnedColumn = isPinned === 'left' && column.getIsLastColumn('left');
@@ -46,14 +38,6 @@ const TableHeadGroupCell = props => {
   const cellContent = (0, _reactTable.flexRender)(column.columnDef.header, header.getContext());
   const html = _server.default.renderToStaticMarkup( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cellContent));
   const hasValue = html.trim().length > 0;
-
-  // const filtered = column.getIsFiltered()
-
-  // const { attributes, isDragging, listeners, setNodeRef, transform } =
-  //   useSortable({
-  //     id: column.id,
-  //   })
-
   const style = {
     transition: 'width transform 0.2s ease-in-out',
     whiteSpace: 'nowrap',
@@ -113,13 +97,6 @@ const TableHeadGroupCell = props => {
     onDoubleClick: () => column.resetSize(),
     onMouseDown: header.getResizeHandler(),
     onTouchStart: header.getResizeHandler(),
-    // onMouseUp: () => {
-    //   requestAnimationFrame(() => {
-    //     columnVirtualizer.measure()
-    //     // rowHeaderVirtualizer.measure()
-    //   })
-    // },
-
     className: `resizer ${column.getIsResizing() ? 'isResizing' : ''}`
   }));
 };

package/lib/table-component/header/renderFilter.d.ts

@@ -1,6 +1,6 @@
 import type { ColumnDef } from "@tanstack/react-table";
 import React from "react";
-import type { IFormat } from "../type";
+import type { IFormat } from "../../grid-component/type";
 type RenderFilterProps<RecordType> = {
     column: ColumnDef<RecordType, unknown>;
     selectedKeys: any[];

package/lib/table-component/hook/useColumns.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from "react";
-import type { ColumnsTable, ColumnTable, IFormat, SelectionSettings } from '../type';
+import type { ColumnsTable, ColumnTable, IFormat, SelectionSettings } from '../../grid-component/type';
 import type { Cell, ColumnDef } from '@tanstack/react-table';
 export declare const renderValueCell: <T>(column: ColumnTable<T>, value: any, record: T, rowIndex: number, colIndex: number, format?: IFormat, editAble?: boolean) => any;
 export declare function convertToTanStackColumns<T>({ t, columns, format, editAble }: {

package/lib/table-component/hook/useFilterOperator.d.ts

@@ -1,5 +1,5 @@
-import { Table } from '@tanstack/react-table';
-import type { FilterOperator } from '../type';
+import type { Table } from '@tanstack/react-table';
+import type { FilterOperator } from '../../grid-component/type';
 export declare function useFilterOperator(table: Table<any>): {
     setFilterOperator: (columnId: string, operator: FilterOperator) => void;
     getFilterOperator: (columnId: string) => FilterOperator;

package/lib/table-component/hook/utils.d.ts

@@ -1,7 +1,7 @@
 import type { Row, Table } from "@tanstack/react-table";
 import { type Column } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
-import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../type";
+import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "./../../grid-component/type";
 import type { Key } from "react";
 import { type CSSProperties } from "react";
 import dayjs from "dayjs";

package/lib/table-component/hook/utils.js

@@ -68,10 +68,6 @@ var _uuid = require("uuid");
 var _colors = require("@ant-design/colors");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _moment = _interopRequireDefault(require("moment"));
-// import { SELECTION_COLUMN } from "rc-master-ui/es/table/hooks/useSelection"
-
-// import moment from "moment/moment"
-
 const newGuid = () => {
   for (let i = 0; i < 20; i++) {
     // @ts-ignore

package/lib/table-component/index.d.ts

@@ -1,4 +1,4 @@
 import InternalTable from './InternalTable';
-import type { ColumnsTable, TableProps, ColumnTable, ContextMenuItem } from './type';
+import type { ColumnsTable, TableProps, ColumnTable, ContextMenuItem } from './../grid-component/type';
 export type { ColumnsTable, TableProps, ColumnTable, ContextMenuItem };
 export default InternalTable;

package/lib/table-component/index.js

@@ -6,5 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _InternalTable = _interopRequireDefault(require("./InternalTable"));
-// import type {ToolbarItem} from "rc-master-ui/es/toolbar"
 var _default = exports.default = _InternalTable.default;

package/lib/table-component/table/Grid.d.ts

@@ -1,5 +1,5 @@
 import type { ColumnDef, ColumnPinningState, ExpandedState, VisibilityState } from '@tanstack/react-table';
-import type { ColumnsTable, Sorter, TableProps } from '../type';
+import type { ColumnsTable, Sorter, TableProps } from '../../grid-component/type';
 import type { Dispatch, Key, SetStateAction } from 'react';
 import React from 'react';
 type Props<T> = Omit<TableProps<T>, 'columns'> & {

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

@@ -23,10 +23,6 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // import { makeData } from "../default/makeData";
 
-// import {  flattenArray, getFixedFields, getInvisibleColumns, unFlattenData, updateOrInsert } from './hook/utils'
-
-// import { faker } from '@faker-js/faker'
-
 const Grid = props => {
   const {
     theme,

package/lib/table-component/table/TableWrapper.d.ts

@@ -1,5 +1,5 @@
 import { type Table } from "@tanstack/react-table";
-import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from "../type";
+import type { CommandClick, ContextInfo, ContextMenuItem, PaginationConfig } from "../../grid-component/type";
 import React from "react";
 import type { Virtualizer } from "@tanstack/react-virtual";
 import type { Column } from "@tanstack/react-table";

package/lib/table-component/useContext.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { ColumnTable, ExpandableConfig, IFormat, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings } from "./type";
+import type { ColumnTable, ExpandableConfig, IFormat, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings, SourceFilter } from "./../grid-component/type";
 import type { SubmitHandler } from "react-hook-form";
 import type { ExpandedState, Row, Table } from '@tanstack/react-table';
 export type IPositionCell = {
@@ -82,6 +82,7 @@ export interface IContext<T> {
     onRowStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | ((data: T, row: Row<T>) => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
     onRowHeaderStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
     onRowFooterStyles?: Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'> | (() => Omit<React.CSSProperties, 'display' | 'transform' | 'gridTemplateColumns' | 'height' | 'minHeight'>);
+    dataSourceFilter?: SourceFilter[];
 }
 export declare const TableContext: import("react").Context<IContext<any>>;
 export type ContextCellChange = {

package/lib/table-virtuoso/InternalTable.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import 'react-resizable/css/styles.css';
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
-import type { TableProps } from '../table-component/type';
+import type { TableProps } from '../grid-component/type';
 export declare const SELECTION_COLUMN: {};
 declare const InternalTable: <RecordType extends object>(props: TableProps<RecordType>) => React.JSX.Element;
 export default InternalTable;

package/lib/table-virtuoso/InternalTable.js

@@ -16,13 +16,15 @@ var _faker = require("@faker-js/faker");
 var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
 var _reactTable = require("@tanstack/react-table");
 var _utils = require("./hook/utils");
-var _useColumns = require("./hook/useColumns");
 var _hooks = require("../grid-component/hooks");
 var _Grid = _interopRequireDefault(require("./table/Grid"));
 var _utils2 = require("../table-component/hook/utils");
 var _operator = require("../table-component/features/operator");
+var _useColumns = require("../table-component/hook/useColumns");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// import { convertToTanStackColumns } from './hook/useColumns'
+
 _dayjs.default.extend(_customParseFormat.default);
 const SELECTION_COLUMN = exports.SELECTION_COLUMN = {};
 const InternalTable = props => {

package/lib/table-virtuoso/body/TableBodyCell.d.ts

@@ -1,5 +1,5 @@
 import type { Cell, Table } from "@tanstack/react-table";
-import type { CommandClick } from "../../table-component/type";
+import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 import type { VirtualItem } from "@tanstack/react-virtual";
 interface TableBodyCellProps<T> {

package/lib/table-virtuoso/body/TableBodyCell.js

@@ -13,8 +13,8 @@ var _Checkbox = _interopRequireDefault(require("rc-master-ui/lib/checkbox/Checkb
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 var _useContext = require("../useContext");
-var _useColumns = require("../hook/useColumns");
 var _Command = _interopRequireDefault(require("../../table-component/components/command/Command"));
+var _useColumns = require("../../table-component/hook/useColumns");
 const renderCellIndex = props => {
   const {
     cell,

package/lib/table-virtuoso/body/TableBodyRow.d.ts

@@ -1,5 +1,5 @@
 import { type Row, type Table } from "@tanstack/react-table";
-import type { CommandClick } from "../../table-component/type";
+import type { CommandClick } from "../../grid-component/type";
 import React from "react";
 interface TableBodyRowProps<T> {
     tableId: string;
@@ -9,5 +9,5 @@ interface TableBodyRowProps<T> {
     editAble?: boolean;
     [key: string]: any;
 }
-declare const TableBodyRow: <RecordType extends object>({ tableId, table, row, virtualRow, commandClick, contextMenuItems, onContextMenu, ...rest }: TableBodyRowProps<RecordType>) => React.JSX.Element;
+declare const TableBodyRow: <RecordType extends object>({ tableId, table, row, virtualRow, commandClick, contextMenuItems, onContextMenu, rowheight, ...rest }: TableBodyRowProps<RecordType>) => React.JSX.Element;
 export default TableBodyRow;

package/lib/table-virtuoso/body/TableBodyRow.js

@@ -19,6 +19,7 @@ const TableBodyRow = ({
   commandClick,
   contextMenuItems,
   onContextMenu,
+  rowheight,
   ...rest
 }) => {
   const {
@@ -43,7 +44,8 @@ const TableBodyRow = ({
       [`${prefix}-grid-row-parent`]: row.subRows && row.subRows.length > 0
     }),
     style: {
-      ...rowStyles
+      ...rowStyles,
+      height: rowheight
     },
     onDoubleClick: e => {
       recordDoubleClick?.({

package/lib/table-virtuoso/header/TableHeadCell.js

@@ -11,15 +11,13 @@ var _antd = require("antd");
 var _becoxyIcons = require("becoxy-icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcMasterUi = require("rc-master-ui");
-var _constant = require("../hook/constant");
 var _utils = require("../hook/utils");
 var _renderFilter = require("./renderFilter");
 var _server = _interopRequireDefault(require("react-dom/server"));
 var _useContext = require("../useContext");
+var _hooks = require("../../grid-component/hooks");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import type { MenuProps } from 'rc-master-ui/es'
-
 const TableHeadCell = props => {
   const {
     header,
@@ -124,7 +122,7 @@ const TableHeadCell = props => {
 
       // const operatorValue = (header.column.getFilterOperator() ?? getDefaultOperator(originalColumn)) as string
 
-      const operatorOptions = ['Checkbox', 'Dropdown', 'DropTree', 'CheckboxDropdown'].includes(type) ? _constant.booleanOperator : !type || type === 'Text' ? _constant.stringOperator : _constant.numberOperator;
+      const operatorOptions = ['Checkbox', 'Dropdown', 'DropTree', 'CheckboxDropdown'].includes(type) ? _hooks.booleanOperator : !type || type === 'Text' ? _hooks.stringOperator : _hooks.numberOperator;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(`${prefix}-grid-filter-dropdown`, {}),
         style: {}
@@ -136,7 +134,7 @@ const TableHeadCell = props => {
       }, column.meta?.showOperator !== false && column.meta?.typeFilter !== 'DateRange' && column.meta?.typeFilter !== 'NumberRange' && /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
-        options: (0, _constant.translateOption)(operatorOptions, t),
+        options: (0, _hooks.translateOption)(operatorOptions, t),
         style: {
           width: '100%',
           marginBottom: 8
@@ -230,7 +228,7 @@ const TableHeadCell = props => {
       [`${prefix}-grid-cell-ellipsis`]: !wrapSettings || !(wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')),
       [`${prefix}-grid-cell-text-wrap`]: wrapSettings && (wrapSettings.wrapMode === 'Both' || wrapSettings.wrapMode === 'Header')
     })
-  }, cellContent)), !_constant.nonActionColumn.includes(header.column.id) && header.subHeaders.length < 2 && /*#__PURE__*/_react.default.createElement("span", {
+  }, cellContent)), !_hooks.nonActionColumn.includes(header.column.id) && header.subHeaders.length < 2 && /*#__PURE__*/_react.default.createElement("span", {
     className: "ui-rc-header-trigger"
   }, header.column.getCanSort() && /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/lib/table-virtuoso/header/renderFilter.d.ts

@@ -1,6 +1,6 @@
 import type { ColumnDef } from "@tanstack/react-table";
 import React from "react";
-import type { IFormat } from "../../table-component/type";
+import type { IFormat } from "../../grid-component/type";
 type RenderFilterProps<RecordType> = {
     column: ColumnDef<RecordType, unknown>;
     selectedKeys: any[];

package/lib/table-virtuoso/header/renderFilter.js

@@ -15,10 +15,6 @@ var _number = _interopRequireDefault(require("../../table-component/components/n
 var _numberRange = _interopRequireDefault(require("../../table-component/components/number-range"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import type { IFormat } from "../../tanstack-table/type";
-
-// import type { AnyObject } from './type';
-
 const renderFilter = args => {
   const {
     column,

package/lib/table-virtuoso/hook/utils.d.ts

@@ -1,7 +1,7 @@
 import type { Row, Table } from "@tanstack/react-table";
 import { type Column } from "@tanstack/react-table";
 import type { VirtualItem } from "@tanstack/react-virtual";
-import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "../../table-component/type";
+import type { AnyObject, ColumnsTable, ColumnTable, EditType, FilterOperator, IColumnType, IFormat, RangeState, Sorter, TypeFilter } from "../../grid-component/type";
 import type { Key } from "react";
 import { type CSSProperties } from "react";
 import dayjs from "dayjs";

package/lib/table-virtuoso/style.js

@@ -16,4 +16,4 @@ const colorDark = "#e6e4f3e6";
 const GridStyle = exports.GridStyle = _styledComponents.default.div.withConfig({
   displayName: "GridStyle",
   componentId: "es-grid-template__sc-rs980s-0"
-})(["&.", "-grid{color:", ";font-size:13px;background-color:", ";table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";.", "-grid-thead{&:has(.resizer.isResizing){.", "-grid-cell{touch-action:none;user-select:none;}}.", "-grid-cell{background-color:#ffffff;&:has(.resizer.isResizing){touch-action:none;user-select:none;}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}}}tbody{.", "-grid-row{&.", "-grid-row-parent{.", "-grid-cell{font-weight:600;background-color:#f5f5f5;}}}}.", "-grid-tfoot{z-index:3 !important;.ui-rc-grid-footer-row{.ui-rc-grid-cell{border-top:1px solid ", ";border-bottom:1px solid ", ";}}}.", "-grid-cell{padding:7px 8px;.class-content:has(*){background:lightblue;}.class-content:not(:has(*)){background:lightgreen;}&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-righ{text-align:right;justify-content:flex-end;}}.", "-grid-cell:not(:has(*)){&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{text-align:right;justify-content:flex-end;}&.", "-grid-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}}&.", "-grid-light{.", "-grid-container{.", "-grid-thead{z-index:3 !important;background-color:", ";font-weight:500;.", "-grid-cell{font-weight:inherit;color:", ";background-color:#ffffff;outline:1px solid ", ";border:0;&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";}}tbody{background-color:", ";color:", ";.", "-grid-row{&.ui-rc-grid-row-selected{.", "-grid-cell{background-color:", ";}}}.", "-grid-cell{outline:none;background-color:#ffffff;outline:1px solid ", ";&.ui-rc-grid-cell-selected{background-color:#33335d !important;}&.disable{background-color:#272A2F;}}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border:0;outline:1px solid ", ";}}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}}"], props => props.$prefix, color, BgColor, props => props.$prefix, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, rowSelectedBg, props => props.$prefix, tableBorderColor, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);
+})(["&.", "-grid{color:", ";font-size:13px;background-color:", ";table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";.", "-grid-thead{&:has(.resizer.isResizing){.", "-grid-cell{touch-action:none;user-select:none;}}.", "-grid-cell{background-color:#ffffff;&:has(.resizer.isResizing){touch-action:none;user-select:none;}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}}}tbody{.", "-grid-row{&.", "-grid-row-parent{.", "-grid-cell{font-weight:600;background-color:#f5f5f5;}}}}.", "-grid-tfoot{z-index:3 !important;.ui-rc-grid-footer-row{.ui-rc-grid-cell{border-top:1px solid ", ";border-bottom:1px solid ", ";}}}.", "-grid-cell{padding:7px 8px;.class-content:has(*){background:lightblue;}.class-content:not(:has(*)){background:lightgreen;}&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-righ{text-align:right;justify-content:flex-end;}}.", "-grid-cell:not(:has(*)){&.", "-grid-cell-text-center{text-align:center;justify-content:center;}&.", "-grid-cell-text-right{text-align:right;justify-content:flex-end;}&.", "-grid-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}}&.", "-grid-light{.", "-grid-container{.", "-grid-thead{z-index:3 !important;background-color:", ";font-weight:500;.", "-grid-cell{font-weight:inherit;color:", ";background-color:#ffffff;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";}}tbody{background-color:", ";color:", ";.", "-grid-row{&.ui-rc-grid-row-selected{.", "-grid-cell{background-color:", ";}}}.", "-grid-cell{outline:none;background-color:#ffffff;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-selected{background-color:#33335d !important;}&.disable{background-color:#272A2F;}}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border-inline-end:1px solid ", ";}}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}}"], props => props.$prefix, color, BgColor, props => props.$prefix, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, rowSelectedBg, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);

package/lib/table-virtuoso/table/Grid.d.ts

@@ -1,5 +1,5 @@
 import type { ColumnDef, ColumnFiltersState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, Table, VisibilityState } from '@tanstack/react-table';
-import type { ColumnsTable, Sorter, TableProps } from '../../table-component/type';
+import type { ColumnsTable, Sorter, TableProps } from '../../grid-component/type';
 import type { Dispatch, Key, SetStateAction } from 'react';
 import React from 'react';
 type Props<T> = Omit<TableProps<T>, 'columns'> & {

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

@@ -63,30 +63,6 @@ const Grid = props => {
     rowSelection,
     ...rest
   } = props;
-
-  // const [columnResizeMode] = React.useState<ColumnResizeMode>('onChange')
-
-  // const [columnResizeDirection] = React.useState<ColumnResizeDirection>('ltr')
-
-  // const [paginationState, setPagination] = React.useState<PaginationState>({
-  //   pageIndex: pagination && pagination.currentPage ? pagination.currentPage - 1 : 0,
-  //   pageSize: pagination && pagination.pageSize ? pagination.pageSize : 20
-  // })
-
-  // const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})
-
-  // const [grouping, setGrouping] = React.useState<GroupingState>([])
-
-  // const [columnSizing, setColumnSizing] = React.useState<ColumnSizingState>({})
-  // const [columnSizingInfo, setColumnSizingInfo] = React.useState<ColumnSizingInfoState>({} as ColumnSizingInfoState)
-
-  // const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>([])
-
-  // const [operator, setOperator] = React.useState<ColumnOperatorState>([])
-  // const [sorting, setSorting] = React.useState<SortingState>([])
-
-  // const [columnOrder, setColumnOrder] = React.useState<string[]>(() => columns.map(c => c.id!))
-
   const [isSelectionChange, setIsSelectionChange] = _react.default.useState({
     isChange: false,
     type: '',

package/lib/table-virtuoso/table/TableContainer.d.ts

@@ -1,7 +1,7 @@
 import type { Dispatch, SetStateAction } from 'react';
 import React from 'react';
 import type { ColumnDef, ColumnSizingInfoState, ColumnSizingState, Table } from '@tanstack/react-table';
-import type { ColumnsTable, TableProps } from '../../table-component/type';
+import type { ColumnsTable, TableProps } from '../../grid-component/type';
 type TableContainerProps<T> = Omit<TableProps<T>, 'columns'> & {
     table: Table<T>;
     prefix: string;

package/lib/table-virtuoso/table/TableContainer.js

@@ -18,8 +18,6 @@ var _utils = require("../hook/utils");
 var _useContext = require("../useContext");
 var _utils2 = require("../../table-component/hook/utils");
 var _ColumnsGroup = require("../ColumnsGroup");
-// import type { Dispatch, SetStateAction } from 'react'
-
 // import { ColumnsGroup } from '../../grid-component/ColumnsGroup';
 
 const TableContainer = props => {

package/lib/table-virtuoso/table/TableWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ColumnDef, Table } from "@tanstack/react-table";
-import type { CommandClick } from '../../table-component/type';
+import type { CommandClick } from '../../grid-component/type';
 type Props<T> = {
     tableContainerRef: React.RefObject<HTMLDivElement>;
     table: Table<T>;

package/lib/table-virtuoso/table/TableWrapper.js

@@ -27,7 +27,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const TableWrapper = props => {
   const {
     table,
-    // columns,
     height,
     id,
     commandClick
@@ -47,7 +46,6 @@ const TableWrapper = props => {
     ref: scrollRef,
     style: {
       overflow: "auto",
-      // border: "1px solid #ccc",
       height,
       position: "relative"
     }
@@ -86,12 +84,14 @@ const TableWrapper = props => {
       })),
       TableRow: props => {
         const index = props["data-index"];
+        const rowheight = props["data-known-size"];
         const row = rows[index];
         return /*#__PURE__*/_react.default.createElement(_TableBodyRow.default, (0, _extends2.default)({
           tableId: id,
           row: row,
           table: table,
-          commandClick: commandClick
+          commandClick: commandClick,
+          rowheight: rowheight
         }, props));
       }
     }
@@ -145,22 +145,6 @@ const TableWrapper = props => {
         });
       }));
     }
-
-    // itemContent={(index) => {
-
-    //   const row = rows[index]
-    //   return (
-
-    //     <TableBodyRow
-    //       tableId={id}
-    //       row={row}
-    //       table={table}
-    //     // {...props}
-
-    //     />
-
-    //   )
-    // }}
   })));
 };
 var _default = exports.default = TableWrapper;

package/lib/table-virtuoso/useContext.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { ColumnTable, ExpandableConfig, IFormat, IGroupSetting, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings } from "../table-component/type";
+import type { ColumnTable, ExpandableConfig, IFormat, IGroupSetting, IWrapSettings, Locale, PaginationConfig, RangeState, RecordDoubleClickEventArgs, RowClassName, SelectionSettings } from "../grid-component/type";
 import type { SubmitHandler } from "react-hook-form";
 import type { ExpandedState, Row, Table } from '@tanstack/react-table';
 export type IPositionCell = {

package/package.json

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

package/es/table-component/hook/constant.d.ts

@@ -1,73 +0,0 @@
-export declare const defaultWidth: number;
-export declare const defaultRowHeight: number;
-export type IOperator = {
-    value: string;
-    label: string;
-    key: string;
-};
-export declare const numberOperator: IOperator[];
-export declare const stringOperator: IOperator[];
-export declare const dateOperator: IOperator[];
-export declare const dateTimeOperator: IOperator[];
-export declare const booleanOperator: IOperator[];
-export declare const translateOption: (options: IOperator[], t: any) => any[];
-export declare const transferFontSize: any;
-export declare const defaultDateFormat = "d/m/Y";
-export declare const defaultDateTimeFormat = "d/m/Y H:i";
-export declare const defaultTimeFormat = "H:i";
-export declare const defaultPageSizes: number[];
-export declare const alignToFlex: any;
-export declare const optionsSize: {
-    label: string;
-    value: string;
-    width: number;
-    height: number;
-}[];
-export declare const paperSize: {
-    a4: {
-        width: number;
-        height: number;
-    };
-    a3: {
-        width: number;
-        height: number;
-    };
-    letter: {
-        width: number;
-        height: number;
-    };
-};
-export declare const optionFont: {
-    value: string;
-    label: string;
-}[];
-export declare const optionsPaperOrientation: any[];
-export declare const optionFontSize: {
-    value: number;
-    label: string;
-}[];
-/**
- * Sort order for BaseTable
- */
-declare const SortOrder: {
-    /**
-     * Sort data in ascending order
-     */
-    ascend: string;
-    /**
-     * Sort data in descending order
-     */
-    descend: string;
-};
-export default SortOrder;
-export declare const valueToBoolean: {
-    true: boolean;
-    false: boolean;
-    1: boolean;
-    0: boolean;
-};
-export declare const booleanToValue: {
-    true: number;
-    false: number;
-};
-export declare const nonActionColumn: string[];