@fctc/widget-logic 4.6.6 → 4.6.8

package/dist/widget.js

@@ -5849,10 +5849,14 @@ var tableGroupController = (props) => {
 };
 
 // src/widget/advance/search/controller.ts
-var import_constants3 = require("@fctc/interface-logic/constants");
-var import_utils20 = require("@fctc/interface-logic/utils");
 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,
@@ -5867,9 +5871,11 @@ var searchController = ({
   const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
   const [searchString, setSearchString] = (0, import_react26.useState)("");
   const [searchMap, setSearchMap] = (0, import_react26.useState)({});
-  const actionContext = typeof context === "string" ? (0, import_utils20.evalJSONContext)(context) : context;
+  const [hoveredIndex, setHoveredIndex] = (0, import_react26.useState)(0);
+  const [hoveredIndexSearchList, setHoveredIndexSearchList] = (0, import_react26.useState)(0);
+  const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils20.evalJSONDomain)(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -5884,23 +5890,23 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !import_utils20.domainHelper.matchDomains(contextSearch, item.invisible)
+          (item) => !utils_exports.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,
+            title: string ?? dataModel?.[name]?.string,
+            name: name ?? dataModel?.[name]?.name,
             filter_domain,
             operator,
             widget,
-            type: dataModel[name]?.type
+            type: dataModel?.[name]?.type
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !import_utils20.domainHelper.matchDomains(contextSearch, item?.invisible);
+          return !utils_exports.domainHelper.matchDomains(contextSearch, item?.invisible);
         })?.map((item) => ({ ...item, active: false }));
         const groupByItems = searchViews?.group_by.filter(
-          (item) => !import_utils20.domainHelper.matchDomains(contextSearch, item?.invisible)
+          (item) => !utils_exports.domainHelper.matchDomains(contextSearch, item?.invisible)
         ).map((item) => ({
           ...item,
           string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
@@ -5954,7 +5960,7 @@ var searchController = ({
     if (domainAction) {
       const domain2 = [];
       if (Array.isArray(domainAction) && domainAction.length > 0) {
-        if (Object.keys(searchMap).some((key) => !key.includes(import_constants3.SearchType.GROUP))) {
+        if (Object.keys(searchMap).some((key) => !key.includes(constants_exports.SearchType.GROUP))) {
           domain2.push("&");
         }
         domainAction.forEach((domainItem) => {
@@ -5962,7 +5968,7 @@ var searchController = ({
         });
       }
       Object.keys(searchMap).forEach((key, keyIndex, keys) => {
-        if (!key?.includes(import_constants3.SearchType.GROUP)) {
+        if (!key?.includes(constants_exports.SearchType.GROUP)) {
           if (keys.length > 1 && keyIndex < keys.length - 1) {
             domain2.push("&");
           }
@@ -5977,14 +5983,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils20.validateAndParseDate)(value?.value);
+              valueDomainItem = (0, utils_exports.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils20.validateAndParseDate)(value?.value, true);
+                const parsedDate = (0, utils_exports.validateAndParseDate)(value?.value, true);
                 const hasTime = (0, import_moment2.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
                 valueDomainItem = hasTime ? (0, import_moment2.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment2.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
               } else {
-                valueDomainItem = (0, import_utils20.validateAndParseDate)(value?.value, true);
+                valueDomainItem = (0, utils_exports.validateAndParseDate)(value?.value, true);
               }
             }
             const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
@@ -6009,11 +6015,11 @@ var searchController = ({
             modelType,
             dataIndex
           } = objValues[0];
-          if (!key?.includes(import_constants3.SearchType.GROUP)) {
+          if (!key?.includes(constants_exports.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,
+              name: type === constants_exports.SearchType.SEARCH ? `${constants_exports.SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
               values,
               type,
               widget,
@@ -6063,22 +6069,22 @@ var searchController = ({
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new import_utils20.domainHelper.Domain(domain2);
-    if (type === import_constants3.SearchType.FILTER) {
-      addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
+    const domainFormat = new utils_exports.domainHelper.Domain(domain2);
+    if (type === constants_exports.SearchType.FILTER) {
+      addSearchItems(`${constants_exports.SearchType.FILTER}_${groupIndex}`, {
         ...tag,
         domain: domain2 ? domainFormat.toList(context2) : null
       });
-    } else if (type === import_constants3.SearchType.SEARCH) {
-      addSearchItems(`${import_constants3.SearchType.SEARCH}_${String(dataIndex)}`, {
+    } else if (type === constants_exports.SearchType.SEARCH) {
+      addSearchItems(`${constants_exports.SearchType.SEARCH}_${String(dataIndex)}`, {
         ...tag,
         domain: domain2 ? domainFormat.toList({
           ...context2,
           self: value
         }) : null
       });
-    } else if (type === import_constants3.SearchType.GROUP) {
-      addSearchItems(`${import_constants3.SearchType.GROUP}`, {
+    } else if (type === constants_exports.SearchType.GROUP) {
+      addSearchItems(`${constants_exports.SearchType.GROUP}`, {
         ...tag,
         domain: domain2 ? domainFormat.toList({
           context: context2,
@@ -6087,6 +6093,65 @@ var searchController = ({
       });
     }
   };
+  const onKeyDown = (e) => {
+    if (!searchBy || searchBy.length === 0) return;
+    switch (e.key) {
+      case "Backspace": {
+        if (!searchString && selectedTags && selectedTags.length > 0) {
+          const lastTag = selectedTags[selectedTags.length - 1];
+          if (!lastTag) return;
+          const key = lastTag.type === constants_exports.SearchType.GROUP ? constants_exports.SearchType.GROUP : lastTag.name;
+          removeKeyFromSearchMap({ key: String(key) });
+        }
+        break;
+      }
+      case "ArrowDown": {
+        e.preventDefault();
+        setHoveredIndex((prev) => {
+          const maxIndex = searchBy.length - 1;
+          const next = prev < maxIndex ? prev + 1 : prev;
+          setHoveredIndexSearchList(next);
+          return next;
+        });
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault();
+        setHoveredIndex((prev) => {
+          const next = prev > 0 ? prev - 1 : prev;
+          setHoveredIndexSearchList(next);
+          return next;
+        });
+        break;
+      }
+      case "Enter": {
+        e.preventDefault();
+        if (!searchString.trim()) return;
+        const head = searchBy[hoveredIndex];
+        if (!head) return;
+        handleAddTagSearch({
+          title: head.title,
+          name: head.name,
+          value: searchString,
+          type: constants_exports.SearchType.SEARCH,
+          domain: head.filter_domain,
+          operator: head.operator,
+          dataIndex: head.dataIndex,
+          widget: head.widget,
+          modelType: head.type
+        });
+        break;
+      }
+      default:
+        break;
+    }
+  };
+  const handleMouseEnter = (index) => {
+    setHoveredIndexSearchList(index);
+  };
+  const handleMouseLeave = () => {
+    setHoveredIndexSearchList(null);
+  };
   return {
     groupBy,
     searchBy,
@@ -6102,7 +6167,11 @@ var searchController = ({
     onSearchString: onChangeSearchInput,
     handleAddTagSearch,
     domain: formatDomain(),
-    context: contextSearch
+    context: contextSearch,
+    onKeyDown,
+    handleMouseEnter,
+    handleMouseLeave,
+    hoveredIndexSearchList
   };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/widget.mjs

@@ -4091,7 +4091,7 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo9, useState as useState7 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo8, useState as useState7 } from "react";
 
 // src/hooks.ts
 import {
@@ -4182,13 +4182,13 @@ import {
 } from "@fctc/interface-logic/hooks";
 
 // src/hooks/core/use-app-provider.tsx
-import { createContext, useContext, useMemo as useMemo6 } from "react";
+import { createContext, useContext, useMemo as useMemo5 } from "react";
 
 // src/hooks/core/use-menu.ts
-import { useMemo as useMemo2, useState as useState3 } from "react";
+import { useMemo, useState as useState3 } from "react";
 
 // src/hooks/core/use-call-action.ts
-import { useCallback, useMemo, useState as useState2 } from "react";
+import { useCallback, useState as useState2 } from "react";
 
 // src/provider.ts
 var provider_exports = {};
@@ -4383,15 +4383,15 @@ import { useEffect as useEffect3 } from "react";
 
 // src/hooks/core/use-profile.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect4, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
 import { useTranslation } from "react-i18next";
 
 // src/hooks/core/use-view-v2.ts
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo3 } from "react";
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useEffect as useEffect5, useMemo as useMemo5 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo4 } from "react";
 
 // src/hooks/core/use-app-provider.tsx
 import { jsx } from "react/jsx-runtime";
@@ -4415,7 +4415,7 @@ var useAppProvider = () => {
 import { useEffect as useEffect6 } from "react";
 
 // src/hooks/core/use-get-specification.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo6 } from "react";
 var useGetSpecification = ({
   model,
   viewData,
@@ -4427,13 +4427,13 @@ var useGetSpecification = ({
     fields
   };
   const initModel = useModel();
-  const modelInstance = useMemo7(() => {
+  const modelInstance = useMemo6(() => {
     if (viewData) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewData, model]);
-  const specification = useMemo7(() => {
+  const specification = useMemo6(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -4443,7 +4443,7 @@ var useGetSpecification = ({
 };
 
 // src/hooks/core/use-list-data.ts
-import { useMemo as useMemo8, useState as useState6 } from "react";
+import { useMemo as useMemo7, useState as useState6 } from "react";
 import {
   evalJSONDomain,
   formatSortingString,
@@ -4559,7 +4559,7 @@ var useListData = ({
     viewData,
     fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
   });
-  const listDataProps = useMemo8(() => {
+  const listDataProps = useMemo7(() => {
     if (!viewData || !action || !context) {
       return null;
     }
@@ -4696,7 +4696,7 @@ var many2oneFieldController = (props) => {
     service: widget === MANY2ONE_EXTERNAL ? optionsObject?.service : service,
     xNode
   });
-  const selectOptions = useMemo9(() => {
+  const selectOptions = useMemo8(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name,
@@ -4707,7 +4707,7 @@ var many2oneFieldController = (props) => {
     setListOptions(selectOptions);
     setDomainModal(domainObject);
   }, [selectOptions]);
-  const parsedFormValues = useMemo9(
+  const parsedFormValues = useMemo8(
     () => JSON.parse(
       JSON.stringify({
         ...formValues,
@@ -5064,7 +5064,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo10, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo9, useState as useState8 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
 import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
@@ -5096,7 +5096,7 @@ var many2manyTagsController = (props) => {
     ...fieldContext ?? {},
     ...env?.context
   };
-  const parsedFormValues = useMemo10(
+  const parsedFormValues = useMemo9(
     () => JSON.parse(
       JSON.stringify({
         ...formValues,
@@ -5137,7 +5137,7 @@ var many2manyTagsController = (props) => {
     xNode,
     enabled: false
   });
-  const selectOptions = useMemo10(() => {
+  const selectOptions = useMemo9(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val.id,
       label: val.name ?? val.display_name,
@@ -5644,7 +5644,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo11, useRef as useRef5 } from "react";
+import { useMemo as useMemo10, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -5657,19 +5657,19 @@ var tableHeadController = (props) => {
   const { rowIds: recordIds } = useGetRowIds(tableRef);
   const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = useMemo11(() => {
+  const recordsCheckedGroup = useMemo10(() => {
     if (!rows || !groupByList) return 0;
     const groupBy = typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0;
     return countSum(rows, groupBy);
   }, [rows, groupByList]);
-  const isAllGroupChecked = useMemo11(() => {
+  const isAllGroupChecked = useMemo10(() => {
     if (!isGroupTable || !selectedRowKeys?.length) return false;
     const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
     const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
     const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
     return allGroupsSelected || allRecordsSelected;
   }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
-  const isAllNormalChecked = useMemo11(() => {
+  const isAllNormalChecked = useMemo10(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -5710,19 +5710,19 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo12, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo11, useState as useState13 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
   const [rows, setRows] = useState13([]);
   const [columnVisibility, setColumnVisibility] = useState13({});
-  const dataModelFields = useMemo12(() => {
+  const dataModelFields = useMemo11(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
       ...field,
       string: field?.string || data.dataModel?.[field?.name]?.string
     })) ?? [];
   }, [data?.fields, data?.dataModel]);
-  const mergeFields = useMemo12(
+  const mergeFields = useMemo11(
     () => mergeButtons(dataModelFields),
     [dataModelFields]
   );
@@ -5751,7 +5751,7 @@ var tableController = ({ data }) => {
   useEffect14(() => {
     setRows(transformData(data?.records));
   }, [data?.records, transformData]);
-  const columns = useMemo12(() => {
+  const columns = useMemo11(() => {
     try {
       return mergeFields?.filter((item) => {
         return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? domainHelper.matchDomains(
@@ -5787,7 +5787,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect15, useMemo as useMemo13, useState as useState14 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo12, useState as useState14 } from "react";
 import { useAppSelector, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -5812,7 +5812,7 @@ var tableGroupController = (props) => {
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = useMemo13(() => {
+  const processedData = useMemo12(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -5827,7 +5827,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = useMemo13(() => {
+  const shouldFetchData = useMemo12(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -5922,14 +5922,14 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_moment2 = __toESM(require_moment());
-import { SearchType } from "@fctc/interface-logic/constants";
-import {
-  domainHelper as domainHelper2,
-  evalJSONContext as evalJSONContext8,
-  evalJSONDomain as evalJSONDomain6,
-  validateAndParseDate
-} from "@fctc/interface-logic/utils";
 import { useCallback as useCallback7, useEffect as useEffect16, useState as useState15 } from "react";
+
+// src/constants.ts
+var constants_exports = {};
+__reExport(constants_exports, constants_star);
+import * as constants_star from "@fctc/interface-logic/constants";
+
+// src/widget/advance/search/controller.ts
 var searchController = ({
   viewData,
   model,
@@ -5944,9 +5944,11 @@ var searchController = ({
   const [selectedTags, setSelectedTags] = useState15(null);
   const [searchString, setSearchString] = useState15("");
   const [searchMap, setSearchMap] = useState15({});
-  const actionContext = typeof context === "string" ? evalJSONContext8(context) : context;
+  const [hoveredIndex, setHoveredIndex] = useState15(0);
+  const [hoveredIndexSearchList, setHoveredIndexSearchList] = useState15(0);
+  const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : evalJSONDomain6(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -5961,23 +5963,23 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !domainHelper2.matchDomains(contextSearch, item.invisible)
+          (item) => !utils_exports.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,
+            title: string ?? dataModel?.[name]?.string,
+            name: name ?? dataModel?.[name]?.name,
             filter_domain,
             operator,
             widget,
-            type: dataModel[name]?.type
+            type: dataModel?.[name]?.type
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !domainHelper2.matchDomains(contextSearch, item?.invisible);
+          return !utils_exports.domainHelper.matchDomains(contextSearch, item?.invisible);
         })?.map((item) => ({ ...item, active: false }));
         const groupByItems = searchViews?.group_by.filter(
-          (item) => !domainHelper2.matchDomains(contextSearch, item?.invisible)
+          (item) => !utils_exports.domainHelper.matchDomains(contextSearch, item?.invisible)
         ).map((item) => ({
           ...item,
           string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
@@ -6031,7 +6033,7 @@ var searchController = ({
     if (domainAction) {
       const domain2 = [];
       if (Array.isArray(domainAction) && domainAction.length > 0) {
-        if (Object.keys(searchMap).some((key) => !key.includes(SearchType.GROUP))) {
+        if (Object.keys(searchMap).some((key) => !key.includes(constants_exports.SearchType.GROUP))) {
           domain2.push("&");
         }
         domainAction.forEach((domainItem) => {
@@ -6039,7 +6041,7 @@ var searchController = ({
         });
       }
       Object.keys(searchMap).forEach((key, keyIndex, keys) => {
-        if (!key?.includes(SearchType.GROUP)) {
+        if (!key?.includes(constants_exports.SearchType.GROUP)) {
           if (keys.length > 1 && keyIndex < keys.length - 1) {
             domain2.push("&");
           }
@@ -6054,14 +6056,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = validateAndParseDate(value?.value);
+              valueDomainItem = (0, utils_exports.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = validateAndParseDate(value?.value, true);
+                const parsedDate = (0, utils_exports.validateAndParseDate)(value?.value, true);
                 const hasTime = (0, import_moment2.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
                 valueDomainItem = hasTime ? (0, import_moment2.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment2.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
               } else {
-                valueDomainItem = validateAndParseDate(value?.value, true);
+                valueDomainItem = (0, utils_exports.validateAndParseDate)(value?.value, true);
               }
             }
             const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
@@ -6086,11 +6088,11 @@ var searchController = ({
             modelType,
             dataIndex
           } = objValues[0];
-          if (!key?.includes(SearchType.GROUP)) {
+          if (!key?.includes(constants_exports.SearchType.GROUP)) {
             const values = objValues?.map((objValue) => objValue.value);
             return {
               title,
-              name: type === SearchType.SEARCH ? `${SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
+              name: type === constants_exports.SearchType.SEARCH ? `${constants_exports.SearchType.SEARCH}_${String(dataIndex)}` : groupIndex ?? name,
               values,
               type,
               widget,
@@ -6140,22 +6142,22 @@ var searchController = ({
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new domainHelper2.Domain(domain2);
-    if (type === SearchType.FILTER) {
-      addSearchItems(`${SearchType.FILTER}_${groupIndex}`, {
+    const domainFormat = new utils_exports.domainHelper.Domain(domain2);
+    if (type === constants_exports.SearchType.FILTER) {
+      addSearchItems(`${constants_exports.SearchType.FILTER}_${groupIndex}`, {
         ...tag,
         domain: domain2 ? domainFormat.toList(context2) : null
       });
-    } else if (type === SearchType.SEARCH) {
-      addSearchItems(`${SearchType.SEARCH}_${String(dataIndex)}`, {
+    } else if (type === constants_exports.SearchType.SEARCH) {
+      addSearchItems(`${constants_exports.SearchType.SEARCH}_${String(dataIndex)}`, {
         ...tag,
         domain: domain2 ? domainFormat.toList({
           ...context2,
           self: value
         }) : null
       });
-    } else if (type === SearchType.GROUP) {
-      addSearchItems(`${SearchType.GROUP}`, {
+    } else if (type === constants_exports.SearchType.GROUP) {
+      addSearchItems(`${constants_exports.SearchType.GROUP}`, {
         ...tag,
         domain: domain2 ? domainFormat.toList({
           context: context2,
@@ -6164,6 +6166,65 @@ var searchController = ({
       });
     }
   };
+  const onKeyDown = (e) => {
+    if (!searchBy || searchBy.length === 0) return;
+    switch (e.key) {
+      case "Backspace": {
+        if (!searchString && selectedTags && selectedTags.length > 0) {
+          const lastTag = selectedTags[selectedTags.length - 1];
+          if (!lastTag) return;
+          const key = lastTag.type === constants_exports.SearchType.GROUP ? constants_exports.SearchType.GROUP : lastTag.name;
+          removeKeyFromSearchMap({ key: String(key) });
+        }
+        break;
+      }
+      case "ArrowDown": {
+        e.preventDefault();
+        setHoveredIndex((prev) => {
+          const maxIndex = searchBy.length - 1;
+          const next = prev < maxIndex ? prev + 1 : prev;
+          setHoveredIndexSearchList(next);
+          return next;
+        });
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault();
+        setHoveredIndex((prev) => {
+          const next = prev > 0 ? prev - 1 : prev;
+          setHoveredIndexSearchList(next);
+          return next;
+        });
+        break;
+      }
+      case "Enter": {
+        e.preventDefault();
+        if (!searchString.trim()) return;
+        const head = searchBy[hoveredIndex];
+        if (!head) return;
+        handleAddTagSearch({
+          title: head.title,
+          name: head.name,
+          value: searchString,
+          type: constants_exports.SearchType.SEARCH,
+          domain: head.filter_domain,
+          operator: head.operator,
+          dataIndex: head.dataIndex,
+          widget: head.widget,
+          modelType: head.type
+        });
+        break;
+      }
+      default:
+        break;
+    }
+  };
+  const handleMouseEnter = (index) => {
+    setHoveredIndexSearchList(index);
+  };
+  const handleMouseLeave = () => {
+    setHoveredIndexSearchList(null);
+  };
   return {
     groupBy,
     searchBy,
@@ -6179,7 +6240,11 @@ var searchController = ({
     onSearchString: onChangeSearchInput,
     handleAddTagSearch,
     domain: formatDomain(),
-    context: contextSearch
+    context: contextSearch,
+    onKeyDown,
+    handleMouseEnter,
+    handleMouseLeave,
+    hoveredIndexSearchList
   };
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "4.6.6",
+  "version": "4.6.8",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -74,7 +74,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@fctc/interface-logic": "^4.0.3",
+    "@fctc/interface-logic": "^4.0.4",
     "@headlessui/react": "^2.2.6",
     "@tanstack/react-query": "^5.84.0",
     "i18next": "^25.3.2",