@fctc/widget-logic 1.9.6 → 1.9.7

package/dist/widget.js

@@ -4972,6 +4972,7 @@ var many2oneFieldController = (props) => {
     options: fieldOptions,
     showDetail
   } = props;
+  const { env } = (0, provider_exports.useEnv)();
   const [options, setOptions] = (0, import_react14.useState)([]);
   const [inputValue, setInputValue] = (0, import_react14.useState)("");
   const [debouncedInputValue] = useDebounce(inputValue, 1e3);
@@ -4981,13 +4982,12 @@ var many2oneFieldController = (props) => {
   const [domainObject, setDomainObject] = (0, import_react14.useState)(null);
   const actionData = sessionStorageUtils.getActionData();
   const { menuList } = (0, store_exports.useAppSelector)(store_exports.selectNavbar);
-  const { context } = (0, store_exports.useAppSelector)(store_exports.selectEnv);
   const initValue = methods?.getValues(name);
   const optionsObject = (0, utils_exports.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
     ...(0, utils_exports.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
-    ...context
+    ...env?.context
   };
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const data = {
@@ -5159,52 +5159,49 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react15 = require("react");
-var import_store8 = require("@fctc/interface-logic/store");
 var import_utils6 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
     domain,
     context,
+    options,
     tab,
-    model,
-    aid,
     setSelectedRowKeys: setSelectedRowKeys4,
-    fields,
-    setFields,
     groupByDomain,
-    page,
-    options,
-    sessionStorageUtils
+    enabled: enabledCallAPI
   } = props;
-  const appDispatch = (0, import_store8.useAppDispatch)();
-  const actionData = sessionStorageUtils.getActionData();
-  const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react15.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react15.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react15.useState)(domain);
   const { env } = (0, provider_exports.useEnv)();
   const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
+  const [order, setOrder] = (0, import_react15.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react15.useState)(false);
+  const [page, setPage] = (0, import_react15.useState)(0);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react15.useState)(null);
+  const [debouncedPage] = useDebounce(page, 500);
+  const contextObject = {
+    ...env.context,
+    ...context || {}
+  };
   const viewParams = {
     model: relation,
     views: [
       [false, "list"],
       [false, "search"]
     ],
-    context
+    context: contextObject
   };
-  const { data: viewResponse } = useGetView2(viewParams, actionData);
+  const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
   const baseModel = (0, import_react15.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
-      actContext: context,
+      actContext: contextObject,
       fields: [
         ...Object.values(viewResponse?.views?.list?.fields ?? {}),
         ...tab?.fields ? tab.fields : []
       ]
     }),
