@fctc/widget-logic 5.3.7-beta.15 → 5.3.7-beta.17

package/dist/widget.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/widget.ts
@@ -53,73 +43,23 @@ __export(widget_exports, {
 module.exports = __toCommonJS(widget_exports);
 
 // src/widget/basic/status-dropdown-field/controller.ts
-var import_react = require("react");
-var import_environment = require("@fctc/interface-logic/environment");
-var import_hooks = require("@fctc/interface-logic/hooks");
-var statusDropdownController = (props) => {
-  const { selection, isForm, id, model, name, state, onRefetch } = props;
-  const env = (0, import_environment.getEnv)();
-  const colors = {
-    normal: "bg-[#e9ecef]",
-    done: "bg-primary",
-    blocked: "bg-red-500"
-  };
-  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
-  const buttonRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (buttonRef.current && !buttonRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, []);
-  const { mutate: onSave } = (0, import_hooks.useSave)();
-  const handleClick = async (status) => {
-    setIsOpen(!isOpen);
-    onSave(
-      {
-        ids: id ? [id] : [],
-        model: model ?? "",
-        data: { [name ?? ""]: status },
-        context: env.context
-      },
-      {
-        onSuccess: () => {
-          onRefetch && onRefetch();
-        }
-      }
-    );
-  };
-  return {
-    handleClick,
-    buttonRef,
-    isForm,
-    setIsOpen,
-    isOpen,
-    selection,
-    state,
-    colors
-  };
-};
+var import_react14 = require("react");
 
-// src/widget/basic/many2one-field/controller.ts
-var import_react15 = require("react");
+// src/environment.ts
+var environment_exports = {};
+__reExport(environment_exports, require("@fctc/interface-logic/environment"));
 
 // src/hooks.ts
-var import_hooks3 = require("@fctc/interface-logic/hooks");
+var import_hooks2 = require("@fctc/interface-logic/hooks");
 
 // src/hooks/core/use-app-provider.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/hooks/core/use-menu.ts
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // src/hooks/core/use-call-action.ts
-var import_react2 = require("react");
+var import_react = require("react");
 
 // src/provider.ts
 var provider_exports = {};
@@ -135,8 +75,7 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
-  useStorageState: () => useStorageState,
-  validateAndParseDate: () => validateAndParseDate
+  useStorageState: () => useStorageState
 });
 
 // src/utils/constants.ts
