@fctc/widget-logic 1.8.1 → 1.8.3

package/dist/utils.mjs

@@ -1,3 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
 // src/utils/constants.ts
 var languages = [
   { id: "vi_VN", name: "VIE" },
@@ -13,7 +27,21 @@ var API_APP_URL = {
 };
 
 // src/utils/function.ts
-import { useCallback, useEffect, useReducer, useRef, useState } from "react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useReducer,
+  useRef,
+  useState
+} 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
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -86,6 +114,37 @@ function useGetRowIds(tableRef) {
   }, [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 = 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 = 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 = 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;
@@ -238,5 +297,6 @@ export {
   mergeButtons,
   setStorageItemAsync,
   useGetRowIds,
+  useSelectionState,
   useStorageState
 };

package/dist/widget.d.mts

@@ -260,7 +260,7 @@ declare const tableController: ({ data }: ITableProps) => {
     rows: any[];
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "calendar" | "group" | undefined;
+    typeTable: "list" | "group" | "calendar" | undefined;
 };
 
 declare const tableGroupController: (props: any) => {
@@ -311,6 +311,7 @@ declare const searchController: ({ viewData, actionData, fieldsList, setDomain,
     setSelectedTags: react.Dispatch<any>;
     removeSearchItems: (key: string, item: any) => void;
     onSearchString: (search_string: string) => void;
+    handleAddTagSearch: (tag: any) => void;
 };
 
 export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };

package/dist/widget.d.ts

@@ -260,7 +260,7 @@ declare const tableController: ({ data }: ITableProps) => {
     rows: any[];
     columns: any;
     onToggleColumnOptional: (item: any) => void;
-    typeTable: "list" | "calendar" | "group" | undefined;
+    typeTable: "list" | "group" | "calendar" | undefined;
 };
 
 declare const tableGroupController: (props: any) => {
@@ -311,6 +311,7 @@ declare const searchController: ({ viewData, actionData, fieldsList, setDomain,
     setSelectedTags: react.Dispatch<any>;
     removeSearchItems: (key: string, item: any) => void;
     onSearchString: (search_string: string) => void;
+    handleAddTagSearch: (tag: any) => void;
 };
 
 export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };

package/dist/widget.js

@@ -4452,6 +4452,12 @@ var import_react7 = require("react");
 
 // src/utils/function.ts
 var import_react6 = 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(
@@ -4606,19 +4612,19 @@ function useStorageState(key) {
 
 // src/hooks/core/use-list-data.ts
 var import_hooks6 = require("@fctc/interface-logic/hooks");
-var import_store4 = require("@fctc/interface-logic/store");
+var import_store5 = require("@fctc/interface-logic/store");
 var import_utils3 = require("@fctc/interface-logic/utils");
 var useListData = ({
   action,
   context,
   viewResponse
 }) => {
-  const { groupByDomain } = (0, import_store4.useAppSelector)(import_store4.selectSearch);
+  const { groupByDomain } = (0, import_store5.useAppSelector)(import_store5.selectSearch);
   const initModel = (0, import_hooks6.useModel)();
   const [type, setType] = (0, import_react7.useState)("list");
   const [mode, setMode] = (0, import_react7.useState)("month");
   const [currentDate, setCurrentDate] = (0, import_react7.useState)(/* @__PURE__ */ new Date());
-  const { pageLimit, page, order } = (0, import_store4.useAppSelector)(import_store4.selectList);
+  const { pageLimit, page, order } = (0, import_store5.useAppSelector)(import_store5.selectList);
   const listDataProps = (0, import_react7.useMemo)(() => {
     const actData = action?.result;
     if (!viewResponse || !actData || !context) {
@@ -4750,10 +4756,10 @@ var import_react9 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_environment5 = require("@fctc/interface-logic/environment");
 var import_hooks8 = require("@fctc/interface-logic/hooks");
-var import_store5 = require("@fctc/interface-logic/store");
+var import_store6 = require("@fctc/interface-logic/store");
 var useProfile = (accessToken) => {
   const getProfile = (0, import_hooks8.useGetProfile)();
-  const dispatch = (0, import_store5.useAppDispatch)();
+  const dispatch = (0, import_store6.useAppDispatch)();
   const { i18n: i18n2 } = (0, import_react_i18next.useTranslation)();
   const fetchUserProfile = async () => {
     return await getProfile.mutateAsync();
@@ -4768,7 +4774,7 @@ var useProfile = (accessToken) => {
       const userInfo = userInfoQuery.data;
       const env = (0, import_environment5.getEnv)();
       env.setUid(userInfo?.sub);
-      dispatch((0, import_store5.setDataUser)(userInfo));
+      dispatch((0, import_store6.setDataUser)(userInfo));
       const userLocale = languages.find((lang) => lang?.id === userInfo?.locale);
       env.setLang(userLocale?.id);
       i18n2.changeLanguage(userLocale?.id.split("_")[0]);
@@ -4833,11 +4839,11 @@ var useViewV2 = ({
 
 // src/hooks/core/use-auth.ts
 var import_hooks10 = require("@fctc/interface-logic/hooks");
-var import_store6 = require("@fctc/interface-logic/store");
+var import_store7 = require("@fctc/interface-logic/store");
 var useAuth = () => {
   const [[isLoading, accessToken], setAccessToken] = useStorageState("TOKEN");
   const loginMutate = (0, import_hooks10.useLoginCredential)();
-  const dispatch = (0, import_store6.useAppDispatch)();
+  const dispatch = (0, import_store7.useAppDispatch)();
   const signIn = async (email, password) => {
     try {
       loginMutate.mutate(
@@ -4858,9 +4864,9 @@ var useAuth = () => {
     }
   };
   const signOut = async () => {
-    dispatch((0, import_store6.setMenuList)([]));
-    dispatch((0, import_store6.setDataUser)({}));
-    dispatch((0, import_store6.setProfile)({}));
+    dispatch((0, import_store7.setMenuList)([]));
+    dispatch((0, import_store7.setDataUser)({}));
+    dispatch((0, import_store7.setProfile)({}));
     setAccessToken(null);
   };
   return {
@@ -5039,7 +5045,7 @@ function useDebounce(value, delay) {
 __reExport(hooks_exports, require("@fctc/interface-logic/hooks"));
 
 // src/widget/advance/table/table-body/controller.ts
-var import_store7 = require("@fctc/interface-logic/store");
+var import_store8 = require("@fctc/interface-logic/store");
 var import_react15 = require("react");
 var tableBodyController = (props) => {
   const {
@@ -5052,7 +5058,7 @@ var tableBodyController = (props) => {
     selectedRowKeysRef,
     onClickRow
   } = props;
-  const appDispatch = (0, import_store7.useAppDispatch)();
+  const appDispatch = (0, import_store8.useAppDispatch)();
   const checked = (0, import_react15.useMemo)(() => {
     if (!row?.id) return false;
     if (selectedRowKeys?.includes(row.id)) {
@@ -5069,7 +5075,7 @@ var tableBodyController = (props) => {
     }
     const newSelectedRowKeys = selectedRowKeys?.includes(row.id) ? selectedRowKeys?.filter((key) => key !== row.id) : [...selectedRowKeys, row.id];
     console.log("newSelectedRowKeys", newSelectedRowKeys);
-    appDispatch((0, import_store7.setSelectedRowKeys)(newSelectedRowKeys));
+    appDispatch((0, import_store8.setSelectedRowKeys)(newSelectedRowKeys));
   };
   const handleClickRow = (col, row2) => {
     onClickRow(col, row2);
@@ -5082,13 +5088,13 @@ var tableBodyController = (props) => {
           (id) => id !== row.id
         );
         selectedRowKeysRef.current = filtered;
-        appDispatch((0, import_store7.setSelectedRowKeys)(filtered));
+        appDispatch((0, import_store8.setSelectedRowKeys)(filtered));
       } else {
         const unique = Array.from(
           /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
         );
         selectedRowKeysRef.current = unique;
-        appDispatch((0, import_store7.setSelectedRowKeys)(unique));
+        appDispatch((0, import_store8.setSelectedRowKeys)(unique));
       }
     }
   }, [isAutoSelect]);
@@ -5106,35 +5112,35 @@ var tableBodyController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-var import_store8 = require("@fctc/interface-logic/store");
+var import_store9 = require("@fctc/interface-logic/store");
 var tableHeadController = (props) => {
   const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_store8.useAppDispatch)();
-  const { groupByDomain } = (0, import_store8.useAppSelector)(import_store8.selectSearch);
+  const appDispatch = (0, import_store9.useAppDispatch)();
+  const { groupByDomain } = (0, import_store9.useAppSelector)(import_store9.selectSearch);
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_store8.setSelectedRowKeys)(allRowKeys));
+      appDispatch((0, import_store9.setSelectedRowKeys)(allRowKeys));
     } else if (event?.target?.checked && typeTable === "group") {
       const rowsIDs = document.querySelectorAll("tr[data-row-id]");
       const ids = Array.from(rowsIDs)?.map(
         (row) => Number(row?.getAttribute("data-row-id"))
       );
       if (ids?.length > 0) {
-        appDispatch((0, import_store8.setSelectedRowKeys)(ids));
+        appDispatch((0, import_store9.setSelectedRowKeys)(ids));
       } else {
         const sum = countSum(
           rows,
           typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
         );
         const keys = Array.from({ length: sum }, (_) => void 0);
-        appDispatch((0, import_store8.setSelectedRowKeys)(keys));
+        appDispatch((0, import_store9.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_store8.setSelectedRowKeys)([]));
+      appDispatch((0, import_store9.setSelectedRowKeys)([]));
     }
   };
   return {
@@ -5144,7 +5150,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react16 = require("react");
-var import_store9 = require("@fctc/interface-logic/store");
+var import_store10 = require("@fctc/interface-logic/store");
 var import_utils5 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
   const [rows, setRows] = (0, import_react16.useState)(data.records || []);
@@ -5992,7 +5998,7 @@ var i18n_default = import_i18next.default;
 
 // src/widget/advance/table/table-group/controller.ts
 var import_hooks13 = require("@fctc/interface-logic/hooks");
-var import_store10 = require("@fctc/interface-logic/store");
+var import_store11 = require("@fctc/interface-logic/store");
 
 // src/environment.ts
 var environment_exports = {};
@@ -6020,9 +6026,9 @@ var tableGroupController = (props) => {
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = (0, import_react17.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_store10.useAppSelector)(import_store10.selectSearch);
-  const { selectedRowKeys } = (0, import_store10.useAppSelector)(import_store10.selectList);
-  const appDispatch = (0, import_store10.useAppDispatch)();
+  const { groupByDomain, selectedTags } = (0, import_store11.useAppSelector)(import_store11.selectSearch);
+  const { selectedRowKeys } = (0, import_store11.useAppSelector)(import_store11.selectList);
+  const appDispatch = (0, import_store11.useAppDispatch)();
   const { toDataJS } = (0, import_hooks13.useOdooDataTransform)();
   const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = (0, import_react17.useState)(false);
@@ -6108,14 +6114,14 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_store10.setSelectedRowKeys)(filteredIds));
+      appDispatch((0, import_store11.setSelectedRowKeys)(filteredIds));
     } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store10.setSelectedRowKeys)(clonedKeys)), 500);
+      appDispatch((0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_store11.setSelectedRowKeys)(clonedKeys)), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_store10.setSelectedRowKeys)(filteredKeys));
+      appDispatch((0, import_store11.setSelectedRowKeys)(filteredKeys));
     }
     toggleShowGroup();
   };
@@ -6124,8 +6130,8 @@ var tableGroupController = (props) => {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store10.setSelectedRowKeys)(clonedKeys), 500);
+    (0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_store11.setSelectedRowKeys)(clonedKeys), 500);
   }, [isQueryFetched]);
   return {
     handleExpandChildGroup,
@@ -6168,10 +6174,6 @@ var import_react18 = require("react");
 var provider_exports = {};
 __reExport(provider_exports, require("@fctc/interface-logic/provider"));
 
-// src/store.ts
-var store_exports = {};
-__reExport(store_exports, require("@fctc/interface-logic/store"));
-
 // src/widget/advance/search/controller.ts
 var searchController = ({
   viewData,
@@ -6191,7 +6193,6 @@ var searchController = ({
   const [searchMap, setSearchMap] = (0, import_react18.useState)({});
   const [isReadyFormatDomain, setIsReadyFormatDomain] = (0, import_react18.useState)(false);
   const [didInit, setDidInit] = (0, import_react18.useState)(false);
-  const dispatch = (0, store_exports.useAppDispatch)();
   const aid = actionData?.id;
   const model = actionData?.res_model;
   const domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils6.evalJSONDomain)(actionData?.domain, contextSearch) : [];
@@ -6330,7 +6331,6 @@ var searchController = ({
               contexts,
               fields
             };
-            dispatch((0, store_exports.setGroupByDomain)(groupByTag));
             return groupByTag;
           }
         }
@@ -6497,13 +6497,14 @@ var searchController = ({
     clearSearch,
     setSelectedTags,
     removeSearchItems,
-    onSearchString: onChangeSearchInput
+    onSearchString: onChangeSearchInput,
+    handleAddTagSearch
   };
 };
 
 // src/widget/basic/many2many-field/controller.ts
 var import_environment8 = require("@fctc/interface-logic/environment");
-var import_store12 = require("@fctc/interface-logic/store");
+var import_store13 = require("@fctc/interface-logic/store");
 var import_utils7 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
@@ -6521,14 +6522,14 @@ var many2manyFieldController = (props) => {
     options,
     sessionStorageUtils
   } = props;
-  const appDispatch = (0, import_store12.useAppDispatch)();
+  const appDispatch = (0, import_store13.useAppDispatch)();
   const actionData = sessionStorageUtils.getActionData();
   const [debouncedPage] = useDebounce(page, 500);
   const [order, setOrder] = (0, import_react19.useState)();
   const [isLoadedData, setIsLoadedData] = (0, import_react19.useState)(false);
   const [domainMany2Many, setDomainMany2Many] = (0, import_react19.useState)(domain);
   const env = (0, import_environment8.getEnv)();
-  const { selectedTags } = (0, import_store12.useAppSelector)(import_store12.selectSearch);
+  const { selectedTags } = (0, import_store13.useAppSelector)(import_store13.selectSearch);
   const viewParams = {
     model: relation,
     views: [
@@ -6571,8 +6572,8 @@ var many2manyFieldController = (props) => {
   const fetchData = async () => {
     try {
       setDomainMany2Many(domain);
-      appDispatch((0, import_store12.setFirstDomain)(domain));
-      appDispatch((0, import_store12.setViewDataStore)(viewResponse));
+      appDispatch((0, import_store13.setFirstDomain)(domain));
+      appDispatch((0, import_store13.setViewDataStore)(viewResponse));
       const modalData = viewResponse?.views?.list?.fields.map((field) => ({
         ...viewResponse?.models?.[String(model)]?.[field?.name],
         ...field
@@ -6583,7 +6584,7 @@ var many2manyFieldController = (props) => {
           [`${aid}_${relation}_popupmany2many`]: modalData
         });
       }
-      appDispatch((0, import_store12.setPage)(0));
+      appDispatch((0, import_store13.setPage)(0));
     } catch (err) {
       console.log(err);
     }
@@ -6619,12 +6620,12 @@ var many2manyFieldController = (props) => {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_store12.setGroupByDomain)(null));
+      appDispatch((0, import_store13.setGroupByDomain)(null));
       setFields((prevFields) => ({
         ...prevFields,
         [`${aid}_${relation}_popupmany2many`]: null
       }));
-      appDispatch((0, import_store12.setPage)(0));
+      appDispatch((0, import_store13.setPage)(0));
       setSelectedRowKeys5([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
@@ -6737,7 +6738,7 @@ var many2manyTagsController = (props) => {
 // src/widget/basic/status-bar-field/controller.ts
 var import_react21 = require("react");
 var import_hooks16 = require("@fctc/interface-logic/hooks");
-var import_store13 = require("@fctc/interface-logic/store");
+var import_store14 = require("@fctc/interface-logic/store");
 var import_utils9 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const {
@@ -6757,7 +6758,7 @@ var durationController = (props) => {
   };
   const [disabled, setDisabled] = (0, import_react21.useState)(false);
   const [modelStatus, setModalStatus] = (0, import_react21.useState)(false);
-  const { context } = (0, import_store13.useAppSelector)(import_store13.selectEnv);
+  const { context } = (0, import_store14.useAppSelector)(import_store14.selectEnv);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,