@sparrowengg/integrations-templates-frontend 1.9.84-beta.9 → 2.0.0

package/dist/es/cascader-dropdown/cascader-dropdown-provider.js

@@ -0,0 +1,170 @@
+import React__default, { useId, useRef, useState, useMemo, useEffect } from 'react';
+import { optionTypes } from './helpers/cascader-dropdown-constants.js';
+import { CascaderDropdownContext } from './use-value.js';
+import { buildSelectionPath, buildTree, findNextFocusableRowNode, findPrevFocusableRowNode, recursiveFind } from './helpers/cascader-dropdown-utils.js';
+
+const CascaderDropdownProvider = ({
+  children,
+  data,
+  value,
+  onChange,
+  selectorValue
+}) => {
+  const id = useId();
+  const inputRef = useRef(null);
+  const [popoverOpen, setPopoverOpen] = useState(false);
+  const [selectedNode, setSelectedNode] = useState(null);
+  const [focusedNode, setFocusedNode] = useState(null);
+  const { selectionPath, foldersSelectionPath } = useMemo(() => {
+    return buildSelectionPath(selectedNode);
+  }, [selectedNode]);
+  const rootNode = useMemo(() => {
+    const root = buildTree(data);
+    const node = root.findNode(value == null ? void 0 : value.value);
+    if (node)
+      setSelectedNode(node);
+    return root;
+  }, [data, value]);
+  const focusPreviousColumn = () => {
+    var _a, _b, _c;
+    if (foldersSelectionPath.length === 0 || foldersSelectionPath.length === 1) {
+      focusRootNode();
+      return;
+    }
+    if (foldersSelectionPath.length > 1) {
+      const selectedFolderNode = rootNode.findNode((_a = foldersSelectionPath.at(-1)) == null ? void 0 : _a.value);
+      const parentNode = rootNode.findNode((_b = foldersSelectionPath.at(-2)) == null ? void 0 : _b.value);
+      if (parentNode) {
+        setFocusedNode((_c = selectedFolderNode != null ? selectedFolderNode : parentNode.children.at(0)) != null ? _c : null);
+        setSelectedNode(parentNode);
+      }
+    }
+  };
+  const focusRootNode = () => {
+    var _a, _b;
+    if (foldersSelectionPath.length > 0) {
+      const selectedFolderNode = rootNode.findNode((_a = foldersSelectionPath.at(0)) == null ? void 0 : _a.value);
+      setFocusedNode(selectedFolderNode != null ? selectedFolderNode : null);
+      setSelectedNode(rootNode);
+      return;
+    }
+    setFocusedNode((_b = rootNode.children.at(0)) != null ? _b : null);
+    setSelectedNode(rootNode);
+  };
+  const focusNthColumn = (index) => {
+    var _a, _b, _c;
+    if (!index) {
+      focusRootNode();
+      return;
+    }
+    if (foldersSelectionPath.length > 0) {
+      const selectedFolderNode = rootNode.findNode((_a = foldersSelectionPath.at(index)) == null ? void 0 : _a.value);
+      const parent = rootNode.findNode((_b = foldersSelectionPath.at(index - 1)) == null ? void 0 : _b.value);
+      if (parent) {
+        setFocusedNode((_c = selectedFolderNode != null ? selectedFolderNode : parent.children.at(0)) != null ? _c : null);
+        setSelectedNode(parent);
+      }
+    }
+  };
+  const focusNextRow = () => {
+    if (focusedNode) {
+      const nextNode = findNextFocusableRowNode(focusedNode);
+      if (nextNode)
+        setFocusedNode(nextNode);
+    }
+  };
+  const focusPreviousRow = () => {
+    if (focusedNode) {
+      const prevNode = findPrevFocusableRowNode(focusedNode);
+      if (prevNode)
+        setFocusedNode(prevNode);
+    }
+  };
+  const focusNextColumn = () => {
+    var _a;
+    if (focusedNode && (focusedNode.children.length > 0 || focusedNode.getType() === optionTypes.VALUE_SELECTOR)) {
+      setFocusedNode((_a = focusedNode.children.at(0)) != null ? _a : null);
+      setSelectedNode(focusedNode);
+    }
+  };
+  const handleChange = (node, selectedSelectorValue) => {
+    setSelectedNode(null);
+    setFocusedNode(null);
+    setPopoverOpen(false);
+    onChange({
+      value: { label: node.label, value: node.value },
+      selectionPath: selectionPath.map((item) => ({ label: item.label, value: item.value })),
+      selectedProperty: recursiveFind(data, { value: node.value, label: node.label }),
+      selectorValue: selectedSelectorValue
+    });
+  };
+  const selectFocusedNode = () => {
+    var _a;
+    if (focusedNode) {
+      if (focusedNode.children.length > 0 || focusedNode.getType() === optionTypes.VALUE_SELECTOR) {
+        setFocusedNode((_a = focusedNode.children.at(0)) != null ? _a : null);
+        setSelectedNode(focusedNode);
+      } else {
+        handleChange(focusedNode);
+      }
+    }
+  };
+  useEffect(() => {
+    var _a, _b;
+    if (inputRef.current && document.activeElement !== inputRef.current)
+      inputRef.current.focus();
+    if (!focusedNode) {
+      const selectedFolder = foldersSelectionPath.length > 0 ? rootNode.findNode((_a = foldersSelectionPath.at(0)) == null ? void 0 : _a.value) : (_b = rootNode.children.at(0)) != null ? _b : null;
+      setFocusedNode(selectedFolder);
+    }
+  });
+  const providerValue = useMemo(() => ({
+    id,
+    data,
+    value,
+    inputRef,
+    rootNode,
+    focusedNode,
+    popoverOpen,
+    selectedNode,
+    selectionPath,
+    foldersSelectionPath,
+    focusNextRow,
+    setFocusedNode,
+    setPopoverOpen,
+    focusNthColumn,
+    focusNextColumn,
+    setSelectedNode,
+    focusPreviousRow,
+    focusPreviousColumn,
+    handleChange,
+    selectFocusedNode,
+    selectorValue
+  }), [
+    id,
+    data,
+    value,
+    inputRef,
+    rootNode,
+    focusedNode,
+    popoverOpen,
+    selectedNode,
+    selectionPath,
+    foldersSelectionPath,
+    focusNextRow,
+    setFocusedNode,
+    focusNthColumn,
+    setPopoverOpen,
+    focusNextColumn,
+    setSelectedNode,
+    focusPreviousRow,
+    focusPreviousColumn,
+    handleChange,
+    selectFocusedNode,
+    selectorValue
+  ]);
+  return /* @__PURE__ */ React__default.createElement(CascaderDropdownContext.Provider, { value: providerValue }, children);
+};
+
+export { CascaderDropdownProvider };
+//# sourceMappingURL=cascader-dropdown-provider.js.map

