@fctc/widget-logic 1.10.1 → 1.10.2

package/dist/hooks.js

@@ -162,109 +162,6 @@ 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;
@@ -362,10 +259,6 @@ 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],
@@ -486,9 +379,6 @@ 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",
@@ -791,32 +681,8 @@ var useAppProvider = () => {
   return context;
 };
 
-// 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 import_react11 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -824,8 +690,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react12.useRef)(null);
-  (0, import_react12.useEffect)(() => {
+  const ref = (0, import_react11.useRef)(null);
+  (0, import_react11.useEffect)(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -847,10 +713,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react13.useState)(value);
-  (0, import_react13.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
+  (0, import_react12.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);

package/dist/hooks.mjs

@@ -2,10 +2,6 @@ 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))
@@ -149,109 +145,6 @@ __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;
@@ -349,10 +242,6 @@ 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],
@@ -480,9 +369,6 @@ 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",
@@ -793,31 +679,6 @@ 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"];
@@ -850,9 +711,9 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-import { useEffect as useEffect8, useState as useState6 } from "react";
+import { useEffect as useEffect8, useState as useState5 } from "react";
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState6(value);
+  const [debouncedValue, setDebouncedValue] = useState5(value);
   useEffect8(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);