@mkt-loitd/react-table-grid-custom 1.4.1 → 1.4.5

package/dist/index.css

@@ -55,3 +55,4 @@ div[aria-sort] > span {
   position: sticky !important;
   right: 0 !important;
 }
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/ui/Table/ReactTableGridCustom.css"],"sourcesContent":[":root {\n  --mkt-border-color: #dee2e6a6;\n}\n\n.rdg::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n\n/* Track */\n:is(.rdg)::-webkit-scrollbar-track {\n  border-radius: 4px;\n  background-color: transparent;\n}\n\n/* Handle */\n:is(.rdg)::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background-color: #dadada;\n}\n\n/* custom table */\ndiv[aria-selected='true'] {\n  outline: none !important;\n}\n\n.wapper_table {\n  border: 1px solid var(--mkt-border-color);\n}\n\n.wapper_pagination {\n  border-top: 1px solid var(--mkt-border-color);\n  margin-top: 2px;\n}\n\ndiv[role='row']:not(:last-child) > div {\n  border-bottom: 1px solid var(--mkt-border-color);\n}\n\ndiv[role='row'] > div:not(:last-child) {\n  border-right: 1px solid var(--mkt-border-color);\n}\n\n.page_size-table[data-combobox-disabled] {\n  cursor: default;\n}\n\n.custom_input_table.mantine-Input-input:focus {\n  outline: none !important;\n  --input-bd: inherit;\n}\n\n.custom_input_table.mantine-Input-input {\n  --height: 30px;\n  min-height: var(--height);\n  height: var(--height);\n  line-height: var(--height);\n  text-align: center;\n}\n\n.fill-grid {\n  block-size: 100%;\n}\n\ndiv[aria-sort] > span {\n  display: flex;\n  align-items: center;\n}\n\n.RIGHT_COLUMN_FROZEN_CLASS {\n  position: sticky !important;\n  right: 0 !important;\n}\n"],"mappings":";AAAA;AACE,sBAAoB;AACtB;AAEA,CAAC,GAAG;AACF,SAAO;AACP,UAAQ;AACV;AAGA,IAAI,CANH,IAMQ;AACP,iBAAe;AACf,oBAAkB;AACpB;AAGA,IAAI,CAZH,IAYQ;AACP,iBAAe;AACf,oBAAkB;AACpB;AAGA,GAAG,CAAC;AACF,WAAS;AACX;AAEA,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI;AACxB;AAEA,CAAC;AACC,cAAY,IAAI,MAAM,IAAI;AAC1B,cAAY;AACd;AAEA,GAAG,CAAC,SAAW,KAAK,aAAa,EAAE;AACjC,iBAAe,IAAI,MAAM,IAAI;AAC/B;AAEA,GAAG,CAAC,UAAY,EAAE,GAAG,KAAK;AACxB,gBAAc,IAAI,MAAM,IAAI;AAC9B;AAEA,CAAC,eAAe,CAAC;AACf,UAAQ;AACV;AAEA,CAAC,kBAAkB,CAAC,mBAAmB;AACrC,WAAS;AACT,cAAY;AACd;AAEA,CALC,kBAKkB,CALC;AAMlB,YAAU;AACV,cAAY,IAAI;AAChB,UAAQ,IAAI;AACZ,eAAa,IAAI;AACjB,cAAY;AACd;AAEA,CAAC;AACC,cAAY;AACd;AAEA,GAAG,CAAC,WAAW,EAAE;AACf,WAAS;AACT,eAAa;AACf;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACT;","names":[]}

package/dist/index.d.mts

@@ -1,8 +1,7 @@
-import { Dispatch, SetStateAction, Key, ReactNode, FC } from 'react';
+import { Dispatch, SetStateAction, Key, FC, ReactNode } from 'react';
 import { ColumnOrColumnGroup, SortColumn } from 'react-data-grid';
 export { Column, ColumnOrColumnGroup, DataGridProps } from 'react-data-grid';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UseMutateFunction } from '@tanstack/react-query';
 
 type TColumnsTable<T = unknown, SR = unknown> = readonly ColumnOrColumnGroup<NoInfer<T>, NoInfer<SR>>[];
 interface useShowHideColumnParameter<T, SR = unknown> {
@@ -45,127 +44,8 @@ interface IReactTableGridCustom<T = unknown, SR = unknown, K extends Key = Key>
 declare const ReactTableGridCustomInner: <T, SR = unknown, K extends Key = Key>(props: IReactTableGridCustom<T, SR, K>) => react_jsx_runtime.JSX.Element;
 declare const ReactTableGridCustom: typeof ReactTableGridCustomInner;
 
-interface ContextMenuProps {
-    selector: string;
-    children?: ReactNode;
-    zIndex?: number;
-}
-
-interface IMainResponse<T = any> {
-    success?: boolean;
-    status?: 'success' | 'error' | 'warning';
-    data?: T;
-    payload?: {
-        data?: T;
-        [key: string]: any;
-    };
-    message?: {
-        key: string;
-        [key: string]: any;
-    };
-    error?: any;
-}
-interface IFieldUpdateAndCheck<T = any, F = any, V = any> {
-    id?: string | number;
-    field?: F;
-    value?: V;
-    data?: T;
-    [key: string]: any;
-}
-interface Account {
-    id?: string | number;
-    username?: string;
-    password?: string;
-    email?: string;
-    status?: string;
-    [key: string]: any;
-}
-interface Post {
-    id?: string | number;
-    title?: string;
-    content?: string;
-    createdAt?: number;
-    [key: string]: any;
-}
-interface AppSettings {
-    [key: string]: any;
-}
-interface ISetConfigPagination {
-    page?: number;
-    limit?: number;
-    total?: number;
-    [key: string]: any;
-}
-type ITaskName = string;
-
-interface IActionUiUtilBy {
-    action?: string;
-    [key: string]: any;
-}
-interface IPayloadStartAction {
-    action?: string;
-    [key: string]: any;
-}
-
-interface Proxy {
-    id?: string;
-    host?: string;
-    port?: number;
-    username?: string;
-    password?: string;
-    protocol?: string;
-    provider?: string;
-    [key: string]: any;
-}
-
-interface IPayloadRemoveProxy {
-    ids: string[];
-}
-interface IPayloadService {
-    updateByClipboard?: UseMutateFunction<IMainResponse<string[]>, Error, IFieldUpdateAndCheck<Account, string[], keyof Account>, unknown>;
-    removeFieldBy?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Account, Array<keyof Account>, string[]>, unknown>;
-    copyByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Account, string, string[]>, unknown>;
-    actionBy?: UseMutateFunction<IMainResponse<string[]>, Error, IFieldUpdateAndCheck<Account, IActionUiUtilBy, string[]>, unknown>;
-    updateAccountByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Account, Partial<Account>, string[]>, unknown>;
-    deleteProxy?: UseMutateFunction<IMainResponse<boolean>, Error, IPayloadRemoveProxy, unknown>;
-    removePostByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Post, undefined, string[]>, unknown>;
-    startAction?: UseMutateFunction<IMainResponse<boolean>, Error, IPayloadStartAction, unknown>;
-    updateSettings?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<AppSettings, object, boolean>, unknown>;
-    useCopyProxyByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Proxy, string, string[]>[], unknown>;
-    exportLinkSuccess?: UseMutateFunction<IMainResponse<boolean>, Error, ITaskName, unknown>;
-    setAction?: Dispatch<SetStateAction<ITaskName>>;
-}
-
-type IDispatchState<T> = Dispatch<SetStateAction<T>>;
-
-interface IExpandValue extends IPayloadService {
-    t?: any;
-    setConfigSearch?: IDispatchState<ISetConfigPagination>;
-    setSelectedRecords?: Dispatch<ReadonlySet<string>>;
-    setIsShowEdit?: Dispatch<SetStateAction<boolean>>;
-    setIsOpenEditContent?: Dispatch<SetStateAction<boolean>>;
-    setIsCopy?: Dispatch<SetStateAction<boolean>>;
-    setIsChangeCate?: Dispatch<SetStateAction<boolean>>;
-    setIsBackup?: Dispatch<SetStateAction<boolean>>;
-}
-type configContextMenuType = {
-    Icon: (prop?: any) => ReactNode;
-    action: string;
-    onClick?: (value: string[], expandValue: IExpandValue) => void;
-    children?: configContextMenuType[];
-};
-interface RenderContextMenuProps {
-    renderData?: configContextMenuType[];
-    valueClickItem?: any;
-    expandValue?: IExpandValue;
-}
-
 interface TableStyleWapperProps {
     children?: ReactNode;
-    contextMenuProps?: Omit<ContextMenuProps, 'selector' | 'children'> & {
-        selector?: string;
-    };
-    renderContext?: RenderContextMenuProps;
     clsTablecustom?: string;
     idWapper?: string;
 }

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import { Dispatch, SetStateAction, Key, ReactNode, FC } from 'react';
+import { Dispatch, SetStateAction, Key, FC, ReactNode } from 'react';
 import { ColumnOrColumnGroup, SortColumn } from 'react-data-grid';
 export { Column, ColumnOrColumnGroup, DataGridProps } from 'react-data-grid';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UseMutateFunction } from '@tanstack/react-query';
 
 type TColumnsTable<T = unknown, SR = unknown> = readonly ColumnOrColumnGroup<NoInfer<T>, NoInfer<SR>>[];
 interface useShowHideColumnParameter<T, SR = unknown> {
@@ -45,127 +44,8 @@ interface IReactTableGridCustom<T = unknown, SR = unknown, K extends Key = Key>
 declare const ReactTableGridCustomInner: <T, SR = unknown, K extends Key = Key>(props: IReactTableGridCustom<T, SR, K>) => react_jsx_runtime.JSX.Element;
 declare const ReactTableGridCustom: typeof ReactTableGridCustomInner;
 
-interface ContextMenuProps {
-    selector: string;
-    children?: ReactNode;
-    zIndex?: number;
-}
-
-interface IMainResponse<T = any> {
-    success?: boolean;
-    status?: 'success' | 'error' | 'warning';
-    data?: T;
-    payload?: {
-        data?: T;
-        [key: string]: any;
-    };
-    message?: {
-        key: string;
-        [key: string]: any;
-    };
-    error?: any;
-}
-interface IFieldUpdateAndCheck<T = any, F = any, V = any> {
-    id?: string | number;
-    field?: F;
-    value?: V;
-    data?: T;
-    [key: string]: any;
-}
-interface Account {
-    id?: string | number;
-    username?: string;
-    password?: string;
-    email?: string;
-    status?: string;
-    [key: string]: any;
-}
-interface Post {
-    id?: string | number;
-    title?: string;
-    content?: string;
-    createdAt?: number;
-    [key: string]: any;
-}
-interface AppSettings {
-    [key: string]: any;
-}
-interface ISetConfigPagination {
-    page?: number;
-    limit?: number;
-    total?: number;
-    [key: string]: any;
-}
-type ITaskName = string;
-
-interface IActionUiUtilBy {
-    action?: string;
-    [key: string]: any;
-}
-interface IPayloadStartAction {
-    action?: string;
-    [key: string]: any;
-}
-
-interface Proxy {
-    id?: string;
-    host?: string;
-    port?: number;
-    username?: string;
-    password?: string;
-    protocol?: string;
-    provider?: string;
-    [key: string]: any;
-}
-
-interface IPayloadRemoveProxy {
-    ids: string[];
-}
-interface IPayloadService {
-    updateByClipboard?: UseMutateFunction<IMainResponse<string[]>, Error, IFieldUpdateAndCheck<Account, string[], keyof Account>, unknown>;
-    removeFieldBy?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Account, Array<keyof Account>, string[]>, unknown>;
-    copyByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Account, string, string[]>, unknown>;
-    actionBy?: UseMutateFunction<IMainResponse<string[]>, Error, IFieldUpdateAndCheck<Account, IActionUiUtilBy, string[]>, unknown>;
-    updateAccountByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Account, Partial<Account>, string[]>, unknown>;
-    deleteProxy?: UseMutateFunction<IMainResponse<boolean>, Error, IPayloadRemoveProxy, unknown>;
-    removePostByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Post, undefined, string[]>, unknown>;
-    startAction?: UseMutateFunction<IMainResponse<boolean>, Error, IPayloadStartAction, unknown>;
-    updateSettings?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<AppSettings, object, boolean>, unknown>;
-    useCopyProxyByField?: UseMutateFunction<IMainResponse<boolean>, Error, IFieldUpdateAndCheck<Proxy, string, string[]>[], unknown>;
-    exportLinkSuccess?: UseMutateFunction<IMainResponse<boolean>, Error, ITaskName, unknown>;
-    setAction?: Dispatch<SetStateAction<ITaskName>>;
-}
-
-type IDispatchState<T> = Dispatch<SetStateAction<T>>;
-
-interface IExpandValue extends IPayloadService {
-    t?: any;
-    setConfigSearch?: IDispatchState<ISetConfigPagination>;
-    setSelectedRecords?: Dispatch<ReadonlySet<string>>;
-    setIsShowEdit?: Dispatch<SetStateAction<boolean>>;
-    setIsOpenEditContent?: Dispatch<SetStateAction<boolean>>;
-    setIsCopy?: Dispatch<SetStateAction<boolean>>;
-    setIsChangeCate?: Dispatch<SetStateAction<boolean>>;
-    setIsBackup?: Dispatch<SetStateAction<boolean>>;
-}
-type configContextMenuType = {
-    Icon: (prop?: any) => ReactNode;
-    action: string;
-    onClick?: (value: string[], expandValue: IExpandValue) => void;
-    children?: configContextMenuType[];
-};
-interface RenderContextMenuProps {
-    renderData?: configContextMenuType[];
-    valueClickItem?: any;
-    expandValue?: IExpandValue;
-}
-
 interface TableStyleWapperProps {
     children?: ReactNode;
-    contextMenuProps?: Omit<ContextMenuProps, 'selector' | 'children'> & {
-        selector?: string;
-    };
-    renderContext?: RenderContextMenuProps;
     clsTablecustom?: string;
     idWapper?: string;
 }

package/dist/index.js

@@ -311,9 +311,9 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var isClient = typeof window !== "undefined";
 var TableStyleContextWapper = ({
   children,
-  contextMenuProps,
+  // contextMenuProps,
   clsTablecustom,
-  renderContext,
+  // renderContext,
   idWapper: externalId
 }) => {
   if (!isClient) {
@@ -341,3 +341,4 @@ TableStyleContextMenuWapper.getIdFromOutside = (externalId) => {
   TableStyleContextMenuWapper,
   useShowHideColumn
 });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/helpers/functions.ts","../src/helpers/table.ts","../src/utils.ts","../src/hooks/useShowHideColumn.ts","../src/type/table.ts","../src/component/ui/Table/ReactTableGridCustom.tsx","../src/component/Icons.tsx","../src/component/ui/Table/TableStyleContextWapper.tsx"],"sourcesContent":["/* =========================\n * Common types\n * ========================= */\nexport interface IPaginationParams {\n  pageSize?: number\n  page?: number\n}\n\nexport type Maybe<T> = T | undefined | null\n\n/* =========================\n * Hooks (safe)\n * ========================= */\nexport { useShowHideColumn } from './hooks/useShowHideColumn'\n\n/* =========================\n * Components (runtime-safe)\n * ========================= */\nexport { ReactTableGridCustom } from './component/ui/Table/ReactTableGridCustom'\n\n/* =========================\n * EXPORT TYPES (100% SAFE)\n * ========================= */\n\n// table\nexport type {\n  IReactTableGridCustom\n} from './component/ui/Table/table-type'\n\n// columns\nexport type {\n  TColumnsTable\n} from './type/table-type'\n\n// react-data-grid re-export types\nexport type {\n  Column,\n  ColumnOrColumnGroup,\n  DataGridProps\n} from 'react-data-grid'\n\n/* =========================\n * TableStyleContextMenuWapper\n * ========================= */\nexport { TableStyleContextMenuWapper } from './component/ui/Table/TableStyleContextWapper'\nexport type { TableStyleWapperProps } from './component/ui/Table/TableStyleContextWapper'\n","import { deleteDB, IDBPDatabase, openDB } from 'idb'\nimport { pickBy } from 'lodash'\nimport moment from 'moment'\nimport { optionSelect } from '../type/preload-stubs'\nimport { IObjectParams, IToggleValues } from '../type/renderer'\nexport const setLocalStore = (key: string, value: string): void => {\n  if (typeof window !== 'undefined') {\n    localStorage.setItem(key, value)\n  }\n}\n\nexport const getLocalStore = (key: string): string | null => {\n  if (typeof window !== 'undefined') {\n    return localStorage.getItem(key)\n  } else {\n    return null\n  }\n}\n\nexport function convertViToEn(str: string, toUpperCase = false): string {\n  str = str.toLowerCase()\n  str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a')\n  str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e')\n  str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i')\n  str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o')\n  str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u')\n  str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y')\n  str = str.replace(/đ/g, 'd')\n  // Some system encode vietnamese combining accent as individual utf-8 characters\n  str = str.replace(/\\u0300|\\u0301|\\u0303|\\u0309|\\u0323/g, '') // Huyền sắc hỏi ngã nặng\n  str = str.replace(/\\u02C6|\\u0306|\\u031B/g, '') // Â, Ê, Ă, Ơ, Ư\n\n  return toUpperCase ? str.toUpperCase() : str\n}\n\nexport const convertNumber = (value: number | string): { value: number; check: boolean } => {\n  let num = 0\n  if (value) {\n    value = value.toString().replace(/[.]/g, '')\n    value = value.trim()\n    num = Number(value)\n  }\n\n  const regex = /^-?\\d*$/\n  const check = regex.test(num.toString())\n  return {\n    value: num,\n    check\n  }\n}\n\nexport const changeTitleDocmemt = (title?: string): void => {\n  document.title = `${title} - Phần Mềm MKT`\n}\n\nexport const numberConvert = (num: string | number): string => {\n  let t = '0'\n  if (num) {\n    if (typeof num === 'string') {\n      num = Number(num)\n    }\n    t = num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.')\n  }\n  return t\n}\n\nexport const pickBySearch = <T extends Record<string, unknown>>(obj: T): Partial<T> => {\n  const filteredObj = pickBy(obj, (value) => value !== '')\n  return filteredObj as Partial<T>\n}\n\nexport const getValueSelected = (value?: unknown, options?: optionSelect[]): optionSelect[] => {\n  const currentValue = (options ?? [])?.filter((otp) => {\n    return Array.isArray(value) ? value?.includes(otp.value) : otp?.value === value\n  })\n  return currentValue\n}\n\nexport const toggleValues = ({ array, value }: IToggleValues): string[] => {\n  if (array.includes(value)) {\n    return array.filter((item) => item !== value)\n  } else {\n    return [...array, value]\n  }\n}\n\nexport const arrayLocal = (array?: string): string[] => {\n  try {\n    const data = array ? JSON.parse(array) : []\n    return Array.isArray(data) ? data : []\n  } catch {\n    return []\n  }\n}\n\nexport const formatDate = (\n  date?: string | number | Date,\n  format: string = 'DD/MM/YYYY HH:mm:ss A'\n): string => {\n  return moment(date).format(format)\n}\n\nexport const parseObject = (obj?: string): object => {\n  try {\n    const data = obj ? JSON.parse(obj) : {}\n    return typeof data === 'object' ? data : {}\n  } catch {\n    return {}\n  }\n}\nexport const bufferToBlob = (buffer: ArrayBuffer | Uint8Array, type: string): Blob => {\n  return new Blob([buffer as BlobPart], { type })\n}\nconst DB_NAME = 'appDB'\nconst DB_VERSION = 5\nconst STORE_NAME = 'selectedRecords'\nconst HISTORY_STORE = 'recordHistory'\ninterface SelectedRecordEntry {\n  actionType: string\n  selectedRecords: string[]\n}\n\ninterface RecordHistoryEntry {\n  id: string\n  previousAction: string[]\n}\n\ntype AppDBSchema = {\n  selectedRecords: SelectedRecordEntry\n  recordHistory: RecordHistoryEntry\n}\n\nconst requiredStores = [STORE_NAME, HISTORY_STORE]\n\nconst createAppDB = async (): Promise<IDBPDatabase<AppDBSchema>> => {\n  return openDB<AppDBSchema>(DB_NAME, DB_VERSION, {\n    upgrade(db) {\n      for (const storeName of Array.from(db.objectStoreNames)) {\n        db.deleteObjectStore(storeName)\n      }\n      if (!db.objectStoreNames.contains(STORE_NAME)) {\n        const store = db.createObjectStore(STORE_NAME, {\n          keyPath: 'actionType'\n        })\n        store.createIndex('by_actionType', 'actionType')\n      }\n\n      if (!db.objectStoreNames.contains(HISTORY_STORE)) {\n        db.createObjectStore(HISTORY_STORE, { keyPath: 'id' })\n      }\n    }\n  })\n}\n\nexport const openAppDB = async (): Promise<IDBPDatabase<AppDBSchema>> => {\n  try {\n    const db = await createAppDB()\n    const hasAllStores = requiredStores.every((store) => db.objectStoreNames.contains(store))\n    if (!hasAllStores) {\n      console.warn('[IndexedDB] Missing required stores. Resetting DB...')\n      db.close()\n      await deleteDB(DB_NAME)\n      return await createAppDB()\n    }\n    return db\n  } catch (error) {\n    if ((error as { name: string })?.name === 'VersionError') {\n      console.warn('[IndexedDB] Version downgrade detected. Resetting DB...')\n      await deleteDB(DB_NAME)\n      return await createAppDB()\n    }\n\n    console.error('[IndexedDB] Failed to open DB:', error)\n    throw error\n  }\n}\n\nexport const saveSelectedRecords = async (\n  ACTION_TYPE: string,\n  selectedRecords: Set<string>\n): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction(STORE_NAME, 'readwrite')\n  const store = tx.objectStore(STORE_NAME)\n\n  const data: SelectedRecordEntry = {\n    actionType: ACTION_TYPE,\n    selectedRecords: Array.from(selectedRecords)\n  }\n\n  await store.put(data)\n  await tx.done\n}\n\nexport const getSelectedRecords = async (ACTION_TYPE: string): Promise<Set<string>> => {\n  const db = await openAppDB()\n  const store = db.transaction(STORE_NAME).objectStore(STORE_NAME)\n\n  const record = await store.get(ACTION_TYPE)\n\n  return new Set(record?.selectedRecords ?? [])\n}\nexport const removeUidsFromAllPathsAndSaveHistory = async (uids: string[]): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction([STORE_NAME, HISTORY_STORE], 'readwrite')\n  const store = tx.objectStore(STORE_NAME)\n  const historyStore = tx.objectStore(HISTORY_STORE)\n\n  const allRecords = await store.getAll()\n\n  const historyMap: Record<string, string[]> = {}\n\n  for (const uid of uids) {\n    historyMap[uid] = []\n  }\n\n  for (const record of allRecords) {\n    let updated = false\n\n    for (const uid of uids) {\n      if (record.selectedRecords.includes(uid)) {\n        record.selectedRecords = record.selectedRecords.filter((id: string) => id !== uid)\n        historyMap[uid].push(record.actionType)\n        updated = true\n      }\n    }\n\n    if (updated) {\n      await store.put(record)\n    }\n  }\n\n  // Ghi lại lịch sử path đã bị xóa cho từng UID\n  for (const [uid, paths] of Object.entries(historyMap)) {\n    if (paths.length > 0) {\n      await historyStore.put({ id: uid, previousAction: paths })\n    }\n  }\n\n  await tx.done\n}\n\nexport const restoreUidsToPreviousPaths = async (uids: string[]): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction([STORE_NAME, HISTORY_STORE], 'readwrite')\n  const store = tx.objectStore(STORE_NAME)\n  const historyStore = tx.objectStore(HISTORY_STORE)\n\n  for (const uid of uids) {\n    const history = await historyStore.get(uid)\n    if (history?.previousAction?.length) {\n      for (const actionType of history.previousAction) {\n        const record = (await store.get(actionType)) || {\n          actionType,\n          selectedRecords: []\n        }\n\n        if (!record.selectedRecords.includes(uid)) {\n          record.selectedRecords.push(uid)\n        }\n\n        await store.put(record)\n      }\n\n      await historyStore.delete(uid)\n    }\n  }\n\n  await tx.done\n}\nexport const deleteUidsCompletely = async (uids: string[]): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction(['selectedRecords', 'recordHistory'], 'readwrite')\n  const store = tx.objectStore('selectedRecords')\n  const historyStore = tx.objectStore('recordHistory')\n\n  const allRecords = await store.getAll()\n\n  for (const record of allRecords) {\n    const originalLength = record.selectedRecords.length\n    record.selectedRecords = record.selectedRecords.filter((id: string) => !uids.includes(id))\n\n    if (record.selectedRecords.length !== originalLength) {\n      await store.put(record)\n    }\n  }\n  for (const uid of uids) {\n    await historyStore.delete(uid)\n  }\n\n  await tx.done\n}\n\nexport const getSelectedCategoryDataByPath = (): string[] => {\n  try {\n    const saved = localStorage.getItem('selectedCategoryData')\n    if (saved) {\n      const data = JSON.parse(saved)\n      const localPath = window.location.hash.replace(/^#/, '') || '/'\n      const categoryData = data[localPath]\n      if (categoryData && Array.isArray(categoryData.categoryIds)) {\n        return categoryData.categoryIds\n      }\n    }\n  } catch (err) {\n    console.warn('Failed to parse localStorage category data:', err)\n  }\n\n  return []\n}\n\nexport const handleAsyncConfigSearchInitialValue = (): IObjectParams => {\n  const defaultConfig: IObjectParams = {\n    page: 1,\n    pageSize: 1000,\n    filterType: 'all'\n  }\n\n  const categoryIds = getSelectedCategoryDataByPath()\n  if (categoryIds.length > 0) {\n    return {\n      ...defaultConfig,\n      categoryId: categoryIds\n    }\n  }\n\n  return defaultConfig\n}\n","import { ICalculatorTotalPage, IPaginationParams } from \"../type/table-type\"\n\nexport const calculatorTotalPage = ({ total = 0, pageSize = 0 }: ICalculatorTotalPage): number => {\n  if (!pageSize || (pageSize && pageSize <= 0)) return 0\n  return Math.ceil(total / pageSize)\n}\n\nexport const STT = (data?: IPaginationParams, index?: number): number => {\n  let stt = 1\n  let current_page = 0\n  let per_page = 0\n\n  if (data?.page !== undefined && data?.pageSize !== undefined) {\n    current_page = data.page\n    per_page = data.pageSize\n  }\n\n  let i = (current_page - 1) * per_page\n  i = isNaN(i) ? 0 : i\n  stt = i + (index ?? 0) + 1\n\n  return stt\n}\n","import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n","import { arrayLocal, getLocalStore, setLocalStore, toggleValues } from '../helpers'\nimport { useCallback, useMemo, useState } from 'react'\nimport { Column } from 'react-data-grid'\nimport { TColumnsTable, useShowHideColumnParameter, useShowHideColumnReturn } from '../type/table-type'\nimport { uniq } from 'lodash'\nimport { isColumn } from '../type/table'\n\nconst useShowHideColumn = <T, SR = unknown>({\n  nameLocal = 'table',\n  columns,\n  ignoreColumns\n}: useShowHideColumnParameter<T, SR>): useShowHideColumnReturn<T, SR> => {\n  const nameLocalLocation = `${nameLocal}_location`\n  const [locationColumns, setLocationColumns] = useState<string[]>(() => {\n    const dataLocal = getLocalStore(nameLocalLocation)\n    if (dataLocal) {\n      return arrayLocal(dataLocal)\n    }\n    return []\n  })\n  const [hiddenColumns, setHiddenColumns] = useState<string[]>(() => {\n    const dataLocal = getLocalStore(nameLocal)\n    if (dataLocal) {\n      return arrayLocal(dataLocal)\n    }\n    return []\n  })\n\n  const handleFindLocation = useCallback(\n    (filterColumns: TColumnsTable<T, SR>, arrLoctions = locationColumns) => {\n      return arrLoctions?.length > 0\n        ? arrLoctions?.reduce(\n            (total, current) => {\n              const currentColumns = filterColumns?.find((item) => {\n                const newItem = item as Column<T>\n                return newItem?.key === current\n              })\n\n              if (currentColumns) {\n                total = [...total, currentColumns]\n              }\n              return total\n            },\n            [] as TColumnsTable<T, SR>\n          )\n        : filterColumns\n    },\n    [locationColumns]\n  )\n\n  const newCloumnKeys = useMemo(\n    () =>\n      columns\n        ?.filter(isColumn)\n        .map(column => column.key),\n    [columns]\n  )\n\n\n  const newColumns = useMemo(() => {\n    const filterColumns: TColumnsTable<T, SR> =\n      columns?.filter(column => {\n        if (!isColumn(column)) return true\n\n        const key = column.key\n\n        if (ignoreColumns?.includes(key)) return true\n        if (hiddenColumns?.includes(key)) return false\n\n        return true\n      }) ?? []\n\n    return handleFindLocation(filterColumns)\n  }, [columns, hiddenColumns, locationColumns, ignoreColumns])\n\n  const newShowhideColumns = useMemo(() => {\n    if (!ignoreColumns) return columns\n\n    return (\n      columns?.filter(column => {\n        if (!isColumn(column)) return true\n        return !ignoreColumns.includes(column.key)\n      }) ?? []\n    )\n  }, [columns, ignoreColumns])\n\n  const changeHiddenColumn = useCallback(\n    (key: string | string[]) => {\n      let newData = [...hiddenColumns]\n      if (typeof key === 'string') {\n        newData = toggleValues({\n          array: newData,\n          value: key\n        })\n      } else {\n        newData = key\n      }\n      setLocalStore(nameLocal, JSON.stringify(newData))\n      setHiddenColumns(newData)\n    },\n    [hiddenColumns, nameLocalLocation]\n  )\n\n  const handleChangeLocation = useCallback(\n    (key: string[]) => {\n      let newKey = key\n      newKey = uniq([...key, ...newCloumnKeys])\n      setLocationColumns(newKey)\n      setLocalStore(nameLocalLocation, JSON.stringify(newKey))\n    },\n    [newCloumnKeys]\n  )\n\n  return {\n    hiddenColumns,\n    setHiddenColumns,\n    columnsTable: newColumns,\n    changeHiddenColumn,\n    newShowhideColumns,\n    locationColumns,\n    handleFindLocation,\n    handleChangeLocation\n  }\n}\n\nexport { useShowHideColumn }\n","import { UseMutateFunction } from '@tanstack/react-query'\nimport { FormikProps } from 'formik'\nimport { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react'\nimport { Props } from 'react-select'\nimport type { IFieldUpdateAndCheck, IMainResponse, ISettingSystem } from './preload-stubs'\nimport type { JobDetail, Proxy } from './vitechgroup-stubs'\n\nimport type { Column, ColumnOrColumnGroup } from 'react-data-grid'\n\nexport function isColumn<T, SR>(\n  column: ColumnOrColumnGroup<T, SR>\n): column is Column<T, SR> {\n  return 'key' in column\n}\n\nexport interface ITableData {\n  t: any\n  dataJobDetail?: JobDetail[]\n  totalAction?: number\n  settingSystem?: ISettingSystem\n  readProxyByField?: UseMutateFunction<\n    IMainResponse<Proxy[]>,\n    Error,\n    IFieldUpdateAndCheck<Proxy, undefined, string[]>[],\n    unknown\n  >\n}\n\nexport interface CustomSelectProps<T> extends Props, Omit<WapperLabelFormProps, 'children'> {\n  className?: string\n  height?: string\n  name: string\n  formik?: FormikProps<T>\n  msgError?: string\n  changeSelected?: (selected?: Record<string, string>) => void\n  setValueSearch?: Dispatch<SetStateAction<string>>\n  positionMenu?: string\n}\n\nexport interface WapperLabelFormProps {\n  classWapper?: HTMLAttributes<HTMLDivElement>['className']\n  label?: string\n  clsLabelWrapper?: string\n  isRequired?: boolean\n  children?: ReactNode\n  isVertical?: boolean\n}\n","'use client'\n\nimport { get } from 'lodash'\nimport {\n  Key,\n  memo,\n  useCallback,\n  useMemo\n} from 'react'\nimport {\n  DataGrid,\n  SelectColumn,\n  type Column,\n  type ColumnOrColumnGroup\n} from 'react-data-grid'\nimport 'react-data-grid/lib/styles.css'\n\nimport { cn } from '../../../helpers'\nimport { STT } from '../../../helpers/table'\nimport { LoadingIcon } from '../../Icons'\nimport type { IReactTableGridCustom } from './table-type'\nimport './ReactTableGridCustom.css'\n\nconst ReactTableGridCustomInner = <\n  T,\n  SR = unknown,\n  K extends Key = Key\n>(\n  props: IReactTableGridCustom<T, SR, K>\n) => {\n  const {\n    classNameWapperTable,\n    hiddenSTT,\n    data,\n    page,\n    pageSize,\n    columns,\n    rowKeyGetter = 'uid',\n\n    enableSelectRow,\n    selectedRows,\n    onSelectedRowsChange,\n\n    sortColumns,\n    onSortColumnsChange,\n\n    fetching,\n    onRowClick,\n    onRowDoubleClick\n  } = props\n\n  const isSelectRow =\n    enableSelectRow && selectedRows !== undefined\n\n  /* =========================\n   * Columns\n   * ========================= */\n  const newColumns = useMemo<\n    readonly ColumnOrColumnGroup<T, SR>[]\n  >(() => {\n    const cols = [...columns]\n\n    if (isSelectRow) {\n      cols.unshift(SelectColumn as Column<T, SR>)\n    }\n\n    if (!hiddenSTT) {\n      cols.unshift({\n        key: '__index__',\n        name: 'STT',\n        width: 80,\n        renderCell: ({ rowIdx }) =>\n          STT({ page, pageSize }, rowIdx)\n      })\n    }\n\n    return cols\n  }, [columns, hiddenSTT, isSelectRow, page, pageSize])\n\n  /* =========================\n   * Row key\n   * ========================= */\n  const customRowKeyGetter = useCallback(\n    (row: T): K => {\n      if (typeof rowKeyGetter === 'function') {\n        return rowKeyGetter(row)\n      }\n      return get(row, rowKeyGetter) as K\n    },\n    [rowKeyGetter]\n  )\n\n  return (\n    <div\n      className={cn(\n        'wapper_table flex flex-col h-full min-h-0 relative',\n        classNameWapperTable\n      )}\n    >\n      <DataGrid<T, SR, K>\n        rows={data}\n        columns={newColumns}\n        selectedRows={selectedRows}\n        onSelectedRowsChange={onSelectedRowsChange}\n        rowKeyGetter={isSelectRow ? customRowKeyGetter : undefined}\n        sortColumns={sortColumns}\n        onSortColumnsChange={onSortColumnsChange}\n        onCellClick={({ row, rowIdx }) =>\n          onRowClick?.(row, rowIdx)\n        }\n        onCellDoubleClick={({ row, rowIdx }) =>\n          onRowDoubleClick?.(row, rowIdx)\n        }\n      />\n\n      {fetching && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-white/60 z-10\">\n          <LoadingIcon isSpin />\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const ReactTableGridCustom = memo(\n  ReactTableGridCustomInner\n) as typeof ReactTableGridCustomInner\n","import { JSX } from \"react\"\n\nexport const LoadingIcon = ({\n  isSpin = false,\n  h = 30,\n  w = 30,\n  size = 30,\n  className\n}: {\n  isSpin?: boolean\n  w?: number\n  h?: number\n  size?: number\n  className?: string\n}): JSX.Element => {\n  return (\n    <svg\n      className={`${isSpin ? 'animate-spin' : ''} ${className ?? ''}`}\n      viewBox=\"0 0 1024 1024\"\n      focusable=\"false\"\n      data-icon=\"loading\"\n      width={size || w}\n      height={size || h}\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z\"></path>\n    </svg>\n  )\n}\n\nexport const ArrowIcon = ({\n  h,\n  w,\n  size,\n  className\n}: {\n  w?: number\n  h?: number\n  size?: number\n  className?: string\n}): JSX.Element => {\n  return (\n    <svg\n      className={className}\n      stroke=\"currentColor\"\n      fill=\"currentColor\"\n      strokeWidth=\"0\"\n      viewBox=\"0 0 16 16\"\n      height={size ?? h}\n      width={size ?? w}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4\"\n      ></path>\n    </svg>\n  )\n}\n","import { FC, memo, ReactNode, useId } from 'react'\n// import ContextMenu, { ContextMenuProps } from '../ContextMenu/ContextMenu'\n// import RenderContextMenu, { RenderContextMenuProps } from '../ContextMenu/RenderContextMenu'\n\n/* =========================\n * Props\n * ========================= */\nexport interface TableStyleWapperProps {\n  children?: ReactNode\n  // contextMenuProps?: Omit<ContextMenuProps, 'selector' | 'children'> & {\n  //   selector?: string\n  // }\n  // renderContext?: RenderContextMenuProps\n  clsTablecustom?: string\n  idWapper?: string // 🔹 có thể truyền id từ ngoài\n}\n\n/* =========================\n * Client guard\n * ========================= */\nconst isClient = typeof window !== 'undefined'\n\n/* =========================\n * Component\n * ========================= */\nconst TableStyleContextWapper: FC<TableStyleWapperProps> = ({\n  children,\n  // contextMenuProps,\n  clsTablecustom,\n  // renderContext,\n  idWapper: externalId\n}) => {\n  // ⛔ server / electron preload → không render gì\n  if (!isClient) {\n    return <>{children}</>\n  }\n\n  // Nếu có id bên ngoài truyền vào thì dùng, nếu không thì sinh tự động\n  const idWapper = externalId ?? \"12\"\n\n  return (\n    <div\n      id={`wapper_menu_context-${idWapper}`}\n      className={`border border-[#dedede] rounded-xl overflow-hidden bg-white flex-1 h-full flex flex-col min-h-[360px] ${clsTablecustom ?? ''}`}\n    >\n      {/* {renderContext?.renderData && (\n        <ContextMenu\n          selector={`[id=\"wapper_menu_context-${idWapper}\"] .rdg`}\n          {...contextMenuProps}\n        >\n          <RenderContextMenu {...renderContext} />\n        </ContextMenu>\n      )} */}\n\n      {children}\n    </div>\n  )\n}\n\n/* =========================\n * Type cho component export\n * ========================= */\nexport interface TableStyleContextMenuWapperComponent extends FC<TableStyleWapperProps> {\n  getIdFromOutside?: (externalId?: string) => string\n}\n\n/* =========================\n * Export (SAFE) + cast type\n * ========================= */\nexport const TableStyleContextMenuWapper = memo(\n  TableStyleContextWapper\n) as TableStyleContextMenuWapperComponent\n\n/* =========================\n * Static helper function (tuỳ chọn)\n * ========================= */\nTableStyleContextMenuWapper.getIdFromOutside = (externalId?: string) => {\n  return `wapper_menu_context-${externalId ?? 'default-id'}`\n}\n"],"mappings":"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","names":["import_lodash","import_lodash","import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}

package/dist/index.mjs

@@ -280,9 +280,9 @@ import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
 var isClient = typeof window !== "undefined";
 var TableStyleContextWapper = ({
   children,
-  contextMenuProps,
+  // contextMenuProps,
   clsTablecustom,
-  renderContext,
+  // renderContext,
   idWapper: externalId
 }) => {
   if (!isClient) {
@@ -309,3 +309,4 @@ export {
   TableStyleContextMenuWapper,
   useShowHideColumn
 };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/helpers/functions.ts","../src/helpers/table.ts","../src/utils.ts","../src/hooks/useShowHideColumn.ts","../src/type/table.ts","../src/component/ui/Table/ReactTableGridCustom.tsx","../src/component/Icons.tsx","../src/component/ui/Table/TableStyleContextWapper.tsx"],"sourcesContent":["import { deleteDB, IDBPDatabase, openDB } from 'idb'\nimport { pickBy } from 'lodash'\nimport moment from 'moment'\nimport { optionSelect } from '../type/preload-stubs'\nimport { IObjectParams, IToggleValues } from '../type/renderer'\nexport const setLocalStore = (key: string, value: string): void => {\n  if (typeof window !== 'undefined') {\n    localStorage.setItem(key, value)\n  }\n}\n\nexport const getLocalStore = (key: string): string | null => {\n  if (typeof window !== 'undefined') {\n    return localStorage.getItem(key)\n  } else {\n    return null\n  }\n}\n\nexport function convertViToEn(str: string, toUpperCase = false): string {\n  str = str.toLowerCase()\n  str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a')\n  str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e')\n  str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i')\n  str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o')\n  str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u')\n  str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y')\n  str = str.replace(/đ/g, 'd')\n  // Some system encode vietnamese combining accent as individual utf-8 characters\n  str = str.replace(/\\u0300|\\u0301|\\u0303|\\u0309|\\u0323/g, '') // Huyền sắc hỏi ngã nặng\n  str = str.replace(/\\u02C6|\\u0306|\\u031B/g, '') // Â, Ê, Ă, Ơ, Ư\n\n  return toUpperCase ? str.toUpperCase() : str\n}\n\nexport const convertNumber = (value: number | string): { value: number; check: boolean } => {\n  let num = 0\n  if (value) {\n    value = value.toString().replace(/[.]/g, '')\n    value = value.trim()\n    num = Number(value)\n  }\n\n  const regex = /^-?\\d*$/\n  const check = regex.test(num.toString())\n  return {\n    value: num,\n    check\n  }\n}\n\nexport const changeTitleDocmemt = (title?: string): void => {\n  document.title = `${title} - Phần Mềm MKT`\n}\n\nexport const numberConvert = (num: string | number): string => {\n  let t = '0'\n  if (num) {\n    if (typeof num === 'string') {\n      num = Number(num)\n    }\n    t = num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.')\n  }\n  return t\n}\n\nexport const pickBySearch = <T extends Record<string, unknown>>(obj: T): Partial<T> => {\n  const filteredObj = pickBy(obj, (value) => value !== '')\n  return filteredObj as Partial<T>\n}\n\nexport const getValueSelected = (value?: unknown, options?: optionSelect[]): optionSelect[] => {\n  const currentValue = (options ?? [])?.filter((otp) => {\n    return Array.isArray(value) ? value?.includes(otp.value) : otp?.value === value\n  })\n  return currentValue\n}\n\nexport const toggleValues = ({ array, value }: IToggleValues): string[] => {\n  if (array.includes(value)) {\n    return array.filter((item) => item !== value)\n  } else {\n    return [...array, value]\n  }\n}\n\nexport const arrayLocal = (array?: string): string[] => {\n  try {\n    const data = array ? JSON.parse(array) : []\n    return Array.isArray(data) ? data : []\n  } catch {\n    return []\n  }\n}\n\nexport const formatDate = (\n  date?: string | number | Date,\n  format: string = 'DD/MM/YYYY HH:mm:ss A'\n): string => {\n  return moment(date).format(format)\n}\n\nexport const parseObject = (obj?: string): object => {\n  try {\n    const data = obj ? JSON.parse(obj) : {}\n    return typeof data === 'object' ? data : {}\n  } catch {\n    return {}\n  }\n}\nexport const bufferToBlob = (buffer: ArrayBuffer | Uint8Array, type: string): Blob => {\n  return new Blob([buffer as BlobPart], { type })\n}\nconst DB_NAME = 'appDB'\nconst DB_VERSION = 5\nconst STORE_NAME = 'selectedRecords'\nconst HISTORY_STORE = 'recordHistory'\ninterface SelectedRecordEntry {\n  actionType: string\n  selectedRecords: string[]\n}\n\ninterface RecordHistoryEntry {\n  id: string\n  previousAction: string[]\n}\n\ntype AppDBSchema = {\n  selectedRecords: SelectedRecordEntry\n  recordHistory: RecordHistoryEntry\n}\n\nconst requiredStores = [STORE_NAME, HISTORY_STORE]\n\nconst createAppDB = async (): Promise<IDBPDatabase<AppDBSchema>> => {\n  return openDB<AppDBSchema>(DB_NAME, DB_VERSION, {\n    upgrade(db) {\n      for (const storeName of Array.from(db.objectStoreNames)) {\n        db.deleteObjectStore(storeName)\n      }\n      if (!db.objectStoreNames.contains(STORE_NAME)) {\n        const store = db.createObjectStore(STORE_NAME, {\n          keyPath: 'actionType'\n        })\n        store.createIndex('by_actionType', 'actionType')\n      }\n\n      if (!db.objectStoreNames.contains(HISTORY_STORE)) {\n        db.createObjectStore(HISTORY_STORE, { keyPath: 'id' })\n      }\n    }\n  })\n}\n\nexport const openAppDB = async (): Promise<IDBPDatabase<AppDBSchema>> => {\n  try {\n    const db = await createAppDB()\n    const hasAllStores = requiredStores.every((store) => db.objectStoreNames.contains(store))\n    if (!hasAllStores) {\n      console.warn('[IndexedDB] Missing required stores. Resetting DB...')\n      db.close()\n      await deleteDB(DB_NAME)\n      return await createAppDB()\n    }\n    return db\n  } catch (error) {\n    if ((error as { name: string })?.name === 'VersionError') {\n      console.warn('[IndexedDB] Version downgrade detected. Resetting DB...')\n      await deleteDB(DB_NAME)\n      return await createAppDB()\n    }\n\n    console.error('[IndexedDB] Failed to open DB:', error)\n    throw error\n  }\n}\n\nexport const saveSelectedRecords = async (\n  ACTION_TYPE: string,\n  selectedRecords: Set<string>\n): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction(STORE_NAME, 'readwrite')\n  const store = tx.objectStore(STORE_NAME)\n\n  const data: SelectedRecordEntry = {\n    actionType: ACTION_TYPE,\n    selectedRecords: Array.from(selectedRecords)\n  }\n\n  await store.put(data)\n  await tx.done\n}\n\nexport const getSelectedRecords = async (ACTION_TYPE: string): Promise<Set<string>> => {\n  const db = await openAppDB()\n  const store = db.transaction(STORE_NAME).objectStore(STORE_NAME)\n\n  const record = await store.get(ACTION_TYPE)\n\n  return new Set(record?.selectedRecords ?? [])\n}\nexport const removeUidsFromAllPathsAndSaveHistory = async (uids: string[]): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction([STORE_NAME, HISTORY_STORE], 'readwrite')\n  const store = tx.objectStore(STORE_NAME)\n  const historyStore = tx.objectStore(HISTORY_STORE)\n\n  const allRecords = await store.getAll()\n\n  const historyMap: Record<string, string[]> = {}\n\n  for (const uid of uids) {\n    historyMap[uid] = []\n  }\n\n  for (const record of allRecords) {\n    let updated = false\n\n    for (const uid of uids) {\n      if (record.selectedRecords.includes(uid)) {\n        record.selectedRecords = record.selectedRecords.filter((id: string) => id !== uid)\n        historyMap[uid].push(record.actionType)\n        updated = true\n      }\n    }\n\n    if (updated) {\n      await store.put(record)\n    }\n  }\n\n  // Ghi lại lịch sử path đã bị xóa cho từng UID\n  for (const [uid, paths] of Object.entries(historyMap)) {\n    if (paths.length > 0) {\n      await historyStore.put({ id: uid, previousAction: paths })\n    }\n  }\n\n  await tx.done\n}\n\nexport const restoreUidsToPreviousPaths = async (uids: string[]): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction([STORE_NAME, HISTORY_STORE], 'readwrite')\n  const store = tx.objectStore(STORE_NAME)\n  const historyStore = tx.objectStore(HISTORY_STORE)\n\n  for (const uid of uids) {\n    const history = await historyStore.get(uid)\n    if (history?.previousAction?.length) {\n      for (const actionType of history.previousAction) {\n        const record = (await store.get(actionType)) || {\n          actionType,\n          selectedRecords: []\n        }\n\n        if (!record.selectedRecords.includes(uid)) {\n          record.selectedRecords.push(uid)\n        }\n\n        await store.put(record)\n      }\n\n      await historyStore.delete(uid)\n    }\n  }\n\n  await tx.done\n}\nexport const deleteUidsCompletely = async (uids: string[]): Promise<void> => {\n  const db = await openAppDB()\n  const tx = db.transaction(['selectedRecords', 'recordHistory'], 'readwrite')\n  const store = tx.objectStore('selectedRecords')\n  const historyStore = tx.objectStore('recordHistory')\n\n  const allRecords = await store.getAll()\n\n  for (const record of allRecords) {\n    const originalLength = record.selectedRecords.length\n    record.selectedRecords = record.selectedRecords.filter((id: string) => !uids.includes(id))\n\n    if (record.selectedRecords.length !== originalLength) {\n      await store.put(record)\n    }\n  }\n  for (const uid of uids) {\n    await historyStore.delete(uid)\n  }\n\n  await tx.done\n}\n\nexport const getSelectedCategoryDataByPath = (): string[] => {\n  try {\n    const saved = localStorage.getItem('selectedCategoryData')\n    if (saved) {\n      const data = JSON.parse(saved)\n      const localPath = window.location.hash.replace(/^#/, '') || '/'\n      const categoryData = data[localPath]\n      if (categoryData && Array.isArray(categoryData.categoryIds)) {\n        return categoryData.categoryIds\n      }\n    }\n  } catch (err) {\n    console.warn('Failed to parse localStorage category data:', err)\n  }\n\n  return []\n}\n\nexport const handleAsyncConfigSearchInitialValue = (): IObjectParams => {\n  const defaultConfig: IObjectParams = {\n    page: 1,\n    pageSize: 1000,\n    filterType: 'all'\n  }\n\n  const categoryIds = getSelectedCategoryDataByPath()\n  if (categoryIds.length > 0) {\n    return {\n      ...defaultConfig,\n      categoryId: categoryIds\n    }\n  }\n\n  return defaultConfig\n}\n","import { ICalculatorTotalPage, IPaginationParams } from \"../type/table-type\"\n\nexport const calculatorTotalPage = ({ total = 0, pageSize = 0 }: ICalculatorTotalPage): number => {\n  if (!pageSize || (pageSize && pageSize <= 0)) return 0\n  return Math.ceil(total / pageSize)\n}\n\nexport const STT = (data?: IPaginationParams, index?: number): number => {\n  let stt = 1\n  let current_page = 0\n  let per_page = 0\n\n  if (data?.page !== undefined && data?.pageSize !== undefined) {\n    current_page = data.page\n    per_page = data.pageSize\n  }\n\n  let i = (current_page - 1) * per_page\n  i = isNaN(i) ? 0 : i\n  stt = i + (index ?? 0) + 1\n\n  return stt\n}\n","import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n","import { arrayLocal, getLocalStore, setLocalStore, toggleValues } from '../helpers'\nimport { useCallback, useMemo, useState } from 'react'\nimport { Column } from 'react-data-grid'\nimport { TColumnsTable, useShowHideColumnParameter, useShowHideColumnReturn } from '../type/table-type'\nimport { uniq } from 'lodash'\nimport { isColumn } from '../type/table'\n\nconst useShowHideColumn = <T, SR = unknown>({\n  nameLocal = 'table',\n  columns,\n  ignoreColumns\n}: useShowHideColumnParameter<T, SR>): useShowHideColumnReturn<T, SR> => {\n  const nameLocalLocation = `${nameLocal}_location`\n  const [locationColumns, setLocationColumns] = useState<string[]>(() => {\n    const dataLocal = getLocalStore(nameLocalLocation)\n    if (dataLocal) {\n      return arrayLocal(dataLocal)\n    }\n    return []\n  })\n  const [hiddenColumns, setHiddenColumns] = useState<string[]>(() => {\n    const dataLocal = getLocalStore(nameLocal)\n    if (dataLocal) {\n      return arrayLocal(dataLocal)\n    }\n    return []\n  })\n\n  const handleFindLocation = useCallback(\n    (filterColumns: TColumnsTable<T, SR>, arrLoctions = locationColumns) => {\n      return arrLoctions?.length > 0\n        ? arrLoctions?.reduce(\n            (total, current) => {\n              const currentColumns = filterColumns?.find((item) => {\n                const newItem = item as Column<T>\n                return newItem?.key === current\n              })\n\n              if (currentColumns) {\n                total = [...total, currentColumns]\n              }\n              return total\n            },\n            [] as TColumnsTable<T, SR>\n          )\n        : filterColumns\n    },\n    [locationColumns]\n  )\n\n  const newCloumnKeys = useMemo(\n    () =>\n      columns\n        ?.filter(isColumn)\n        .map(column => column.key),\n    [columns]\n  )\n\n\n  const newColumns = useMemo(() => {\n    const filterColumns: TColumnsTable<T, SR> =\n      columns?.filter(column => {\n        if (!isColumn(column)) return true\n\n        const key = column.key\n\n        if (ignoreColumns?.includes(key)) return true\n        if (hiddenColumns?.includes(key)) return false\n\n        return true\n      }) ?? []\n\n    return handleFindLocation(filterColumns)\n  }, [columns, hiddenColumns, locationColumns, ignoreColumns])\n\n  const newShowhideColumns = useMemo(() => {\n    if (!ignoreColumns) return columns\n\n    return (\n      columns?.filter(column => {\n        if (!isColumn(column)) return true\n        return !ignoreColumns.includes(column.key)\n      }) ?? []\n    )\n  }, [columns, ignoreColumns])\n\n  const changeHiddenColumn = useCallback(\n    (key: string | string[]) => {\n      let newData = [...hiddenColumns]\n      if (typeof key === 'string') {\n        newData = toggleValues({\n          array: newData,\n          value: key\n        })\n      } else {\n        newData = key\n      }\n      setLocalStore(nameLocal, JSON.stringify(newData))\n      setHiddenColumns(newData)\n    },\n    [hiddenColumns, nameLocalLocation]\n  )\n\n  const handleChangeLocation = useCallback(\n    (key: string[]) => {\n      let newKey = key\n      newKey = uniq([...key, ...newCloumnKeys])\n      setLocationColumns(newKey)\n      setLocalStore(nameLocalLocation, JSON.stringify(newKey))\n    },\n    [newCloumnKeys]\n  )\n\n  return {\n    hiddenColumns,\n    setHiddenColumns,\n    columnsTable: newColumns,\n    changeHiddenColumn,\n    newShowhideColumns,\n    locationColumns,\n    handleFindLocation,\n    handleChangeLocation\n  }\n}\n\nexport { useShowHideColumn }\n","import { UseMutateFunction } from '@tanstack/react-query'\nimport { FormikProps } from 'formik'\nimport { Dispatch, HTMLAttributes, ReactNode, SetStateAction } from 'react'\nimport { Props } from 'react-select'\nimport type { IFieldUpdateAndCheck, IMainResponse, ISettingSystem } from './preload-stubs'\nimport type { JobDetail, Proxy } from './vitechgroup-stubs'\n\nimport type { Column, ColumnOrColumnGroup } from 'react-data-grid'\n\nexport function isColumn<T, SR>(\n  column: ColumnOrColumnGroup<T, SR>\n): column is Column<T, SR> {\n  return 'key' in column\n}\n\nexport interface ITableData {\n  t: any\n  dataJobDetail?: JobDetail[]\n  totalAction?: number\n  settingSystem?: ISettingSystem\n  readProxyByField?: UseMutateFunction<\n    IMainResponse<Proxy[]>,\n    Error,\n    IFieldUpdateAndCheck<Proxy, undefined, string[]>[],\n    unknown\n  >\n}\n\nexport interface CustomSelectProps<T> extends Props, Omit<WapperLabelFormProps, 'children'> {\n  className?: string\n  height?: string\n  name: string\n  formik?: FormikProps<T>\n  msgError?: string\n  changeSelected?: (selected?: Record<string, string>) => void\n  setValueSearch?: Dispatch<SetStateAction<string>>\n  positionMenu?: string\n}\n\nexport interface WapperLabelFormProps {\n  classWapper?: HTMLAttributes<HTMLDivElement>['className']\n  label?: string\n  clsLabelWrapper?: string\n  isRequired?: boolean\n  children?: ReactNode\n  isVertical?: boolean\n}\n","'use client'\n\nimport { get } from 'lodash'\nimport {\n  Key,\n  memo,\n  useCallback,\n  useMemo\n} from 'react'\nimport {\n  DataGrid,\n  SelectColumn,\n  type Column,\n  type ColumnOrColumnGroup\n} from 'react-data-grid'\nimport 'react-data-grid/lib/styles.css'\n\nimport { cn } from '../../../helpers'\nimport { STT } from '../../../helpers/table'\nimport { LoadingIcon } from '../../Icons'\nimport type { IReactTableGridCustom } from './table-type'\nimport './ReactTableGridCustom.css'\n\nconst ReactTableGridCustomInner = <\n  T,\n  SR = unknown,\n  K extends Key = Key\n>(\n  props: IReactTableGridCustom<T, SR, K>\n) => {\n  const {\n    classNameWapperTable,\n    hiddenSTT,\n    data,\n    page,\n    pageSize,\n    columns,\n    rowKeyGetter = 'uid',\n\n    enableSelectRow,\n    selectedRows,\n    onSelectedRowsChange,\n\n    sortColumns,\n    onSortColumnsChange,\n\n    fetching,\n    onRowClick,\n    onRowDoubleClick\n  } = props\n\n  const isSelectRow =\n    enableSelectRow && selectedRows !== undefined\n\n  /* =========================\n   * Columns\n   * ========================= */\n  const newColumns = useMemo<\n    readonly ColumnOrColumnGroup<T, SR>[]\n  >(() => {\n    const cols = [...columns]\n\n    if (isSelectRow) {\n      cols.unshift(SelectColumn as Column<T, SR>)\n    }\n\n    if (!hiddenSTT) {\n      cols.unshift({\n        key: '__index__',\n        name: 'STT',\n        width: 80,\n        renderCell: ({ rowIdx }) =>\n          STT({ page, pageSize }, rowIdx)\n      })\n    }\n\n    return cols\n  }, [columns, hiddenSTT, isSelectRow, page, pageSize])\n\n  /* =========================\n   * Row key\n   * ========================= */\n  const customRowKeyGetter = useCallback(\n    (row: T): K => {\n      if (typeof rowKeyGetter === 'function') {\n        return rowKeyGetter(row)\n      }\n      return get(row, rowKeyGetter) as K\n    },\n    [rowKeyGetter]\n  )\n\n  return (\n    <div\n      className={cn(\n        'wapper_table flex flex-col h-full min-h-0 relative',\n        classNameWapperTable\n      )}\n    >\n      <DataGrid<T, SR, K>\n        rows={data}\n        columns={newColumns}\n        selectedRows={selectedRows}\n        onSelectedRowsChange={onSelectedRowsChange}\n        rowKeyGetter={isSelectRow ? customRowKeyGetter : undefined}\n        sortColumns={sortColumns}\n        onSortColumnsChange={onSortColumnsChange}\n        onCellClick={({ row, rowIdx }) =>\n          onRowClick?.(row, rowIdx)\n        }\n        onCellDoubleClick={({ row, rowIdx }) =>\n          onRowDoubleClick?.(row, rowIdx)\n        }\n      />\n\n      {fetching && (\n        <div className=\"absolute inset-0 flex items-center justify-center bg-white/60 z-10\">\n          <LoadingIcon isSpin />\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const ReactTableGridCustom = memo(\n  ReactTableGridCustomInner\n) as typeof ReactTableGridCustomInner\n","import { JSX } from \"react\"\n\nexport const LoadingIcon = ({\n  isSpin = false,\n  h = 30,\n  w = 30,\n  size = 30,\n  className\n}: {\n  isSpin?: boolean\n  w?: number\n  h?: number\n  size?: number\n  className?: string\n}): JSX.Element => {\n  return (\n    <svg\n      className={`${isSpin ? 'animate-spin' : ''} ${className ?? ''}`}\n      viewBox=\"0 0 1024 1024\"\n      focusable=\"false\"\n      data-icon=\"loading\"\n      width={size || w}\n      height={size || h}\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z\"></path>\n    </svg>\n  )\n}\n\nexport const ArrowIcon = ({\n  h,\n  w,\n  size,\n  className\n}: {\n  w?: number\n  h?: number\n  size?: number\n  className?: string\n}): JSX.Element => {\n  return (\n    <svg\n      className={className}\n      stroke=\"currentColor\"\n      fill=\"currentColor\"\n      strokeWidth=\"0\"\n      viewBox=\"0 0 16 16\"\n      height={size ?? h}\n      width={size ?? w}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4\"\n      ></path>\n    </svg>\n  )\n}\n","import { FC, memo, ReactNode, useId } from 'react'\n// import ContextMenu, { ContextMenuProps } from '../ContextMenu/ContextMenu'\n// import RenderContextMenu, { RenderContextMenuProps } from '../ContextMenu/RenderContextMenu'\n\n/* =========================\n * Props\n * ========================= */\nexport interface TableStyleWapperProps {\n  children?: ReactNode\n  // contextMenuProps?: Omit<ContextMenuProps, 'selector' | 'children'> & {\n  //   selector?: string\n  // }\n  // renderContext?: RenderContextMenuProps\n  clsTablecustom?: string\n  idWapper?: string // 🔹 có thể truyền id từ ngoài\n}\n\n/* =========================\n * Client guard\n * ========================= */\nconst isClient = typeof window !== 'undefined'\n\n/* =========================\n * Component\n * ========================= */\nconst TableStyleContextWapper: FC<TableStyleWapperProps> = ({\n  children,\n  // contextMenuProps,\n  clsTablecustom,\n  // renderContext,\n  idWapper: externalId\n}) => {\n  // ⛔ server / electron preload → không render gì\n  if (!isClient) {\n    return <>{children}</>\n  }\n\n  // Nếu có id bên ngoài truyền vào thì dùng, nếu không thì sinh tự động\n  const idWapper = externalId ?? \"12\"\n\n  return (\n    <div\n      id={`wapper_menu_context-${idWapper}`}\n      className={`border border-[#dedede] rounded-xl overflow-hidden bg-white flex-1 h-full flex flex-col min-h-[360px] ${clsTablecustom ?? ''}`}\n    >\n      {/* {renderContext?.renderData && (\n        <ContextMenu\n          selector={`[id=\"wapper_menu_context-${idWapper}\"] .rdg`}\n          {...contextMenuProps}\n        >\n          <RenderContextMenu {...renderContext} />\n        </ContextMenu>\n      )} */}\n\n      {children}\n    </div>\n  )\n}\n\n/* =========================\n * Type cho component export\n * ========================= */\nexport interface TableStyleContextMenuWapperComponent extends FC<TableStyleWapperProps> {\n  getIdFromOutside?: (externalId?: string) => string\n}\n\n/* =========================\n * Export (SAFE) + cast type\n * ========================= */\nexport const TableStyleContextMenuWapper = memo(\n  TableStyleContextWapper\n) as TableStyleContextMenuWapperComponent\n\n/* =========================\n * Static helper function (tuỳ chọn)\n * ========================= */\nTableStyleContextMenuWapper.getIdFromOutside = (externalId?: string) => {\n  return `wapper_menu_context-${externalId ?? 'default-id'}`\n}\n"],"mappings":"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","names":["useCallback","useMemo","jsx","useMemo","useCallback","memo","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mkt-loitd/react-table-grid-custom",
-  "version": "1.4.1",
+  "version": "1.4.5",
   "description": "React Table Grid Custom component",
   "license": "ISC",
   "private": false,
@@ -21,36 +21,30 @@
     "dist",
     "README.md"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
-    "dev": "tsup src/index.ts --watch --format esm,cjs --dts",
+    "dev": "tsup --watch",
     "build": "tsup src/index.ts --format esm,cjs --dts",
     "prebuild": "node scripts/prebuild.js",
     "release:patch": "npm version patch --no-git-tag-version"
   },
   "peerDependencies": {
-    "@tanstack/react-query": "^5.0.0",
-    "@tanstack/query-core": "^5.0.0",
+    "idb": "^8.0.0",
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "@mantine/core": "^8",
+    "react-data-grid": "^7.0.0-beta",
+    "@tanstack/react-query": "^5"
   },
   "dependencies": {
-    "@mantine/core": "^8.3.10",
-    "@tippyjs/react": "^4.2.6",
     "clsx": "^2.1.1",
-    "formik": "^2.4.9",
-    "idb": "^8.0.3",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
-    "react-data-grid": "^7.0.0-beta.59",
-    "react-icons": "^5.5.0",
-    "react-select": "^5.10.2",
-    "tailwind-merge": "^3.4.0",
-    "typeorm": "^0.3.28"
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@tanstack/react-query": "^5.0.0",
-    "@tanstack/query-core": "^5.0.0",
     "@types/lodash": "^4.17.21",
     "@types/react": ">=18",
     "@types/react-dom": ">=18",