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

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

@@ -0,0 +1,63 @@
+import { StyledItem, prefixClassName } from './styled/StyledItem.js';
+import { useCascaderDropdownContext } from './use-value.js';
+import { optionTypes } from './helpers/cascader-dropdown-constants.js';
+import React__default from 'react';
+import { Text } from '../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { ChevronRightIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const CascaderDropdownItem = ({ node }) => {
+  const {
+    selectedNode,
+    setSelectedNode,
+    setFocusedNode,
+    focusedNode,
+    handleChange
+  } = useCascaderDropdownContext();
+  const selectNode = () => {
+    var _a;
+    if (node.getChildren().length === 0 && node.getType() !== optionTypes.VALUE_SELECTOR) {
+      handleChange(node);
+      return;
+    }
+    setSelectedNode(node);
+    setFocusedNode((_a = node.getChildren().at(0)) != null ? _a : node);
+  };
+  const onMouseEnter = () => {
+    setFocusedNode(node);
+  };
+  const onClick = () => {
+    selectNode();
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    StyledItem,
+    {
+      className: prefixClassName("cascader-dropdown__item"),
+      onClick,
+      hovered: (focusedNode == null ? void 0 : focusedNode.value) === node.value,
+      "data-is-focused": (focusedNode == null ? void 0 : focusedNode.value) === node.value,
+      "data-is-selected": (selectedNode == null ? void 0 : selectedNode.value) === node.value,
+      selected: (selectedNode == null ? void 0 : selectedNode.value) === node.value,
+      onMouseEnter,
+      css: {
+        justifyContent: "space-between"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" }, className: prefixClassName("cascader-dropdown__item-text") }, node.label),
+    (node.getChildren().length > 0 || node.getType() === optionTypes.VALUE_SELECTOR) && /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        css: {
+          lineHeight: "0",
+          color: "$neutral600",
+          minWidth: "$5"
+        },
+        className: prefixClassName("cascader-dropdown__item-icon")
+      },
+      /* @__PURE__ */ React__default.createElement(ChevronRightIcon, { size: 20 })
+    )
+  );
+};
+
+export { CascaderDropdownItem };
+//# sourceMappingURL=cascader-dropdown-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-item.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-item.tsx"],"sourcesContent":["import { Text } from '@sparrowengg/twigs-react';\nimport { prefixClassName } from './styled/StyledItem';\nimport { ChevronRightIcon } from '@sparrowengg/twigs-react-icons';\nimport { Box } from '@sparrowengg/twigs-react';\nimport { useCascaderDropdownContext } from './use-value';\nimport { CascaderDropdownNode } from './cascader-dropdown-node';\nimport { StyledItem } from './styled/StyledItem';\nimport { optionTypes } from './helpers/cascader-dropdown-constants';\nimport React from 'react';\n\nexport const CascaderDropdownItem = ({ node }: { node: CascaderDropdownNode }) => {\n  const {\n    selectedNode, setSelectedNode, setFocusedNode, focusedNode, handleChange\n  } = useCascaderDropdownContext();\n\n  const selectNode = () => {\n    if (node.getChildren().length === 0 && node.getType() !== optionTypes.VALUE_SELECTOR) {\n      handleChange(node);\n      return;\n    }\n    setSelectedNode(node);\n    setFocusedNode(node.getChildren().at(0) ?? node);\n  };\n\n  const onMouseEnter = () => {\n    setFocusedNode(node);\n  };\n\n  const onClick = () => {\n    selectNode();\n  };\n\n  return (\n    <StyledItem\n      className={prefixClassName('cascader-dropdown__item')}\n      onClick={onClick}\n      hovered={focusedNode?.value === node.value}\n      data-is-focused={focusedNode?.value === node.value}\n      data-is-selected={selectedNode?.value === node.value}\n      selected={selectedNode?.value === node.value}\n      onMouseEnter={onMouseEnter}\n      css={{\n        justifyContent: 'space-between'\n      }}\n    >\n      <Text css={{ color: '$neutral900' }} className={prefixClassName('cascader-dropdown__item-text')}>{node.label}</Text>\n      {(node.getChildren().length > 0 || node.getType() === optionTypes.VALUE_SELECTOR) && (\n        <Box\n          css={{\n            lineHeight: '0', color: '$neutral600', minWidth: '$5'\n          }}\n          className={prefixClassName('cascader-dropdown__item-icon')}\n        >\n          <ChevronRightIcon size={20} />\n        </Box>\n      )}\n    </StyledItem>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAUO,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAA2C,KAAA;AAChF,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IAAc,eAAA;AAAA,IAAiB,cAAA;AAAA,IAAgB,WAAA;AAAA,IAAa,YAAA;AAAA,MAC1D,0BAA2B,EAAA,CAAA;AAE/B,EAAA,MAAM,aAAa,MAAM;AAf3B,IAAA,IAAA,EAAA,CAAA;AAgBI,IAAI,IAAA,IAAA,CAAK,aAAc,CAAA,MAAA,KAAW,KAAK,IAAK,CAAA,OAAA,EAAc,KAAA,WAAA,CAAY,cAAgB,EAAA;AACpF,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,OAAA;AAAA,KACF;AACA,IAAA,eAAA,CAAgB,IAAI,CAAA,CAAA;AACpB,IAAA,cAAA,CAAA,CAAe,UAAK,WAAY,EAAA,CAAE,GAAG,CAAC,CAAA,KAAvB,YAA4B,IAAI,CAAA,CAAA;AAAA,GACjD,CAAA;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAW,UAAA,EAAA,CAAA;AAAA,GACb,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAgB,yBAAyB,CAAA;AAAA,MACpD,OAAA;AAAA,MACA,OAAA,EAAA,CAAS,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,MAAU,IAAK,CAAA,KAAA;AAAA,MACrC,iBAAA,EAAA,CAAiB,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,MAAU,IAAK,CAAA,KAAA;AAAA,MAC7C,kBAAA,EAAA,CAAkB,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,MAAU,IAAK,CAAA,KAAA;AAAA,MAC/C,QAAA,EAAA,CAAU,YAAc,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,KAAA,MAAU,IAAK,CAAA,KAAA;AAAA,MACvC,YAAA;AAAA,MACA,GAAK,EAAA;AAAA,QACH,cAAgB,EAAA,eAAA;AAAA,OAClB;AAAA,KAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAiB,EAAA,SAAA,EAAW,eAAgB,CAAA,8BAA8B,CAAI,EAAA,EAAA,IAAA,CAAK,KAAM,CAAA;AAAA,IAC3G,CAAA,IAAA,CAAK,aAAc,CAAA,MAAA,GAAS,KAAK,IAAK,CAAA,OAAA,EAAc,KAAA,WAAA,CAAY,cAChE,qBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,UAAY,EAAA,GAAA;AAAA,UAAK,KAAO,EAAA,aAAA;AAAA,UAAe,QAAU,EAAA,IAAA;AAAA,SACnD;AAAA,QACA,SAAA,EAAW,gBAAgB,8BAA8B,CAAA;AAAA,OAAA;AAAA,sBAEzDA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA;AAAA,KAC9B;AAAA,GAEJ,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,81 @@
+import React__default, { useRef, useEffect } from 'react';
+import { prefixClassName } from './styled/StyledItem.js';
+import { CascaderDropdownItem } from './cascader-dropdown-item.js';
+import { useCascaderDropdownContext } from './use-value.js';
+import { optionTypes, initialFilterValueSelectorValue } from './helpers/cascader-dropdown-constants.js';
+import CascaderDropdownValueSelector from './cascader-dropdown-value-selector.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 CascaderDropdownList = () => {
+  var _a, _b;
+  const containerRef = useRef(null);
+  const {
+    rootNode,
+    foldersSelectionPath,
+    selectedNode,
+    focusPreviousColumn,
+    handleChange,
+    selectorValue
+  } = useCascaderDropdownContext();
+  useEffect(() => {
+    if (containerRef.current) {
+      const selectedItem = containerRef.current.querySelector('[data-is-selected="true"]');
+      if (selectedItem)
+        selectedItem.scrollIntoView();
+    }
+  }, []);
+  if ((selectedNode == null ? void 0 : selectedNode.getType()) === optionTypes.VALUE_SELECTOR) {
+    return /* @__PURE__ */ React__default.createElement(
+      CascaderDropdownValueSelector,
+      {
+        hasOperator: false,
+        onApply: (value) => {
+          handleChange(selectedNode, __spreadProps(__spreadValues({}, initialFilterValueSelectorValue), {
+            [selectedNode.options.dataType]: value
+          }));
+        },
+        onCancel: focusPreviousColumn,
+        selectedNode,
+        selectorValue
+      }
+    );
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      as: "ul",
+      css: { paddingTop: "$4", paddingBottom: "$4" },
+      ref: containerRef,
+      tabIndex: -1,
+      className: prefixClassName("cascader-dropdown__list")
+    },
+    rootNode.getChildren().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 data to show!")),
+    foldersSelectionPath.length === 0 && rootNode.children.map((child) => /* @__PURE__ */ React__default.createElement(CascaderDropdownItem, { key: child.value, node: child })),
+    foldersSelectionPath.length > 0 && ((_b = rootNode.findNode((_a = foldersSelectionPath.at(-1)) == null ? void 0 : _a.value)) == null ? void 0 : _b.children.map((child) => /* @__PURE__ */ React__default.createElement(CascaderDropdownItem, { key: child.value, node: child })))
+  );
+};
+
+export { CascaderDropdownList };
+//# sourceMappingURL=cascader-dropdown-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-list.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-list.tsx"],"sourcesContent":["import { Box } from '@sparrowengg/twigs-react';\nimport { useEffect, useRef } from 'react';\nimport { prefixClassName } from './styled/StyledItem';\nimport { QuestionCircleIcon } from '@sparrowengg/twigs-react-icons';\nimport { Flex } from '@sparrowengg/twigs-react';\nimport { Text } from '@sparrowengg/twigs-react';\nimport { CascaderDropdownItem } from './cascader-dropdown-item';\nimport { useCascaderDropdownContext } from './use-value';\nimport { optionTypes, initialFilterValueSelectorValue } from './helpers/cascader-dropdown-constants';\nimport CascaderDropdownValueSelector from './cascader-dropdown-value-selector';\nimport React from 'react';\n\nexport const CascaderDropdownList = () => {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    rootNode, foldersSelectionPath, selectedNode, focusPreviousColumn, handleChange, selectorValue\n  } = useCascaderDropdownContext();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const selectedItem = containerRef.current.querySelector('[data-is-selected=\"true\"]');\n      if (selectedItem) selectedItem.scrollIntoView();\n    }\n  }, []);\n\n  if (selectedNode?.getType() === optionTypes.VALUE_SELECTOR) {\n    return (\n      <CascaderDropdownValueSelector\n        hasOperator={false}\n        onApply={(value) => {\n          handleChange(selectedNode, {\n            ...initialFilterValueSelectorValue,\n            [selectedNode.options.dataType]: value\n          });\n        }}\n        onCancel={focusPreviousColumn}\n        selectedNode={selectedNode}\n        selectorValue={selectorValue}\n      />\n    );\n  }\n\n  return (\n    <Box\n      as=\"ul\"\n      css={{ paddingTop: '$4', paddingBottom: '$4' }}\n      ref={containerRef}\n      tabIndex={-1}\n      className={prefixClassName('cascader-dropdown__list')}\n    >\n      {rootNode.getChildren().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 data to show!</Text>\n        </Flex>\n      )}\n      {foldersSelectionPath.length === 0 && rootNode.children.map((child) => (\n        <CascaderDropdownItem key={child.value} node={child} />\n      ))}\n      {foldersSelectionPath.length > 0 && rootNode.findNode(foldersSelectionPath.at(-1)?.value)?.children.map((child) => (\n        <CascaderDropdownItem key={child.value} node={child} />\n      ))}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,88 @@
+var __defProp = Object.defineProperty;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CascaderDropdownNode {
+  constructor(value, label, options, children, level, labelPath, valuePath, type) {
+    __publicField(this, "value");
+    __publicField(this, "label");
+    __publicField(this, "children");
+    __publicField(this, "parent", null);
+    __publicField(this, "prevNode", null);
+    __publicField(this, "nextNode", null);
+    __publicField(this, "isRoot", false);
+    __publicField(this, "disabled", false);
+    __publicField(this, "shouldFetchOptions", false);
+    __publicField(this, "dataFetched", false);
+    __publicField(this, "loading", false);
+    __publicField(this, "options", {});
+    __publicField(this, "level", 0);
+    __publicField(this, "labelPath", "");
+    __publicField(this, "valuePath", "");
+    __publicField(this, "type", "");
+    this.value = value;
+    this.label = label;
+    this.children = children;
+    const _a = options, { disabled, shouldFetchOptions } = _a, otherOptions = __objRest(_a, ["disabled", "shouldFetchOptions"]);
+    this.disabled = disabled != null ? disabled : false;
+    this.shouldFetchOptions = shouldFetchOptions != null ? shouldFetchOptions : false;
+    this.level = level;
+    this.labelPath = labelPath;
+    this.valuePath = valuePath;
+    this.type = type;
+    this.options = otherOptions;
+  }
+  setParent(node) {
+    this.parent = node;
+  }
+  getParent() {
+    return this.parent;
+  }
+  setPrevNode(node) {
+    this.prevNode = node;
+  }
+  setNextNode(node) {
+    this.nextNode = node;
+  }
+  getFirstChild() {
+    return this.children[0] || null;
+  }
+  getLastChild() {
+    return this.children[this.children.length - 1];
+  }
+  appendChild(node) {
+    this.children.push(node);
+  }
+  getLabelPath() {
+    return this.labelPath;
+  }
+  getValuePath() {
+    return this.valuePath;
+  }
+  getType() {
+    return this.type;
+  }
+  getChildren() {
+    return this.children;
+  }
+}
+
+export { CascaderDropdownNode };
+//# sourceMappingURL=cascader-dropdown-node.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-node.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-node.tsx"],"sourcesContent":["import { CascaderDropdownDataValueType, dataTypes } from './helpers/cascader-dropdown-constants';\nimport React from 'react';\n\nexport interface CascaderDropdownNodeOptions {\n  disabled?: boolean;\n  shouldFetchOptions?: boolean;\n  dataType?: keyof typeof dataTypes;\n  choices?: CascaderDropdownDataValueType[];\n  regex?: string;\n}\n\nexport class CascaderDropdownNode {\n  value: string;\n\n  label: string;\n\n  children: CascaderDropdownNode[];\n\n  parent: CascaderDropdownNode | null = null;\n\n  prevNode: CascaderDropdownNode | null = null;\n\n  nextNode: CascaderDropdownNode | null = null;\n\n  isRoot = false;\n\n  disabled = false;\n\n  shouldFetchOptions = false;\n\n  dataFetched = false;\n\n  loading = false;\n\n  options: Record<string, any> = {};\n\n  level: number = 0;\n\n  labelPath: string = '';\n\n  valuePath: string = '';\n\n  type: string = '';\n\n  constructor(\n    value: string,\n    label: string,\n    options: CascaderDropdownNodeOptions,\n    children: CascaderDropdownNode[],\n    level: number,\n    labelPath: string,\n    valuePath: string,\n    type: string\n  ) {\n    this.value = value;\n    this.label = label;\n    this.children = children;\n\n    const { disabled, shouldFetchOptions, ...otherOptions } = options;\n    this.disabled = disabled ?? false;\n    this.shouldFetchOptions = shouldFetchOptions ?? false;\n    this.level = level;\n    this.labelPath = labelPath;\n    this.valuePath = valuePath;\n    this.type = type;\n    this.options = otherOptions;\n  }\n\n  setParent(node: CascaderDropdownNode | null) {\n    this.parent = node;\n  }\n\n  getParent() {\n    return this.parent;\n  }\n\n  setPrevNode(node: CascaderDropdownNode | null) {\n    this.prevNode = node;\n  }\n\n  setNextNode(node: CascaderDropdownNode | null) {\n    this.nextNode = node;\n  }\n\n  getFirstChild() {\n    return this.children[0] || null;\n  }\n\n  getLastChild() {\n    return this.children[this.children.length - 1];\n  }\n\n  appendChild(node: CascaderDropdownNode) {\n    this.children.push(node);\n  }\n\n  getLabelPath() {\n    return this.labelPath;\n  }\n\n  getValuePath() {\n    return this.valuePath;\n  }\n\n  getType() {\n    return this.type;\n  }\n\n  getChildren() {\n    return this.children;\n  }\n}\n"],"names":[],"mappings":"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"}

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