@fctc/widget-logic 2.3.5 → 2.3.6

package/dist/hooks.d.mts

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react from 'react';
-import react__default, { RefObject } from 'react';
+import { RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export * from '@fctc/interface-logic/hooks';
 
@@ -966,11 +966,6 @@ declare const useMenuItem: (props: any) => {
     queryActionDetail: TActionDetailType;
 };
 
-declare const useGetRowIds: (tableRef: react__default.RefObject<HTMLTableElement | null>) => {
-    rowIds: string[];
-    refresh: () => void;
-};
-
 declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
 type EventType = (typeof DEFAULT_EVENTS)[number];
 interface UseClickOutsideOptions {
@@ -983,4 +978,4 @@ declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsi
 
 declare function useDebounce<T>(value: T, delay: number): [T];
 
-export { type ActionResultType, AppProvider, type ContextProfile, type Record, type ViewResponse, useAppProvider, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useGetRowIds, useListData, type useListDataType, useMenu, useMenuItem, type useMenuType, useProfile, useUser, type useUserType, useViewV2, type useViewV2Type };
+export { type ActionResultType, AppProvider, type ContextProfile, type Record, type ViewResponse, useAppProvider, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useListData, type useListDataType, useMenu, useMenuItem, type useMenuType, useProfile, useUser, type useUserType, useViewV2, type useViewV2Type };

package/dist/hooks.d.ts

@@ -1,7 +1,7 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react from 'react';
-import react__default, { RefObject } from 'react';
+import { RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 export * from '@fctc/interface-logic/hooks';
 
@@ -966,11 +966,6 @@ declare const useMenuItem: (props: any) => {
     queryActionDetail: TActionDetailType;
 };
 
-declare const useGetRowIds: (tableRef: react__default.RefObject<HTMLTableElement | null>) => {
-    rowIds: string[];
-    refresh: () => void;
-};
-
 declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
 type EventType = (typeof DEFAULT_EVENTS)[number];
 interface UseClickOutsideOptions {
@@ -983,4 +978,4 @@ declare const useClickOutside: ({ handler, events, nodes, refs, }: UseClickOutsi
 
 declare function useDebounce<T>(value: T, delay: number): [T];
 
-export { type ActionResultType, AppProvider, type ContextProfile, type Record, type ViewResponse, useAppProvider, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useGetRowIds, useListData, type useListDataType, useMenu, useMenuItem, type useMenuType, useProfile, useUser, type useUserType, useViewV2, type useViewV2Type };
+export { type ActionResultType, AppProvider, type ContextProfile, type Record, type ViewResponse, useAppProvider, useAuth, type useAuthType, useCallAction, type useCallActionType, useClickOutside, useConfig, type useConfigType, useDebounce, useDetail, useListData, type useListDataType, useMenu, useMenuItem, type useMenuType, useProfile, useUser, type useUserType, useViewV2, type useViewV2Type };

package/dist/hooks.js

@@ -29,7 +29,6 @@ __export(hooks_exports, {
   useConfig: () => useConfig,
   useDebounce: () => useDebounce,
   useDetail: () => useDetail,
-  useGetRowIds: () => useGetRowIds,
   useListData: () => useListData,
   useMenu: () => useMenu,
   useMenuItem: () => useMenuItem,
@@ -158,6 +157,12 @@ var import_react5 = require("react");
 
 // src/utils/function.ts
 var import_react4 = 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(
@@ -176,6 +181,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_react4.useState)([]);
+  const lastRowIdsRef = (0, import_react4.useRef)([]);
+  const updateVisibleRowIds = (0, import_react4.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_react4.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_react4.useRef)(recordIds);
+  const isGroupTable = typeTable === "group";
+  const recordsCheckedGroup = (0, import_react4.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_react4.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_react4.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;
@@ -316,19 +406,19 @@ function useStorageState(key) {
 
 // src/hooks/core/use-list-data.ts
 var import_hooks3 = require("@fctc/interface-logic/hooks");
-var import_store3 = require("@fctc/interface-logic/store");
+var import_store4 = require("@fctc/interface-logic/store");
 var import_utils = require("@fctc/interface-logic/utils");
 var useListData = ({
   action,
   context,
   viewResponse
 }) => {
-  const { groupByDomain } = (0, import_store3.useAppSelector)(import_store3.selectSearch);
+  const { groupByDomain } = (0, import_store4.useAppSelector)(import_store4.selectSearch);
   const initModel = (0, import_hooks3.useModel)();
   const [type, setType] = (0, import_react5.useState)("list");
   const [mode, setMode] = (0, import_react5.useState)("month");
   const [currentDate, setCurrentDate] = (0, import_react5.useState)(/* @__PURE__ */ new Date());
-  const { pageLimit, page, order } = (0, import_store3.useAppSelector)(import_store3.selectList);
+  const { pageLimit, page, order } = (0, import_store4.useAppSelector)(import_store4.selectList);
   const listDataProps = (0, import_react5.useMemo)(() => {
     const actData = action?.result;
     if (!viewResponse || !actData || !context) {
@@ -463,10 +553,10 @@ var import_react7 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_environment3 = require("@fctc/interface-logic/environment");
 var import_hooks5 = require("@fctc/interface-logic/hooks");
-var import_store4 = require("@fctc/interface-logic/store");
+var import_store5 = require("@fctc/interface-logic/store");
 var useProfile = (accessToken) => {
   const getProfile = (0, import_hooks5.useGetProfile)();
-  const dispatch = (0, import_store4.useAppDispatch)();
+  const dispatch = (0, import_store5.useAppDispatch)();
   const { i18n } = (0, import_react_i18next.useTranslation)();
   const fetchUserProfile = async () => {
     return await getProfile.mutateAsync();
@@ -481,7 +571,7 @@ var useProfile = (accessToken) => {
       const userInfo = userInfoQuery.data;
       const env = (0, import_environment3.getEnv)();
       env.setUid(userInfo?.sub);
-      dispatch((0, import_store4.setDataUser)(userInfo));
+      dispatch((0, import_store5.setDataUser)(userInfo));
       const userLocale = languages.find((lang) => lang?.id === userInfo?.locale);
       env.setLang(userLocale?.id);
       i18n.changeLanguage(userLocale?.id.split("_")[0]);
@@ -546,11 +636,11 @@ var useViewV2 = ({
 
 // src/hooks/core/use-auth.ts
 var import_hooks7 = require("@fctc/interface-logic/hooks");
-var import_store5 = require("@fctc/interface-logic/store");
+var import_store6 = require("@fctc/interface-logic/store");
 var useAuth = () => {
   const [[isLoading, accessToken], setAccessToken] = useStorageState("TOKEN");
   const loginMutate = (0, import_hooks7.useLoginCredential)();
-  const dispatch = (0, import_store5.useAppDispatch)();
+  const dispatch = (0, import_store6.useAppDispatch)();
   const signIn = async (email, password) => {
     try {
       loginMutate.mutate(
@@ -571,9 +661,9 @@ var useAuth = () => {
     }
   };
   const signOut = async () => {
-    dispatch((0, import_store5.setMenuList)([]));
-    dispatch((0, import_store5.setDataUser)({}));
-    dispatch((0, import_store5.setProfile)({}));
+    dispatch((0, import_store6.setMenuList)([]));
+    dispatch((0, import_store6.setDataUser)({}));
+    dispatch((0, import_store6.setProfile)({}));
     setAccessToken(null);
   };
   return {
@@ -720,6 +810,8 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
   useStorageState: () => useStorageState
 });
 __reExport(utils_exports, require("@fctc/interface-logic/utils"));
@@ -761,74 +853,8 @@ var useMenuItem = (props) => {
   return { handleClick, path, queryActionDetail };
 };
 
-// src/hooks/core/use-get-rowids.ts
-var import_react12 = require("react");
-var useGetRowIds = (tableRef) => {
-  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;
-    if (a.length === 0 && b.length === 0) return true;
-    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;
-  }
-  const [rowIds, setRowIds] = (0, import_react12.useState)([]);
-  const lastRowIdsRef = (0, import_react12.useRef)([]);
-  const updateVisibleRowIds = (0, import_react12.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_react12.useEffect)(() => {
-    const table = tableRef.current;
-    if (!table) return;
-    const mutationObserver = new MutationObserver(() => {
-      updateVisibleRowIds();
-    });
-    mutationObserver.observe(table, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["style", "class"]
-    });
-    const resizeObserver = new ResizeObserver(() => {
-      updateVisibleRowIds();
-    });
-    resizeObserver.observe(table);
-    const handleScroll = () => updateVisibleRowIds();
-    table.addEventListener("scroll", handleScroll, true);
-    updateVisibleRowIds();
-    return () => {
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      table.removeEventListener("scroll", handleScroll, true);
-    };
-  }, [updateVisibleRowIds, tableRef?.current]);
-  return { rowIds, refresh: updateVisibleRowIds };
-};
-
 // src/hooks/utils/use-click-outside.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -836,8 +862,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const ref = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -859,10 +885,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-var import_react14 = require("react");
+var import_react13 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react13.useState)(value);
+  (0, import_react13.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -885,7 +911,6 @@ __reExport(hooks_exports, require("@fctc/interface-logic/hooks"), module.exports
   useConfig,
   useDebounce,
   useDetail,
-  useGetRowIds,
   useListData,
   useMenu,
   useMenuItem,