@sparrowengg/integrations-templates-frontend 1.9.84-beta.2 → 1.9.84-beta.20

package/dist/es/cascader-dropdown/cascader-dropdown-search-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-search-input.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-search-input.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useCascaderDropdownContext } from './use-value';\nimport { Input } from '@sparrowengg/twigs-react';\nimport { CascaderDropdownNode } from './cascader-dropdown-node';\nimport { optionTypes } from './helpers/cascader-dropdown-constants';\n\nexport const CascaderDropdownSearchInput = ({\n  searchQuery,\n  setSearchQuery,\n  searchFocusedNode,\n  setSearchFocusedNode,\n  resultCache\n}: {\n  searchQuery: string,\n  setSearchQuery: (query: string) => void,\n  searchFocusedNode: CascaderDropdownNode | null,\n  setSearchFocusedNode: (node: CascaderDropdownNode | null) => void,\n  resultCache: Record<string, CascaderDropdownNode[]>\n}) => {\n  const {\n    inputRef, focusNextRow, focusPreviousRow, focusNextColumn, focusPreviousColumn, setSelectedNode, setFocusedNode, handleChange, selectFocusedNode\n  } = useCascaderDropdownContext();\n\n  useEffect(() => {\n    if (inputRef?.current) {\n      inputRef.current.focus();\n    }\n  }, [inputRef]);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (searchQuery === '') onCascadedKeyboardNavigation(e);\n    else onSearchListKeyboardNavigation(e);\n  };\n\n  const onCascadedKeyboardNavigation = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        focusNextRow();\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        focusPreviousRow();\n        break;\n      }\n      case 'ArrowRight': {\n        e.preventDefault();\n        focusNextColumn();\n        break;\n      }\n      case 'ArrowLeft': {\n        e.preventDefault();\n        focusPreviousColumn();\n        break;\n      }\n      case ' ':\n      case 'Enter': {\n        e.preventDefault();\n        selectFocusedNode();\n        break;\n      }\n      default: {\n        break;\n      }\n    }\n  };\n\n  const onSearchListKeyboardNavigation = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case 'Enter': {\n        e.preventDefault();\n        if (!searchFocusedNode) return;\n        if (searchFocusedNode.children.length === 0 && searchFocusedNode.getType() !== optionTypes.VALUE_SELECTOR) {\n          handleChange(searchFocusedNode);\n          setSearchQuery('');\n          setSearchFocusedNode(null);\n          return;\n        }\n        setSelectedNode(searchFocusedNode);\n        setFocusedNode(searchFocusedNode.children.at(0) ?? null);\n        setSearchQuery('');\n        setSearchFocusedNode(null);\n        break;\n      }\n      case 'ArrowDown': {\n        e.preventDefault();\n        const results = resultCache[searchQuery] || [];\n        if (results.length === 0) return;\n        const currentIndex = searchFocusedNode ? results.findIndex((node) => node.value === searchFocusedNode.value) : -1;\n        const nextIndex = currentIndex < results.length - 1 ? currentIndex + 1 : 0;\n        setSearchFocusedNode(results[nextIndex]);\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        const results = resultCache[searchQuery] || [];\n        if (results.length === 0) return;\n        const currentIndex = searchFocusedNode ? results.findIndex((node) => node.value === searchFocusedNode.value) : -1;\n        const prevIndex = currentIndex > 0 ? currentIndex - 1 : results.length - 1;\n        setSearchFocusedNode(results[prevIndex]);\n        break;\n      }\n      default: {\n        break;\n      }\n    }\n  };\n\n  return (\n    <Input\n      onChange={(e) => {\n        setSearchQuery(e.target.value);\n      }}\n      value={searchQuery}\n      ref={inputRef}\n      css={{\n        '&[data-testid=\"input\"], &[data-testid=\"input\"]:hover, &[data-testid=\"input\"]:focus': {\n          borderTopWidth: '0',\n          borderLeftWidth: '0',\n          borderRightWidth: '0',\n          borderBottomWidth: '1px',\n          borderBottomColor: '$neutral100',\n          boxShadow: 'none',\n          '&::placeholder': {\n            color: '$neutral700'\n          },\n          '&::-ms-input-placeholder': {\n            color: '$neutral700'\n          }\n        },\n        borderRadius: '$xl $xl 0 0'\n      }}\n      placeholder=\"Search\"\n      size=\"lg\"\n      onKeyDown={onKeyDown}\n    />\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAMO,MAAM,8BAA8B,CAAC;AAAA,EAC1C,WAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AACF,CAMM,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IAAU,YAAA;AAAA,IAAc,gBAAA;AAAA,IAAkB,eAAA;AAAA,IAAiB,mBAAA;AAAA,IAAqB,eAAA;AAAA,IAAiB,cAAA;AAAA,IAAgB,YAAA;AAAA,IAAc,iBAAA;AAAA,MAC7H,0BAA2B,EAAA,CAAA;AAE/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,qCAAU,OAAS,EAAA;AACrB,MAAA,QAAA,CAAS,QAAQ,KAAM,EAAA,CAAA;AAAA,KACzB;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,SAAA,GAAY,CAAC,CAA6C,KAAA;AAC9D,IAAA,IAAI,WAAgB,KAAA,EAAA;AAAI,MAAA,4BAAA,CAA6B,CAAC,CAAA,CAAA;AAAA;AACjD,MAAA,8BAAA,CAA+B,CAAC,CAAA,CAAA;AAAA,GACvC,CAAA;AAEA,EAAM,MAAA,4BAAA,GAA+B,CAAC,CAA6C,KAAA;AACjF,IAAA,QAAQ,EAAE,GAAK;AAAA,MACb,KAAK,WAAa,EAAA;AAChB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAa,YAAA,EAAA,CAAA;AACb,QAAA,MAAA;AAAA,OACF;AAAA,MACA,KAAK,SAAW,EAAA;AACd,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAiB,gBAAA,EAAA,CAAA;AACjB,QAAA,MAAA;AAAA,OACF;AAAA,MACA,KAAK,YAAc,EAAA;AACjB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAgB,eAAA,EAAA,CAAA;AAChB,QAAA,MAAA;AAAA,OACF;AAAA,MACA,KAAK,WAAa,EAAA;AAChB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAoB,mBAAA,EAAA,CAAA;AACpB,QAAA,MAAA;AAAA,OACF;AAAA,MACA,KAAK,GAAA,CAAA;AAAA,MACL,KAAK,OAAS,EAAA;AACZ,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAkB,iBAAA,EAAA,CAAA;AAClB,QAAA,MAAA;AAAA,OACF;AAGA,KACF;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,8BAAA,GAAiC,CAAC,CAA6C,KAAA;AApEvF,IAAA,IAAA,EAAA,CAAA;AAqEI,IAAA,QAAQ,EAAE,GAAK;AAAA,MACb,KAAK,OAAS,EAAA;AACZ,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,IAAI,CAAC,iBAAA;AAAmB,UAAA,OAAA;AACxB,QAAI,IAAA,iBAAA,CAAkB,SAAS,MAAW,KAAA,CAAA,IAAK,kBAAkB,OAAQ,EAAA,KAAM,YAAY,cAAgB,EAAA;AACzG,UAAA,YAAA,CAAa,iBAAiB,CAAA,CAAA;AAC9B,UAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AACjB,UAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACzB,UAAA,OAAA;AAAA,SACF;AACA,QAAA,eAAA,CAAgB,iBAAiB,CAAA,CAAA;AACjC,QAAA,cAAA,CAAA,CAAe,uBAAkB,QAAS,CAAA,EAAA,CAAG,CAAC,CAAA,KAA/B,YAAoC,IAAI,CAAA,CAAA;AACvD,QAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AACjB,QAAA,oBAAA,CAAqB,IAAI,CAAA,CAAA;AACzB,QAAA,MAAA;AAAA,OACF;AAAA,MACA,KAAK,WAAa,EAAA;AAChB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,OAAU,GAAA,WAAA,CAAY,WAAW,CAAA,IAAK,EAAC,CAAA;AAC7C,QAAA,IAAI,QAAQ,MAAW,KAAA,CAAA;AAAG,UAAA,OAAA;AAC1B,QAAM,MAAA,YAAA,GAAe,iBAAoB,GAAA,OAAA,CAAQ,SAAU,CAAA,CAAC,SAAS,IAAK,CAAA,KAAA,KAAU,iBAAkB,CAAA,KAAK,CAAI,GAAA,CAAA,CAAA,CAAA;AAC/G,QAAA,MAAM,YAAY,YAAe,GAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,GAAI,eAAe,CAAI,GAAA,CAAA,CAAA;AACzE,QAAqB,oBAAA,CAAA,OAAA,CAAQ,SAAS,CAAC,CAAA,CAAA;AACvC,QAAA,MAAA;AAAA,OACF;AAAA,MACA,KAAK,SAAW,EAAA;AACd,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,OAAU,GAAA,WAAA,CAAY,WAAW,CAAA,IAAK,EAAC,CAAA;AAC7C,QAAA,IAAI,QAAQ,MAAW,KAAA,CAAA;AAAG,UAAA,OAAA;AAC1B,QAAM,MAAA,YAAA,GAAe,iBAAoB,GAAA,OAAA,CAAQ,SAAU,CAAA,CAAC,SAAS,IAAK,CAAA,KAAA,KAAU,iBAAkB,CAAA,KAAK,CAAI,GAAA,CAAA,CAAA,CAAA;AAC/G,QAAA,MAAM,YAAY,YAAe,GAAA,CAAA,GAAI,YAAe,GAAA,CAAA,GAAI,QAAQ,MAAS,GAAA,CAAA,CAAA;AACzE,QAAqB,oBAAA,CAAA,OAAA,CAAQ,SAAS,CAAC,CAAA,CAAA;AACvC,QAAA,MAAA;AAAA,OACF;AAGA,KACF;AAAA,GACF,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAe,cAAA,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,OAC/B;AAAA,MACA,KAAO,EAAA,WAAA;AAAA,MACP,GAAK,EAAA,QAAA;AAAA,MACL,GAAK,EAAA;AAAA,QACH,oFAAsF,EAAA;AAAA,UACpF,cAAgB,EAAA,GAAA;AAAA,UAChB,eAAiB,EAAA,GAAA;AAAA,UACjB,gBAAkB,EAAA,GAAA;AAAA,UAClB,iBAAmB,EAAA,KAAA;AAAA,UACnB,iBAAmB,EAAA,aAAA;AAAA,UACnB,SAAW,EAAA,MAAA;AAAA,UACX,gBAAkB,EAAA;AAAA,YAChB,KAAO,EAAA,aAAA;AAAA,WACT;AAAA,UACA,0BAA4B,EAAA;AAAA,YAC1B,KAAO,EAAA,aAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,YAAc,EAAA,aAAA;AAAA,OAChB;AAAA,MACA,WAAY,EAAA,QAAA;AAAA,MACZ,IAAK,EAAA,IAAA;AAAA,MACL,SAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/cascader-dropdown/cascader-dropdown-search-list.js

@@ -0,0 +1,172 @@
+import { prefixClassName, StyledItem } from './styled/StyledItem.js';
+import React__default, { useMemo } from 'react';
+import { useCascaderDropdownContext } from './use-value.js';
+import { stringSearchFlattenedNodes, buildSelectionPath } from './helpers/cascader-dropdown-utils.js';
+import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { QuestionCircleIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/question-circle.js';
+import { Text } from '../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const CascaderDropdownSearchList = ({
+  searchQuery,
+  setSearchQuery,
+  resultCache,
+  setResultCache,
+  searchFocusedNode,
+  setSearchFocusedNode
+}) => {
+  const {
+    selectedNode,
+    rootNode,
+    setSelectedNode,
+    setFocusedNode,
+    handleChange
+  } = useCascaderDropdownContext();
+  const { results, hasSpace } = useMemo(() => {
+    var _a, _b;
+    const hasSpaceInQuery = searchQuery.includes(" ") && !(selectedNode == null ? void 0 : selectedNode.getParent());
+    if (resultCache[searchQuery]) {
+      setSearchFocusedNode((_a = resultCache[searchQuery].at(0)) != null ? _a : null);
+      return { results: resultCache[searchQuery], hasSpace: hasSpaceInQuery };
+    }
+    const node = selectedNode != null ? selectedNode : rootNode;
+    const searchableNodes = node.getChildren();
+    let filteredNodes = [];
+    if (!hasSpaceInQuery) {
+      filteredNodes = searchableNodes.filter((searchableNode) => `${searchableNode.label}`.toLowerCase().includes(searchQuery.toLowerCase()));
+    } else {
+      filteredNodes = stringSearchFlattenedNodes(rootNode, searchQuery);
+    }
+    setSearchFocusedNode((_b = filteredNodes.at(0)) != null ? _b : null);
+    setResultCache((prev) => __spreadProps(__spreadValues({}, prev), { [searchQuery]: filteredNodes }));
+    return { results: filteredNodes, hasSpace: hasSpaceInQuery };
+  }, [searchQuery]);
+  const onClick = (node) => {
+    var _a;
+    setSearchQuery("");
+    if (node.getChildren().length === 0) {
+      handleChange(node);
+      return;
+    }
+    setSelectedNode(node);
+    setFocusedNode((_a = node.getChildren().at(0)) != null ? _a : null);
+  };
+  const onMouseEnter = (node) => {
+    setSearchFocusedNode(node);
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      as: "ul",
+      css: { paddingTop: "$4", paddingBottom: "$4" },
+      tabIndex: -1,
+      className: prefixClassName("cascader-dropdown__search-list")
+    },
+    results.length === 0 && /* @__PURE__ */ React__default.createElement(Flex, { css: { height: "112px", color: "$neutral600" }, alignItems: "center", justifyContent: "center", flexDirection: "column", gap: "$4" }, /* @__PURE__ */ React__default.createElement(QuestionCircleIcon, { size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral800", marginBottom: "0" } }, "No results found!")),
+    results.map((result) => {
+      return /* @__PURE__ */ React__default.createElement(
+        CascaderDropdownSearchItem,
+        {
+          key: result.value,
+          node: result,
+          hovered: (searchFocusedNode == null ? void 0 : searchFocusedNode.value) === result.value,
+          className: prefixClassName("cascader-dropdown__item"),
+          onClick: () => onClick(result),
+          onMouseEnter: () => onMouseEnter(result),
+          hasSpace
+        }
+      );
+    })
+  );
+};
+const CascaderDropdownSearchItem = ({
+  node,
+  hovered,
+  className,
+  onClick,
+  onMouseEnter,
+  hasSpace
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const { selectionPath } = buildSelectionPath(node);
+  if (selectionPath.length === 0)
+    return null;
+  if (!hasSpace) {
+    return /* @__PURE__ */ React__default.createElement(
+      StyledItem,
+      {
+        className,
+        onClick,
+        hovered,
+        "data-is-focused": hovered,
+        onMouseEnter
+      },
+      /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" }, truncate: true }, (_a = selectionPath.at(-1)) == null ? void 0 : _a.label)
+    );
+  }
+  if (selectionPath.length === 1) {
+    return /* @__PURE__ */ React__default.createElement(
+      StyledItem,
+      {
+        className,
+        onClick,
+        hovered,
+        "data-is-focused": hovered,
+        onMouseEnter
+      },
+      /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" }, truncate: true }, (_b = selectionPath[0]) == null ? void 0 : _b.label)
+    );
+  }
+  if (selectionPath.length === 2) {
+    return /* @__PURE__ */ React__default.createElement(
+      StyledItem,
+      {
+        className,
+        onClick,
+        hovered,
+        "data-is-focused": hovered,
+        onMouseEnter
+      },
+      /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral700" }, truncate: true }, `${(_c = selectionPath[0]) == null ? void 0 : _c.label}`),
+      /* @__PURE__ */ React__default.createElement(SearchItemSeparator, null),
+      /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" }, truncate: true }, (_d = selectionPath[1]) == null ? void 0 : _d.label)
+    );
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    StyledItem,
+    {
+      className,
+      onClick,
+      hovered,
+      "data-is-focused": hovered,
+      onMouseEnter
+    },
+    /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral700" }, truncate: true }, (_e = selectionPath[0]) == null ? void 0 : _e.label),
+    node.level === 2 ? /* @__PURE__ */ React__default.createElement(SearchItemSeparator, null) : /* @__PURE__ */ React__default.createElement(SearchItemSeparator, { separator: " > ... > " }),
+    /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" }, truncate: true }, (_f = selectionPath[node.level - 1]) == null ? void 0 : _f.label),
+    node.level !== selectionPath.length && /* @__PURE__ */ React__default.createElement(SearchItemSeparator, { separator: " > ..." })
+  );
+};
+const SearchItemSeparator = ({ separator = " > " }) => /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral700" } }, "\xA0", separator, "\xA0");
+
+export { CascaderDropdownSearchList };
+//# sourceMappingURL=cascader-dropdown-search-list.js.map

package/dist/es/cascader-dropdown/cascader-dropdown-search-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-search-list.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-search-list.tsx"],"sourcesContent":["import { Box } from '@sparrowengg/twigs-react';\nimport { prefixClassName } from './styled/StyledItem';\nimport React, { useMemo } from 'react';\nimport { Text } from '@sparrowengg/twigs-react';\nimport { Flex } from '@sparrowengg/twigs-react';\nimport { QuestionCircleIcon } from '@sparrowengg/twigs-react-icons';\nimport { useCascaderDropdownContext } from './use-value';\nimport { CascaderDropdownNode } from './cascader-dropdown-node';\nimport { ResultCacheType } from './cascader-dropdown-content';\nimport { buildSelectionPath, stringSearchFlattenedNodes } from './helpers/cascader-dropdown-utils';\nimport { StyledItem } from './styled/StyledItem';\n\nexport const CascaderDropdownSearchList = ({\n  searchQuery,\n  setSearchQuery,\n  resultCache,\n  setResultCache,\n  searchFocusedNode,\n  setSearchFocusedNode\n} : {\n  searchQuery: string,\n  setSearchQuery: React.Dispatch<React.SetStateAction<string>>,\n  resultCache: ResultCacheType,\n  setResultCache: React.Dispatch<React.SetStateAction<ResultCacheType>>,\n  searchFocusedNode: CascaderDropdownNode | null,\n  setSearchFocusedNode: React.Dispatch<React.SetStateAction<CascaderDropdownNode | null>>\n}) => {\n  const {\n    selectedNode, rootNode, setSelectedNode, setFocusedNode, handleChange\n  } = useCascaderDropdownContext();\n\n  const { results, hasSpace } = useMemo<{ results: CascaderDropdownNode[], hasSpace: boolean }>(() => {\n    const hasSpaceInQuery = searchQuery.includes(' ') && !selectedNode?.getParent();\n\n    if (resultCache[searchQuery]) {\n      setSearchFocusedNode(resultCache[searchQuery].at(0) ?? null);\n      return { results: resultCache[searchQuery], hasSpace: hasSpaceInQuery };\n    }\n\n    const node = selectedNode ?? rootNode;\n    const searchableNodes = node.getChildren();\n\n    let filteredNodes: CascaderDropdownNode[] = [];\n\n    if (!hasSpaceInQuery) {\n      filteredNodes = searchableNodes.filter((searchableNode) => `${searchableNode.label}`.toLowerCase().includes(searchQuery.toLowerCase()));\n    } else {\n      filteredNodes = stringSearchFlattenedNodes(rootNode, searchQuery);\n    }\n\n    setSearchFocusedNode(filteredNodes.at(0) ?? null);\n\n    setResultCache((prev) => ({ ...prev, [searchQuery]: filteredNodes }));\n    return { results: filteredNodes, hasSpace: hasSpaceInQuery };\n  }, [searchQuery]);\n\n  const onClick = (node: CascaderDropdownNode) => {\n    setSearchQuery('');\n    if (node.getChildren().length === 0) {\n      handleChange(node);\n      return;\n    }\n    setSelectedNode(node);\n    setFocusedNode(node.getChildren().at(0) ?? null);\n  };\n\n  const onMouseEnter = (node: CascaderDropdownNode) => {\n    setSearchFocusedNode(node);\n  };\n\n  return (\n    <Box\n      as=\"ul\"\n      css={{ paddingTop: '$4', paddingBottom: '$4' }}\n      tabIndex={-1}\n      className={prefixClassName('cascader-dropdown__search-list')}\n    >\n      {results.length === 0 && (\n        <Flex css={{ height: '112px', color: '$neutral600' }} alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" gap=\"$4\">\n          <QuestionCircleIcon size={20} />\n          <Text css={{ color: '$neutral800', marginBottom: '0' }}>No results found!</Text>\n        </Flex>\n      )}\n      {results.map((result) => {\n        return (\n          <CascaderDropdownSearchItem\n            key={result.value}\n            node={result}\n            hovered={searchFocusedNode?.value === result.value}\n            className={prefixClassName('cascader-dropdown__item')}\n            onClick={() => onClick(result)}\n            onMouseEnter={() => onMouseEnter(result)}\n            hasSpace={hasSpace}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n\nconst CascaderDropdownSearchItem = ({\n  node,\n  hovered,\n  className,\n  onClick,\n  onMouseEnter,\n  hasSpace\n}: {\n  node: CascaderDropdownNode,\n  hovered: boolean,\n  className: string,\n  onClick: () => void,\n  onMouseEnter: () => void,\n  hasSpace: boolean\n}) => {\n  const { selectionPath } = buildSelectionPath(node);\n\n  if (selectionPath.length === 0) return null;\n\n  if (!hasSpace) {\n    return (\n      <StyledItem\n        className={className}\n        onClick={onClick}\n        hovered={hovered}\n        data-is-focused={hovered}\n        onMouseEnter={onMouseEnter}\n      >\n        <Text css={{ color: '$neutral900' }} truncate>{selectionPath.at(-1)?.label}</Text>\n      </StyledItem>\n    );\n  }\n\n  if (selectionPath.length === 1) {\n    return (\n      <StyledItem\n        className={className}\n        onClick={onClick}\n        hovered={hovered}\n        data-is-focused={hovered}\n        onMouseEnter={onMouseEnter}\n      >\n        <Text css={{ color: '$neutral900' }} truncate>{selectionPath[0]?.label}</Text>\n      </StyledItem>\n    );\n  }\n\n  if (selectionPath.length === 2) {\n    return (\n      <StyledItem\n        className={className}\n        onClick={onClick}\n        hovered={hovered}\n        data-is-focused={hovered}\n        onMouseEnter={onMouseEnter}\n      >\n        <Text css={{ color: '$neutral700' }} truncate>\n          {`${selectionPath[0]?.label}`}\n        </Text>\n        <SearchItemSeparator />\n        <Text css={{ color: '$neutral900' }} truncate>{selectionPath[1]?.label}</Text>\n      </StyledItem>\n    );\n  }\n\n  return (\n    <StyledItem\n      className={className}\n      onClick={onClick}\n      hovered={hovered}\n      data-is-focused={hovered}\n      onMouseEnter={onMouseEnter}\n    >\n      <Text css={{ color: '$neutral700' }} truncate>{selectionPath[0]?.label}</Text>\n      {node.level === 2 ? <SearchItemSeparator /> : <SearchItemSeparator separator=\" > ... > \" />}\n      <Text css={{ color: '$neutral900' }} truncate>{selectionPath[node.level - 1]?.label}</Text>\n      {node.level !== selectionPath.length && <SearchItemSeparator separator=\" > ...\" />}\n    </StyledItem>\n  );\n};\n\nconst SearchItemSeparator = ({ separator = ' > ' } : { separator?: string }) => (\n  <Text css={{ color: '$neutral700' }}>\n    &nbsp;\n    {separator}\n    &nbsp;\n  </Text>\n);\n"],"names":["React"],"mappings":"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"}