@fctc/widget-logic 2.0.9 → 2.1.0

package/dist/hooks.d.mts

@@ -955,6 +955,17 @@ declare const AppProvider: ({ children }: {
 }) => react_jsx_runtime.JSX.Element;
 declare const useAppProvider: () => AppProviderType;
 
+interface TActionDetailType {
+    id: number;
+    res_model: string;
+    views: any[][];
+}
+declare const useMenuItem: (props: any) => {
+    handleClick: () => void;
+    path: string;
+    queryActionDetail: TActionDetailType;
+};
+
 declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
 type EventType = (typeof DEFAULT_EVENTS)[number];
 interface UseClickOutsideOptions {
@@ -967,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, useListData, type useListDataType, useMenu, 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

@@ -955,6 +955,17 @@ declare const AppProvider: ({ children }: {
 }) => react_jsx_runtime.JSX.Element;
 declare const useAppProvider: () => AppProviderType;
 
+interface TActionDetailType {
+    id: number;
+    res_model: string;
+    views: any[][];
+}
+declare const useMenuItem: (props: any) => {
+    handleClick: () => void;
+    path: string;
+    queryActionDetail: TActionDetailType;
+};
+
 declare const DEFAULT_EVENTS: readonly ["mousedown", "touchstart"];
 type EventType = (typeof DEFAULT_EVENTS)[number];
 interface UseClickOutsideOptions {
@@ -967,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, useListData, type useListDataType, useMenu, 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

@@ -31,6 +31,7 @@ __export(hooks_exports, {
   useDetail: () => useDetail,
   useListData: () => useListData,
   useMenu: () => useMenu,
+  useMenuItem: () => useMenuItem,
   useProfile: () => useProfile,
   useUser: () => useUser,
   useViewV2: () => useViewV2
@@ -162,6 +163,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 +363,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 +487,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 +792,69 @@ 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/core/use-menu-item.tsx
+var useMenuItem = (props) => {
+  const { menu, activeMenuId } = props;
+  const model = menu?.action?.res_model;
+  const aid = menu?.action?.id?.id;
+  const id = menu?.id;
+  const context = (0, import_environment5.getEnv)().context;
+  const queryActionDetail = (0, import_hooks9.useGetActionDetail)({
+    aid,
+    id,
+    model,
+    context,
+    enabled: true,
+    queryKey: [`action-${aid}`]
+  }).data;
+  const [path, setPath] = (0, import_react11.useState)("");
+  const handleClick = () => {
+    if (location?.pathname === "/list/menu" && activeMenuId === menu?.id) {
+      return;
+    }
+    const hasListView = queryActionDetail.views.some(
+      ([id2, type]) => type === "list"
+    );
+    const viewType = hasListView ? "list" : "form";
+    const isAccountPayment = menu?.action?.res_model === "account.payment" && menu?.action?.id?.id === 1551;
+    const isConvertCurrencyMenu = menu?.action?.res_model === "currency.convert" && menu?.action?.id?.id === 1562;
+    const path2 = (0, utils_exports.formatUrlPath)({
+      viewType,
+      actionPath: isConvertCurrencyMenu ? "menu" : isAccountPayment ? "menu" : menu?.action?.path || "menu",
+      aid: menu?.action?.id?.id,
+      model: queryActionDetail.res_model
+    });
+    setPath(path2);
+  };
+  return { handleClick, path, queryActionDetail };
+};
+
+// src/hooks/utils/use-click-outside.ts
+var import_react12 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -690,8 +862,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 +885,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);
@@ -741,6 +913,7 @@ __reExport(hooks_exports, require("@fctc/interface-logic/hooks"), module.exports
   useDetail,
   useListData,
   useMenu,
+  useMenuItem,
   useProfile,
   useUser,
   useViewV2,

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,68 @@ 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/core/use-menu-item.tsx
+var useMenuItem = (props) => {
+  const { menu, activeMenuId } = props;
+  const model = menu?.action?.res_model;
+  const aid = menu?.action?.id?.id;
+  const id = menu?.id;
+  const context = getEnv5().context;
+  const queryActionDetail = useGetActionDetail({
+    aid,
+    id,
+    model,
+    context,
+    enabled: true,
+    queryKey: [`action-${aid}`]
+  }).data;
+  const [path, setPath] = useState5("");
+  const handleClick = () => {
+    if (location?.pathname === "/list/menu" && activeMenuId === menu?.id) {
+      return;
+    }
+    const hasListView = queryActionDetail.views.some(
+      ([id2, type]) => type === "list"
+    );
+    const viewType = hasListView ? "list" : "form";
+    const isAccountPayment = menu?.action?.res_model === "account.payment" && menu?.action?.id?.id === 1551;
+    const isConvertCurrencyMenu = menu?.action?.res_model === "currency.convert" && menu?.action?.id?.id === 1562;
+    const path2 = (0, utils_exports.formatUrlPath)({
+      viewType,
+      actionPath: isConvertCurrencyMenu ? "menu" : isAccountPayment ? "menu" : menu?.action?.path || "menu",
+      aid: menu?.action?.id?.id,
+      model: queryActionDetail.res_model
+    });
+    setPath(path2);
+  };
+  return { handleClick, path, queryActionDetail };
+};
+
 // src/hooks/utils/use-click-outside.ts
 import { useEffect as useEffect7, useRef as useRef2 } from "react";
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
@@ -711,9 +887,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);
@@ -738,6 +914,7 @@ export {
   useDetail,
   useListData,
   useMenu,
+  useMenuItem,
   useProfile,
   useUser,
   useViewV2

package/dist/index.d.mts

@@ -1,8 +1,8 @@
-export { ActionResultType, AppProvider, ContextProfile, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, 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, ITableBodyProps, ITableHeadProps, ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController } from './widget.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, useGetRowIds, useSelectionState, useStorageState } from './utils.mjs';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-export { ActionResultType, AppProvider, ContextProfile, Record, ViewResponse, useAppProvider, useAuth, useAuthType, useCallAction, useCallActionType, useClickOutside, useConfig, useConfigType, useDebounce, useDetail, useListData, useListDataType, useMenu, 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, ITableBodyProps, ITableHeadProps, ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController } from './widget.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, useGetRowIds, useSelectionState, useStorageState } from './utils.js';