@fctc/widget-logic 1.9.6 → 1.10.1

package/dist/hooks.js

@@ -162,6 +162,109 @@ 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(
+    (total, item) => total + (item?.[`${field}_count`] || 0),
+    0
+  );
+};
+function mergeButtons(fields) {
+  const buttons = fields?.filter((f) => f.type_co === "button");
+  const others = fields?.filter((f) => f.type_co !== "button");
+  if (buttons?.length) {
+    others.push({
+      type_co: "buttons",
+      buttons
+    });
+  }
+  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;
@@ -259,6 +362,10 @@ function combineContexts(contexts) {
     return res;
   }
 }
+var STORAGES = {
+  TOKEN: "accessToken",
+  USER_INFO: "USER_INFO"
+};
 function useAsyncState(initialValue = [true, null]) {
   return (0, import_react4.useReducer)(
     (_state, action = null) => [false, action],
@@ -379,6 +486,9 @@ var languages = [
   { id: "vi_VN", name: "VIE" },
   { id: "en_US", name: "ENG" }
 ];
+var API_PRESCHOOL_URL = {
+  baseURL: "https://preschool.vitrust.app"
+};
 var API_APP_URL = {
   baseUrl: "https://api.vitrust.app",
   c2: "https://api.vitrust.app/c2",
@@ -681,8 +791,32 @@ var useAppProvider = () => {
   return context;
 };
 
-// src/hooks/utils/use-click-outside.ts
+// src/hooks/core/use-menu-item.tsx
+var import_environment5 = require("@fctc/interface-logic/environment");
+var import_hooks9 = require("@fctc/interface-logic/hooks");
 var import_react11 = require("react");
+
+// src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  API_APP_URL: () => API_APP_URL,
+  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
+  STORAGES: () => STORAGES,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
+  countSum: () => countSum,
+  getDateRange: () => getDateRange,
+  languages: () => languages,
+  mergeButtons: () => mergeButtons,
+  setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
+  useStorageState: () => useStorageState
+});
+__reExport(utils_exports, require("@fctc/interface-logic/utils"));
+
+// src/hooks/utils/use-click-outside.ts
+var import_react12 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -690,8 +824,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react11.useRef)(null);
-  (0, import_react11.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))) {
@@ -713,10 +847,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
-  (0, import_react12.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react13.useState)(value);
+  (0, import_react13.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);

package/dist/hooks.mjs

@@ -2,6 +2,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -145,6 +149,109 @@ __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(
+    (total, item) => total + (item?.[`${field}_count`] || 0),
+    0
+  );
+};
+function mergeButtons(fields) {
+  const buttons = fields?.filter((f) => f.type_co === "button");
+  const others = fields?.filter((f) => f.type_co !== "button");
+  if (buttons?.length) {
+    others.push({
+      type_co: "buttons",
+      buttons
+    });
+  }
+  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;
@@ -242,6 +349,10 @@ function combineContexts(contexts) {
     return res;
   }
 }
+var STORAGES = {
+  TOKEN: "accessToken",
+  USER_INFO: "USER_INFO"
+};
 function useAsyncState(initialValue = [true, null]) {
   return useReducer(
     (_state, action = null) => [false, action],
@@ -369,6 +480,9 @@ var languages = [
   { id: "vi_VN", name: "VIE" },
   { id: "en_US", name: "ENG" }
 ];
+var API_PRESCHOOL_URL = {
+  baseURL: "https://preschool.vitrust.app"
+};
 var API_APP_URL = {
   baseUrl: "https://api.vitrust.app",
   c2: "https://api.vitrust.app/c2",
@@ -679,6 +793,31 @@ var useAppProvider = () => {
   return context;
 };
 
+// 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 useState5 } from "react";
+
+// src/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  API_APP_URL: () => API_APP_URL,
+  API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
+  STORAGES: () => STORAGES,
+  combineContexts: () => combineContexts,
+  convertFieldsToArray: () => convertFieldsToArray,
+  countSum: () => countSum,
+  getDateRange: () => getDateRange,
+  languages: () => languages,
+  mergeButtons: () => mergeButtons,
+  setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
+  useStorageState: () => useStorageState
+});
+__reExport(utils_exports, utils_star);
+import * as utils_star from "@fctc/interface-logic/utils";
+
 // src/hooks/utils/use-click-outside.ts
 import { useEffect as useEffect7, useRef as useRef2 } from "react";
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
@@ -711,9 +850,9 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-import { useEffect as useEffect8, useState as useState5 } from "react";
+import { useEffect as useEffect8, useState as useState6 } from "react";
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState5(value);
+  const [debouncedValue, setDebouncedValue] = useState6(value);
   useEffect8(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);