@@ -147,7 +86,7 @@ var languages = [
 var isBlobUrl = (url) => url.startsWith("blob:");
 
 // src/utils/function.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -174,7 +113,7 @@ var STORAGES = {
   USER_INFO: "USER_INFO"
 };
 function useAsyncState(initialValue = [true, null]) {
-  return (0, import_react3.useReducer)(
+  return (0, import_react2.useReducer)(
     (_state, action = null) => [false, action],
     initialValue
   );
@@ -192,7 +131,7 @@ async function setStorageItemAsync(key, value) {
 }
 function useStorageState(key) {
   const [state, setState] = useAsyncState();
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     try {
       const storedValue = localStorage.getItem(key);
       setState(storedValue);
@@ -200,7 +139,7 @@ function useStorageState(key) {
       console.error("Local storage is unavailable:", e);
     }
   }, [key]);
-  const setValue = (0, import_react3.useCallback)(
+  const setValue = (0, import_react2.useCallback)(
     (value) => {
       setState(value);
       setStorageItemAsync(key, value);
@@ -232,307 +171,23 @@ var guessTypeFromUrl = (url) => {
   return map[ext] || null;
 };
 
-// src/utils/format-date.ts
-var import_moment = __toESM(require("moment"));
-var validateAndParseDate = (input, isDateTime = false) => {
-  if (!input || typeof input !== "string") return null;
-  const cleanInput = input.replace(/[^0-9-\/:\s]/g, "");
-  const dateFormat = "YYYY-MM-DD";
-  const dateTimeFormat = "YYYY-MM-DD HH:mm:ss";
-  const currentDay = (0, import_moment.default)().format("DD");
-  const currentMonth = (0, import_moment.default)().format("MM");
-  const currentYear = (0, import_moment.default)().format("YYYY");
-  const defaultTime = "00:00:00";
-  const maxYear = parseInt(currentYear) + 10;
-  const isValidDate = (day, month, year) => {
-    const date = (0, import_moment.default)(`${day}-${month}-${year}`, "DD-MM-YYYY", true);
-    return date.isValid();
-  };
-  const isValidTime = (hour, minute = "00", second = "00") => {
-    const h = parseInt(hour, 10);
-    const m = parseInt(minute, 10);
-    const s = parseInt(second, 10);
-    return h >= 0 && h <= 23 && m >= 0 && m <= 59 && s >= 0 && s <= 59;
-  };
-  const formatOutput = (day, month, year, time = defaultTime) => {
-    let result = (0, import_moment.default)(
-      `${day}-${month}-${year} ${time}`,
-      "DD-MM-YYYY HH:mm:ss"
-    );
-    if (!result.isValid()) return null;
-    if (isDateTime) {
-      result = result.subtract(7, "hours");
-      return result.format(dateTimeFormat);
-    }
-    return result.format(dateFormat);
-  };
-  if (isDateTime && input.match(
-    /^\d{1,2}[\/-]\d{1,2}[\/-]\d{2,4}\s+\d{1,2}(:\d{1,2}(:\d{1,2})?)?$/
-  )) {
-    const [datePart, timePart] = input.split(/\s+/);
-    const dateParts = datePart.split(/[\/-]/);
-    const timeParts = timePart.split(":");
-    const day = dateParts[0].padStart(2, "0");
-    const month = dateParts[1].padStart(2, "0");
-    const year = dateParts[2].length <= 2 ? `20${dateParts[2].padStart(2, "0")}` : dateParts[2].padStart(4, "0");
-    const hour = timeParts[0].padStart(2, "0");
-    const minute = timeParts[1] ? timeParts[1].padStart(2, "0") : "00";
-    const second = timeParts[2] ? timeParts[2].padStart(2, "0") : "00";
-    if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-      let result = (0, import_moment.default)(
-        `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-        "DD-MM-YYYY HH:mm:ss"
-      );
-      if (!result.isValid()) return null;
-      result = result.subtract(7, "hours");
-      return result.format(dateTimeFormat);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{4}-\d{2}-\d{2}$/)) {
-    const [year, month, day] = cleanInput.split("-");
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}\/\d{1,2}\/\d{2,4}$/)) {
-    const [day, month, year] = cleanInput.split("/");
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    const fullYear = year.length <= 2 ? `20${year.padStart(2, "0")}` : year.padStart(4, "0");
-    if (isValidDate(paddedDay, paddedMonth, fullYear)) {
-      return formatOutput(paddedDay, paddedMonth, fullYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}-\d{1,2}-\d{2,4}$/)) {
-    const [day, month, year] = cleanInput.split("-");
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    const fullYear = year.length <= 2 ? `20${year.padStart(2, "0")}` : year.padStart(4, "0");
-    if (isValidDate(paddedDay, paddedMonth, fullYear)) {
-      return formatOutput(paddedDay, paddedMonth, fullYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{1,2}[\/-]\d{1,2}$/)) {
-    const [day, month] = cleanInput.split(/[\/-]/);
-    const paddedDay = day.padStart(2, "0");
-    const paddedMonth = month.padStart(2, "0");
-    if (isValidDate(paddedDay, paddedMonth, currentYear)) {
-      return formatOutput(paddedDay, paddedMonth, currentYear);
-    }
-    return null;
-  }
-  if (cleanInput.match(/^\d{4}$/)) {
-    const num = parseInt(cleanInput, 10);
-    if (num >= 2e3 && num <= maxYear) {
-      if (isValidDate(currentDay, currentMonth, num.toString())) {
-        return formatOutput(currentDay, currentMonth, num.toString());
-      }
-      return null;
-    }
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    if (isValidDate(day, month, currentYear)) {
-      return formatOutput(day, month, currentYear);
-    }
-    return null;
-  }
-  if (cleanInput.startsWith("-") && /^\-\d+$/.test(cleanInput)) {
-    const daysToSubtract = Math.abs(parseInt(cleanInput, 10));
-    let result = (0, import_moment.default)().subtract(daysToSubtract, "days");
-    if (isDateTime) {
-      result = result.subtract(7, "hours");
-    }
-    if (result.isValid()) {
-      return isDateTime ? result.format(dateTimeFormat) : result.format(dateFormat);
-    }
-    return null;
-  }
-  if (input.match(/^\d{1,2}[^0-9-\/]+\d{1,2}[^0-9-\/]+\d{2,4}.*$/)) {
-    const parts = input.split(/[^0-9-\/]+/).filter(Boolean);
-    const day = parts[0].padStart(2, "0");
-    const month = parts[1].padStart(2, "0");
-    let year = parts[2];
-    year = year.length === 2 ? `20${year}` : year.padStart(4, "0");
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (isDateTime) {
-    if (cleanInput.length === 9) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 9).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:00:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 10) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      if (isValidDate(day, month, year) && isValidTime(hour)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:00:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 11) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 11).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour, minute)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 12) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      if (isValidDate(day, month, year) && isValidTime(hour, minute)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:00`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 13) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      const second = cleanInput.slice(12, 13).padStart(2, "0");
-      if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-    if (cleanInput.length === 14) {
-      const day = cleanInput.slice(0, 2);
-      const month = cleanInput.slice(2, 4);
-      const year = cleanInput.slice(4, 8);
-      const hour = cleanInput.slice(8, 10);
-      const minute = cleanInput.slice(10, 12);
-      const second = cleanInput.slice(12, 14);
-      if (isValidDate(day, month, year) && isValidTime(hour, minute, second)) {
-        let result = (0, import_moment.default)(
-          `${day}-${month}-${year} ${hour}:${minute}:${second}`,
-          "DD-MM-YYYY HH:mm:ss"
-        );
-        if (!result.isValid()) return null;
-        result = result.subtract(7, "hours");
-        return result.format(dateTimeFormat);
-      }
-      return null;
-    }
-  }
-  const len = cleanInput.length;
-  if (len === 1 || len === 2) {
-    const paddedDay = cleanInput.padStart(2, "0");
-    if (isValidDate(paddedDay, currentMonth, currentYear)) {
-      return formatOutput(paddedDay, currentMonth, currentYear);
-    }
-    return null;
-  }
-  if (len === 3) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 3).padStart(2, "0");
-    if (isValidDate(day, month, currentYear)) {
-      return formatOutput(day, month, currentYear);
-    }
-    return null;
-  }
-  if (len === 6) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    let year = cleanInput.slice(4, 6);
-    year = `20${year}`;
-    if (parseInt(month) > 12) {
-      if (isValidDate(day, currentMonth, currentYear)) {
-        return formatOutput(day, currentMonth, currentYear);
-      }
-      return null;
-    }
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (len === 7) {
-    return null;
-  }
-  if (len === 8) {
-    const day = cleanInput.slice(0, 2);
-    const month = cleanInput.slice(2, 4);
-    const year = cleanInput.slice(4, 8);
-    if (isValidDate(day, month, year)) {
-      return formatOutput(day, month, year);
-    }
-    return null;
-  }
-  if (len > 8 && !isDateTime) {
-    return null;
-  }
-  return null;
-};
-
 // 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");
+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_react5 = require("react");
 
 // src/hooks/core/use-view-v2.ts
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // src/hooks/core/use-company.ts
 var import_react_query3 = require("@tanstack/react-query");
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/hooks/core/use-app-provider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -543,9 +198,9 @@ var AppProviderInitialValue = {
   menu: {},
   view: {}
 };
-var ReactContext = (0, import_react9.createContext)(AppProviderInitialValue);
+var ReactContext = (0, import_react8.createContext)(AppProviderInitialValue);
 var useAppProvider = () => {
-  const context = (0, import_react9.useContext)(ReactContext);
+  const context = (0, import_react8.useContext)(ReactContext);
   if (!context) {
     return AppProviderInitialValue;
   }
@@ -553,16 +208,16 @@ var useAppProvider = () => {
 };
 
 // src/hooks/core/use-config.ts
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/hooks/core/use-get-specification.ts
-var import_react11 = require("react");
+var import_react10 = require("react");
 var useGetSpecification = ({
   model,
   viewData,
   fields
 }) => {
-  const baseModel = (0, import_react11.useMemo)(
+  const baseModel = (0, import_react10.useMemo)(
     () => ({
       name: String(model),
       view: viewData,
@@ -570,14 +225,14 @@ var useGetSpecification = ({
     }),
     [model, viewData, fields]
   );
-  const initModel = (0, import_hooks3.useModel)();
-  const modelInstance = (0, import_react11.useMemo)(() => {
+  const initModel = (0, import_hooks2.useModel)();
+  const modelInstance = (0, import_react10.useMemo)(() => {
     if (viewData) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewData, model]);
-  const specification = (0, import_react11.useMemo)(() => {
+  const specification = (0, import_react10.useMemo)(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -587,14 +242,13 @@ var useGetSpecification = ({
 };
 
 // src/hooks/core/use-list-data.ts
-var import_react14 = require("react");
-var import_utils5 = require("@fctc/interface-logic/utils");
+var import_react13 = require("react");
 
 // src/hooks/utils/use-debounce.ts
-var import_react12 = require("react");
+var import_react11 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react12.useState)(value);
-  (0, import_react12.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react11.useState)(value);
+  (0, import_react11.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -606,7 +260,7 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/utils/use-get-rowids.ts
-var import_react13 = require("react");
+var import_react12 = require("react");
 var useGetRowIds = (tableRef) => {
   function isElementVisible(el) {
     const style = window.getComputedStyle(el);
@@ -623,9 +277,9 @@ var useGetRowIds = (tableRef) => {
     }
     return true;
   }
-  const [rowIds, setRowIds] = (0, import_react13.useState)([]);
-  const lastRowIdsRef = (0, import_react13.useRef)([]);
-  const updateVisibleRowIds = (0, import_react13.useCallback)(() => {
+  const [rowIds, setRowIds] = (0, import_react12.useState)([]);
+  const lastRowIdsRef = (0, import_react12.useRef)([]);
+  const updateVisibleRowIds = (0, import_react12.useCallback)(() => {
     const table = tableRef.current;
     if (!table) return;
     const rows = table.querySelectorAll("tr[data-row-id]");
@@ -643,7 +297,7 @@ var useGetRowIds = (tableRef) => {
       setRowIds(uniqueIds);
     }
   }, [tableRef]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const table = tableRef.current;
     if (!table) return;
     const mutationObserver = new MutationObserver(() => {
@@ -683,12 +337,12 @@ var useListData = ({
   limit = 10
 }) => {
   const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
-  const [page, setPage] = (0, import_react14.useState)(0);
-  const [pageLimit, setPageLimit] = (0, import_react14.useState)(limit);
-  const [groupByList, setGroupByList] = (0, import_react14.useState)(null);
-  const [domain, setDomain] = (0, import_react14.useState)(null);
-  const [order, setOrder] = (0, import_react14.useState)("");
-  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react14.useState)([]);
+  const [page, setPage] = (0, import_react13.useState)(0);
+  const [pageLimit, setPageLimit] = (0, import_react13.useState)(limit);
+  const [groupByList, setGroupByList] = (0, import_react13.useState)(null);
+  const [domain, setDomain] = (0, import_react13.useState)(null);
+  const [order, setOrder] = (0, import_react13.useState)("");
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react13.useState)([]);
   const [debouncedPage] = useDebounce(page, 500);
   const [debouncedDomain] = useDebounce(domain, 500);
   const { specification } = useGetSpecification({
@@ -696,16 +350,16 @@ var useListData = ({
     viewData,
     fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
   });
-  const listDataProps = (0, import_react14.useMemo)(() => {
+  const listDataProps = (0, import_react13.useMemo)(() => {
     if (!viewData || !action || !context) {
       return null;
     }
-    const domainParse = domain ? [...domain] : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : (0, import_utils5.evalJSONDomain)(action?.domain, context) : [];
+    const domainParse = domain ? [...domain] : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : (0, utils_exports.evalJSONDomain)(action?.domain, context) : [];
     const limit2 = pageLimit;
     const offset = debouncedPage * pageLimit;
     const fields = typeof groupByList === "object" ? groupByList?.fields : void 0;
     const groupby = typeof groupByList === "object" ? [groupByList?.contexts?.[0]?.group_by] : [];
-    const sort = order ?? (0, import_utils5.formatSortingString)(
+    const sort = order ?? (0, utils_exports.formatSortingString)(
       (mode === "kanban" ? viewData?.views?.kanban : viewData?.views?.list)?.default_order
     ) ?? "";
     return {
@@ -766,7 +420,59 @@ var useListData = ({
   };
 };
 
+// src/widget/basic/status-dropdown-field/controller.ts
+var statusDropdownController = (props) => {
+  const { selection, isForm, id, model, name, state, onRefetch } = props;
+  const env = (0, environment_exports.getEnv)();
+  const colors = {
+    normal: "bg-[#e9ecef]",
+    done: "bg-primary",
+    blocked: "bg-red-500"
+  };
+  const [isOpen, setIsOpen] = (0, import_react14.useState)(false);
+  const buttonRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (buttonRef.current && !buttonRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  const { mutate: onSave } = (0, import_hooks2.useSave)();
+  const handleClick = async (status) => {
+    setIsOpen(!isOpen);
+    onSave(
+      {
+        ids: id ? [id] : [],
+        model: model ?? "",
+        data: { [name ?? ""]: status },
+        context: env.context
+      },
+      {
+        onSuccess: () => {
+          onRefetch && onRefetch();
+        }
+      }
+    );
+  };
+  return {
+    handleClick,
+    buttonRef,
+    isForm,
+    setIsOpen,
+    isOpen,
+    selection,
+    state,
+    colors
+  };
+};
+
 // src/widget/basic/many2one-field/controller.ts
+var import_react15 = require("react");
 var MANY2ONE_EXTERNAL = "many2one_external";
 var many2oneFieldController = (props) => {
   const {
@@ -789,7 +495,7 @@ var many2oneFieldController = (props) => {
   } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { action } = useAppProvider();
-  const { useGetSelection: useGetSelection3, useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
+  const { useGetSelection: useGetSelection2, useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
   const [listOptions, setListOptions] = (0, import_react15.useState)([]);
   const [inputValue, setInputValue] = (0, import_react15.useState)("");
   const [debouncedInputValue] = useDebounce(inputValue, 1e3);
@@ -827,7 +533,7 @@ var many2oneFieldController = (props) => {
     data: dataOfSelection,
     refetch,
     isFetching
-  } = useGetSelection3({
+  } = useGetSelection2({
     data,
     queryKey: [`data_${relation}`, domainObject],
     enabled: false,
@@ -1045,20 +751,17 @@ 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_utils9 = 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_utils9.evalJSONDomain)(domain, methods?.getValues() || {});
+  const env = (0, environment_exports.getEnv)();
+  const domainObject = (0, utils_exports.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
-  const { data: dataOfSelection } = (0, import_hooks6.useGetSelection)({
+  const { data: dataOfSelection } = (0, import_hooks2.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_utils9.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, utils_exports.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject],
     service,
@@ -1075,7 +778,6 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react16 = require("react");
-var import_utils10 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
@@ -1083,7 +785,9 @@ var many2manyFieldController = (props) => {
     context,
     options,
     enabled: enabledCallAPI,
-    service
+    service,
+    validateAndParseDate,
+    moment
   } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { user } = useAppProvider();
@@ -1115,7 +819,7 @@ var many2manyFieldController = (props) => {
   });
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
   const optionsObject = (0, import_react16.useMemo)(
-    () => (options && typeof options === "string" ? (0, import_utils10.evalJSONContext)(options) : options) || {},
+    () => (options && typeof options === "string" ? (0, utils_exports.evalJSONContext)(options) : options) || {},
     [options]
   );
   const {
@@ -1175,10 +879,10 @@ var many2manyFieldController = (props) => {
       ...columns?.filter(
         (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
       )?.map((col) => ({ ...col.field })) ?? []
-    ]
+    ],
+    validateAndParseDate,
+    moment
   });
-  const handleCreateNewOnPage = async () => {
-  };
   return {
     rows,
     columns,
@@ -1201,15 +905,18 @@ var many2manyFieldController = (props) => {
     setGroupByList,
     setSelectedRowKeys,
     searchController: searchControllers,
-    handleCreateNewOnPage,
     specification
   };
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
 var import_react17 = require("react");
-var import_constants2 = require("@fctc/interface-logic/constants");
-var import_utils11 = require("@fctc/interface-logic/utils");
+
+// src/constants.ts
+var constants_exports = {};
+__reExport(constants_exports, require("@fctc/interface-logic/constants"));
+
+// src/widget/basic/many2many-tags-field/controller.ts
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -1227,13 +934,13 @@ var many2manyTagsController = (props) => {
   const isUser = relation === "res.users" || relation === "res.partner";
   const { env } = (0, provider_exports.useEnv)();
   const { action } = useAppProvider();
-  const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
+  const { useGetSelection: useGetSelection2 } = (0, provider_exports.useService)();
   const [options, setOptions] = (0, import_react17.useState)([]);
   const [domainObject, setDomainObject] = (0, import_react17.useState)(null);
   const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react17.useState)(false);
-  const addtionalFields = optionsFields ? (0, import_utils11.evalJSONContext)(optionsFields) : null;
+  const addtionalFields = optionsFields ? (0, utils_exports.evalJSONContext)(optionsFields) : null;
   const contextObject = {
-    ...(0, import_utils11.evalJSONContext)(action?.context) || {},
+    ...(0, utils_exports.evalJSONContext)(action?.context) || {},
     ...fieldContext ?? {},
     ...env?.context
   };
@@ -1249,7 +956,7 @@ var many2manyTagsController = (props) => {
     [formValues, contextObject]
   );
   (0, import_react17.useEffect)(() => {
-    const newDomain = (0, import_utils11.evalJSONDomain)(domain, parsedFormValues);
+    const newDomain = (0, utils_exports.evalJSONDomain)(domain, parsedFormValues);
     setDomainObject(
       (prev) => JSON.stringify(prev) === JSON.stringify(newDomain) ? prev : newDomain
     );
@@ -1261,8 +968,8 @@ var many2manyTagsController = (props) => {
       id: {},
       name: {},
       display_name: {},
-      ...widget && import_constants2.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_constants2.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+      ...widget && constants_exports.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && constants_exports.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
     },
     context: env.context
   };
@@ -1271,7 +978,7 @@ var many2manyTagsController = (props) => {
     data: dataOfSelection,
     refetch,
     isFetching
-  } = useGetSelection3({
+  } = useGetSelection2({
     data,
     queryKey,
     service,
@@ -1324,7 +1031,6 @@ var many2manyTagsController = (props) => {
 
 // src/widget/basic/status-bar-field/controller.ts
 var import_react18 = require("react");
-var import_utils12 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
   const specification = {
@@ -1340,7 +1046,7 @@ var durationController = (props) => {
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils12.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, utils_exports.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -1390,13 +1096,12 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_utils13 = require("@fctc/interface-logic/utils");
 var priorityFieldController = (props) => {
   const { name, model, index, actionData, context, onChange, specification } = props;
-  const _context = { ...(0, import_utils13.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, utils_exports.evalJSONContext)(actionData?.context) };
   const contextObject = { ...context, ..._context };
-  const { useSave: useSave3 } = (0, provider_exports.useService)();
-  const { mutateAsync: fetchSave } = useSave3();
+  const { useSave: useSave2 } = (0, provider_exports.useService)();
+  const { mutateAsync: fetchSave } = useSave2();
   const savePriorities = async ({
     value,
     resetPriority
@@ -1528,15 +1233,14 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-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_utils14.evalJSONContext)(actionData?.context) || {} };
+  const { useSave: useSave2 } = (0, provider_exports.useService)();
+  const _context = { ...(0, utils_exports.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = useSave3();
+  const { mutate: onSave } = useSave2();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -1755,7 +1459,7 @@ var providerEinvoiceFieldController = (props) => {
   const { relation, formValues, options: fieldOptions, xNode } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { action } = useAppProvider();
-  const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
+  const { useGetSelection: useGetSelection2 } = (0, provider_exports.useService)();
   const contextObject = {
     ...(typeof action?.context === "string" ? (0, utils_exports.evalJSONContext)(action?.context) : action?.context) || {},
     ...env?.context
@@ -1775,7 +1479,7 @@ var providerEinvoiceFieldController = (props) => {
     },
     specification: optionsObject?.specification
   };
-  const { data: listDataCard } = useGetSelection3({
+  const { data: listDataCard } = useGetSelection2({
     data,
     queryKey: [`data_${relation}`],
     enabled: true,
@@ -1855,7 +1559,6 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react24 = require("react");
-var import_utils18 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
   const [rows, setRows] = (0, import_react24.useState)([]);
   const [columnVisibility, setColumnVisibility] = (0, import_react24.useState)({});
@@ -1898,10 +1601,10 @@ var tableController = ({ data }) => {
   const columns = (0, import_react24.useMemo)(() => {
     try {
       return mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils18.domainHelper.matchDomains(
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? utils_exports.domainHelper.matchDomains(
           data.context,
           item?.column_invisible
-        ) : item?.invisible ? import_utils18.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        ) : item?.invisible ? utils_exports.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         const overridden = columnVisibility[field?.name];
         return {
@@ -2031,23 +1734,18 @@ var tableGroupController = (props) => {
 };
 
 // src/widget/advance/search/controller.ts
-var import_moment2 = __toESM(require("moment"));
 var import_react26 = require("react");
-
-// src/constants.ts
-var constants_exports = {};
-__reExport(constants_exports, require("@fctc/interface-logic/constants"));
-
-// src/widget/advance/search/controller.ts
 var searchController = ({
   viewData,
   model,
   domain,
   context,
-  fieldsList
+  fieldsList,
+  validateAndParseDate,
+  moment
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = (0, import_react26.useState)(null);
+  const [filterBy, setFilterBy] = (0, import_react26.useState)([]);
   const [searchBy, setSearchBy] = (0, import_react26.useState)(null);
   const [groupBy, setGroupBy] = (0, import_react26.useState)(null);
   const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
@@ -2058,7 +1756,7 @@ var searchController = ({
   const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
   const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];
-  const clearSearch = () => {
+  const resetAllStateSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
     setSearchBy([]);
@@ -2074,7 +1772,17 @@ var searchController = ({
         const searchByItems = searchViews?.search_by?.filter(
           (item) => !utils_exports.domainHelper.matchDomains(contextSearch, item.invisible)
         )?.map(
-          ({ string, name, filter_domain, operator, widget }, index) => ({
+          ({
+            string,
+            name,
+            filter_domain,
+            operator,
+            widget,
+            class: classSearchItem,
+            placeholder
+          }, index) => ({
+            placeholder,
+            class: classSearchItem,
             dataIndex: index,
             title: string ?? dataModel?.[name]?.string,
             name: name ?? dataModel?.[name]?.name,
@@ -2169,8 +1877,8 @@ var searchController = ({
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
                 const parsedDate = 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");
+                const hasTime = moment(value?.value).format("HH:mm:ss") !== "00:00:00";
+                valueDomainItem = hasTime ? moment(parsedDate).format("YYYY-MM-DD HH:mm:ss") : moment(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
               } else {
                 valueDomainItem = validateAndParseDate(value?.value, true);
               }
@@ -2195,7 +1903,8 @@ var searchController = ({
             type,
             widget,
             modelType,
-            dataIndex
+            dataIndex,
+            date
           } = objValues[0];
           if (!key?.includes(constants_exports.SearchType.GROUP)) {
             const values = objValues?.map((objValue) => objValue.value);
@@ -2205,7 +1914,8 @@ var searchController = ({
               values,
               type,
               widget,
-              modelType
+              modelType,
+              date
             };
           } else {
             const contexts = [];
@@ -2246,6 +1956,19 @@ var searchController = ({
     },
     [searchMap]
   );
+  const removeSearchItemsByType = (type) => {
+    const newSearchMap = {};
+    Object.entries(searchMap).forEach(([key, values]) => {
+      const isGroup = key.includes(constants_exports.SearchType.GROUP);
+      const isFilter = key.includes(constants_exports.SearchType.FILTER);
+      const isSearch = key.includes(constants_exports.SearchType.SEARCH);
+      if (type === constants_exports.SearchType.GROUP && isGroup) return;
+      if (type === constants_exports.SearchType.FILTER && isFilter) return;
+      if (type === constants_exports.SearchType.SEARCH && isSearch) return;
+      newSearchMap[key] = values;
+    });
+    setSearchMap(newSearchMap);
+  };
   (0, import_react26.useEffect)(() => {
     setTagSearch(searchMap);
   }, [searchMap]);
@@ -2343,7 +2066,7 @@ var searchController = ({
     setFilterBy,
     setGroupBy,
     setSearchBy,
-    clearSearch,
+    resetAllStateSearch,
     setSelectedTags,
     removeSearchItems,
     onSearchString: onChangeSearchInput,
@@ -2353,7 +2076,8 @@ var searchController = ({
     onKeyDown,
     handleMouseEnter,
     handleMouseLeave,
-    hoveredIndexSearchList
+    hoveredIndexSearchList,
+    removeSearchItemsByType
   };
 };
 // Annotate the CommonJS export names for ESM import in node: