es-grid-template 1.7.36 → 1.7.38

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 taonv
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 taonv
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1 +1 @@
-# es-grid-template
+# es-grid-template

package/es/grid-component/ContextMenu.d.ts

@@ -1,6 +1,5 @@
-import * as React from "react";
-import type { ContextInfo } from "./type";
-import type { ContextMenuItem } from "./type";
+import * as React from 'react';
+import type { ContextInfo, ContextMenuItem } from './type';
 export declare const findItemByKey: (array: any[], key: string, value: any) => any;
 type Props<RecordType> = {
     rowData: RecordType | null;

package/es/grid-component/ContextMenu.js

@@ -1,6 +1,6 @@
-import * as React from "react";
+import * as React from 'react';
 // import type { MenuProps } from "antd";
-import { Dropdown, Menu } from "antd";
+import { Dropdown, Menu } from 'antd';
 export const findItemByKey = (array, key, value) => {
   for (let i = 0; i < array.length; i++) {
     const item = array[i];

package/es/grid-component/InternalTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import 'react-resizable/css/styles.css';
-import type { GridTableProps } from "./type";
+import type { GridTableProps } from './type';
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
 import './styles.scss';

package/es/grid-component/InternalTable.js

@@ -1,45 +1,45 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import customParseFormat from 'dayjs/plugin/customParseFormat';
 import React, { createContext, Fragment, useCallback, useContext, useState } from 'react';
 import 'react-resizable/css/styles.css';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
 import { addRowIdArray, booleanOperator, convertFilters, convertFlatColumn, filterDataByColumns4, findItemByKey, findItemPath, flattenArray, getAllRowKey, getFormat, getTypeFilter, groupArrayByColumns, isNullOrUndefined, numberOperator, removeColumns, removeInvisibleColumns, stringOperator, translateOption, unFlattenData, updateArrayByKey, updateColumnsByGroup,
 // updateData,
 updateOrInsert } from "./hooks";
-import dayjs from "dayjs";
+import dayjs from 'dayjs';
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
-import GridEdit from "./table/GridEdit";
+import en from 'rc-master-ui/es/date-picker/locale/en_US';
+import vi from 'rc-master-ui/es/date-picker/locale/vi_VN';
 import Grid from "./table/Grid";
-import en from "rc-master-ui/es/date-picker/locale/en_US";
-import vi from "rc-master-ui/es/date-picker/locale/vi_VN";
-import enDr from "rc-master-ui/es/locales/en_US";
-import viDr from "rc-master-ui/es/locales/vi_VN";
+import GridEdit from "./table/GridEdit";
+import enDr from 'rc-master-ui/es/locales/en_US';
+import viDr from 'rc-master-ui/es/locales/vi_VN';
 // import useColumns from "./hooks/useColumns";
 
 import "./styles.scss";
 // import 'rc-master-ui/es/date-range-picker/styles/index.less'
 // import 'rc-master-ui/assets/index.css'
 
+import { SearchOutlined } from '@ant-design/icons';
+import { closestCenter, DndContext, DragOverlay, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { restrictToHorizontalAxis } from '@dnd-kit/modifiers';
+import { arrayMove, horizontalListSortingStrategy, SortableContext, useSortable } from '@dnd-kit/sortable';
+import { Button, Space } from 'antd';
+import { ArrowDown, ArrowUp, FilterFill, SortCancel } from 'becoxy-icons';
+import classNames from 'classnames';
+import { Select } from 'rc-master-ui';
+import { Tooltip } from 'react-tooltip';
+import Swal from 'sweetalert2';
+import withReactContent from 'sweetalert2-react-content';
 import { flatColumns2, renderContent, renderFilter } from "./hooks/columns";
-import Group from "./table/Group";
-import Swal from "sweetalert2";
-import withReactContent from "sweetalert2-react-content";
-import { Tooltip } from "react-tooltip";
-import classNames from "classnames";
 import HeaderContent from "./hooks/content/HeaderContent";
-import { ArrowDown, ArrowUp, FilterFill, SortCancel } from "becoxy-icons";
-import { Select } from "rc-master-ui";
-import { Button, Space } from "antd";
-import { SearchOutlined } from "@ant-design/icons";
-import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
-import { closestCenter, DndContext, DragOverlay, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { arrayMove, horizontalListSortingStrategy, SortableContext, useSortable } from "@dnd-kit/sortable";
+import Group from "./table/Group";
 // import {CSS} from "@dnd-kit/utilities";
-import { Resizable } from "react-resizable";
-import { faker } from "@faker-js/faker";
-import InfiniteTable from "./table/InfiniteTable";
-import useMergedState from "rc-util/es/hooks/useMergedState";
+import { faker } from '@faker-js/faker';
 import Modal from 'antd/es/modal/Modal';
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import { Resizable } from 'react-resizable';
+import InfiniteTable from "./table/InfiniteTable";
 dayjs.extend(customParseFormat);
 const MySwal = withReactContent(Swal);
 const ASCEND = 'ascend';
@@ -213,9 +213,9 @@ const InternalTable = props => {
     const handleWindowResize = () => {
       setWindowSize(getWindowSize());
     };
-    window.addEventListener("resize", handleWindowResize);
+    window.addEventListener('resize', handleWindowResize);
     return () => {
-      window.removeEventListener("resize", handleWindowResize);
+      window.removeEventListener('resize', handleWindowResize);
     };
   }, []);
   const [scrollHeight, setHeight] = useState(0);
@@ -401,7 +401,7 @@ const InternalTable = props => {
           // handleSearch()
           // close()
         }
-      }, t ? t("Clear") : 'Clear')));
+      }, t ? t('Clear') : 'Clear')));
     },
     filterIcon: filtered => /*#__PURE__*/React.createElement(FilterFill, {
       fontSize: 12
@@ -586,7 +586,7 @@ const InternalTable = props => {
             if (currentGroupColumn?.template) {
               return renderContent(currentGroupColumn, record[record.field], record, rowIndex, colIndex, false, cellFormat);
             }
-            return /*#__PURE__*/React.createElement("span", null, currentGroupColumn?.headerText, ": ", renderContent(currentGroupColumn, record[record.field], record, rowIndex, colIndex, false, cellFormat));
+            return /*#__PURE__*/React.createElement("span", null, currentGroupColumn?.headerText, ":", ' ', renderContent(currentGroupColumn, record[record.field], record, rowIndex, colIndex, false, cellFormat));
           }
           return renderContent(column, value, record, rowIndex, colIndex, false, cellFormat);
         },
@@ -658,7 +658,7 @@ const InternalTable = props => {
     if (tableRef.current && type === 'columnChoose') {
       tableRef.current.scrollTo({
         left: 0.1,
-        behavior: "smooth"
+        behavior: 'smooth'
       });
     }
     onChooseColumns?.({
@@ -699,17 +699,11 @@ const InternalTable = props => {
     setColumns(updateColumnsByGroup(mergedColumns, groupedColumns));
     if (groupSetting) {
       if (groupSetting.client === false) {
-
         // setIsTree(true)
-
         // setGroupOpen([])
-
         // const dt = ungroupArray(dataSource)
-
         // const rs = groupArrayByColumns2(dt, [...value])
-
         // setResource([...rs])
-
         // if (groupSetting.onGroup) {
         //   groupSetting.onGroup({
         //     columnGrouped: value,
@@ -958,7 +952,6 @@ const InternalTable = props => {
     } : {
       y: scrollHeight - (summary ? 1 : 1)
     } // scroll height auto, không quá  600
-
     // height={isFullScreen ? windowSize.innerHeight - 100 : propsHeight}
     ,
     height: propsHeight,
@@ -1008,10 +1001,10 @@ const InternalTable = props => {
     style: {
       maxWidth: '100%',
       height: '100%'
-    },
-    onClose: () => setIsFullScreen(false),
+    }
+    // onClose={() => setIsFullScreen(false)}
+    ,
     onCancel: () => setIsFullScreen(false)
-
     // destroyOnClose
     ,
     styles: {
@@ -1073,7 +1066,6 @@ const InternalTable = props => {
       y: scrollHeight1 - (summary ? 1 : 1)
     } // scroll height auto, không quá  600
     ,
-
     height: windowSize.innerHeight - 35,
     scrollHeight: scrollHeight1,
     components: {

package/es/grid-component/hooks/constant.js

@@ -213,16 +213,16 @@ export const optionFontSize = [{
   label: '48'
 }];
 
-/**
- * Sort order for BaseTable
+/**
+ * Sort order for BaseTable
  */
 const SortOrder = {
-  /**
-   * Sort data in ascending order
+  /**
+   * Sort data in ascending order
    */
   ascend: 'Ascending',
-  /**
-   * Sort data in descending order
+  /**
+   * Sort data in descending order
    */
   descend: 'Descending'
 };

package/es/grid-component/hooks/content/TooltipContent.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactElement, ReactNode } from "react";
+import type { ReactElement, ReactNode } from "react";
+import React from "react";
 type Props = {
     t?: any;
     content?: any;

package/es/grid-component/hooks/useColumns.d.ts

@@ -15,5 +15,7 @@ interface UseColumnsConfig<RecordType> {
     rowKey?: any;
     onMouseHover?: any;
 }
-declare const useColumns: <RecordType extends AnyObject = AnyObject>(config: UseColumnsConfig<RecordType>) => readonly [any];
+declare const useColumns: <RecordType extends AnyObject = AnyObject>(config: UseColumnsConfig<RecordType>) => readonly [
+    any
+];
 export default useColumns;

package/es/grid-component/hooks/utils.d.ts

@@ -53,7 +53,7 @@ export declare const getTemplate: (template: any, column?: ColumnTable) => React
 export declare const totalFixedWidth: <T>(columns: ColumnsTable<T>, type: 'left' | 'right', selectionSettings?: SelectionSettings) => number;
 export declare const isObjEmpty: (obj: any) => boolean;
 export declare const getColumnsVisible: <T>(columns: ColumnsTable<T>, index: number) => ColumnTable<T>[];
-export declare const updateData: <Record_1 = AnyObject>(initData: Record_1[], rows: Record_1[], key: keyof Record_1) => Record_1[];
+export declare const updateData: <Record = AnyObject>(initData: Record[], rows: Record[], key: keyof Record) => Record[];
 export declare const parseBooleanToValue: (value: boolean, type: 'boolean' | 'number') => number | boolean;
 export declare const genPresets: (presets?: import("@ant-design/colors").PalettesProps) => import("antd/es/color-picker/interface").PresetsItem[];
 export declare function findAllChildrenKeys<RecordType>(data: readonly RecordType[], getRowKey: GetRowKey<RecordType>, childrenColumnName: string): Key[];