package/dist/es/cascader-dropdown/cascader-dropdown-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-provider.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-provider.tsx"],"sourcesContent":["import React, {\n  ReactNode, useId, useMemo, useState, useRef,\n  useEffect\n} from 'react';\nimport {\n  CascaderDropdownItemType, CascaderDropdownOperatorType, CascaderDropdownDataValueType, CascaderDropdownValueSelectorType, optionTypes\n} from './helpers/cascader-dropdown-constants';\nimport { CascaderDropdownContext, CascaderDropdownContextType } from './use-value';\nimport {\n  buildSelectionPath, buildTree, findNextFocusableRowNode, findPrevFocusableRowNode,\n  recursiveFind\n} from './helpers/cascader-dropdown-utils';\nimport { CascaderDropdownNode } from './cascader-dropdown-node';\nimport { OnChangeReturnType } from './cascader-dropdown';\n\nexport type CascaderDropdownProviderProps = {\n  children: ReactNode;\n  data: (CascaderDropdownItemType | CascaderDropdownOperatorType)[];\n  value: CascaderDropdownDataValueType;\n  onChange: ({\n    value,\n    selectionPath,\n    selectorValue\n  }: OnChangeReturnType) => void;\n  selectorValue?: CascaderDropdownValueSelectorType;\n};\n\nexport const CascaderDropdownProvider = ({\n  children, data, value, onChange, selectorValue\n}: CascaderDropdownProviderProps) => {\n  const id = useId();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const [selectedNode, setSelectedNode] = useState<CascaderDropdownNode | null>(null);\n  const [focusedNode, setFocusedNode] = useState<CascaderDropdownNode | null>(null);\n\n  const { selectionPath, foldersSelectionPath } = useMemo(() => {\n    return buildSelectionPath(selectedNode);\n  }, [selectedNode]);\n\n  const rootNode = useMemo(() => {\n    const root = buildTree(data);\n    const node = root.findNode(value?.value);\n    if (node) setSelectedNode(node);\n    return root;\n  }, [data, value]);\n\n  const focusPreviousColumn = () => {\n    if (foldersSelectionPath.length === 0 || foldersSelectionPath.length === 1) {\n      focusRootNode();\n      return;\n    }\n    if (foldersSelectionPath.length > 1) {\n      const selectedFolderNode = rootNode.findNode(foldersSelectionPath.at(-1)?.value);\n      const parentNode = rootNode.findNode(foldersSelectionPath.at(-2)?.value);\n      if (parentNode) {\n        setFocusedNode(selectedFolderNode ?? parentNode.children.at(0) ?? null);\n        setSelectedNode(parentNode);\n      }\n    }\n  };\n\n  const focusRootNode = () => {\n    if (foldersSelectionPath.length > 0) {\n      const selectedFolderNode = rootNode.findNode(foldersSelectionPath.at(0)?.value);\n      setFocusedNode(selectedFolderNode ?? null);\n      setSelectedNode(rootNode);\n      return;\n    }\n    setFocusedNode(rootNode.children.at(0) ?? null);\n    setSelectedNode(rootNode);\n  };\n\n  const focusNthColumn = (index: number) => {\n    if (!index) {\n      focusRootNode();\n      return;\n    }\n    if (foldersSelectionPath.length > 0) {\n      const selectedFolderNode = rootNode.findNode(foldersSelectionPath.at(index)?.value);\n      const parent = rootNode.findNode(foldersSelectionPath.at(index - 1)?.value);\n      if (parent) {\n        setFocusedNode(selectedFolderNode ?? parent.children.at(0) ?? null);\n        setSelectedNode(parent);\n      }\n    }\n  };\n\n  const focusNextRow = () => {\n    if (focusedNode) {\n      const nextNode = findNextFocusableRowNode(focusedNode);\n      if (nextNode) setFocusedNode(nextNode);\n    }\n  };\n\n  const focusPreviousRow = () => {\n    if (focusedNode) {\n      const prevNode = findPrevFocusableRowNode(focusedNode);\n      if (prevNode) setFocusedNode(prevNode);\n    }\n  };\n\n  const focusNextColumn = () => {\n    if (focusedNode && (focusedNode.children.length > 0 || focusedNode.getType() === optionTypes.VALUE_SELECTOR)) {\n      setFocusedNode(focusedNode.children.at(0) ?? null);\n      setSelectedNode(focusedNode);\n    }\n  };\n\n  const handleChange = (node: (CascaderDropdownNode | CascaderDropdownOperatorType), selectedSelectorValue?: CascaderDropdownValueSelectorType) => {\n    setSelectedNode(null);\n    setFocusedNode(null);\n    setPopoverOpen(false);\n    onChange({\n      value: { label: node.label, value: node.value },\n      selectionPath: selectionPath.map((item) => ({ label: item.label, value: item.value })),\n      selectedProperty: recursiveFind(data, { value: node.value, label: node.label }),\n      selectorValue: selectedSelectorValue\n    });\n  };\n\n  const selectFocusedNode = () => {\n    if (focusedNode) {\n      if (focusedNode.children.length > 0 || focusedNode.getType() === optionTypes.VALUE_SELECTOR) {\n        setFocusedNode(focusedNode.children.at(0) ?? null);\n        setSelectedNode(focusedNode);\n      } else {\n        handleChange(focusedNode);\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (inputRef.current && document.activeElement !== inputRef.current) inputRef.current.focus();\n    if (!focusedNode) {\n      const selectedFolder: CascaderDropdownNode | null = foldersSelectionPath.length > 0 ? rootNode.findNode(foldersSelectionPath.at(0)?.value) : rootNode.children.at(0) ?? null;\n      setFocusedNode(selectedFolder);\n    }\n  });\n\n  const providerValue = useMemo<CascaderDropdownContextType>(() => ({\n    id,\n    data,\n    value,\n    inputRef,\n    rootNode,\n    focusedNode,\n    popoverOpen,\n    selectedNode,\n    selectionPath,\n    foldersSelectionPath,\n    focusNextRow,\n    setFocusedNode,\n    setPopoverOpen,\n    focusNthColumn,\n    focusNextColumn,\n    setSelectedNode,\n    focusPreviousRow,\n    focusPreviousColumn,\n    handleChange,\n    selectFocusedNode,\n    selectorValue\n  }), [\n    id,\n    data,\n    value,\n    inputRef,\n    rootNode,\n    focusedNode,\n    popoverOpen,\n    selectedNode,\n    selectionPath,\n    foldersSelectionPath,\n    focusNextRow,\n    setFocusedNode,\n    focusNthColumn,\n    setPopoverOpen,\n    focusNextColumn,\n    setSelectedNode,\n    focusPreviousRow,\n    focusPreviousColumn,\n    handleChange,\n    selectFocusedNode,\n    selectorValue\n  ]);\n\n  return (\n    <CascaderDropdownContext.Provider value={providerValue}>\n      {children}\n    </CascaderDropdownContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/es/cascader-dropdown/cascader-dropdown-root-node.js

@@ -0,0 +1,54 @@
+import { CascaderDropdownNode } from './cascader-dropdown-node.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CascaderDropdownRootNode extends CascaderDropdownNode {
+  constructor() {
+    super("", "", {}, [], 0, "", "", "");
+    __publicField(this, "nodeMapping", {});
+    __publicField(this, "pathNodeMapping", {});
+    __publicField(this, "pathMapping", /* @__PURE__ */ new Map());
+    __publicField(this, "isRoot", true);
+    __publicField(this, "level", 0);
+    __publicField(this, "labelPath", "");
+    __publicField(this, "valuePath", "");
+  }
+  createNode({
+    value,
+    label,
+    options,
+    level,
+    labelPath,
+    valuePath,
+    type
+  }) {
+    const node = new CascaderDropdownNode(value, label, options, [], level, labelPath, valuePath, type);
+    this.nodeMapping[value] = node;
+    this.pathNodeMapping[valuePath] = node;
+    this.pathMapping.set(valuePath, labelPath.toLowerCase());
+    return node;
+  }
+  findNode(value) {
+    if (!value)
+      return null;
+    return this.nodeMapping[value];
+  }
+  findNodeByPath(path) {
+    if (!path)
+      return null;
+    return this.pathNodeMapping[path];
+  }
+  getFlattenedNodes() {
+    return Object.values(this.pathNodeMapping);
+  }
+  getFlattenedPaths() {
+    return Object.keys(this.pathNodeMapping);
+  }
+}
+
+export { CascaderDropdownRootNode };
+//# sourceMappingURL=cascader-dropdown-root-node.js.map

package/dist/es/cascader-dropdown/cascader-dropdown-root-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-root-node.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-root-node.tsx"],"sourcesContent":["import { CascaderDropdownNode, CascaderDropdownNodeOptions } from './cascader-dropdown-node';\nimport React from 'react';\n\nexport class CascaderDropdownRootNode extends CascaderDropdownNode {\n  nodeMapping: Record<string, CascaderDropdownNode> = {};\n\n  pathNodeMapping: Record<string, CascaderDropdownNode> = {};\n\n  pathMapping: Map<string, string> = new Map();\n\n  isRoot = true;\n\n  level = 0;\n\n  labelPath: string = '';\n\n  valuePath: string = '';\n\n  constructor() {\n    super('', '', {}, [], 0, '', '', '');\n  }\n\n  createNode({\n    value,\n    label,\n    options,\n    level,\n    labelPath,\n    valuePath,\n    type\n  }: {\n    value: string,\n    label: string,\n    options: CascaderDropdownNodeOptions,\n    level: number,\n    labelPath: string,\n    valuePath: string,\n    type: string,\n  }) {\n    const node = new CascaderDropdownNode(value, label, options, [], level, labelPath, valuePath, type);\n    this.nodeMapping[value] = node;\n    this.pathNodeMapping[valuePath] = node;\n    this.pathMapping.set(valuePath, labelPath.toLowerCase());\n\n    return node;\n  }\n\n  findNode(value?: string | null) {\n    if (!value) return null;\n    return this.nodeMapping[value];\n  }\n\n  findNodeByPath(path?: string | null) {\n    if (!path) return null;\n    return this.pathNodeMapping[path];\n  }\n\n  getFlattenedNodes() {\n    return Object.values(this.pathNodeMapping);\n  }\n\n  getFlattenedPaths() {\n    return Object.keys(this.pathNodeMapping);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAGO,MAAM,iCAAiC,oBAAqB,CAAA;AAAA,EAejE,WAAc,GAAA;AACZ,IAAM,KAAA,CAAA,EAAA,EAAI,IAAI,EAAC,EAAG,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAfrC,IAAA,aAAA,CAAA,IAAA,EAAA,aAAA,EAAoD,EAAC,CAAA,CAAA;AAErD,IAAA,aAAA,CAAA,IAAA,EAAA,iBAAA,EAAwD,EAAC,CAAA,CAAA;AAEzD,IAAA,aAAA,CAAA,IAAA,EAAA,aAAA,sBAAuC,GAAI,EAAA,CAAA,CAAA;AAE3C,IAAS,aAAA,CAAA,IAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAET,IAAQ,aAAA,CAAA,IAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;AAER,IAAoB,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,EAAA,CAAA,CAAA;AAEpB,IAAoB,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,EAAA,CAAA,CAAA;AAAA,GAIpB;AAAA,EAEA,UAAW,CAAA;AAAA,IACT,KAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,GASC,EAAA;AACD,IAAM,MAAA,IAAA,GAAO,IAAI,oBAAA,CAAqB,KAAO,EAAA,KAAA,EAAO,OAAS,EAAA,EAAI,EAAA,KAAA,EAAO,SAAW,EAAA,SAAA,EAAW,IAAI,CAAA,CAAA;AAClG,IAAK,IAAA,CAAA,WAAA,CAAY,KAAK,CAAI,GAAA,IAAA,CAAA;AAC1B,IAAK,IAAA,CAAA,eAAA,CAAgB,SAAS,CAAI,GAAA,IAAA,CAAA;AAClC,IAAA,IAAA,CAAK,WAAY,CAAA,GAAA,CAAI,SAAW,EAAA,SAAA,CAAU,aAAa,CAAA,CAAA;AAEvD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAAA,EAEA,SAAS,KAAuB,EAAA;AAC9B,IAAA,IAAI,CAAC,KAAA;AAAO,MAAO,OAAA,IAAA,CAAA;AACnB,IAAO,OAAA,IAAA,CAAK,YAAY,KAAK,CAAA,CAAA;AAAA,GAC/B;AAAA,EAEA,eAAe,IAAsB,EAAA;AACnC,IAAA,IAAI,CAAC,IAAA;AAAM,MAAO,OAAA,IAAA,CAAA;AAClB,IAAO,OAAA,IAAA,CAAK,gBAAgB,IAAI,CAAA,CAAA;AAAA,GAClC;AAAA,EAEA,iBAAoB,GAAA;AAClB,IAAO,OAAA,MAAA,CAAO,MAAO,CAAA,IAAA,CAAK,eAAe,CAAA,CAAA;AAAA,GAC3C;AAAA,EAEA,iBAAoB,GAAA;AAClB,IAAO,OAAA,MAAA,CAAO,IAAK,CAAA,IAAA,CAAK,eAAe,CAAA,CAAA;AAAA,GACzC;AACF;;;;"}

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

@@ -0,0 +1,139 @@
+import React__default, { useEffect } from 'react';
+import { useCascaderDropdownContext } from './use-value.js';
+import { optionTypes } from './helpers/cascader-dropdown-constants.js';
+import { Input } from '../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js';
+
+const CascaderDropdownSearchInput = ({
+  searchQuery,
+  setSearchQuery,
+  searchFocusedNode,
+  setSearchFocusedNode,
+  resultCache
+}) => {
+  const {
+    inputRef,
+    focusNextRow,
+    focusPreviousRow,
+    focusNextColumn,
+    focusPreviousColumn,
+    setSelectedNode,
+    setFocusedNode,
+    handleChange,
+    selectFocusedNode
+  } = useCascaderDropdownContext();
+  useEffect(() => {
+    if (inputRef == null ? void 0 : inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [inputRef]);
+  const onKeyDown = (e) => {
+    if (searchQuery === "")
+      onCascadedKeyboardNavigation(e);
+    else
+      onSearchListKeyboardNavigation(e);
+  };
+  const onCascadedKeyboardNavigation = (e) => {
+    switch (e.key) {
+      case "ArrowDown": {
+        e.preventDefault();
+        focusNextRow();
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault();
+        focusPreviousRow();
+        break;
+      }
+      case "ArrowRight": {
+        e.preventDefault();
+        focusNextColumn();
+        break;
+      }
+      case "ArrowLeft": {
+        e.preventDefault();
+        focusPreviousColumn();
+        break;
+      }
+      case " ":
+      case "Enter": {
+        e.preventDefault();
+        selectFocusedNode();
+        break;
+      }
+    }
+  };
+  const onSearchListKeyboardNavigation = (e) => {
+    var _a;
+    switch (e.key) {
+      case "Enter": {
+        e.preventDefault();
+        if (!searchFocusedNode)
+          return;
+        if (searchFocusedNode.children.length === 0 && searchFocusedNode.getType() !== optionTypes.VALUE_SELECTOR) {
+          handleChange(searchFocusedNode);
+          setSearchQuery("");
+          setSearchFocusedNode(null);
+          return;
+        }
+        setSelectedNode(searchFocusedNode);
+        setFocusedNode((_a = searchFocusedNode.children.at(0)) != null ? _a : null);
+        setSearchQuery("");
+        setSearchFocusedNode(null);
+        break;
+      }
+      case "ArrowDown": {
+        e.preventDefault();
+        const results = resultCache[searchQuery] || [];
+        if (results.length === 0)
+          return;
+        const currentIndex = searchFocusedNode ? results.findIndex((node) => node.value === searchFocusedNode.value) : -1;
+        const nextIndex = currentIndex < results.length - 1 ? currentIndex + 1 : 0;
+        setSearchFocusedNode(results[nextIndex]);
+        break;
+      }
+      case "ArrowUp": {
+        e.preventDefault();
+        const results = resultCache[searchQuery] || [];
+        if (results.length === 0)
+          return;
+        const currentIndex = searchFocusedNode ? results.findIndex((node) => node.value === searchFocusedNode.value) : -1;
+        const prevIndex = currentIndex > 0 ? currentIndex - 1 : results.length - 1;
+        setSearchFocusedNode(results[prevIndex]);
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      onChange: (e) => {
+        setSearchQuery(e.target.value);
+      },
+      value: searchQuery,
+      ref: inputRef,
+      css: {
+        '&[data-testid="input"], &[data-testid="input"]:hover, &[data-testid="input"]:focus': {
+          borderTopWidth: "0",
+          borderLeftWidth: "0",
+          borderRightWidth: "0",
+          borderBottomWidth: "1px",
+          borderBottomColor: "$neutral100",
+          boxShadow: "none",
+          "&::placeholder": {
+            color: "$neutral700"
+          },
+          "&::-ms-input-placeholder": {
+            color: "$neutral700"
+          }
+        },
+        borderRadius: "$xl $xl 0 0"
+      },
+      placeholder: "Search",
+      size: "lg",
+      onKeyDown
+    }
+  );
+};
+
+export { CascaderDropdownSearchInput };
+//# sourceMappingURL=cascader-dropdown-search-input.js.map

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":"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"}

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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"}