@fctc/widget-logic 2.5.1 → 2.5.3

package/dist/index.js

@@ -4535,19 +4535,16 @@ var useViewV2 = ({
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = (0, import_react6.useMemo)(() => {
-    if (!action) {
-      return void 0;
-    }
     return {
       model,
       views,
       context,
       id: isNaN(Number(aid)) ? action?.id : aid
     };
-  }, [action, context, aid]);
+  }, [action, context, aid, model, views]);
   const view = useGetView2(
-    viewParams || {},
-    !!viewParams
+    viewParams,
+    !!model
   );
   return {
     ...view,
@@ -5494,24 +5491,62 @@ var many2oneButtonController = (props) => {
 var import_react17 = require("react");
 var import_utils8 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
-  const { relation, domain, context, options, tab, setSelectedRowKeys: setSelectedRowKeys2 } = props;
+  const {
+    relation,
+    domain,
+    context,
+    options,
+    tab,
+    setSelectedRowKeys: setSelectedRowKeys2,
+    groupByDomain,
+    enabled: enabledCallAPI,
+    actionData
+  } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
+  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
+  const [order, setOrder] = (0, import_react17.useState)();
   const [page, setPage] = (0, import_react17.useState)(0);
   const [domainMany2Many, setDomainMany2Many] = (0, import_react17.useState)(null);
-  const { action } = useAppProvider();
+  const [debouncedPage] = useDebounce(page, 500);
   const contextObject = {
     ...env.context,
     ...context || {}
   };
-  const { data: viewResponse } = useViewV2({
-    model: String(relation),
+  const viewParams = {
+    model: relation,
     views: [
       [false, "list"],
       [false, "search"]
     ],
     context: contextObject
-  });
+  };
+  const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
+  const baseModel = (0, import_react17.useMemo)(
+    () => ({
+      name: String(relation),
+      view: viewResponse || {},
+      actContext: contextObject,
+      fields: [
+        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
+        ...tab?.fields ? tab.fields : []
+      ]
+    }),
+    [relation, viewResponse]
+  );
+  const initModel = (0, import_hooks2.useModel)();
+  const modelInstance = (0, import_react17.useMemo)(() => {
+    if (viewResponse) {
+      return initModel.initModel(baseModel);
+    }
+    return null;
+  }, [baseModel, viewResponse]);
+  const specification = (0, import_react17.useMemo)(() => {
+    if (modelInstance) {
+      return modelInstance.getSpecification();
+    }
+    return null;
+  }, [modelInstance]);
+  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
   const optionsObject = tab?.options ? (0, import_utils8.evalJSONContext)(tab?.options) : (options ? (0, import_utils8.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
@@ -5522,17 +5557,32 @@ 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 ? (0, import_utils8.formatSortingString)(default_order) : ""
+  };
+  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
     data: dataResponse,
+    isLoading,
     isFetched,
-    isPlaceholderData,
-    isLoading
-  } = useListData({
-    action,
-    context,
-    model: String(relation),
-    viewData: viewResponse
-  });
+    isPlaceholderData
+  } = useGetListData2(data, queryKey, enabled);
   (0, import_react17.useEffect)(() => {
     if (viewResponse) {
       fetchData();
@@ -5563,31 +5613,7 @@ 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
-  });
-  (0, import_react17.useEffect)(() => {
-    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,

package/dist/index.mjs

@@ -4610,19 +4610,16 @@ var useViewV2 = ({
 }) => {
   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]);
+  }, [action, context, aid, model, views]);
   const view = useGetView2(
-    viewParams || {},
-    !!viewParams
+    viewParams,
+    !!model
   );
   return {
     ...view,
@@ -5572,27 +5569,69 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-import { useEffect as useEffect11, useState as useState8 } from "react";
-import { evalJSONContext as evalJSONContext4, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
+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";
 var many2manyFieldController = (props) => {
-  const { relation, domain, context, options, tab, setSelectedRowKeys: setSelectedRowKeys2 } = props;
+  const {
+    relation,
+    domain,
+    context,
+    options,
+    tab,
+    setSelectedRowKeys: setSelectedRowKeys2,
+    groupByDomain,
+    enabled: enabledCallAPI,
+    actionData
+  } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
+  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
+  const [order, setOrder] = useState8();
   const [page, setPage] = useState8(0);
   const [domainMany2Many, setDomainMany2Many] = useState8(null);
-  const { action } = useAppProvider();
+  const [debouncedPage] = useDebounce(page, 500);
   const contextObject = {
     ...env.context,
     ...context || {}
   };
-  const { data: viewResponse } = useViewV2({
-    model: String(relation),
+  const viewParams = {
+    model: 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 {
@@ -5603,17 +5642,32 @@ 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,
-    isLoading
-  } = useListData({
-    action,
-    context,
-    model: String(relation),
-    viewData: viewResponse
-  });
+    isPlaceholderData
+  } = useGetListData2(data, queryKey, enabled);
   useEffect11(() => {
     if (viewResponse) {
       fetchData();
@@ -5644,31 +5698,7 @@ 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,
@@ -5691,7 +5721,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } 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) => {
@@ -5709,7 +5739,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 = useMemo9(
+  const domainObject = useMemo10(
     () => evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
@@ -6941,7 +6971,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo10, useRef as useRef5 } from "react";
+import { useMemo as useMemo11, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -6954,19 +6984,19 @@ var tableHeadController = (props) => {
   const { rowIds: recordIds } = useGetRowIds(tableRef);
   const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = useMemo10(() => {
+  const recordsCheckedGroup = useMemo11(() => {
     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 = useMemo10(() => {
+  const isAllGroupChecked = useMemo11(() => {
     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 = useMemo10(() => {
+  const isAllNormalChecked = useMemo11(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -7096,7 +7126,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect14, useMemo as useMemo11, useState as useState14 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo12, useState as useState14 } from "react";
 import {
   useAppSelector as useAppSelector2,
   selectList
@@ -7124,7 +7154,7 @@ var tableGroupController = (props) => {
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = useMemo11(() => {
+  const processedData = useMemo12(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -7139,7 +7169,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = useMemo11(() => {
+  const shouldFetchData = useMemo12(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;

package/dist/widget.d.mts

@@ -1,10 +1,8 @@
 import * as react from 'react';
 import { ChangeEvent } from 'react';
 import { IInputFieldProps } from './types.mjs';
-import { V as ViewResponse } from './use-view-v2-BWHqxo3S.mjs';
 import moment from 'moment';
 import '@fctc/interface-logic/types';
-import '@tanstack/query-core';
 
 type TStatus = 'normal' | 'done' | 'blocked';
 interface TStatusDropdownFieldProps extends IInputFieldProps {
@@ -85,7 +83,7 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
     isPlaceholderData: boolean;
     setPage: react.Dispatch<react.SetStateAction<number>>;
     page: number;
-    viewData: ViewResponse | undefined;
+    viewData: any;
     domain: any;
     setDomain: react.Dispatch<any>;
     searchController: {

package/dist/widget.d.ts

@@ -1,10 +1,8 @@
 import * as react from 'react';
 import { ChangeEvent } from 'react';
 import { IInputFieldProps } from './types.js';
-import { V as ViewResponse } from './use-view-v2-BWHqxo3S.js';
 import moment from 'moment';
 import '@fctc/interface-logic/types';
-import '@tanstack/query-core';
 
 type TStatus = 'normal' | 'done' | 'blocked';
 interface TStatusDropdownFieldProps extends IInputFieldProps {
@@ -85,7 +83,7 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
     isPlaceholderData: boolean;
     setPage: react.Dispatch<react.SetStateAction<number>>;
     page: number;
-    viewData: ViewResponse | undefined;
+    viewData: any;
     domain: any;
     setDomain: react.Dispatch<any>;
     searchController: {