@fctc/widget-logic 2.3.7 → 2.3.8

package/dist/hooks.mjs

@@ -131,10 +131,24 @@ var useDetail = (accessToken, sub) => {
 };
 
 // src/hooks/core/use-list-data.ts
-import { useMemo as useMemo2, useState as useState2 } from "react";
+import { useMemo as useMemo3, useState as useState3 } from "react";
+
+// src/utils/function.ts
+import {
+  useCallback,
+  useEffect as useEffect3,
+  useMemo as useMemo2,
+  useReducer,
+  useRef,
+  useState as useState2
+} 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 as useEffect3, useReducer } from "react";
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -153,6 +167,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] = useState2([]);
+  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]);
+  useEffect3(() => {
+    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 = useMemo2(() => {
+    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 = useMemo2(() => {
+    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 = useMemo2(() => {
+    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;
@@ -294,9 +393,9 @@ function useStorageState(key) {
 // src/hooks/core/use-list-data.ts
 import { useModel, useGetListData } from "@fctc/interface-logic/hooks";
 import {
-  useAppSelector,
-  selectSearch,
-  selectList
+  useAppSelector as useAppSelector2,
+  selectSearch as selectSearch2,
+  selectList as selectList2
 } from "@fctc/interface-logic/store";
 import {
   evalJSONDomain,
@@ -307,13 +406,13 @@ var useListData = ({
   context,
   viewResponse
 }) => {
-  const { groupByDomain } = useAppSelector(selectSearch);
+  const { groupByDomain } = useAppSelector2(selectSearch2);
   const initModel = useModel();
-  const [type, setType] = useState2("list");
-  const [mode, setMode] = useState2("month");
-  const [currentDate, setCurrentDate] = useState2(/* @__PURE__ */ new Date());
-  const { pageLimit, page, order } = useAppSelector(selectList);
-  const listDataProps = useMemo2(() => {
+  const [type, setType] = useState3("list");
+  const [mode, setMode] = useState3("month");
+  const [currentDate, setCurrentDate] = useState3(/* @__PURE__ */ new Date());
+  const { pageLimit, page, order } = useAppSelector2(selectList2);
+  const listDataProps = useMemo3(() => {
     const actData = action?.result;
     if (!viewResponse || !actData || !context) {
       return null;
@@ -374,7 +473,7 @@ var useListData = ({
 };
 
 // src/hooks/core/use-menu.ts
-import { useEffect as useEffect4, useMemo as useMemo3, useState as useState3 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo4, useState as useState4 } from "react";
 
 // src/utils/constants.ts
 var languages = [
@@ -394,9 +493,9 @@ var API_APP_URL = {
 import { useGetMenu } from "@fctc/interface-logic/hooks";
 var useMenu = ({ context }) => {
   const menuData = useGetMenu(context, !!context);
-  const [menuid, setMenuId] = useState3(void 0);
+  const [menuid, setMenuId] = useState4(void 0);
   const [action, setAction] = useCallAction();
-  const configedIconData = useMemo3(() => {
+  const configedIconData = useMemo4(() => {
     const data = menuData.data;
     return data?.map((item) => {
       return {
@@ -443,7 +542,7 @@ var useMenu = ({ context }) => {
 
 // src/hooks/core/use-profile.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect5, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo5 } from "react";
 import { useTranslation } from "react-i18next";
 import { getEnv as getEnv3 } from "@fctc/interface-logic/environment";
 import { useGetProfile } from "@fctc/interface-logic/hooks";
@@ -471,7 +570,7 @@ var useProfile = (accessToken) => {
       i18n.changeLanguage(userLocale?.id.split("_")[0]);
     }
   }, [dispatch, userInfoQuery.data]);
-  const context = useMemo4(() => {
+  const context = useMemo5(() => {
     if (userInfoQuery.data?.sub && userInfoQuery.data?.locale) {
       return {
         uid: Number(userInfoQuery.data.sub),
@@ -493,13 +592,13 @@ var useUser = (accessToken) => {
 };
 
 // src/hooks/core/use-view-v2.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { useGetView } from "@fctc/interface-logic/hooks";
 var useViewV2 = ({
   action,
   context
 }) => {
-  const viewParams = useMemo5(() => {
+  const viewParams = useMemo6(() => {
     if (!action?.result) {
       return void 0;
     }
@@ -574,11 +673,11 @@ var useAuth = () => {
 };
 
 // src/hooks/core/use-app-provider.tsx
-import { createContext, useContext, useMemo as useMemo7 } from "react";
+import { createContext, useContext, useMemo as useMemo8 } from "react";
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useEffect as useEffect6, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo7 } from "react";
 import { getEnv as getEnv4 } from "@fctc/interface-logic/environment";
 import {
   useGetCurrentCompany,
@@ -594,7 +693,7 @@ var useCompany = (accessToken) => {
     queryFn: fetchCurrentCompany,
     enabled: !!accessToken
   });
-  const current_company_id = useMemo6(() => {
+  const current_company_id = useMemo7(() => {
     return currentCompany.data?.current_company_id;
   }, [currentCompany.data]);
   useEffect6(() => {
@@ -647,14 +746,14 @@ var AppProvider = ({ children }) => {
   const auth = useAuth();
   const user = useUser(auth.accessToken);
   const company = use_company_default(auth.accessToken);
-  const menuContext = useMemo7(() => {
+  const menuContext = useMemo8(() => {
     return combineContexts([user.context, company.context]);
   }, [user.context, company.context]);
   const menu = useMenu({ context: menuContext });
-  const action = useMemo7(() => {
+  const action = useMemo8(() => {
     return menu.state.action;
   }, [menu.state.action]);
-  const viewContext = useMemo7(() => {
+  const viewContext = useMemo8(() => {
     return combineContexts([
       menuContext,
       { ...evalJSONContext(action?.result?.context) }
@@ -697,7 +796,7 @@ var useAppProvider = () => {
 // src/hooks/core/use-menu-item.tsx
 import { getEnv as getEnv5 } from "@fctc/interface-logic/environment";
 import { useGetActionDetail } from "@fctc/interface-logic/hooks";
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 
 // src/utils.ts
 var utils_exports = {};
@@ -712,6 +811,8 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
   useStorageState: () => useStorageState
 });
 __reExport(utils_exports, utils_star);
@@ -732,7 +833,7 @@ var useMenuItem = (props) => {
     enabled: true,
     queryKey: [`action-${aid}`]
   }).data;
-  const [path, setPath] = useState4("");
+  const [path, setPath] = useState5("");
   const handleClick = () => {
     if (location?.pathname === "/list/menu" && activeMenuId === menu?.id) {
       return;
@@ -754,74 +855,8 @@ var useMenuItem = (props) => {
   return { handleClick, path, queryActionDetail };
 };
 
-// src/hooks/core/use-get-rowids.ts
-import { useCallback as useCallback2, useEffect as useEffect7, useRef, useState as useState5 } from "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] = useState5([]);
-  const lastRowIdsRef = useRef([]);
-  const updateVisibleRowIds = useCallback2(() => {
-    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]);
-  useEffect7(() => {
-    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
-import { useEffect as useEffect8, useRef as useRef2 } from "react";
+import { useEffect as useEffect7, useRef as useRef2 } from "react";
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -830,7 +865,7 @@ var useClickOutside = ({
   refs
 }) => {
   const ref = useRef2(null);
-  useEffect8(() => {
+  useEffect7(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -852,10 +887,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-import { useEffect as useEffect9, useState as useState6 } from "react";
+import { useEffect as useEffect8, useState as useState6 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState6(value);
-  useEffect9(() => {
+  useEffect8(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -877,7 +912,6 @@ export {
   useConfig,
   useDebounce,
   useDetail,
-  useGetRowIds,
   useListData,
   useMenu,
   useMenuItem,

package/dist/index.d.mts

@@ -1,11 +1,11 @@
-export { ActionResultType, AppProvider, ContextProfile, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useGetRowIds, useListData, useListDataType, useMenu, useMenuItem, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.mjs';
+export { ActionResultType, AppProvider, ContextProfile, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, useMenuItem, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.mjs';
 export * from '@fctc/interface-logic/hooks';
 export * from '@fctc/interface-logic/configs';
 export { CheckIcon, ChevronBottomIcon, CloseIcon, EyeIcon, FilterIcon, GroupByIcon, LoadingIcon, SearchIcon } from './icons.mjs';
 export { ISelctionStateProps, ITableHeadProps, ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableController, tableGroupController, tableHeadController } from './widget.mjs';
 export * from '@fctc/interface-logic/types';
 export { IInputFieldProps, ValuePropsType } from './types.mjs';
-export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useStorageState } from './utils.mjs';
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useSelectionState, useStorageState } from './utils.mjs';
 export * from '@fctc/interface-logic/utils';
 export * from '@fctc/interface-logic/store';
 export * from '@fctc/interface-logic/constants';

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export { ActionResultType, AppProvider, ContextProfile, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useGetRowIds, useListData, useListDataType, useMenu, useMenuItem, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.js';
+export { ActionResultType, AppProvider, ContextProfile, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, useMenuItem, useMenuType, useProfile, useUser, useUserType, useViewV2, useViewV2Type } from './hooks.js';
 export * from '@fctc/interface-logic/hooks';
 export * from '@fctc/interface-logic/configs';
 export { CheckIcon, ChevronBottomIcon, CloseIcon, EyeIcon, FilterIcon, GroupByIcon, LoadingIcon, SearchIcon } from './icons.js';
 export { ISelctionStateProps, ITableHeadProps, ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableController, tableGroupController, tableHeadController } from './widget.js';
 export * from '@fctc/interface-logic/types';
 export { IInputFieldProps, ValuePropsType } from './types.js';
-export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useStorageState } from './utils.js';
+export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useSelectionState, useStorageState } from './utils.js';
 export * from '@fctc/interface-logic/utils';
 export * from '@fctc/interface-logic/store';
 export * from '@fctc/interface-logic/constants';