@fctc/widget-logic 2.4.9 → 2.5.0

package/dist/widget.mjs

@@ -4373,6 +4373,34 @@ import * as utils_star from "@fctc/interface-logic/utils";
 
 // src/hooks/core/use-view-v2.ts
 import { useMemo as useMemo3 } from "react";
+var useViewV2 = ({
+  action,
+  context,
+  aid,
+  views,
+  model
+}) => {
+  const { useGetView: useGetView2 } = (0, provider_exports.useService)();
+  const viewParams = useMemo3(() => {
+    if (!action) {
+      return void 0;
+    }
+    return {
+      model,
+      views,
+      context,
+      id: isNaN(Number(aid)) ? action?.id : aid
+    };
+  }, [action, context, aid]);
+  const view = useGetView2(
+    viewParams || {},
+    !!viewParams
+  );
+  return {
+    ...view,
+    context
+  };
+};
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
@@ -4388,12 +4416,47 @@ var AppProviderInitialValue = {
   view: {}
 };
 var ReactContext = createContext(AppProviderInitialValue);
+var useAppProvider = () => {
+  const context = useContext(ReactContext);
+  if (!context) {
+    return AppProviderInitialValue;
+  }
+  return context;
+};
 
 // src/hooks/core/use-config.ts
 import { useEffect as useEffect6 } from "react";
 
 // src/hooks/core/use-get-specification.ts
 import { useMemo as useMemo6 } from "react";
+var useGetSpecification = ({
+  model,
+  viewData,
+  fields
+}) => {
+  const baseModel = useMemo6(
+    () => ({
+      name: String(model),
+      view: viewData || {},
+      fields
+    }),
+    [model, viewData]
+  );
+  const initModel = useModel();
+  const modelInstance = useMemo6(() => {
+    if (viewData) {
+      return initModel.initModel(baseModel);
+    }
+    return null;
+  }, [baseModel, viewData]);
+  const specification = useMemo6(() => {
+    if (modelInstance) {
+      return modelInstance.getSpecification();
+    }
+    return null;
+  }, [modelInstance]);
+  return { specification };
+};
 
 // src/hooks/core/use-list-data.ts
 import { useMemo as useMemo7, useState as useState6 } from "react";
@@ -4487,6 +4550,95 @@ var useGetRowIds = (tableRef) => {
   return { rowIds, refresh: updateVisibleRowIds };
 };
 
+// src/hooks/core/use-list-data.ts
+var useListData = ({
+  action,
+  context,
+  viewData,
+  model
+}) => {
+  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
+  const [page, setPage] = useState6(0);
+  const [pageLimit, setPageLimit] = useState6(10);
+  const [groupByList, setGroupByList] = useState6(null);
+  const [domain, setDomain] = useState6(null);
+  const [order, setOrder] = useState6("");
+  const [mode, setMode] = useState6("month");
+  const [type, setType] = useState6("list");
+  const [currentDate, setCurrentDate] = useState6(/* @__PURE__ */ new Date());
+  const [selectedRowKeys, setSelectedRowKeys2] = useState6([]);
+  const [debouncedPage] = useDebounce(page, 500);
+  const [debouncedDomain] = useDebounce(domain, 500);
+  const { specification } = useGetSpecification({
+    model,
+    viewData,
+    fields: viewData?.views?.list?.fields
+  });
+  const listDataProps = useMemo7(() => {
+    if (!viewData || !action || !context) {
+      return null;
+    }
+    const domainParse = type === "calendar" ? getDateRange(currentDate, mode) : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : evalJSONDomain(action?.domain, context) : [];
+    const limit = type === "calendar" ? 2500 : pageLimit;
+    const offset = debouncedPage * pageLimit;
+    const fields = type === "calendar" ? convertFieldsToArray(viewData?.views?.calendar?.fields) || [] : typeof groupByList === "object" ? groupByList?.fields : void 0;
+    const groupby = typeof groupByList === "object" ? [groupByList?.contexts?.[0]?.group_by] : [];
+    const sort = order ? order : viewData?.views?.list?.default_order ? formatSortingString(viewData?.views?.list?.default_order) : "";
+    return {
+      model: action.res_model,
+      specification,
+      domain: domainParse,
+      limit,
+      offset,
+      fields,
+      groupby,
+      context,
+      sort,
+      type
+    };
+  }, [
+    action,
+    context,
+    currentDate,
+    groupByList,
+    mode,
+    order,
+    debouncedPage,
+    pageLimit,
+    type,
+    debouncedDomain
+  ]);
+  const list = useGetListData2(
+    listDataProps,
+    [listDataProps],
+    !!listDataProps && !!specification && !isObjectEmpty3(specification)
+  );
+  return {
+    ...list,
+    state: {
+      specification,
+      type,
+      page,
+      mode,
+      order,
+      domain: listDataProps?.domain,
+      pageLimit,
+      groupByList,
+      currentDate,
+      selectedRowKeys,
+      setType,
+      setMode,
+      setPage,
+      setOrder,
+      setDomain,
+      setPageLimit,
+      setGroupByList,
+      setCurrentDate,
+      setSelectedRowKeys: setSelectedRowKeys2
+    }
+  };
+};
+
 // src/store.ts
 var store_exports = {};
 __reExport(store_exports, store_star);
