@fctc/widget-logic 1.7.9 → 1.8.1

package/dist/widget.js

@@ -4049,6 +4049,7 @@ __export(widget_exports, {
   many2oneButtonController: () => many2oneButtonController,
   many2oneFieldController: () => many2oneFieldController,
   priorityFieldController: () => priorityFieldController,
+  searchController: () => searchController,
   statusDropdownController: () => statusDropdownController,
   tableBodyController: () => tableBodyController,
   tableController: () => tableController,
@@ -4312,7 +4313,7 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/hooks.ts
 var hooks_exports = {};
@@ -4847,7 +4848,6 @@ var useAuth = () => {
         },
         {
           onSuccess: (res) => {
-            setAccessToken(res.access_token);
           },
           onError: (err) => {
           }
@@ -6158,10 +6158,353 @@ var tableGroupController = (props) => {
   };
 };
 
+// src/widget/advance/search/controller.ts
+var import_constants3 = require("@fctc/interface-logic/constants");
+var import_utils6 = require("@fctc/interface-logic/utils");
+var import_moment = __toESM(require_moment());
+var import_react18 = require("react");
+
+// src/provider.ts
+var provider_exports = {};
+__reExport(provider_exports, require("@fctc/interface-logic/provider"));
+
+// src/store.ts
+var store_exports = {};
+__reExport(store_exports, require("@fctc/interface-logic/store"));
+
+// src/widget/advance/search/controller.ts
+var searchController = ({
+  viewData,
+  actionData,
+  fieldsList,
+  setDomain
+}) => {
+  const { env } = (0, provider_exports.useEnv)();
+  const { context } = actionData || {};
+  const actionContext = typeof context === "string" ? (0, import_utils6.evalJSONContext)(context) : context;
+  const contextSearch = { ...env.context, ...actionContext };
+  const [filterBy, setFilterBy] = (0, import_react18.useState)(null);
+  const [searchBy, setSearchBy] = (0, import_react18.useState)(null);
+  const [groupBy, setGroupBy] = (0, import_react18.useState)(null);
+  const [selectedTags, setSelectedTags] = (0, import_react18.useState)(null);
+  const [searchString, setSearchString] = (0, import_react18.useState)("");
+  const [searchMap, setSearchMap] = (0, import_react18.useState)({});
+  const [isReadyFormatDomain, setIsReadyFormatDomain] = (0, import_react18.useState)(false);
+  const [didInit, setDidInit] = (0, import_react18.useState)(false);
+  const dispatch = (0, store_exports.useAppDispatch)();
+  const aid = actionData?.id;
+  const model = actionData?.res_model;
+  const domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils6.evalJSONDomain)(actionData?.domain, contextSearch) : [];
+  const clearSearch = () => {
+    setFilterBy([]);
+    setGroupBy([]);
+    setSearchBy([]);
+    setSelectedTags(null);
+    setSearchString("");
+    setSearchMap({});
+  };
+  const fetchData = async () => {
+    if (viewData) {
+      try {
+        const dataModel = viewData?.models?.[model];
+        const searchViews = viewData?.views?.search;
+        const searchByItems = searchViews?.search_by?.filter(
+          (item) => !import_utils6.domainHelper.matchDomains(contextSearch, item.invisible)
+        )?.map(
+          ({ string, name, filter_domain, operator, widget }, index) => ({
+            dataIndex: index,
+            title: string ?? dataModel[name]?.string,
+            name: name ?? dataModel[name]?.name,
+            filter_domain,
+            operator,
+            widget,
+            type: dataModel[name]?.type
+          })
+        );
+        const filterByItems = searchViews?.filter_by.filter((item) => {
+          return !import_utils6.domainHelper.matchDomains(contextSearch, item?.invisible);
+        })?.map((item) => ({ ...item, active: false }));
+        const groupByItems = searchViews?.group_by.filter(
+          (item) => !import_utils6.domainHelper.matchDomains(contextSearch, item?.invisible)
+        ).map((item) => ({
+          ...item,
+          string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
+        }));
+        setSearchBy(searchByItems);
+        setFilterBy(filterByItems);
+        setGroupBy(groupByItems);
+      } catch (error) {
+        console.error("Error fetching data:", error);
+      }
+    }
+  };
+  (0, import_react18.useEffect)(() => {
+    clearSearch();
+    fetchData();
+  }, [aid, model, viewData]);
+  const onChangeSearchInput = (search_string) => {
+    setSearchString(search_string);
+  };
+  const removeKeyFromSearchMap = ({
+    key,
+    item
+  }) => {
+    const values = searchMap[key];
+    if (!values) return searchMap;
+    const newSearchMap = { ...searchMap };
+    if (item) {
+      const filtered = values.filter((value) => value.name !== item.name);
+      if (filtered.length > 0) {
+        newSearchMap[key] = filtered;
+      } else {
+        delete newSearchMap[key];
+      }
+    } else {
+      delete newSearchMap[key];
+    }
+    setSearchMap(newSearchMap);
+  };
+  const updateSearchMap = ({ key, item }) => {
+    const newSearchMap = { ...searchMap };
+    const currentValues = searchMap[key] ?? [];
+    newSearchMap[key] = [...currentValues, item];
+    setSearchMap(newSearchMap);
+  };
+  const removeSearchItems = (key, item) => {
+    removeKeyFromSearchMap({ key: String(key), item });
+  };
+  const addSearchItems = (key, newItem) => {
+    updateSearchMap({ key, item: newItem });
+  };
+  const setTagSearch = (0, import_react18.useCallback)(
+    (updatedMap) => {
+      if (!updatedMap) return;
+      const tagsSearch = Object.entries(updatedMap).map(
+        ([key, objValues]) => {
+          const {
+            title,
+            name,
+            groupIndex,
+            type,
+            widget,
+            modelType,
+            dataIndex
+          } = objValues[0];
+          if (!key?.includes(import_constants3.SearchType.GROUP)) {
+            const values = objValues?.map((objValue) => objValue.value);
+            return {
+              title,
+              name: type === import_constants3.SearchType.SEARCH ? `${import_constants3.SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
+              values,
+              type,
+              widget,
+              modelType
+            };
+          } else {
+            const contexts = [];
+            let groupValues = [];
+            objValues?.forEach((objValue) => {
+              const { context: context2, value, active, groupIndex: groupIndex2, isDefault } = objValue;
+              const indexAppend = groupIndex2 != null ? groupIndex2 : viewData?.views?.search?.filters_by?.length ?? 0;
+              contexts.push(
+                ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({ group_by: item })) : [context2]
+              );
+              groupValues[indexAppend] = {
+                contexts: [
+                  ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({
+                    group_by: item
+                  })) : [context2]
+                ],
+                strings: isDefault ? [value] : [...groupValues[indexAppend]?.strings ?? [], value]
+              };
+            });
+            const fields = [
+              ...new Set(fieldsList?.map((item) => item?.name))
+            ];
+            const groupByTag = {
+              title,
+              values: groupValues?.filter(
+                (item) => item !== void 0
+              ),
+              type,
+              contexts,
+              fields
+            };
+            dispatch((0, store_exports.setGroupByDomain)(groupByTag));
+            return groupByTag;
+          }
+        }
+      );
+      setSelectedTags(tagsSearch);
+      setSearchString("");
+    },
+    [searchMap]
+  );
+  (0, import_react18.useEffect)(() => {
+    setSelectedTags(null);
+    setTagSearch(searchMap);
+  }, [searchMap]);
+  const formatDomain = () => {
+    if (domainAction) {
+      const domain = [];
+      if (domainAction?.length > 0) {
+        if (Object.keys(searchMap).length > 0) {
+          domain.push("&");
+        }
+        domainAction.forEach((domainItem) => {
+          domain.push(domainItem);
+        });
+      }
+      Object.keys(searchMap).forEach((key, keyIndex, keys) => {
+        if (!key?.includes(import_constants3.SearchType.GROUP)) {
+          if (keys.length > 1 && keyIndex < keys.length - 1) {
+            domain.push("&");
+          }
+          const valuesOfKey = searchMap[key];
+          valuesOfKey.forEach((value, index) => {
+            if (index < valuesOfKey.length - 1) {
+              domain.push("|");
+            }
+            if (value.domain) {
+              domain.push(...value.domain);
+              return;
+            }
+            let valueDomainItem = value?.value;
+            if (value?.modelType === "date") {
+              valueDomainItem = (0, import_utils6.validateAndParseDate)(value?.value);
+            } else if (value?.modelType === "datetime") {
+              if (value?.operator === "<=" || value?.operator === "<") {
+                const parsedDate = (0, import_utils6.validateAndParseDate)(value?.value, true);
+                const hasTime = (0, import_moment.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
+                valueDomainItem = hasTime ? (0, import_moment.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
+              } else {
+                valueDomainItem = (0, import_utils6.validateAndParseDate)(value?.value, true);
+              }
+            }
+            const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
+            domain.push([value.name, operator, valueDomainItem]);
+          });
+        }
+      });
+      return [...domain];
+    }
+  };
+  const handleAddTagSearch = (tag) => {
+    const {
+      domain,
+      groupIndex,
+      value,
+      type,
+      title,
+      context: context2,
+      active,
+      dataIndex
+    } = tag;
+    const domainFormat = new import_utils6.domainHelper.Domain(domain);
+    if (type === import_constants3.SearchType.FILTER) {
+      addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
+        ...tag,
+        domain: domain ? domainFormat.toList(context2) : null
+      });
+    } else if (type === import_constants3.SearchType.SEARCH) {
+      addSearchItems(`${import_constants3.SearchType.SEARCH}_${String(dataIndex)}`, {
+        ...tag,
+        domain: domain ? domainFormat.toList({
+          ...context2,
+          self: value
+        }) : null
+      });
+    } else if (type === import_constants3.SearchType.GROUP) {
+      addSearchItems(`${import_constants3.SearchType.GROUP}`, {
+        ...tag,
+        domain: domain ? domainFormat.toList({
+          context: context2,
+          self: value
+        }) : null
+      });
+    }
+  };
+  (0, import_react18.useEffect)(() => {
+    if (isReadyFormatDomain) {
+      (0, store_exports.setPage)(0);
+      (0, store_exports.setSelectedRowKeys)([]);
+      const containSearchFilter = selectedTags?.length > 0 && selectedTags?.find(
+        (item) => item?.type === import_constants3.SearchType.FILTER || item?.type === import_constants3.SearchType.SEARCH || item?.type === import_constants3.SearchType.GROUP
+      );
+      if (containSearchFilter || Array.isArray(selectedTags) && selectedTags?.length === 0) {
+        setDomain(formatDomain());
+      }
+    }
+    return () => {
+      setDidInit(false);
+      setIsReadyFormatDomain(false);
+    };
+  }, [selectedTags, isReadyFormatDomain]);
+  (0, import_react18.useEffect)(() => {
+    if (didInit || selectedTags?.length > 0 || !fieldsList || fieldsList?.length === 0)
+      return;
+    const searchDefaults = Object.entries(actionContext || {}).filter(
+      ([key]) => key.startsWith("search_default_")
+    );
+    const hasGroupBy = viewData?.views?.search?.filters_by?.length > 0;
+    if (searchDefaults.length === 0 && !hasGroupBy) {
+      setIsReadyFormatDomain(true);
+      setDidInit(true);
+      return;
+    }
+    const updatedFilter = filterBy?.map((item) => {
+      const matched = searchDefaults.find(
+        ([key]) => key.split("search_default_")[1] === item.name
+      );
+      if (matched && !item.active) {
+        handleAddTagSearch?.({
+          name: item?.name,
+          value: item?.string ?? item?.help,
+          domain: item?.domain,
+          groupIndex: item?.group_index,
+          type: import_constants3.SearchType.FILTER
+        });
+        return { ...item, active: true };
+      }
+      return item;
+    });
+    if (updatedFilter) setFilterBy(updatedFilter);
+    if (hasGroupBy) {
+      viewData?.views?.search?.filters_by?.forEach((item, idx) => {
+        const groupCtx = (0, import_utils6.evalJSONContext)(item?.context);
+        handleAddTagSearch?.({
+          name: item?.name,
+          value: item?.display_name,
+          type: import_constants3.SearchType.GROUP,
+          context: groupCtx,
+          groupIndex: idx,
+          isDefault: true
+        });
+      });
+      setDidInit(true);
+    }
+    setIsReadyFormatDomain(true);
+  }, [aid, fieldsList]);
+  return {
+    groupBy,
+    searchBy,
+    filterBy,
+    selectedTags,
+    searchString,
+    setFilterBy,
+    setGroupBy,
+    setSearchBy,
+    clearSearch,
+    setSelectedTags,
+    removeSearchItems,
+    onSearchString: onChangeSearchInput
+  };
+};
+
 // src/widget/basic/many2many-field/controller.ts
 var import_environment8 = require("@fctc/interface-logic/environment");
-var import_store11 = require("@fctc/interface-logic/store");
-var import_utils6 = require("@fctc/interface-logic/utils");
+var import_store12 = require("@fctc/interface-logic/store");
+var import_utils7 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
@@ -6170,7 +6513,7 @@ var many2manyFieldController = (props) => {
     tab,
     model,
     aid,
-    setSelectedRowKeys: setSelectedRowKeys4,
+    setSelectedRowKeys: setSelectedRowKeys5,
     fields,
     setFields,
     groupByDomain,
@@ -6178,14 +6521,14 @@ var many2manyFieldController = (props) => {
     options,
     sessionStorageUtils
   } = props;
-  const appDispatch = (0, import_store11.useAppDispatch)();
+  const appDispatch = (0, import_store12.useAppDispatch)();
   const actionData = sessionStorageUtils.getActionData();
   const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react18.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react18.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react18.useState)(domain);
+  const [order, setOrder] = (0, import_react19.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react19.useState)(false);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react19.useState)(domain);
   const env = (0, import_environment8.getEnv)();
-  const { selectedTags } = (0, import_store11.useAppSelector)(import_store11.selectSearch);
+  const { selectedTags } = (0, import_store12.useAppSelector)(import_store12.selectSearch);
   const viewParams = {
     model: relation,
     views: [
@@ -6198,7 +6541,7 @@ var many2manyFieldController = (props) => {
     viewParams,
     actionData
   );
-  const baseModel = (0, import_react18.useMemo)(
+  const baseModel = (0, import_react19.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -6211,25 +6554,25 @@ var many2manyFieldController = (props) => {
     [model, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
-  const modelInstance = (0, import_react18.useMemo)(() => {
+  const modelInstance = (0, import_react19.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react18.useMemo)(() => {
+  const specification = (0, import_react19.useMemo)(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
     return null;
   }, [modelInstance]);
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils6.evalJSONContext)(tab?.options) : (options ? (0, import_utils6.evalJSONContext)(options) : {}) || {};
+  const optionsObject = tab?.options ? (0, import_utils7.evalJSONContext)(tab?.options) : (options ? (0, import_utils7.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
       setDomainMany2Many(domain);
-      appDispatch((0, import_store11.setFirstDomain)(domain));
-      appDispatch((0, import_store11.setViewDataStore)(viewResponse));
+      appDispatch((0, import_store12.setFirstDomain)(domain));
+      appDispatch((0, import_store12.setViewDataStore)(viewResponse));
       const modalData = viewResponse?.views?.list?.fields.map((field) => ({
         ...viewResponse?.models?.[String(model)]?.[field?.name],
         ...field
@@ -6240,7 +6583,7 @@ var many2manyFieldController = (props) => {
           [`${aid}_${relation}_popupmany2many`]: modalData
         });
       }
-      appDispatch((0, import_store11.setPage)(0));
+      appDispatch((0, import_store12.setPage)(0));
     } catch (err) {
       console.log(err);
     }
@@ -6262,7 +6605,7 @@ var many2manyFieldController = (props) => {
     context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils6.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_utils7.formatSortingString)(default_order) : ""
   };
   const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -6271,18 +6614,18 @@ var many2manyFieldController = (props) => {
     isFetched: isDataResponseFetched,
     isPlaceholderData
   } = (0, hooks_exports.useGetListData)(data, queryKey, enabled);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
     return () => {
-      appDispatch((0, import_store11.setGroupByDomain)(null));
+      appDispatch((0, import_store12.setGroupByDomain)(null));
       setFields((prevFields) => ({
         ...prevFields,
         [`${aid}_${relation}_popupmany2many`]: null
       }));
-      appDispatch((0, import_store11.setPage)(0));
-      setSelectedRowKeys4([]);
+      appDispatch((0, import_store12.setPage)(0));
+      setSelectedRowKeys5([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
@@ -6310,13 +6653,13 @@ var many2manyFieldController = (props) => {
     queryKey: [`form-view-action-${relation}`],
     enabled: false
   });
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (isSuccess && dataFormViewResponse) {
       sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
       window.location.href = `/form/menu?model=${relation}`;
     }
   }, [isSuccess]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (domainMany2Many && !isLoadedData) {
       setIsLoadedData(true);
     }
@@ -6332,11 +6675,11 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react19 = require("react");
-var import_constants3 = require("@fctc/interface-logic/constants");
+var import_react20 = require("react");
+var import_constants4 = require("@fctc/interface-logic/constants");
 var import_environment9 = require("@fctc/interface-logic/environment");
 var import_hooks15 = require("@fctc/interface-logic/hooks");
-var import_utils7 = require("@fctc/interface-logic/utils");
+var import_utils8 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -6348,9 +6691,9 @@ var many2manyTagsController = (props) => {
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
   const env = (0, import_environment9.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_utils7.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react19.useMemo)(
-    () => (0, import_utils7.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+  const addtionalFields = optionsFields ? (0, import_utils8.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react20.useMemo)(
+    () => (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -6360,8 +6703,8 @@ var many2manyTagsController = (props) => {
       id: {},
       name: {},
       display_name: {},
-      ...widget && import_constants3.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_constants3.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+      ...widget && import_constants4.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_constants4.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
     },
     enabled: true,
     context: env.context
@@ -6392,10 +6735,10 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_hooks16 = require("@fctc/interface-logic/hooks");
-var import_store12 = require("@fctc/interface-logic/store");
-var import_utils8 = require("@fctc/interface-logic/utils");
+var import_store13 = require("@fctc/interface-logic/store");
+var import_utils9 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const {
     relation,
@@ -6412,14 +6755,14 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  const [disabled, setDisabled] = (0, import_react20.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react20.useState)(false);
-  const { context } = (0, import_store12.useAppSelector)(import_store12.selectEnv);
+  const [disabled, setDisabled] = (0, import_react21.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react21.useState)(false);
+  const { context } = (0, import_store13.useAppSelector)(import_store13.selectEnv);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_utils9.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -6467,7 +6810,7 @@ var durationController = (props) => {
 
 // src/widget/basic/priority-field/controller.ts
 var import_hooks17 = require("@fctc/interface-logic/hooks");
-var import_utils9 = require("@fctc/interface-logic/utils");
+var import_utils10 = require("@fctc/interface-logic/utils");
 var priorityFieldController = (props) => {
   const {
     value,
@@ -6482,7 +6825,7 @@ var priorityFieldController = (props) => {
     viewData,
     context
   } = props;
-  const _context = { ...(0, import_utils9.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_utils10.evalJSONContext)(actionData?.context) };
   const contextObject = { ...context, ..._context };
   const defaultPriority = parseInt(value) + 1;
   const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
@@ -6521,8 +6864,8 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/float-time-field/controller.ts
-var import_react21 = require("react");
-var import_utils10 = require("@fctc/interface-logic/utils");
+var import_react22 = require("react");
+var import_utils11 = require("@fctc/interface-logic/utils");
 var floatTimeFiledController = ({
   onChange: fieldOnChange,
   onBlur,
@@ -6531,11 +6874,11 @@ var floatTimeFiledController = ({
   props
 }) => {
   const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react21.useState)(
-    (0, import_utils10.convertFloatToTime)(value ?? defaultValue)
+  const [input, setInput] = (0, import_react22.useState)(
+    (0, import_utils11.convertFloatToTime)(value ?? defaultValue)
   );
-  const [formattedTime, setFormattedTime] = (0, import_react21.useState)("");
-  const [errors, setErrors] = (0, import_react21.useState)("");
+  const [formattedTime, setFormattedTime] = (0, import_react22.useState)("");
+  const [errors, setErrors] = (0, import_react22.useState)("");
   const handleInputChange = (e) => {
     const raw = e.target.value.replace(/[^\d:]/g, "");
     setInput(raw);
@@ -6565,7 +6908,7 @@ var floatTimeFiledController = ({
     if (!isDirty) return;
     if (formattedTime) {
       setInput(formattedTime);
-      const floatVal = (0, import_utils10.convertTimeToFloat)(formattedTime);
+      const floatVal = (0, import_utils11.convertTimeToFloat)(formattedTime);
       fieldOnChange(floatVal);
       if (onChange) {
         onChange(name ?? "", floatVal);
@@ -6608,7 +6951,7 @@ var floatTimeFiledController = ({
 };
 
 // src/widget/basic/float-field/controller.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 var floatController = ({
   onChange,
   value,
@@ -6616,10 +6959,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react22.useState)(
+  const [inputValue, setInputValue] = (0, import_react23.useState)(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -6627,9 +6970,9 @@ var floatController = ({
       setInputValue("");
     }
   }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react22.useRef)(false);
-  const inputRef = (0, import_react22.useRef)(null);
-  const lastCommittedValueRef = (0, import_react22.useRef)(null);
+  const isDirtyRef = (0, import_react23.useRef)(false);
+  const inputRef = (0, import_react23.useRef)(null);
+  const lastCommittedValueRef = (0, import_react23.useRef)(null);
   const handleInputChange = (e) => {
     const newValue = e.target.value;
     const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -6730,10 +7073,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react23 = require("react");
+var import_react24 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react23.useId)();
-  const [file, setFile] = (0, import_react23.useState)(null);
+  const inputId = (0, import_react24.useId)();
+  const [file, setFile] = (0, import_react24.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -6785,7 +7128,7 @@ var downLoadBinaryController = (props) => {
 };
 
 // src/widget/basic/date-field/controller.ts
-var import_moment = __toESM(require_moment());
+var import_moment2 = __toESM(require_moment());
 var DURATIONS = {
   PAST: "past",
   NOW: "now",
@@ -6812,8 +7155,8 @@ var dateFieldController = (props) => {
   const formatDate = showTime ? "DD/MM/YYYY HH:mm:ss" : "DD/MM/YYYY";
   const formatDateParse = showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
   const fieldForCustom = widget === "datetime_custom" || widget === "date_custom";
-  const minNowValue = fieldForCustom && (min === DURATIONS.NOW ? true : typeof min === "string" && Object.keys(formValues)?.includes(min) && formValues?.[min] ? (0, import_moment.default)(formValues?.[min], formatDateParse).add(7, "hours") : null);
-  const maxNowValue = fieldForCustom && (max === DURATIONS.NOW ? true : typeof max === "string" && Object.keys(formValues)?.includes(max) && formValues?.[max] ? (0, import_moment.default)(formValues?.[max], formatDateParse).add(7, "hours") : null);
+  const minNowValue = fieldForCustom && (min === DURATIONS.NOW ? true : typeof min === "string" && Object.keys(formValues)?.includes(min) && formValues?.[min] ? (0, import_moment2.default)(formValues?.[min], formatDateParse).add(7, "hours") : null);
+  const maxNowValue = fieldForCustom && (max === DURATIONS.NOW ? true : typeof max === "string" && Object.keys(formValues)?.includes(max) && formValues?.[max] ? (0, import_moment2.default)(formValues?.[max], formatDateParse).add(7, "hours") : null);
   const years = range(
     minNowValue ? (/* @__PURE__ */ new Date()).getFullYear() : 1990,
     (/* @__PURE__ */ new Date()).getFullYear() + 4,
@@ -6848,8 +7191,8 @@ var dateFieldController = (props) => {
     "December"
   ];
   const customValidateMinMax = (date) => {
-    const selected = (0, import_moment.default)(date, formatDateParse);
-    const now = (0, import_moment.default)();
+    const selected = (0, import_moment2.default)(date, formatDateParse);
+    const now = (0, import_moment2.default)();
     const compareSelected = showTime ? selected : selected.clone().startOf("day");
     const compareNow = showTime ? now : now.clone().startOf("day");
     if (minNowValue) {
@@ -6857,7 +7200,7 @@ var dateFieldController = (props) => {
         return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
           "greater_or_equal_now"
         )}`;
-      } else if (import_moment.default.isMoment(minNowValue)) {
+      } else if (import_moment2.default.isMoment(minNowValue)) {
         const compareMin = showTime ? minNowValue : minNowValue.clone().startOf("day");
         if (compareSelected.isBefore(compareMin)) {
           const fieldRelationDate = viewData?.models?.[model]?.[min ?? ""];
@@ -6871,7 +7214,7 @@ var dateFieldController = (props) => {
         return `${i18n_default.t("please_enter")} ${string} ${i18n_default.t(
           "less_or_equal_now"
         )}`;
-      } else if (import_moment.default.isMoment(maxNowValue)) {
+      } else if (import_moment2.default.isMoment(maxNowValue)) {
         const compareMax = showTime ? maxNowValue : maxNowValue.clone().startOf("day");
         if (compareSelected.isAfter(compareMax)) {
           const fieldRelationDate = viewData?.models?.[model]?.[max ?? ""];
@@ -6897,13 +7240,13 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react24 = require("react");
-var import_utils11 = require("@fctc/interface-logic/utils");
+var import_react25 = require("react");
+var import_utils12 = require("@fctc/interface-logic/utils");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react24.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react25.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_utils11.copyTextToClipboard)(value2);
+    await (0, import_utils12.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -6918,11 +7261,11 @@ var copyLinkButtonController = (props) => {
 // src/widget/basic/color-field/color-controller.ts
 var import_environment10 = require("@fctc/interface-logic/environment");
 var import_hooks18 = require("@fctc/interface-logic/hooks");
-var import_utils12 = require("@fctc/interface-logic/utils");
+var import_utils13 = require("@fctc/interface-logic/utils");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
   const env = (0, import_environment10.getEnv)();
-  const _context = { ...(0, import_utils12.evalJSONContext)(actionData?.context) || {} };
+  const _context = { ...(0, import_utils13.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
   const { mutate: onSave } = (0, import_hooks18.useSave)();
@@ -6950,16 +7293,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react25 = require("react");
-var import_utils13 = require("@fctc/interface-logic/utils");
+var import_react26 = require("react");
+var import_utils14 = require("@fctc/interface-logic/utils");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react25.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react25.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react25.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react25.useState)(false);
+  const inputId = (0, import_react26.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react26.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react26.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react26.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react25.useRef)(null);
+  const binaryRef = (0, import_react26.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -7008,11 +7351,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_utils13.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_utils14.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_utils13.isBase64Image)(base64)) return base64;
+    if ((0, import_utils14.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -7021,14 +7364,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -7062,6 +7405,7 @@ var binaryFieldController = (props) => {
   many2oneButtonController,
   many2oneFieldController,
   priorityFieldController,
+  searchController,
   statusDropdownController,
   tableBodyController,
   tableController,