@fctc/widget-logic 2.3.0 → 2.3.1

package/dist/index.js

@@ -6998,21 +6998,27 @@ var tableGroupController = (props) => {
   const {
     rows,
     columns,
+    indexRow,
     row,
     model,
     viewData,
+    renderField,
     level,
     specification,
     domain,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = (0, import_react23.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 { toDataJS } = (0, import_hooks15.useOdooDataTransform)();
+  const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
   const [colEmptyGroup, setColEmptyGroup] = (0, import_react23.useState)({
     fromStart: 1,
@@ -7047,14 +7053,15 @@ var tableGroupController = (props) => {
     groupby: [groupByDomain?.contexts[level]?.group_by]
   };
   const queryKey = [
-    `data-${model}-level_${level}-row-${rows?.id}`,
+    `data-${model}--${level}-row${indexRow}`,
     specification,
     domain,
     pageGroup
   ];
   const {
     data: dataResponse,
-    isFetched: isDataGroupFetched,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
     isLoading,
     isFetching
   } = (0, import_hooks15.useGetListData)(listDataProps, queryKey, enabled);
@@ -7071,6 +7078,7 @@ var tableGroupController = (props) => {
       typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
   (0, import_react23.useEffect)(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
@@ -7082,7 +7090,7 @@ var tableGroupController = (props) => {
   )?.[1] : row[group_by_field_name];
   const nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
   const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
-  const onExpandChildGroup = () => {
+  const handleExpandChildGroup = () => {
     if (isLoading || isFetching) return;
     const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
     if (allIdsNull || typeTableGroup === "group") {
@@ -7095,7 +7103,7 @@ var tableGroupController = (props) => {
         (id) => !ids.includes(id)
       );
       appDispatch((0, import_store10.setSelectedRowKeys)(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isDataGroupFetched) {
+    } 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);
@@ -7106,28 +7114,38 @@ var tableGroupController = (props) => {
     toggleShowGroup();
   };
   (0, import_react23.useEffect)(() => {
-    if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
     (0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]);
     setTimeout(() => (0, import_store10.setSelectedRowKeys)(clonedKeys), 500);
-  }, [isDataGroupFetched]);
+  }, [isQueryFetched]);
   return {
-    onExpandChildGroup,
+    handleExpandChildGroup,
     colEmptyGroup,
+    leftPadding,
     isShowGroup,
-    isDataGroupFetched,
+    isQueryFetched,
     nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
     columnsGroup,
+    indexRow,
     rowsGroup,
     model,
+    viewData,
+    renderField,
     level,
     specification,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef,
+    initVal,
     dataResponse,
     pageGroup,
     setPageGroup

package/dist/index.mjs

@@ -7029,6 +7029,7 @@ var tableController = ({ data }) => {
 // src/widget/advance/table/table-group/controller.ts
 import { useEffect as useEffect14, useMemo as useMemo13, useState as useState15 } from "react";
 import {
+  useOdooDataTransform,
   useGetListData as useGetListData2
 } from "@fctc/interface-logic/hooks";
 import {
@@ -7050,21 +7051,27 @@ var tableGroupController = (props) => {
   const {
     rows,
     columns,
+    indexRow,
     row,
     model,
     viewData,
+    renderField,
     level,
     specification,
     domain,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = useState15(0);
   const { groupByDomain, selectedTags } = useAppSelector6(selectSearch5);
   const { selectedRowKeys } = useAppSelector6(selectList4);
   const appDispatch = useAppDispatch6();
+  const { toDataJS } = useOdooDataTransform();
+  const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = useState15(false);
   const [colEmptyGroup, setColEmptyGroup] = useState15({
     fromStart: 1,
@@ -7099,14 +7106,15 @@ var tableGroupController = (props) => {
     groupby: [groupByDomain?.contexts[level]?.group_by]
   };
   const queryKey = [
-    `data-${model}-level_${level}-row-${rows?.id}`,
+    `data-${model}--${level}-row${indexRow}`,
     specification,
     domain,
     pageGroup
   ];
   const {
     data: dataResponse,
-    isFetched: isDataGroupFetched,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
     isLoading,
     isFetching
   } = useGetListData2(listDataProps, queryKey, enabled);
@@ -7123,6 +7131,7 @@ var tableGroupController = (props) => {
       typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
   useEffect14(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
@@ -7134,7 +7143,7 @@ var tableGroupController = (props) => {
   )?.[1] : row[group_by_field_name];
   const nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
   const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
-  const onExpandChildGroup = () => {
+  const handleExpandChildGroup = () => {
     if (isLoading || isFetching) return;
     const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
     if (allIdsNull || typeTableGroup === "group") {
@@ -7147,7 +7156,7 @@ var tableGroupController = (props) => {
         (id) => !ids.includes(id)
       );
       appDispatch(setSelectedRowKeys2(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isDataGroupFetched) {
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
       appDispatch(setSelectedRowKeys2([...clonedKeys, -1]));
       setTimeout(() => appDispatch(setSelectedRowKeys2(clonedKeys)), 500);
@@ -7158,28 +7167,38 @@ var tableGroupController = (props) => {
     toggleShowGroup();
   };
   useEffect14(() => {
-    if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
     setSelectedRowKeys2([...clonedKeys, -1]);
     setTimeout(() => setSelectedRowKeys2(clonedKeys), 500);
-  }, [isDataGroupFetched]);
+  }, [isQueryFetched]);
   return {
-    onExpandChildGroup,
+    handleExpandChildGroup,
     colEmptyGroup,
+    leftPadding,
     isShowGroup,
-    isDataGroupFetched,
+    isQueryFetched,
     nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
     columnsGroup,
+    indexRow,
     rowsGroup,
     model,
+    viewData,
+    renderField,
     level,
     specification,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef,
+    initVal,
     dataResponse,
     pageGroup,
     setPageGroup

package/dist/widget.d.mts

@@ -238,23 +238,35 @@ declare const tableController: ({ data }: ITableProps) => {
 };
 
 declare const tableGroupController: (props: any) => {
-    onExpandChildGroup: () => void;
+    handleExpandChildGroup: () => void;
     colEmptyGroup: {
         fromStart: number;
         fromEnd: number;
     };
+    leftPadding: string;
     isShowGroup: boolean;
-    isDataGroupFetched: boolean;
+    isQueryFetched: boolean;
     nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
     columnsGroup: any;
+    indexRow: any;
     rowsGroup: any[];
     model: any;
+    viewData: any;
+    renderField: any;
     level: any;
     specification: any;
     context: any;
     checkedAll: any;
     isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
     selectedRowKeysRef: any;
+    initVal: {
+        [x: string]: any;
+    };
     dataResponse: any;
     pageGroup: any;
     setPageGroup: react.Dispatch<any>;

package/dist/widget.d.ts

@@ -238,23 +238,35 @@ declare const tableController: ({ data }: ITableProps) => {
 };
 
 declare const tableGroupController: (props: any) => {
-    onExpandChildGroup: () => void;
+    handleExpandChildGroup: () => void;
     colEmptyGroup: {
         fromStart: number;
         fromEnd: number;
     };
+    leftPadding: string;
     isShowGroup: boolean;
-    isDataGroupFetched: boolean;
+    isQueryFetched: boolean;
     nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
     columnsGroup: any;
+    indexRow: any;
     rowsGroup: any[];
     model: any;
+    viewData: any;
+    renderField: any;
     level: any;
     specification: any;
     context: any;
     checkedAll: any;
     isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
     selectedRowKeysRef: any;
+    initVal: {
+        [x: string]: any;
+    };
     dataResponse: any;
     pageGroup: any;
     setPageGroup: react.Dispatch<any>;

package/dist/widget.js

@@ -6723,21 +6723,27 @@ var tableGroupController = (props) => {
   const {
     rows,
     columns,
+    indexRow,
     row,
     model,
     viewData,
+    renderField,
     level,
     specification,
     domain,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = (0, import_react23.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 { toDataJS } = (0, import_hooks15.useOdooDataTransform)();
+  const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
   const [colEmptyGroup, setColEmptyGroup] = (0, import_react23.useState)({
     fromStart: 1,
@@ -6772,14 +6778,15 @@ var tableGroupController = (props) => {
     groupby: [groupByDomain?.contexts[level]?.group_by]
   };
   const queryKey = [
-    `data-${model}-level_${level}-row-${rows?.id}`,
+    `data-${model}--${level}-row${indexRow}`,
     specification,
     domain,
     pageGroup
   ];
   const {
     data: dataResponse,
-    isFetched: isDataGroupFetched,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
     isLoading,
     isFetching
   } = (0, import_hooks15.useGetListData)(listDataProps, queryKey, enabled);
@@ -6796,6 +6803,7 @@ var tableGroupController = (props) => {
       typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
   (0, import_react23.useEffect)(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
@@ -6807,7 +6815,7 @@ var tableGroupController = (props) => {
   )?.[1] : row[group_by_field_name];
   const nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
   const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
-  const onExpandChildGroup = () => {
+  const handleExpandChildGroup = () => {
     if (isLoading || isFetching) return;
     const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
     if (allIdsNull || typeTableGroup === "group") {
@@ -6820,7 +6828,7 @@ var tableGroupController = (props) => {
         (id) => !ids.includes(id)
       );
       appDispatch((0, import_store10.setSelectedRowKeys)(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isDataGroupFetched) {
+    } 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);
@@ -6831,28 +6839,38 @@ var tableGroupController = (props) => {
     toggleShowGroup();
   };
   (0, import_react23.useEffect)(() => {
-    if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
     (0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]);
     setTimeout(() => (0, import_store10.setSelectedRowKeys)(clonedKeys), 500);
-  }, [isDataGroupFetched]);
+  }, [isQueryFetched]);
   return {
-    onExpandChildGroup,
+    handleExpandChildGroup,
     colEmptyGroup,
+    leftPadding,
     isShowGroup,
-    isDataGroupFetched,
+    isQueryFetched,
     nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
     columnsGroup,
+    indexRow,
     rowsGroup,
     model,
+    viewData,
+    renderField,
     level,
     specification,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef,
+    initVal,
     dataResponse,
     pageGroup,
     setPageGroup

package/dist/widget.mjs

@@ -6731,6 +6731,7 @@ var tableController = ({ data }) => {
 // src/widget/advance/table/table-group/controller.ts
 import { useEffect as useEffect14, useMemo as useMemo13, useState as useState15 } from "react";
 import {
+  useOdooDataTransform,
   useGetListData as useGetListData2
 } from "@fctc/interface-logic/hooks";
 import {
@@ -6752,21 +6753,27 @@ var tableGroupController = (props) => {
   const {
     rows,
     columns,
+    indexRow,
     row,
     model,
     viewData,
+    renderField,
     level,
     specification,
     domain,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = useState15(0);
   const { groupByDomain, selectedTags } = useAppSelector6(selectSearch5);
   const { selectedRowKeys } = useAppSelector6(selectList4);
   const appDispatch = useAppDispatch6();
+  const { toDataJS } = useOdooDataTransform();
+  const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = useState15(false);
   const [colEmptyGroup, setColEmptyGroup] = useState15({
     fromStart: 1,
@@ -6801,14 +6808,15 @@ var tableGroupController = (props) => {
     groupby: [groupByDomain?.contexts[level]?.group_by]
   };
   const queryKey = [
-    `data-${model}-level_${level}-row-${rows?.id}`,
+    `data-${model}--${level}-row${indexRow}`,
     specification,
     domain,
     pageGroup
   ];
   const {
     data: dataResponse,
-    isFetched: isDataGroupFetched,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
     isLoading,
     isFetching
   } = useGetListData2(listDataProps, queryKey, enabled);
@@ -6825,6 +6833,7 @@ var tableGroupController = (props) => {
       typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
   useEffect14(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
@@ -6836,7 +6845,7 @@ var tableGroupController = (props) => {
   )?.[1] : row[group_by_field_name];
   const nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
   const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
-  const onExpandChildGroup = () => {
+  const handleExpandChildGroup = () => {
     if (isLoading || isFetching) return;
     const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
     if (allIdsNull || typeTableGroup === "group") {
@@ -6849,7 +6858,7 @@ var tableGroupController = (props) => {
         (id) => !ids.includes(id)
       );
       appDispatch(setSelectedRowKeys2(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isDataGroupFetched) {
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
       appDispatch(setSelectedRowKeys2([...clonedKeys, -1]));
       setTimeout(() => appDispatch(setSelectedRowKeys2(clonedKeys)), 500);
@@ -6860,28 +6869,38 @@ var tableGroupController = (props) => {
     toggleShowGroup();
   };
   useEffect14(() => {
-    if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
     setSelectedRowKeys2([...clonedKeys, -1]);
     setTimeout(() => setSelectedRowKeys2(clonedKeys), 500);
-  }, [isDataGroupFetched]);
+  }, [isQueryFetched]);
   return {
-    onExpandChildGroup,
+    handleExpandChildGroup,
     colEmptyGroup,
+    leftPadding,
     isShowGroup,
-    isDataGroupFetched,
+    isQueryFetched,
     nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
     columnsGroup,
+    indexRow,
     rowsGroup,
     model,
+    viewData,
+    renderField,
     level,
     specification,
     context,
     checkedAll,
     isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
     selectedRowKeysRef,
+    initVal,
     dataResponse,
     pageGroup,
     setPageGroup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -74,7 +74,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@fctc/interface-logic": "^2.2.3",
+    "@fctc/interface-logic": "^2.3.1",
     "@headlessui/react": "^2.2.6",
     "@tanstack/react-query": "^5.84.0",
     "i18next": "^25.3.2",