@fctc/widget-logic 1.7.9 → 1.8.1

package/dist/index.js

@@ -4038,10 +4038,15 @@ __export(index_exports, {
   API_APP_URL: () => API_APP_URL,
   API_PRESCHOOL_URL: () => API_PRESCHOOL_URL,
   AppProvider: () => AppProvider,
+  CheckIcon: () => CheckIcon,
+  ChevronBottomIcon: () => ChevronBottomIcon,
   CloseIcon: () => CloseIcon,
   EyeIcon: () => EyeIcon,
+  FilterIcon: () => FilterIcon,
+  GroupByIcon: () => GroupByIcon,
   LoadingIcon: () => LoadingIcon,
   STORAGES: () => STORAGES,
+  SearchIcon: () => SearchIcon,
   binaryFieldController: () => binaryFieldController,
   colorFieldController: () => colorFieldController,
   combineContexts: () => combineContexts,
@@ -4062,6 +4067,7 @@ __export(index_exports, {
   many2oneFieldController: () => many2oneFieldController,
   mergeButtons: () => mergeButtons,
   priorityFieldController: () => priorityFieldController,
+  searchController: () => searchController,
   setStorageItemAsync: () => setStorageItemAsync,
   statusDropdownController: () => statusDropdownController,
   tableBodyController: () => tableBodyController,
@@ -4679,7 +4685,6 @@ var useAuth = () => {
         },
         {
           onSuccess: (res) => {
-            setAccessToken(res.access_token);
           },
           onError: (err) => {
           }
@@ -4986,6 +4991,130 @@ var CloseIcon = ({ className = "" }) => {
   );
 };
 
+// src/icons/filter-icon.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var FilterIcon = ({ className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `${className} h-4 w-4`,
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+    }
+  );
+};
+
+// src/icons/check-icon.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CheckIcon = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "svg",
+    {
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 512 512",
+      height: "1em",
+      width: "1em",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+    }
+  );
+};
+
+// src/icons/groupby-icon.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var GroupByIcon = ({ className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `${className} h-4 w-4`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "2 17 12 22 22 17" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "2 12 12 17 22 12" })
+      ]
+    }
+  );
+};
+
+// src/icons/search-icon.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SearchIcon = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "path",
+          {
+            d: "M9.58334 18.1248C4.875 18.1248 1.04167 14.2915 1.04167 9.58317C1.04167 4.87484 4.875 1.0415 9.58334 1.0415C14.2917 1.0415 18.125 4.87484 18.125 9.58317C18.125 14.2915 14.2917 18.1248 9.58334 18.1248ZM9.58334 2.2915C5.55834 2.2915 2.29167 5.5665 2.29167 9.58317C2.29167 13.5998 5.55834 16.8748 9.58334 16.8748C13.6083 16.8748 16.875 13.5998 16.875 9.58317C16.875 5.5665 13.6083 2.2915 9.58334 2.2915Z",
+            fill: "#525252"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "path",
+          {
+            d: "M18.3333 18.9585C18.175 18.9585 18.0167 18.9002 17.8917 18.7752L16.225 17.1085C15.9833 16.8669 15.9833 16.4669 16.225 16.2252C16.4667 15.9835 16.8667 15.9835 17.1083 16.2252L18.775 17.8919C19.0167 18.1335 19.0167 18.5335 18.775 18.7752C18.65 18.9002 18.4917 18.9585 18.3333 18.9585Z",
+            fill: "#525252"
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/icons/chevron-bottom-icon.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ChevronBottomIcon = ({
+  className = ""
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      className,
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "path",
+        {
+          d: "M14 8L10.7071 11.6745C10.3182 12.1085 9.68182 12.1085 9.29293 11.6745L6 8",
+          stroke: "#525252",
+          strokeWidth: "1.5",
+          strokeMiterlimit: "10",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+};
+
 // src/widget/basic/status-dropdown-field/controller.ts
 var import_react13 = require("react");
 var import_environment5 = require("@fctc/interface-logic/environment");
@@ -5241,7 +5370,7 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/widget/advance/table/table-body/controller.ts
 var import_store7 = require("@fctc/interface-logic/store");
@@ -6363,10 +6492,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,
@@ -6375,7 +6847,7 @@ var many2manyFieldController = (props) => {
     tab,
     model,
     aid,
-    setSelectedRowKeys: setSelectedRowKeys4,
+    setSelectedRowKeys: setSelectedRowKeys5,
     fields,
     setFields,
     groupByDomain,
@@ -6383,14 +6855,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: [
@@ -6403,7 +6875,7 @@ var many2manyFieldController = (props) => {
     viewParams,
     actionData
   );
-  const baseModel = (0, import_react18.useMemo)(
+  const baseModel = (0, import_react19.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -6416,25 +6888,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
@@ -6445,7 +6917,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);
     }
@@ -6467,7 +6939,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 {
@@ -6476,18 +6948,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);
     };
@@ -6515,13 +6987,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);
     }
@@ -6537,11 +7009,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,
@@ -6553,9 +7025,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 = {
@@ -6565,8 +7037,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
@@ -6597,10 +7069,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,
@@ -6617,14 +7089,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: "",
@@ -6672,7 +7144,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,
@@ -6687,7 +7159,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;
@@ -6726,8 +7198,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,
@@ -6736,11 +7208,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);
@@ -6770,7 +7242,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);
@@ -6813,7 +7285,7 @@ var floatTimeFiledController = ({
 };
 
 // src/widget/basic/float-field/controller.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 var floatController = ({
   onChange,
   value,
@@ -6821,10 +7293,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);
@@ -6832,9 +7304,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, "");
@@ -6935,10 +7407,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]);
   };