-    [model, viewResponse]
+    [relation, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
   const modelInstance = (0, import_react15.useMemo)(() => {
@@ -5223,26 +5220,15 @@ var many2manyFieldController = (props) => {
   const optionsObject = tab?.options ? (0, import_utils6.evalJSONContext)(tab?.options) : (options ? (0, import_utils6.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
-      setDomainMany2Many(domain);
-      appDispatch((0, import_store8.setFirstDomain)(domain));
-      appDispatch((0, import_store8.setViewDataStore)(viewResponse));
-      const modalData = viewResponse?.views?.list?.fields.map((field) => ({
-        ...viewResponse?.models?.[String(model)]?.[field?.name],
-        ...field
-      }));
-      if (!fields?.[`${aid}_${relation}_popupmany2many`] && modalData) {
-        setFields({
-          ...fields,
-          [`${aid}_${relation}_popupmany2many`]: modalData
-        });
-      }
-      appDispatch((0, import_store8.setPage)(0));
+      const domainParse = typeof domain === "string" ? (0, import_utils6.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
+      setDomainMany2Many(domainParse);
+      setPage(0);
     } catch (err) {
       console.log(err);
     }
   };
   const queryKey = [
-    `view-${relation}-${aid}`,
+    `view-${relation}`,
     specification,
     domainMany2Many,
     debouncedPage,
@@ -5255,16 +5241,16 @@ var many2manyFieldController = (props) => {
     domain: domainMany2Many,
     offset: debouncedPage * 10,
     limit: 10,
-    context,
+    context: contextObject,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
     sort: order ? order : default_order ? (0, import_utils6.formatSortingString)(default_order) : ""
   };
-  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const enabled = enabledCallAPI && isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
     data: dataResponse,
-    isLoading: isDataLoading,
-    isFetched: isDataResponseFetched,
+    isLoading,
+    isFetched,
     isPlaceholderData
   } = useGetListData3(data, queryKey, enabled);
   (0, import_react15.useEffect)(() => {
@@ -5272,67 +5258,43 @@ var many2manyFieldController = (props) => {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_store8.setGroupByDomain)(null));
-      setFields((prevFields) => ({
-        ...prevFields,
-        [`${aid}_${relation}_popupmany2many`]: null
-      }));
-      appDispatch((0, import_store8.setPage)(0));
+      setPage(0);
       setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
   }, [viewResponse]);
-  const { rows, columns, typeTable } = tableController({
+  const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
     data: {
-      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
+      fields: viewResponse?.views?.list?.fields,
       records: dataResponse?.records ?? dataResponse?.groups,
       dataModel: viewResponse?.models?.[String(relation)],
-      context: { ...env.context, ...context },
+      context: contextObject,
       typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
-  const dataFormView = {
-    id: null,
-    model: relation,
-    context
-  };
-  const {
-    refetch,
-    data: dataFormViewResponse,
-    isSuccess
-  } = useGetFormView({
-    data: dataFormView,
-    queryKey: [`form-view-action-${relation}`],
-    enabled: false
-  });
-  (0, import_react15.useEffect)(() => {
-    if (isSuccess && dataFormViewResponse) {
-      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
-      window.location.href = `/form/menu?model=${relation}`;
-    }
-  }, [isSuccess]);
   (0, import_react15.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
   }, [domainMany2Many]);
   const handleCreateNewOnPage = async () => {
-    try {
-      refetch();
-    } catch (error) {
-      console.log(error);
-    }
   };
   return {
     handleCreateNewOnPage,
     optionsObject,
+    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
+    onToggleColumnOptional,
     typeTable,
-    isDataLoading,
-    isDataResponseFetched,
-    isPlaceholderData
+    isLoading,
+    isFetched,
+    isPlaceholderData,
+    setPage,
+    page,
+    domain: domainMany2Many,
+    setDomain: setDomainMany2Many
   };
 };
 
@@ -5400,7 +5362,7 @@ var many2manyTagsController = (props) => {
 var import_react17 = require("react");
 var import_utils8 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
-  const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
+  const { relation, domain, formValues, name, id, model, onRefetch } = props;
   const specification = {
     id: 0,
     name: "",
@@ -5424,11 +5386,7 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = useGetListData3(
-    listDataProps,
-    queryKey,
-    enabled
-  );
+  const { data: dataResponse } = useGetListData3(listDataProps, queryKey);
   const { mutate: fetchChangeStatus } = useChangeStatus();
   const handleClick = async (stage_id) => {
     setDisabled(true);
@@ -6604,7 +6562,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-body/controller.ts
-var import_store9 = require("@fctc/interface-logic/store");
+var import_store8 = require("@fctc/interface-logic/store");
 var import_react21 = require("react");
 var tableBodyController = (props) => {
   const {
@@ -6617,7 +6575,7 @@ var tableBodyController = (props) => {
     selectedRowKeysRef,
     onClickRow
   } = props;
-  const appDispatch = (0, import_store9.useAppDispatch)();
+  const appDispatch = (0, import_store8.useAppDispatch)();
   const checked = (0, import_react21.useMemo)(() => {
     if (!row?.id) return false;
     if (selectedRowKeys?.includes(row.id)) {
@@ -6634,7 +6592,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_store9.setSelectedRowKeys)(newSelectedRowKeys));
+    appDispatch((0, import_store8.setSelectedRowKeys)(newSelectedRowKeys));
   };
   const handleClickRow = (col, row2) => {
     onClickRow(col, row2);
@@ -6647,13 +6605,13 @@ var tableBodyController = (props) => {
           (id) => id !== row.id
         );
         selectedRowKeysRef.current = filtered;
-        appDispatch((0, import_store9.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_store9.setSelectedRowKeys)(unique));
+        appDispatch((0, import_store8.setSelectedRowKeys)(unique));
       }
     }
   }, [isAutoSelect]);
@@ -6671,35 +6629,35 @@ var tableBodyController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-var import_store10 = 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_store10.useAppDispatch)();
-  const { groupByDomain } = (0, import_store10.useAppSelector)(import_store10.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_store10.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_store10.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_store10.setSelectedRowKeys)(keys));
+        appDispatch((0, import_store9.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_store10.setSelectedRowKeys)([]));
+      appDispatch((0, import_store9.setSelectedRowKeys)([]));
     }
   };
   return {
@@ -6709,7 +6667,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react22 = require("react");
-var import_store11 = require("@fctc/interface-logic/store");
+var import_store10 = require("@fctc/interface-logic/store");
 var import_utils13 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
   const [rows, setRows] = (0, import_react22.useState)(data.records || []);
@@ -6789,7 +6747,7 @@ var tableController = ({ data }) => {
 // src/widget/advance/table/table-group/controller.ts
 var import_react23 = require("react");
 var import_hooks16 = require("@fctc/interface-logic/hooks");
-var import_store12 = require("@fctc/interface-logic/store");
+var import_store11 = require("@fctc/interface-logic/store");
 
 // src/environment.ts
 var environment_exports = {};
@@ -6817,9 +6775,9 @@ var tableGroupController = (props) => {
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = (0, import_react23.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_store12.useAppSelector)(import_store12.selectSearch);
-  const { selectedRowKeys } = (0, import_store12.useAppSelector)(import_store12.selectList);
-  const appDispatch = (0, import_store12.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_hooks16.useOdooDataTransform)();
   const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
@@ -6905,14 +6863,14 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_store12.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_store12.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store12.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_store12.setSelectedRowKeys)(filteredKeys));
+      appDispatch((0, import_store11.setSelectedRowKeys)(filteredKeys));
     }
     toggleShowGroup();
   };
@@ -6921,8 +6879,8 @@ var tableGroupController = (props) => {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store12.setSelectedRowKeys)(clonedKeys), 500);
+    (0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_store11.setSelectedRowKeys)(clonedKeys), 500);
   }, [isQueryFetched]);
   return {
     handleExpandChildGroup,