@fctc/widget-logic 2.7.1 → 2.7.3

package/dist/widget.js

@@ -55,7 +55,7 @@ var require_moment = __commonJS({
       function hasOwnProp(a, b) {
         return Object.prototype.hasOwnProperty.call(a, b);
       }
-      function isObjectEmpty4(obj) {
+      function isObjectEmpty5(obj) {
         if (Object.getOwnPropertyNames) {
           return Object.getOwnPropertyNames(obj).length === 0;
         } else {
@@ -2194,7 +2194,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject(input) && isObjectEmpty4(input) || isArray(input) && input.length === 0) {
+        if (isObject(input) && isObjectEmpty5(input) || isArray(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -2613,7 +2613,7 @@ var require_moment = __commonJS({
         return isMoment(input) || isDate(input) || isString(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -2655,7 +2655,7 @@ var require_moment = __commonJS({
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -4119,7 +4119,7 @@ var import_hooks3 = require("@fctc/interface-logic/hooks");
 var import_react9 = require("react");
 
 // src/hooks/core/use-menu.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/hooks/core/use-call-action.ts
 var import_react2 = require("react");
@@ -4128,15 +4128,6 @@ var import_react2 = require("react");
 var provider_exports = {};
 __reExport(provider_exports, require("@fctc/interface-logic/provider"));
 
-// src/hooks/core/use-detail.ts
-var import_react_query = require("@tanstack/react-query");
-var import_react4 = require("react");
-
-// src/hooks/core/use-profile.ts
-var import_react_query2 = require("@tanstack/react-query");
-var import_react6 = require("react");
-var import_react_i18next = require("react-i18next");
-
 // src/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
@@ -4158,7 +4149,7 @@ var languages = [
 ];
 
 // src/utils/function.ts
-var import_react5 = require("react");
+var import_react3 = require("react");
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -4279,7 +4270,7 @@ var STORAGES = {
   USER_INFO: "USER_INFO"
 };
 function useAsyncState(initialValue = [true, null]) {
-  return (0, import_react5.useReducer)(
+  return (0, import_react3.useReducer)(
     (_state, action = null) => [false, action],
     initialValue
   );
@@ -4297,7 +4288,7 @@ async function setStorageItemAsync(key, value) {
 }
 function useStorageState(key) {
   const [state, setState] = useAsyncState();
-  (0, import_react5.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     try {
       const storedValue = localStorage.getItem(key);
       setState(storedValue);
@@ -4305,7 +4296,7 @@ function useStorageState(key) {
       console.error("Local storage is unavailable:", e);
     }
   }, [key]);
-  const setValue = (0, import_react5.useCallback)(
+  const setValue = (0, import_react3.useCallback)(
     (value) => {
       setState(value);
       setStorageItemAsync(key, value);
@@ -4318,6 +4309,15 @@ function useStorageState(key) {
 // src/utils.ts
 __reExport(utils_exports, require("@fctc/interface-logic/utils"));
 
+// src/hooks/core/use-detail.ts
+var import_react_query = require("@tanstack/react-query");
+var import_react5 = require("react");
+
+// src/hooks/core/use-profile.ts
+var import_react_query2 = require("@tanstack/react-query");
+var import_react6 = require("react");
+var import_react_i18next = require("react-i18next");
+
 // src/hooks/core/use-view-v2.ts
 var import_react7 = require("react");
 
@@ -4341,10 +4341,38 @@ var import_react10 = require("react");
 
 // src/hooks/core/use-get-specification.ts
 var import_react11 = require("react");
+var useGetSpecification = ({
+  model,
+  viewData,
+  fields
+}) => {
+  const baseModel = (0, import_react11.useMemo)(
+    () => ({
+      name: String(model),
+      view: viewData || {},
+      fields
+    }),
+    [model, viewData]
+  );
+  const initModel = (0, import_hooks3.useModel)();
+  const modelInstance = (0, import_react11.useMemo)(() => {
+    if (viewData) {
+      return initModel.initModel(baseModel);
+    }
+    return null;
+  }, [baseModel, viewData]);
+  const specification = (0, import_react11.useMemo)(() => {
+    if (modelInstance) {
+      return modelInstance.getSpecification();
+    }
+    return null;
+  }, [modelInstance]);
+  return { specification };
+};
 
 // src/hooks/core/use-list-data.ts
 var import_react15 = require("react");
-var import_utils4 = require("@fctc/interface-logic/utils");
+var import_utils5 = require("@fctc/interface-logic/utils");
 
 // src/hooks/utils/use-click-outside.ts
 var import_react12 = require("react");
@@ -4615,18 +4643,18 @@ var many2oneFieldController = (props) => {
 // src/widget/basic/many2one-button-field/controller.ts
 var import_environment2 = require("@fctc/interface-logic/environment");
 var import_hooks6 = require("@fctc/interface-logic/hooks");
-var import_utils7 = require("@fctc/interface-logic/utils");
+var import_utils8 = require("@fctc/interface-logic/utils");
 var many2oneButtonController = (props) => {
   const { domain, methods, relation, service, xNode } = props;
   const actionDataString = sessionStorage.getItem("actionData");
   const env = (0, import_environment2.getEnv)();
-  const domainObject = (0, import_utils7.evalJSONDomain)(domain, methods?.getValues() || {});
+  const domainObject = (0, import_utils8.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
   const { data: dataOfSelection } = (0, import_hooks6.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_utils7.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_utils8.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject],
     service,
@@ -4643,7 +4671,7 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react17 = require("react");
-var import_utils8 = require("@fctc/interface-logic/utils");
+var import_utils9 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
@@ -4653,8 +4681,7 @@ var many2manyFieldController = (props) => {
     tab,
     setSelectedRowKeys: setSelectedRowKeys2,
     groupByDomain,
-    enabled: enabledCallAPI,
-    actionData
+    enabled: enabledCallAPI
   } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
@@ -4678,36 +4705,19 @@ var many2manyFieldController = (props) => {
     viewParams,
     enabled: 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_hooks3.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 { specification } = useGetSpecification({
+    model: String(relation),
+    viewData: viewResponse || {},
+    fields: [
+      ...Object.values(viewResponse?.views?.list?.fields ?? {}),
+      ...tab?.fields ? tab.fields : []
+    ]
+  });
   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 optionsObject = tab?.options ? (0, import_utils9.evalJSONContext)(tab?.options) : (options ? (0, import_utils9.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
-      const domainParse = typeof domain === "string" ? (0, import_utils8.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
+      const domainParse = typeof domain === "string" ? (0, import_utils9.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
       setDomainMany2Many(domainParse);
       setPage(0);
     } catch (err) {
@@ -4731,7 +4741,7 @@ var many2manyFieldController = (props) => {
     context: contextObject,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils8.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_utils9.formatSortingString)(default_order) : ""
   };
   const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -4795,7 +4805,7 @@ var many2manyFieldController = (props) => {
 // src/widget/basic/many2many-tags-field/controller.ts
 var import_react18 = require("react");
 var import_constants2 = require("@fctc/interface-logic/constants");
-var import_utils9 = require("@fctc/interface-logic/utils");
+var import_utils10 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -4810,9 +4820,9 @@ var many2manyTagsController = (props) => {
   const isUser = relation === "res.users" || relation === "res.partner";
   const { env } = (0, provider_exports.useEnv)();
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
-  const addtionalFields = optionsFields ? (0, import_utils9.evalJSONContext)(optionsFields) : null;
+  const addtionalFields = optionsFields ? (0, import_utils10.evalJSONContext)(optionsFields) : null;
   const domainObject = (0, import_react18.useMemo)(
-    () => (0, import_utils9.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    () => (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -4857,7 +4867,7 @@ var many2manyTagsController = (props) => {
 
 // src/widget/basic/status-bar-field/controller.ts
 var import_react19 = require("react");
-var import_utils10 = require("@fctc/interface-logic/utils");
+var import_utils11 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
   const specification = {
@@ -4873,7 +4883,7 @@ var durationController = (props) => {
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_utils11.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -4923,10 +4933,10 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_utils11 = require("@fctc/interface-logic/utils");
+var import_utils12 = require("@fctc/interface-logic/utils");
 var priorityFieldController = (props) => {
   const { name, model, index, actionData, context, onChange, specification } = props;
-  const _context = { ...(0, import_utils11.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_utils12.evalJSONContext)(actionData?.context) };
   const contextObject = { ...context, ..._context };
   const { useSave: useSave3 } = (0, provider_exports.useService)();
   const { mutateAsync: fetchSave } = useSave3();
@@ -5894,12 +5904,12 @@ var dateFieldController = (props) => {
 
 // src/widget/basic/copy-link-button/controller.ts
 var import_react21 = require("react");
-var import_utils12 = require("@fctc/interface-logic/utils");
+var import_utils13 = require("@fctc/interface-logic/utils");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
   const [isCopied, setIsCopied] = (0, import_react21.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_utils12.copyTextToClipboard)(value2);
+    await (0, import_utils13.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -5912,12 +5922,12 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_utils13 = require("@fctc/interface-logic/utils");
+var import_utils14 = require("@fctc/interface-logic/utils");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { useSave: useSave3 } = (0, provider_exports.useService)();
-  const _context = { ...(0, import_utils13.evalJSONContext)(actionData?.context) || {} };
+  const _context = { ...(0, import_utils14.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
   const { mutate: onSave } = useSave3();
@@ -5946,7 +5956,7 @@ var colorFieldController = (props) => {
 
 // src/widget/basic/binary-field/controller.ts
 var import_react22 = require("react");
-var import_utils14 = require("@fctc/interface-logic/utils");
+var import_utils15 = require("@fctc/interface-logic/utils");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
   const inputId = (0, import_react22.useId)();
@@ -6003,11 +6013,11 @@ var binaryFieldController = (props) => {
   };
   const checkIsImageLink = (url) => {
     const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-    return imageExtensions.test(url) || (0, import_utils14.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_utils15.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_utils14.isBase64Image)(base64)) return base64;
+    if ((0, import_utils15.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -6110,7 +6120,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react24 = require("react");
-var import_utils16 = require("@fctc/interface-logic/utils");
+var import_utils17 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
   const [rows, setRows] = (0, import_react24.useState)(null);
   const [columns, setColumns] = (0, import_react24.useState)(null);
@@ -6148,7 +6158,7 @@ var tableController = ({ data }) => {
     let cols = [];
     try {
       cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils16.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils16.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils17.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils17.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -6332,7 +6342,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_constants3 = require("@fctc/interface-logic/constants");
-var import_utils18 = require("@fctc/interface-logic/utils");
+var import_utils19 = require("@fctc/interface-logic/utils");
 var import_moment2 = __toESM(require_moment());
 var import_react26 = require("react");
 var searchController = ({
@@ -6349,9 +6359,9 @@ var searchController = ({
   const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
   const [searchString, setSearchString] = (0, import_react26.useState)("");
   const [searchMap, setSearchMap] = (0, import_react26.useState)({});
-  const actionContext = typeof context === "string" ? (0, import_utils18.evalJSONContext)(context) : context;
+  const actionContext = typeof context === "string" ? (0, import_utils19.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils18.evalJSONDomain)(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils19.evalJSONDomain)(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -6366,7 +6376,7 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !import_utils18.domainHelper.matchDomains(contextSearch, item.invisible)
+          (item) => !import_utils19.domainHelper.matchDomains(contextSearch, item.invisible)
         )?.map(
           ({ string, name, filter_domain, operator, widget }, index) => ({
             dataIndex: index,
@@ -6379,10 +6389,10 @@ var searchController = ({
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !import_utils18.domainHelper.matchDomains(contextSearch, item?.invisible);
+          return !import_utils19.domainHelper.matchDomains(contextSearch, item?.invisible);
         })?.map((item) => ({ ...item, active: false }));
         const groupByItems = searchViews?.group_by.filter(
-          (item) => !import_utils18.domainHelper.matchDomains(contextSearch, item?.invisible)
+          (item) => !import_utils19.domainHelper.matchDomains(contextSearch, item?.invisible)
         ).map((item) => ({
           ...item,
           string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
@@ -6459,14 +6469,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils18.validateAndParseDate)(value?.value);
+              valueDomainItem = (0, import_utils19.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils18.validateAndParseDate)(value?.value, true);
+                const parsedDate = (0, import_utils19.validateAndParseDate)(value?.value, true);
                 const hasTime = (0, import_moment2.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
                 valueDomainItem = hasTime ? (0, import_moment2.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment2.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
               } else {
-                valueDomainItem = (0, import_utils18.validateAndParseDate)(value?.value, true);
+                valueDomainItem = (0, import_utils19.validateAndParseDate)(value?.value, true);
               }
             }
             const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
@@ -6545,7 +6555,7 @@ var searchController = ({
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new import_utils18.domainHelper.Domain(domain2);
+    const domainFormat = new import_utils19.domainHelper.Domain(domain2);
     if (type === import_constants3.SearchType.FILTER) {
       addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
         ...tag,