@@ -6990,7 +7462,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",
@@ -7017,8 +7489,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,
@@ -7053,8 +7525,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) {
@@ -7062,7 +7534,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 ?? ""];
@@ -7076,7 +7548,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 ?? ""];
@@ -7102,13 +7574,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);
   };
@@ -7123,11 +7595,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)();
@@ -7155,16 +7627,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);
@@ -7213,11 +7685,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";
@@ -7226,14 +7698,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);
@@ -7272,12 +7744,6 @@ __reExport(utils_exports, require("@fctc/interface-logic/utils"));
 
 // src/index.ts
 __reExport(index_exports, utils_exports, module.exports);
-
-// src/store.ts
-var store_exports = {};
-__reExport(store_exports, require("@fctc/interface-logic/store"));
-
-// src/index.ts
 __reExport(index_exports, store_exports, module.exports);
 
 // src/constants.ts
@@ -7287,12 +7753,6 @@ __reExport(constants_exports, require("@fctc/interface-logic/constants"));
 // src/index.ts
 __reExport(index_exports, constants_exports, module.exports);
 __reExport(index_exports, environment_exports, module.exports);
-
-// src/provider.ts
-var provider_exports = {};
-__reExport(provider_exports, require("@fctc/interface-logic/provider"));
-
-// src/index.ts
 __reExport(index_exports, provider_exports, module.exports);
 
 // src/services.ts
@@ -7313,10 +7773,15 @@ __reExport(index_exports, types_exports, module.exports);
   API_APP_URL,
   API_PRESCHOOL_URL,
   AppProvider,
+  CheckIcon,
+  ChevronBottomIcon,
   CloseIcon,
   EyeIcon,
+  FilterIcon,
+  GroupByIcon,
   LoadingIcon,
   STORAGES,
+  SearchIcon,
   binaryFieldController,
   colorFieldController,
   combineContexts,
@@ -7337,6 +7802,7 @@ __reExport(index_exports, types_exports, module.exports);
   many2oneFieldController,
   mergeButtons,
   priorityFieldController,
+  searchController,
   setStorageItemAsync,
   statusDropdownController,
   tableBodyController,