@@ -4700,69 +4852,27 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-import { useEffect as useEffect11, useMemo as useMemo9, useState as useState8 } from "react";
-import {
-  evalJSONContext as evalJSONContext4,
-  evalJSONDomain as evalJSONDomain4,
-  formatSortingString as formatSortingString2
-} from "@fctc/interface-logic/utils";
+import { useEffect as useEffect11, useState as useState8 } from "react";
+import { evalJSONContext as evalJSONContext4, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
 var many2manyFieldController = (props) => {
-  const {
-    relation,
-    domain,
-    context,
-    options,
-    tab,
-    setSelectedRowKeys: setSelectedRowKeys2,
-    groupByDomain,
-    enabled: enabledCallAPI,
-    actionData
-  } = props;
+  const { relation, domain, context, options, tab, setSelectedRowKeys: setSelectedRowKeys2 } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
-  const [order, setOrder] = useState8();
+  const { useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
   const [page, setPage] = useState8(0);
   const [domainMany2Many, setDomainMany2Many] = useState8(null);
-  const [debouncedPage] = useDebounce(page, 500);
+  const { action } = useAppProvider();
   const contextObject = {
     ...env.context,
     ...context || {}
   };
-  const viewParams = {
-    model: relation,
+  const { data: viewResponse } = useViewV2({
+    model: String(relation),
     views: [
       [false, "list"],
       [false, "search"]
     ],
     context: contextObject
-  };
-  const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
-  const baseModel = useMemo9(
-    () => ({
-      name: String(relation),
-      view: viewResponse || {},
-      actContext: contextObject,
-      fields: [
-        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-        ...tab?.fields ? tab.fields : []
-      ]
-    }),
-    [relation, viewResponse]
-  );
-  const initModel = useModel();
-  const modelInstance = useMemo9(() => {
-    if (viewResponse) {
-      return initModel.initModel(baseModel);
-    }
-    return null;
-  }, [baseModel, viewResponse]);
-  const specification = useMemo9(() => {
-    if (modelInstance) {
-      return modelInstance.getSpecification();
-    }
-    return null;
-  }, [modelInstance]);
-  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
+  });
   const optionsObject = tab?.options ? evalJSONContext4(tab?.options) : (options ? evalJSONContext4(options) : {}) || {};
   const fetchData = async () => {
     try {
@@ -4773,32 +4883,17 @@ var many2manyFieldController = (props) => {
       console.log(err);
     }
   };
-  const queryKey = [
-    `view-${relation}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context: contextObject,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? formatSortingString2(default_order) : ""
-  };
-  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
     data: dataResponse,
-    isLoading,
     isFetched,
-    isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
+    isPlaceholderData,
+    isLoading
+  } = useListData({
+    action,
+    context,
+    model: String(relation),
+    viewData: viewResponse
+  });
   useEffect11(() => {
     if (viewResponse) {
       fetchData();
@@ -4829,7 +4924,31 @@ var many2manyFieldController = (props) => {
       )?.map((col) => ({ ...col.field })) ?? []
     ]
   });
+  const {
+    refetch,
+    data: dataFormViewResponse,
+    isSuccess
+  } = useGetFormView2({
+    data: {
+      id: null,
+      model: relation ?? "",
+      context: contextObject
+    },
+    queryKey: [`form-view-action-${relation}`],
+    enabled: false
+  });
+  useEffect11(() => {
+    if (isSuccess && dataFormViewResponse) {
+      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
+      window.location.href = `/form/menu?model=${relation}`;
+    }
+  }, [isSuccess]);
   const handleCreateNewOnPage = async () => {
+    try {
+      refetch();
+    } catch (error) {
+      console.log(error);
+    }
   };
   return {
     handleCreateNewOnPage,
@@ -4852,7 +4971,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo9 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
 import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain5 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
@@ -4870,7 +4989,7 @@ var many2manyTagsController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const addtionalFields = optionsFields ? evalJSONContext5(optionsFields) : null;
-  const domainObject = useMemo10(
+  const domainObject = useMemo9(
     () => evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
@@ -6102,7 +6221,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo11, useRef as useRef5 } from "react";
+import { useMemo as useMemo10, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -6115,19 +6234,19 @@ var tableHeadController = (props) => {
   const { rowIds: recordIds } = useGetRowIds(tableRef);
   const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = useMemo11(() => {
+  const recordsCheckedGroup = useMemo10(() => {
     if (!rows || !groupByList) return 0;
     const groupBy = typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0;
     return countSum(rows, groupBy);
   }, [rows, groupByList]);
-  const isAllGroupChecked = useMemo11(() => {
+  const isAllGroupChecked = useMemo10(() => {
     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 = useMemo11(() => {
+  const isAllNormalChecked = useMemo10(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -6257,7 +6376,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect14, useMemo as useMemo12, useState as useState14 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo11, useState as useState14 } from "react";
 import {
   useAppSelector as useAppSelector2,
   selectList
@@ -6285,7 +6404,7 @@ var tableGroupController = (props) => {
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = useMemo12(() => {
+  const processedData = useMemo11(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6300,7 +6419,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = useMemo12(() => {
+  const shouldFetchData = useMemo11(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6363,7 +6482,6 @@ var tableGroupController = (props) => {
       setSelectedRowKeys2([...clonedKeys, -1]);
       setTimeout(() => setSelectedRowKeys2(clonedKeys), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
-      console.log("abc");
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
       setSelectedRowKeys2(filteredKeys);
     }

package/package.json

@@ -1,96 +1,96 @@
-{
-  "name": "@fctc/widget-logic",
-  "version": "2.4.9",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.mjs",
-      "require": "./dist/hooks.cjs"
-    },
-    "./widget": {
-      "types": "./dist/widget.d.ts",
-      "import": "./dist/widget.mjs",
-      "require": "./dist/widget.cjs"
-    },
-    "./icons": {
-      "types": "./dist/icons.d.ts",
-      "import": "./dist/icons.mjs",
-      "require": "./dist/icons.cjs"
-    },
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.cjs"
-    },
-    "./store": {
-      "types": "./dist/store.d.ts",
-      "import": "./dist/store.mjs",
-      "require": "./dist/store.cjs"
-    },
-    "./config": {
-      "types": "./dist/config.d.ts",
-      "import": "./dist/config.mjs",
-      "require": "./dist/config.cjs"
-    },
-    "./constants": {
-      "types": "./dist/constants.d.ts",
-      "import": "./dist/constants.mjs",
-      "require": "./dist/constants.cjs"
-    },
-    "./environment": {
-      "types": "./dist/environment.d.ts",
-      "import": "./dist/environment.mjs",
-      "require": "./dist/environment.cjs"
-    },
-    "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.mjs",
-      "require": "./dist/provider.cjs"
-    },
-    "./services": {
-      "types": "./dist/services.d.ts",
-      "import": "./dist/services.mjs",
-      "require": "./dist/services.cjs"
-    },
-    "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.mjs",
-      "require": "./dist/types.cjs"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@fctc/interface-logic": "^2.3.5",
-    "@headlessui/react": "^2.2.6",
-    "@tanstack/react-query": "^5.84.0",
-    "i18next": "^25.3.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "react-i18next": "^15.6.1",
-    "react-tooltip": "^5.29.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.1",
-    "jest": "^29.7.0",
-    "react": "18.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.8.2"
-  },
-  "packageManager": "yarn@1.22.0",
-  "peerDependencies": {
-    "@fctc/interface-logic": "^1.6.9"
-  }
-}
+{
+  "name": "@fctc/widget-logic",
+  "version": "2.5.0",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.cjs"
+    },
+    "./widget": {
+      "types": "./dist/widget.d.ts",
+      "import": "./dist/widget.mjs",
+      "require": "./dist/widget.cjs"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.mjs",
+      "require": "./dist/icons.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.cjs"
+    },
+    "./store": {
+      "types": "./dist/store.d.ts",
+      "import": "./dist/store.mjs",
+      "require": "./dist/store.cjs"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "import": "./dist/config.mjs",
+      "require": "./dist/config.cjs"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.mjs",
+      "require": "./dist/constants.cjs"
+    },
+    "./environment": {
+      "types": "./dist/environment.d.ts",
+      "import": "./dist/environment.mjs",
+      "require": "./dist/environment.cjs"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.mjs",
+      "require": "./dist/provider.cjs"
+    },
+    "./services": {
+      "types": "./dist/services.d.ts",
+      "import": "./dist/services.mjs",
+      "require": "./dist/services.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@fctc/interface-logic": "^2.4.7",
+    "@headlessui/react": "^2.2.6",
+    "@tanstack/react-query": "^5.84.0",
+    "i18next": "^25.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react-i18next": "^15.6.1",
+    "react-tooltip": "^5.29.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "jest": "^29.7.0",
+    "react": "18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.8.2"
+  },
+  "packageManager": "yarn@1.22.0",
+  "peerDependencies": {
+    "@fctc/interface-logic": "^1.6.9"
+  }
+}