@fctc/widget-logic 2.3.7 → 2.3.8

package/dist/utils.d.mts

@@ -1,3 +1,4 @@
+import * as react from 'react';
 export * from '@fctc/interface-logic/utils';
 
 declare const languages: {
@@ -15,6 +16,18 @@ declare const API_APP_URL: {
 
 declare const countSum: (data: any[], field: string) => number;
 declare function mergeButtons(fields: any): any;
+declare function useGetRowIds(tableRef: React.RefObject<HTMLTableElement | null>): {
+    rowIds: string[];
+    refresh: () => void;
+};
+declare const useSelectionState: ({ typeTable, tableRef, rows, }: {
+    typeTable?: string;
+    tableRef: any;
+    rows?: any[];
+}) => {
+    checkedAll: boolean;
+    selectedRowKeysRef: react.MutableRefObject<any[]>;
+};
 declare const getDateRange: (currentDate: any, unit: string) => string[][];
 declare const convertFieldsToArray: (fields: any[] | undefined | null) => any[];
 declare function combineContexts(contexts: ({
@@ -31,4 +44,4 @@ type StorageKey = keyof typeof STORAGES;
 declare function setStorageItemAsync(key: StorageKey, value: string | null): Promise<void>;
 declare function useStorageState(key: StorageKey): UseStateHook<string>;
 
-export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useStorageState };
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useSelectionState, useStorageState };

package/dist/utils.d.ts

@@ -1,3 +1,4 @@
+import * as react from 'react';
 export * from '@fctc/interface-logic/utils';
 
 declare const languages: {
@@ -15,6 +16,18 @@ declare const API_APP_URL: {
 
 declare const countSum: (data: any[], field: string) => number;
 declare function mergeButtons(fields: any): any;
+declare function useGetRowIds(tableRef: React.RefObject<HTMLTableElement | null>): {
+    rowIds: string[];
+    refresh: () => void;
+};
+declare const useSelectionState: ({ typeTable, tableRef, rows, }: {
+    typeTable?: string;
+    tableRef: any;
+    rows?: any[];
+}) => {
+    checkedAll: boolean;
+    selectedRowKeysRef: react.MutableRefObject<any[]>;
+};
 declare const getDateRange: (currentDate: any, unit: string) => string[][];
 declare const convertFieldsToArray: (fields: any[] | undefined | null) => any[];
 declare function combineContexts(contexts: ({
@@ -31,4 +44,4 @@ type StorageKey = keyof typeof STORAGES;
 declare function setStorageItemAsync(key: StorageKey, value: string | null): Promise<void>;
 declare function useStorageState(key: StorageKey): UseStateHook<string>;
 
-export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useStorageState };
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useSelectionState, useStorageState };

package/dist/utils.js

@@ -31,6 +31,8 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
   useStorageState: () => useStorageState
 });
 module.exports = __toCommonJS(utils_exports);
@@ -51,6 +53,12 @@ var API_APP_URL = {
 
 // src/utils/function.ts
 var import_react = require("react");
+
+// src/store.ts
+var store_exports = {};
+__reExport(store_exports, require("@fctc/interface-logic/store"));
+
+// src/utils/function.ts
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -69,6 +77,91 @@ function mergeButtons(fields) {
   }
   return others;
 }
+function isElementVisible(el) {
+  const style = window.getComputedStyle(el);
+  return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+}
+function arraysAreEqual(a, b) {
+  if (a.length !== b.length) return false;
+  const setA = new Set(a);
+  const setB = new Set(b);
+  if (setA.size !== setB.size) return false;
+  for (const val of setA) {
+    if (!setB.has(val)) return false;
+  }
+  return true;
+}
+function useGetRowIds(tableRef) {
+  const [rowIds, setRowIds] = (0, import_react.useState)([]);
+  const lastRowIdsRef = (0, import_react.useRef)([]);
+  const updateVisibleRowIds = (0, import_react.useCallback)(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const rows = table.querySelectorAll("tr[data-row-id]");
+    const ids = [];
+    rows.forEach((row) => {
+      const el = row;
+      if (isElementVisible(el)) {
+        const id = el.getAttribute("data-row-id");
+        if (id) ids.push(id);
+      }
+    });
+    const uniqueIds = Array.from(new Set(ids));
+    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
+      lastRowIdsRef.current = uniqueIds;
+      setRowIds(uniqueIds);
+    }
+  }, [tableRef]);
+  (0, import_react.useEffect)(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const observer = new MutationObserver(() => {
+      updateVisibleRowIds();
+    });
+    observer.observe(table, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    updateVisibleRowIds();
+    return () => {
+      observer.disconnect();
+    };
+  }, [updateVisibleRowIds, tableRef]);
+  return { rowIds, refresh: updateVisibleRowIds };
+}
+var useSelectionState = ({
+  typeTable,
+  tableRef,
+  rows
+}) => {
+  const { groupByDomain } = (0, store_exports.useAppSelector)(store_exports.selectSearch);
+  const { selectedRowKeys } = (0, store_exports.useAppSelector)(store_exports.selectList);
+  const { rowIds: recordIds } = useGetRowIds(tableRef);
+  const selectedRowKeysRef = (0, import_react.useRef)(recordIds);
+  const isGroupTable = typeTable === "group";
+  const recordsCheckedGroup = (0, import_react.useMemo)(() => {
+    if (!rows || !groupByDomain) return 0;
+    const groupBy = typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0;
+    return countSum(rows, groupBy);
+  }, [rows, groupByDomain]);
+  const isAllGroupChecked = (0, import_react.useMemo)(() => {
+    if (!isGroupTable || !selectedRowKeys?.length) return false;
+    const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
+    const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
+    const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
+    return allGroupsSelected || allRecordsSelected;
+  }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
+  const isAllNormalChecked = (0, import_react.useMemo)(() => {
+    if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
+    return selectedRowKeys.length === rows.length && selectedRowKeys.every(
+      (id) => rows.some((record) => record.id === id)
+    );
+  }, [isGroupTable, selectedRowKeys, rows]);
+  const checkedAll = isAllGroupChecked || isAllNormalChecked;
+  return { checkedAll, selectedRowKeysRef };
+};
 var getDateRange = (currentDate, unit) => {
   const date = new Date(currentDate);
   let dateStart, dateEnd;
@@ -221,6 +314,8 @@ __reExport(utils_exports, require("@fctc/interface-logic/utils"), module.exports
   languages,
   mergeButtons,
   setStorageItemAsync,
+  useGetRowIds,
+  useSelectionState,
   useStorageState,
   ...require("@fctc/interface-logic/utils")
 });

package/dist/utils.mjs

@@ -1,3 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
 // src/utils/constants.ts
 var languages = [
   { id: "vi_VN", name: "VIE" },
@@ -13,7 +27,21 @@ var API_APP_URL = {
 };
 
 // src/utils/function.ts
-import { useCallback, useEffect, useReducer } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useReducer,
+  useRef,
+  useState
+} from "react";
+
+// src/store.ts
+var store_exports = {};
+__reExport(store_exports, store_star);
+import * as store_star from "@fctc/interface-logic/store";
+
+// src/utils/function.ts
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -32,6 +60,91 @@ function mergeButtons(fields) {
   }
   return others;
 }
+function isElementVisible(el) {
+  const style = window.getComputedStyle(el);
+  return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+}
+function arraysAreEqual(a, b) {
+  if (a.length !== b.length) return false;
+  const setA = new Set(a);
+  const setB = new Set(b);
+  if (setA.size !== setB.size) return false;
+  for (const val of setA) {
+    if (!setB.has(val)) return false;
+  }
+  return true;
+}
+function useGetRowIds(tableRef) {
+  const [rowIds, setRowIds] = useState([]);
+  const lastRowIdsRef = useRef([]);
+  const updateVisibleRowIds = useCallback(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const rows = table.querySelectorAll("tr[data-row-id]");
+    const ids = [];
+    rows.forEach((row) => {
+      const el = row;
+      if (isElementVisible(el)) {
+        const id = el.getAttribute("data-row-id");
+        if (id) ids.push(id);
+      }
+    });
+    const uniqueIds = Array.from(new Set(ids));
+    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
+      lastRowIdsRef.current = uniqueIds;
+      setRowIds(uniqueIds);
+    }
+  }, [tableRef]);
+  useEffect(() => {
+    const table = tableRef?.current;
+    if (!table) return;
+    const observer = new MutationObserver(() => {
+      updateVisibleRowIds();
+    });
+    observer.observe(table, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    updateVisibleRowIds();
+    return () => {
+      observer.disconnect();
+    };
+  }, [updateVisibleRowIds, tableRef]);
+  return { rowIds, refresh: updateVisibleRowIds };
+}
+var useSelectionState = ({
+  typeTable,
+  tableRef,
+  rows
+}) => {
+  const { groupByDomain } = (0, store_exports.useAppSelector)(store_exports.selectSearch);
+  const { selectedRowKeys } = (0, store_exports.useAppSelector)(store_exports.selectList);
+  const { rowIds: recordIds } = useGetRowIds(tableRef);
+  const selectedRowKeysRef = useRef(recordIds);
+  const isGroupTable = typeTable === "group";
+  const recordsCheckedGroup = useMemo(() => {
+    if (!rows || !groupByDomain) return 0;
+    const groupBy = typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0;
+    return countSum(rows, groupBy);
+  }, [rows, groupByDomain]);
+  const isAllGroupChecked = useMemo(() => {
+    if (!isGroupTable || !selectedRowKeys?.length) return false;
+    const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
+    const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
+    const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
+    return allGroupsSelected || allRecordsSelected;
+  }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
+  const isAllNormalChecked = useMemo(() => {
+    if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
+    return selectedRowKeys.length === rows.length && selectedRowKeys.every(
+      (id) => rows.some((record) => record.id === id)
+    );
+  }, [isGroupTable, selectedRowKeys, rows]);
+  const checkedAll = isAllGroupChecked || isAllNormalChecked;
+  return { checkedAll, selectedRowKeysRef };
+};
 var getDateRange = (currentDate, unit) => {
   const date = new Date(currentDate);
   let dateStart, dateEnd;
@@ -183,5 +296,7 @@ export {
   languages,
   mergeButtons,
   setStorageItemAsync,
+  useGetRowIds,
+  useSelectionState,
   useStorageState
 };

package/dist/widget.d.mts

@@ -72,10 +72,10 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
     handleCreateNewOnPage: () => Promise<void>;
     optionsObject: any;
     totalRows: any;
-    rows: any;
+    rows: any[];
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "calendar" | "group" | undefined;
+    typeTable: "list" | "group" | "calendar" | undefined;
     isLoading: boolean;
     isFetched: boolean;
     isPlaceholderData: boolean;
@@ -203,15 +203,11 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
 interface ITableHeadProps {
     typeTable: string;
     rows: any[];
-    tableRef: React.RefObject<HTMLTableElement | null>;
-    groupByList: any;
-    selectedRowKeys: any;
+    selectedRowKeysRef: any;
 }
 
 declare const tableHeadController: (props: ITableHeadProps) => {
     handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    checkedAll: any;
-    selectedRowKeysRef: react.MutableRefObject<any[]>;
 };
 
 interface ITableProps {
@@ -235,28 +231,45 @@ interface ISelctionStateProps {
 }
 
 declare const tableController: ({ data }: ITableProps) => {
-    rows: any;
+    rows: any[];
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "calendar" | "group" | undefined;
+    typeTable: "list" | "group" | "calendar" | undefined;
 };
 
 declare const tableGroupController: (props: any) => {
-    onExpandChildGroup: () => void;
+    handleExpandChildGroup: () => void;
     colEmptyGroup: {
         fromStart: number;
         fromEnd: number;
     };
+    leftPadding: string;
     isShowGroup: boolean;
-    isDataGroupFetched: boolean;
-    isDataPlaceHolder: boolean;
+    isQueryFetched: boolean;
     nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
     columnsGroup: any;
-    rowsGroup: any;
-    dataGroup: any;
+    indexRow: any;
+    rowsGroup: any[];
+    model: any;
+    viewData: any;
+    renderField: any;
+    level: any;
+    specification: any;
+    context: any;
+    checkedAll: any;
+    isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
+    selectedRowKeysRef: any;
+    initVal: {
+        [x: string]: any;
+    };
+    dataResponse: any;
     pageGroup: any;
     setPageGroup: react.Dispatch<any>;
-    typeTableGroup: "list" | "calendar" | "group" | undefined;
 };
 
 declare const searchController: ({ viewData, model, domain, context, fieldsList, }: {

package/dist/widget.d.ts

@@ -72,10 +72,10 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
     handleCreateNewOnPage: () => Promise<void>;
     optionsObject: any;
     totalRows: any;
-    rows: any;
+    rows: any[];
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "calendar" | "group" | undefined;
+    typeTable: "list" | "group" | "calendar" | undefined;
     isLoading: boolean;
     isFetched: boolean;
     isPlaceholderData: boolean;
@@ -203,15 +203,11 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
 interface ITableHeadProps {
     typeTable: string;
     rows: any[];
-    tableRef: React.RefObject<HTMLTableElement | null>;
-    groupByList: any;
-    selectedRowKeys: any;
+    selectedRowKeysRef: any;
 }
 
 declare const tableHeadController: (props: ITableHeadProps) => {
     handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    checkedAll: any;
-    selectedRowKeysRef: react.MutableRefObject<any[]>;
 };
 
 interface ITableProps {
@@ -235,28 +231,45 @@ interface ISelctionStateProps {
 }
 
 declare const tableController: ({ data }: ITableProps) => {
-    rows: any;
+    rows: any[];
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "calendar" | "group" | undefined;
+    typeTable: "list" | "group" | "calendar" | undefined;
 };
 
 declare const tableGroupController: (props: any) => {
-    onExpandChildGroup: () => void;
+    handleExpandChildGroup: () => void;
     colEmptyGroup: {
         fromStart: number;
         fromEnd: number;
     };
+    leftPadding: string;
     isShowGroup: boolean;
-    isDataGroupFetched: boolean;
-    isDataPlaceHolder: boolean;
+    isQueryFetched: boolean;
     nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
     columnsGroup: any;
-    rowsGroup: any;
-    dataGroup: any;
+    indexRow: any;
+    rowsGroup: any[];
+    model: any;
+    viewData: any;
+    renderField: any;
+    level: any;
+    specification: any;
+    context: any;
+    checkedAll: any;
+    isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
+    selectedRowKeysRef: any;
+    initVal: {
+        [x: string]: any;
+    };
+    dataResponse: any;
     pageGroup: any;
     setPageGroup: react.Dispatch<any>;
-    typeTableGroup: "list" | "calendar" | "group" | undefined;
 };
 
 declare const searchController: ({ viewData, model, domain, context, fieldsList, }: {