@fctc/widget-logic 1.9.5 → 1.9.6

package/dist/widget.js

@@ -4972,7 +4972,6 @@ 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);
@@ -4982,12 +4981,13 @@ 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,
-    ...env?.context
+    ...context
   };
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const data = {
@@ -5159,49 +5159,52 @@ 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,
-    enabled: enabledCallAPI
+    page,
+    options,
+    sessionStorageUtils
   } = props;
-  const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
+  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 [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 [domainMany2Many, setDomainMany2Many] = (0, import_react15.useState)(domain);
+  const { env } = (0, provider_exports.useEnv)();
+  const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
   const viewParams = {
     model: relation,
     views: [
       [false, "list"],
       [false, "search"]
     ],
-    context: contextObject
+    context
   };
-  const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
+  const { data: viewResponse } = useGetView2(viewParams, actionData);
   const baseModel = (0, import_react15.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
-      actContext: contextObject,
+      actContext: context,
       fields: [
         ...Object.values(viewResponse?.views?.list?.fields ?? {}),
         ...tab?.fields ? tab.fields : []
       ]
     }),
-    [relation, viewResponse]
+    [model, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
   const modelInstance = (0, import_react15.useMemo)(() => {
@@ -5220,15 +5223,26 @@ var many2manyFieldController = (props) => {
   const optionsObject = tab?.options ? (0, import_utils6.evalJSONContext)(tab?.options) : (options ? (0, import_utils6.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
-      const domainParse = typeof domain === "string" ? (0, import_utils6.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
-      setDomainMany2Many(domainParse);
-      setPage(0);
+      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));
     } catch (err) {
       console.log(err);
     }
   };
   const queryKey = [
-    `view-${relation}`,
+    `view-${relation}-${aid}`,
     specification,
     domainMany2Many,
     debouncedPage,
@@ -5241,16 +5255,16 @@ var many2manyFieldController = (props) => {
     domain: domainMany2Many,
     offset: debouncedPage * 10,
     limit: 10,
-    context: contextObject,
+    context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
     sort: order ? order : default_order ? (0, import_utils6.formatSortingString)(default_order) : ""
   };
-  const enabled = enabledCallAPI && isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
     data: dataResponse,
-    isLoading,
-    isFetched,
+    isLoading: isDataLoading,
+    isFetched: isDataResponseFetched,
     isPlaceholderData
   } = useGetListData3(data, queryKey, enabled);
   (0, import_react15.useEffect)(() => {
@@ -5258,7 +5272,12 @@ var many2manyFieldController = (props) => {
       fetchData();
     }
     return () => {
-      setPage(0);
+      appDispatch((0, import_store8.setGroupByDomain)(null));
+      setFields((prevFields) => ({
+        ...prevFields,
+        [`${aid}_${relation}_popupmany2many`]: null
+      }));
+      appDispatch((0, import_store8.setPage)(0));
       setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
@@ -5266,19 +5285,44 @@ var many2manyFieldController = (props) => {
   }, [viewResponse]);
   const { rows, columns, typeTable } = tableController({
     data: {
-      fields: viewResponse?.views?.list?.fields,
+      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
       records: dataResponse?.records ?? dataResponse?.groups,
       dataModel: viewResponse?.models?.[String(relation)],
-      context: contextObject,
+      context: { ...env.context, ...context },
       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,
@@ -5286,13 +5330,9 @@ var many2manyFieldController = (props) => {
     rows,
     columns,
     typeTable,
-    isLoading,
-    isFetched,
-    isPlaceholderData,
-    setPage,
-    page,
-    domain: domainMany2Many,
-    setDomain: setDomainMany2Many
+    isDataLoading,
+    isDataResponseFetched,
+    isPlaceholderData
   };
 };
 
@@ -5360,7 +5400,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 } = props;
+  const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
   const specification = {
     id: 0,
     name: "",
@@ -5384,7 +5424,11 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = useGetListData3(listDataProps, queryKey);
+  const { data: dataResponse } = useGetListData3(
+    listDataProps,
+    queryKey,
+    enabled
+  );
   const { mutate: fetchChangeStatus } = useChangeStatus();
   const handleClick = async (stage_id) => {
     setDisabled(true);
@@ -6560,7 +6604,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-body/controller.ts
-var import_store8 = require("@fctc/interface-logic/store");
+var import_store9 = require("@fctc/interface-logic/store");
 var import_react21 = require("react");
 var tableBodyController = (props) => {
   const {
@@ -6573,7 +6617,7 @@ var tableBodyController = (props) => {
     selectedRowKeysRef,
     onClickRow
   } = props;
-  const appDispatch = (0, import_store8.useAppDispatch)();
+  const appDispatch = (0, import_store9.useAppDispatch)();
   const checked = (0, import_react21.useMemo)(() => {
     if (!row?.id) return false;
     if (selectedRowKeys?.includes(row.id)) {
@@ -6590,7 +6634,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_store8.setSelectedRowKeys)(newSelectedRowKeys));
+    appDispatch((0, import_store9.setSelectedRowKeys)(newSelectedRowKeys));
   };
   const handleClickRow = (col, row2) => {
     onClickRow(col, row2);
@@ -6603,13 +6647,13 @@ var tableBodyController = (props) => {
           (id) => id !== row.id
         );
         selectedRowKeysRef.current = filtered;
-        appDispatch((0, import_store8.setSelectedRowKeys)(filtered));
+        appDispatch((0, import_store9.setSelectedRowKeys)(filtered));
       } else {
         const unique = Array.from(
           /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
         );
         selectedRowKeysRef.current = unique;
-        appDispatch((0, import_store8.setSelectedRowKeys)(unique));
+        appDispatch((0, import_store9.setSelectedRowKeys)(unique));
       }
     }
   }, [isAutoSelect]);
@@ -6627,35 +6671,35 @@ var tableBodyController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-var import_store9 = require("@fctc/interface-logic/store");
+var import_store10 = require("@fctc/interface-logic/store");
 var tableHeadController = (props) => {
   const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_store9.useAppDispatch)();
-  const { groupByDomain } = (0, import_store9.useAppSelector)(import_store9.selectSearch);
+  const appDispatch = (0, import_store10.useAppDispatch)();
+  const { groupByDomain } = (0, import_store10.useAppSelector)(import_store10.selectSearch);
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_store9.setSelectedRowKeys)(allRowKeys));
+      appDispatch((0, import_store10.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_store9.setSelectedRowKeys)(ids));
+        appDispatch((0, import_store10.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_store9.setSelectedRowKeys)(keys));
+        appDispatch((0, import_store10.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_store9.setSelectedRowKeys)([]));
+      appDispatch((0, import_store10.setSelectedRowKeys)([]));
     }
   };
   return {
@@ -6665,7 +6709,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react22 = require("react");
-var import_store10 = require("@fctc/interface-logic/store");
+var import_store11 = 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 || []);
@@ -6745,7 +6789,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_store11 = require("@fctc/interface-logic/store");
+var import_store12 = require("@fctc/interface-logic/store");
 
 // src/environment.ts
 var environment_exports = {};
@@ -6773,9 +6817,9 @@ var tableGroupController = (props) => {
     selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = (0, import_react23.useState)(0);
-  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 { 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 { toDataJS } = (0, import_hooks16.useOdooDataTransform)();
   const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
@@ -6861,14 +6905,14 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_store11.setSelectedRowKeys)(filteredIds));
+      appDispatch((0, import_store12.setSelectedRowKeys)(filteredIds));
     } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store11.setSelectedRowKeys)(clonedKeys)), 500);
+      appDispatch((0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_store12.setSelectedRowKeys)(clonedKeys)), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_store11.setSelectedRowKeys)(filteredKeys));
+      appDispatch((0, import_store12.setSelectedRowKeys)(filteredKeys));
     }
     toggleShowGroup();
   };
@@ -6877,8 +6921,8 @@ var tableGroupController = (props) => {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_store11.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store11.setSelectedRowKeys)(clonedKeys), 500);
+    (0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_store12.setSelectedRowKeys)(clonedKeys), 500);
   }, [isQueryFetched]);
   return {
     handleExpandChildGroup,