@fctc/widget-logic 2.3.6 → 2.3.7

package/dist/utils.d.mts

@@ -1,4 +1,3 @@
-import * as react from 'react';
 export * from '@fctc/interface-logic/utils';
 
 declare const languages: {
@@ -16,18 +15,6 @@ 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: ({
@@ -44,4 +31,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, useGetRowIds, useSelectionState, useStorageState };
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useStorageState };

package/dist/utils.d.ts

@@ -1,4 +1,3 @@
-import * as react from 'react';
 export * from '@fctc/interface-logic/utils';
 
 declare const languages: {
@@ -16,18 +15,6 @@ 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: ({
@@ -44,4 +31,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, useGetRowIds, useSelectionState, useStorageState };
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useStorageState };

package/dist/utils.js

@@ -31,8 +31,6 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
-  useGetRowIds: () => useGetRowIds,
-  useSelectionState: () => useSelectionState,
   useStorageState: () => useStorageState
 });
 module.exports = __toCommonJS(utils_exports);
@@ -53,12 +51,6 @@ 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(
@@ -77,91 +69,6 @@ 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;
@@ -314,8 +221,6 @@ __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,17 +1,3 @@
-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" },
@@ -27,21 +13,7 @@ var API_APP_URL = {
 };
 
 // src/utils/function.ts
-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
+import { useCallback, useEffect, useReducer } from "react";
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -60,91 +32,6 @@ 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;
@@ -296,7 +183,5 @@ 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" | "group" | "calendar" | undefined;
+    typeTable: "list" | "calendar" | "group" | undefined;
     isLoading: boolean;
     isFetched: boolean;
     isPlaceholderData: boolean;
@@ -203,11 +203,15 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
 interface ITableHeadProps {
     typeTable: string;
     rows: any[];
-    selectedRowKeysRef: any;
+    tableRef: React.RefObject<HTMLTableElement | null>;
+    groupByList: any;
+    selectedRowKeys: any;
 }
 
 declare const tableHeadController: (props: ITableHeadProps) => {
     handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    checkedAll: any;
+    selectedRowKeysRef: react.MutableRefObject<any[]>;
 };
 
 interface ITableProps {
@@ -231,45 +235,28 @@ interface ISelctionStateProps {
 }
 
 declare const tableController: ({ data }: ITableProps) => {
-    rows: any[];
+    rows: any;
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "group" | "calendar" | undefined;
+    typeTable: "list" | "calendar" | "group" | undefined;
 };
 
 declare const tableGroupController: (props: any) => {
-    handleExpandChildGroup: () => void;
+    onExpandChildGroup: () => void;
     colEmptyGroup: {
         fromStart: number;
         fromEnd: number;
     };
-    leftPadding: string;
     isShowGroup: boolean;
-    isQueryFetched: boolean;
+    isDataGroupFetched: boolean;
+    isDataPlaceHolder: boolean;
     nameGroupWithCount: string;
-    columns: any;
-    row: any;
-    isPlaceholderData: boolean;
     columnsGroup: 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;
+    rowsGroup: any;
+    dataGroup: 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" | "group" | "calendar" | undefined;
+    typeTable: "list" | "calendar" | "group" | undefined;
     isLoading: boolean;
     isFetched: boolean;
     isPlaceholderData: boolean;
@@ -203,11 +203,15 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
 interface ITableHeadProps {
     typeTable: string;
     rows: any[];
-    selectedRowKeysRef: any;
+    tableRef: React.RefObject<HTMLTableElement | null>;
+    groupByList: any;
+    selectedRowKeys: any;
 }
 
 declare const tableHeadController: (props: ITableHeadProps) => {
     handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    checkedAll: any;
+    selectedRowKeysRef: react.MutableRefObject<any[]>;
 };
 
 interface ITableProps {
@@ -231,45 +235,28 @@ interface ISelctionStateProps {
 }
 
 declare const tableController: ({ data }: ITableProps) => {
-    rows: any[];
+    rows: any;
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "group" | "calendar" | undefined;
+    typeTable: "list" | "calendar" | "group" | undefined;
 };
 
 declare const tableGroupController: (props: any) => {
-    handleExpandChildGroup: () => void;
+    onExpandChildGroup: () => void;
     colEmptyGroup: {
         fromStart: number;
         fromEnd: number;
     };
-    leftPadding: string;
     isShowGroup: boolean;
-    isQueryFetched: boolean;
+    isDataGroupFetched: boolean;
+    isDataPlaceHolder: boolean;
     nameGroupWithCount: string;
-    columns: any;
-    row: any;
-    isPlaceholderData: boolean;
     columnsGroup: 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;
+    rowsGroup: any;
+    dataGroup: any;
     pageGroup: any;
     setPageGroup: react.Dispatch<any>;
+    typeTableGroup: "list" | "calendar" | "group" | undefined;
 };
 
 declare const searchController: ({ viewData, model, domain, context, fieldsList, }: {