@fctc/widget-logic 4.6.7 → 4.6.9

package/dist/index.js

@@ -6623,10 +6623,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,
@@ -6641,9 +6645,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([]);
@@ -6658,23 +6664,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
@@ -6728,7 +6734,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) => {
@@ -6736,7 +6742,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("&");
           }
@@ -6751,14 +6757,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";
@@ -6783,11 +6789,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,
@@ -6837,22 +6843,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,
@@ -6861,6 +6867,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,
@@ -6876,7 +6941,11 @@ var searchController = ({
     onSearchString: onChangeSearchInput,
     handleAddTagSearch,
     domain: formatDomain(),
-    context: contextSearch
+    context: contextSearch,
+    onKeyDown,
+    handleMouseEnter,
+    handleMouseLeave,
+    hoveredIndexSearchList
   };
 };
 
@@ -6889,12 +6958,6 @@ __reExport(store_exports, require("@fctc/interface-logic/store"));
 
 // src/index.ts
 __reExport(index_exports, store_exports, module.exports);
-
-// src/constants.ts
-var constants_exports = {};
-__reExport(constants_exports, require("@fctc/interface-logic/constants"));
-
-// src/index.ts
 __reExport(index_exports, constants_exports, module.exports);
 
 // src/environment.ts

package/dist/index.mjs

@@ -6719,14 +6719,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,
@@ -6741,9 +6741,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([]);
@@ -6758,23 +6760,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
@@ -6828,7 +6830,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) => {
@@ -6836,7 +6838,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("&");
           }
@@ -6851,14 +6853,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";
@@ -6883,11 +6885,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,
@@ -6937,22 +6939,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,
@@ -6961,6 +6963,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,
@@ -6976,7 +7037,11 @@ var searchController = ({
     onSearchString: onChangeSearchInput,
     handleAddTagSearch,
     domain: formatDomain(),
-    context: contextSearch
+    context: contextSearch,
+    onKeyDown,
+    handleMouseEnter,
+    handleMouseLeave,
+    hoveredIndexSearchList
   };
 };
 
@@ -6990,13 +7055,6 @@ import * as store_star from "@fctc/interface-logic/store";
 
 // src/index.ts
 __reExport(index_exports, store_exports);
-
-// src/constants.ts
-var constants_exports = {};
-__reExport(constants_exports, constants_star);
-import * as constants_star from "@fctc/interface-logic/constants";
-
-// src/index.ts
 __reExport(index_exports, constants_exports);
 
 // src/environment.ts

package/dist/widget.d.mts

@@ -109,6 +109,10 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
         handleAddTagSearch: (tag: any) => void;
         domain: any[] | undefined;
         context: any;
+        onKeyDown: (e: any) => void;
+        handleMouseEnter: (index: number) => void;
+        handleMouseLeave: () => void;
+        hoveredIndexSearchList: number | null;
     };
     handleCreateNewOnPage: () => Promise<void>;
     specification: Record<string, any> | null;
@@ -306,6 +310,10 @@ declare const searchController: ({ viewData, model, domain, context, fieldsList,
     handleAddTagSearch: (tag: any) => void;
     domain: any[] | undefined;
     context: any;
+    onKeyDown: (e: any) => void;
+    handleMouseEnter: (index: number) => void;
+    handleMouseLeave: () => void;
+    hoveredIndexSearchList: number | null;
 };
 
 export { type ISelctionStateProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableController, tableGroupController, tableHeadController };

package/dist/widget.d.ts

@@ -109,6 +109,10 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
         handleAddTagSearch: (tag: any) => void;
         domain: any[] | undefined;
         context: any;
+        onKeyDown: (e: any) => void;
+        handleMouseEnter: (index: number) => void;
+        handleMouseLeave: () => void;
+        hoveredIndexSearchList: number | null;
     };
     handleCreateNewOnPage: () => Promise<void>;
     specification: Record<string, any> | null;
@@ -306,6 +310,10 @@ declare const searchController: ({ viewData, model, domain, context, fieldsList,
     handleAddTagSearch: (tag: any) => void;
     domain: any[] | undefined;
     context: any;
+    onKeyDown: (e: any) => void;
+    handleMouseEnter: (index: number) => void;
+    handleMouseLeave: () => void;
+    hoveredIndexSearchList: number | null;
 };
 
 export { type ISelctionStateProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableController, tableGroupController, tableHeadController };

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

@@ -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.7",
+  "version": "4.6.9",
   "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.5",
     "@headlessui/react": "^2.2.6",
     "@tanstack/react-query": "^5.84.0",
     "i18next": "^25.3.2",