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

package/dist/es/cascader-dropdown/cascader-dropdown-value-selector.js

@@ -0,0 +1,478 @@
+import React__default, { useState, useRef, useMemo, useEffect } from 'react';
+import { now as $14e0f24ef4ac5c92$export$461939dd4422153, getLocalTimeZone as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, today as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3 } from '../node_modules/@internationalized/date/dist/queries.js';
+import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from '../node_modules/@internationalized/date/dist/string.js';
+import { StyledItem, prefixClassName } from './styled/StyledItem.js';
+import { dataTypes } from './helpers/cascader-dropdown-constants.js';
+import { CascaderDropdownBreadcrumb } from './cascader-dropdown-breadcrumb.js';
+import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { CalendarRange } from '../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar-range.js';
+import { Button } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { Calendar } from '../node_modules/@sparrowengg/twigs-react/dist/es/calendar/calendar.js';
+import { Input } from '../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js';
+import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Textarea } from '../node_modules/@sparrowengg/twigs-react/dist/es/textarea/textarea.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';
+import { Checkbox } from '../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js';
+import { ChevronRightIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const CascaderDropdownValueSelector = ({
+  onApply,
+  onCancel,
+  hasOperator,
+  selectedNode,
+  selectorValue
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  if (((_a = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _a.dataType) === dataTypes.SINGLE_LINE_TEXT || ((_b = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _b.dataType) === dataTypes.NUMBER) {
+    return /* @__PURE__ */ React__default.createElement(SingleLineTextInput, { selectedNode, onApply, onCancel, hasOperator, selectorValue });
+  }
+  if (((_c = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _c.dataType) === dataTypes.MULTI_LINE_TEXT) {
+    return /* @__PURE__ */ React__default.createElement(MultiLineTextInput, { selectedNode, onApply, onCancel, hasOperator, selectorValue });
+  }
+  if (((_d = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _d.dataType) === dataTypes.SINGLE_SELECT) {
+    return /* @__PURE__ */ React__default.createElement(SingleSelectInput, { selectedNode, onCancel, onApply, hasOperator, selectorValue });
+  }
+  if (((_e = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _e.dataType) === dataTypes.MULTI_SELECT) {
+    return /* @__PURE__ */ React__default.createElement(MultiSelectInput, { selectedNode, onCancel, onApply, hasOperator, selectorValue });
+  }
+  if (((_f = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _f.dataType) === dataTypes.DATE || ((_g = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _g.dataType) === dataTypes.DATE_TIME_TIMEZONE) {
+    return /* @__PURE__ */ React__default.createElement(DateInput, { selectedNode, onApply, onCancel, hasOperator, selectorValue });
+  }
+  if (((_h = selectedNode == null ? void 0 : selectedNode.options) == null ? void 0 : _h.dataType) === dataTypes.DATE_RANGE) {
+    return /* @__PURE__ */ React__default.createElement(DateRangeInput, { selectedNode, onApply, onCancel, hasOperator, selectorValue });
+  }
+  return /* @__PURE__ */ React__default.createElement(Box, null);
+};
+const DateRangeInput = ({
+  selectedNode,
+  onApply,
+  onCancel,
+  hasOperator,
+  selectorValue
+}) => {
+  var _a, _b;
+  const [localValue, setLocalValue] = React__default.useState(
+    ((_a = selectorValue == null ? void 0 : selectorValue.DATE_RANGE) == null ? void 0 : _a.start) && ((_b = selectorValue == null ? void 0 : selectorValue.DATE_RANGE) == null ? void 0 : _b.end) ? { start: $fae977aafc393c5c$export$6b862160d295c8e(selectorValue.DATE_RANGE.start), end: $fae977aafc393c5c$export$6b862160d295c8e(selectorValue.DATE_RANGE.end) } : null
+  );
+  const onApplyRange = () => {
+    if (!(localValue == null ? void 0 : localValue.start) || !(localValue == null ? void 0 : localValue.end))
+      return;
+    const start = localValue.start.toString();
+    const end = localValue.end.toString();
+    onApply({ start, end });
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, null, hasOperator && /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownBreadcrumb,
+    {
+      focusNthColumn: onCancel,
+      showBackButton: false,
+      foldersSelectionPath: [{ value: `${selectedNode == null ? void 0 : selectedNode.value}`, label: `${selectedNode == null ? void 0 : selectedNode.label}` }]
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    CalendarRange,
+    {
+      onChange: (newDateRange) => setLocalValue({ start: newDateRange.start, end: newDateRange.end }),
+      value: localValue,
+      compact: true,
+      size: "md",
+      containerCSS: {
+        border: "none"
+      },
+      renderFooter: () => {
+        return /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            size: "xl",
+            variant: "ghost",
+            css: {
+              width: "100%",
+              borderRadius: "0 0 $xl $xl",
+              fontSize: "$sm",
+              lineHeight: "$sm",
+              borderTop: "1px solid $neutral200"
+            },
+            onClick: onApplyRange,
+            disabled: !(localValue == null ? void 0 : localValue.start) || !(localValue == null ? void 0 : localValue.end)
+          },
+          "Apply Range"
+        );
+      }
+    }
+  ));
+};
+const DateInput = ({
+  selectedNode,
+  onApply,
+  onCancel,
+  hasOperator,
+  selectorValue
+}) => {
+  const [localValue, setLocalValue] = useState(() => {
+    if (selectorValue == null ? void 0 : selectorValue.DATE) {
+      return $fae977aafc393c5c$export$6b862160d295c8e(selectorValue.DATE);
+    }
+    return selectedNode.options.dataType === dataTypes.DATE_TIME_TIMEZONE ? $14e0f24ef4ac5c92$export$461939dd4422153($14e0f24ef4ac5c92$export$aa8b41735afcabd2()) : $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+  });
+  const onChange = (newDate) => {
+    setLocalValue(newDate);
+  };
+  const isDateTimeTimezone = selectedNode.options.dataType === dataTypes.DATE_TIME_TIMEZONE;
+  const onApplyDate = () => {
+    onApply(localValue.toString());
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, null, hasOperator && /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownBreadcrumb,
+    {
+      focusNthColumn: onCancel,
+      showBackButton: false,
+      foldersSelectionPath: [{ value: `${selectedNode == null ? void 0 : selectedNode.value}`, label: `${selectedNode == null ? void 0 : selectedNode.label}` }]
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    Calendar,
+    {
+      onChange,
+      value: localValue,
+      showTimePicker: isDateTimeTimezone != null ? isDateTimeTimezone : false,
+      showTimezonePicker: isDateTimeTimezone != null ? isDateTimeTimezone : false,
+      size: "md",
+      containerCSS: {
+        border: "none"
+      },
+      renderFooter: () => {
+        return /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            size: "xl",
+            variant: "ghost",
+            css: {
+              width: "100%",
+              borderRadius: "0 0 $xl $xl",
+              fontSize: "$sm",
+              lineHeight: "$sm",
+              borderTop: "1px solid $neutral200"
+            },
+            onClick: onApplyDate
+          },
+          "Apply"
+        );
+      }
+    }
+  ));
+};
+const SingleLineTextInput = ({
+  selectedNode,
+  onApply,
+  onCancel,
+  hasOperator,
+  selectorValue
+}) => {
+  var _a, _b;
+  const [value, setValue] = useState((_a = selectorValue == null ? void 0 : selectorValue.SINGLE_LINE_TEXT) != null ? _a : "");
+  const regex = selectedNode.options.regex ? new RegExp(selectedNode.options.regex) : null;
+  const isRegexValid = regex ? regex.test(value) : true;
+  const handleSubmit = () => {
+    if (value.length === 0)
+      return;
+    if (selectedNode.options.dataType === dataTypes.NUMBER) {
+      if (Number.isNaN(Number(value)))
+        return;
+    }
+    if (regex && !isRegexValid)
+      return;
+    onApply(value);
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, null, hasOperator && /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownBreadcrumb,
+    {
+      focusNthColumn: onCancel,
+      showBackButton: false,
+      foldersSelectionPath: [{ value: `${selectedNode == null ? void 0 : selectedNode.value}`, label: `${selectedNode == null ? void 0 : selectedNode.label}` }]
+    }
+  ), /* @__PURE__ */ React__default.createElement(Box, { css: { padding: "$4" } }, /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      size: "lg",
+      placeholder: `${(_b = selectedNode == null ? void 0 : selectedNode.label) != null ? _b : ""}`,
+      value,
+      onChange: (e) => setValue(e.target.value),
+      type: selectedNode.options.dataType === dataTypes.NUMBER ? "number" : "text",
+      autoFocus: true,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          handleSubmit();
+        }
+      }
+    }
+  )), /* @__PURE__ */ React__default.createElement(InputFooter, { disabled: !value.trim() || !isRegexValid, onCancel, onApply: handleSubmit }));
+};
+const InputFooter = ({ disabled, onCancel, onApply }) => {
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "space-between", css: { padding: "$4", borderTop: "1px solid $neutral100" } }, /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "ghost", color: "default", onClick: onCancel }, "Cancel"), /* @__PURE__ */ React__default.createElement(Button, { size: "md", variant: "ghost", disabled, onClick: onApply }, "Apply"));
+};
+const MultiLineTextInput = ({
+  selectedNode,
+  onApply,
+  onCancel,
+  hasOperator,
+  selectorValue
+}) => {
+  var _a, _b;
+  const [value, setValue] = useState((_a = selectorValue == null ? void 0 : selectorValue.MULTI_LINE_TEXT) != null ? _a : "");
+  const regex = selectedNode.options.regex ? new RegExp(selectedNode.options.regex) : null;
+  const isRegexValid = regex ? regex.test(value) : true;
+  const handleSubmit = () => {
+    if (value.length === 0)
+      return;
+    if (regex && !isRegexValid)
+      return;
+    onApply(value);
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, null, hasOperator && /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownBreadcrumb,
+    {
+      focusNthColumn: onCancel,
+      showBackButton: false,
+      foldersSelectionPath: [{ value: `${selectedNode == null ? void 0 : selectedNode.value}`, label: `${selectedNode == null ? void 0 : selectedNode.label}` }]
+    }
+  ), /* @__PURE__ */ React__default.createElement(Box, { css: { padding: "$4" } }, /* @__PURE__ */ React__default.createElement(
+    Textarea,
+    {
+      size: "lg",
+      placeholder: `${(_b = selectedNode == null ? void 0 : selectedNode.label) != null ? _b : ""}`,
+      value,
+      onChange: (e) => setValue(e.target.value),
+      rows: 4,
+      resize: "none",
+      autoFocus: true
+    }
+  )), /* @__PURE__ */ React__default.createElement(InputFooter, { disabled: !value.trim() || !isRegexValid, onCancel, onApply: handleSubmit }));
+};
+const SingleSelectInput = ({
+  selectedNode,
+  onCancel,
+  onApply,
+  hasOperator,
+  selectorValue
+}) => {
+  var _a;
+  const choices = (_a = selectedNode.options.choices) != null ? _a : [];
+  const onClick = (value) => {
+    onApply(value);
+  };
+  const checkedSet = new Set((selectorValue == null ? void 0 : selectorValue.SINGLE_SELECT) ? [selectorValue.SINGLE_SELECT] : []);
+  return /* @__PURE__ */ React__default.createElement(Box, null, hasOperator && /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownBreadcrumb,
+    {
+      focusNthColumn: onCancel,
+      showBackButton: false,
+      foldersSelectionPath: [{ value: `${selectedNode == null ? void 0 : selectedNode.value}`, label: `${selectedNode == null ? void 0 : selectedNode.label}` }]
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    SearchableList,
+    {
+      choices,
+      isMultiSelect: false,
+      onClick,
+      checkedSet
+    }
+  ));
+};
+const MultiSelectInput = ({
+  selectedNode,
+  onCancel,
+  hasOperator,
+  onApply,
+  selectorValue
+}) => {
+  var _a, _b;
+  const [checkedSet, setCheckedSet] = useState(new Set((_a = selectorValue == null ? void 0 : selectorValue.MULTI_SELECT) != null ? _a : []));
+  const choices = (_b = selectedNode.options.choices) != null ? _b : [];
+  const onClick = (value) => {
+    setCheckedSet((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(value))
+        newSet.delete(value);
+      else
+        newSet.add(value);
+      return newSet;
+    });
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, null, hasOperator && /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownBreadcrumb,
+    {
+      focusNthColumn: onCancel,
+      showBackButton: false,
+      foldersSelectionPath: [{ value: `${selectedNode == null ? void 0 : selectedNode.value}`, label: `${selectedNode == null ? void 0 : selectedNode.label}` }]
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    SearchableList,
+    {
+      choices,
+      isMultiSelect: true,
+      onClick,
+      checkedSet
+    }
+  ), /* @__PURE__ */ React__default.createElement(InputFooter, { disabled: !checkedSet.size, onCancel, onApply: () => onApply(Array.from(checkedSet)) }));
+};
+const SearchableList = ({
+  choices,
+  isMultiSelect,
+  onClick,
+  checkedSet = /* @__PURE__ */ new Set(),
+  hasArrow = false
+}) => {
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  const [needsScroll, setNeedsScroll] = useState(false);
+  const [focusedIndex, setFocusedIndex] = useState(0);
+  const [searchQuery, setSearchQuery] = useState("");
+  const filteredChoices = useMemo(() => choices.filter((choice) => {
+    var _a;
+    return (_a = choice.label) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase());
+  }), [choices, searchQuery]);
+  useEffect(() => {
+    if (listRef.current) {
+      const list = listRef.current;
+      const checkScroll = () => {
+        setNeedsScroll(list.scrollHeight > list.clientHeight);
+        return void 0;
+      };
+      checkScroll();
+      const resizeObserver = new ResizeObserver(checkScroll);
+      resizeObserver.observe(list);
+      return () => resizeObserver.disconnect();
+    }
+    return void 0;
+  }, [filteredChoices]);
+  const onKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      if (focusedIndex < filteredChoices.length - 1) {
+        setFocusedIndex(focusedIndex + 1);
+      } else {
+        setFocusedIndex(filteredChoices.length - 1);
+      }
+      e.preventDefault();
+    }
+    if (e.key === "ArrowUp") {
+      if (focusedIndex > 0) {
+        setFocusedIndex(focusedIndex - 1);
+      } else {
+        setFocusedIndex(0);
+      }
+      e.preventDefault();
+    }
+    if (e.key === "Enter") {
+      onClick(filteredChoices[focusedIndex].value, filteredChoices[focusedIndex]);
+      e.preventDefault();
+    }
+  };
+  const onMouseEnter = (index) => {
+    setFocusedIndex(index);
+  };
+  useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, []);
+  useEffect(() => {
+    if (searchQuery.length > 0 && focusedIndex >= filteredChoices.length) {
+      setFocusedIndex(filteredChoices.length - 1);
+    }
+  }, [filteredChoices, searchQuery]);
+  return /* @__PURE__ */ React__default.createElement(Box, { css: { position: "relative" } }, /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      onChange: (e) => {
+        setSearchQuery(e.target.value);
+      },
+      value: searchQuery,
+      ref: inputRef,
+      autoFocus: true,
+      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
+    }
+  ), filteredChoices.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!")), /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      as: "ul",
+      ref: listRef,
+      css: {
+        paddingTop: "$4",
+        maxHeight: "240px",
+        overflowY: "auto",
+        paddingBottom: needsScroll ? "$10" : "$4"
+      },
+      tabIndex: -1
+    },
+    filteredChoices.map((choice, index) => {
+      return /* @__PURE__ */ React__default.createElement(
+        StyledItem,
+        {
+          key: choice.value,
+          hovered: focusedIndex === index,
+          selected: checkedSet.has(choice.value),
+          onMouseEnter: () => onMouseEnter(index),
+          css: {
+            justifyContent: "space-between"
+          },
+          onClick: () => onClick(choice.value, choice)
+        },
+        /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", css: { overflow: "hidden" }, gap: "$4" }, isMultiSelect && /* @__PURE__ */ React__default.createElement(Checkbox, { checked: checkedSet.has(choice.value) }), /* @__PURE__ */ React__default.createElement(
+          Text,
+          {
+            css: { color: "$neutral900" },
+            truncate: true
+          },
+          choice.label
+        )),
+        hasArrow && /* @__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 })
+        )
+      );
+    })
+  ), needsScroll && /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        position: "absolute",
+        bottom: "0",
+        left: 0,
+        right: 0,
+        height: "$10",
+        pointerEvents: "none",
+        background: "linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 80.46%)"
+      }
+    }
+  ));
+};
+
+export { DateRangeInput, SearchableList, CascaderDropdownValueSelector as default };
+//# sourceMappingURL=cascader-dropdown-value-selector.js.map

package/dist/es/cascader-dropdown/cascader-dropdown-value-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cascader-dropdown-value-selector.js","sources":["../../../src/cascader-dropdown/cascader-dropdown-value-selector.tsx"],"sourcesContent":["import { Box } from '@sparrowengg/twigs-react';\nimport { Input } from '@sparrowengg/twigs-react';\nimport { Button } from '@sparrowengg/twigs-react';\nimport React, {\n  useState, useRef, useEffect, useMemo\n} from 'react';\nimport { Textarea } from '@sparrowengg/twigs-react';\nimport { Flex } from '@sparrowengg/twigs-react';\nimport { Text } from '@sparrowengg/twigs-react';\nimport { Checkbox } from '@sparrowengg/twigs-react';\nimport { Calendar, CalendarRange } from '@sparrowengg/twigs-react';\nimport {\n  DateValue, getLocalTimeZone, now, today, parseDate\n} from '@internationalized/date';\nimport { prefixClassName } from './styled/StyledItem';\nimport { ChevronRightIcon, QuestionCircleIcon } from '@sparrowengg/twigs-react-icons';\nimport { CascaderDropdownValueSelectorType, dataTypes } from './helpers/cascader-dropdown-constants';\nimport { StyledItem } from './styled/StyledItem';\nimport { CascaderDropdownBreadcrumb } from './cascader-dropdown-breadcrumb';\nimport { CascaderDropdownNode } from './cascader-dropdown-node';\n\ntype CascaderDropdownValueSelectorProps = {\n  onApply: (value: CascaderDropdownValueSelectorType[keyof CascaderDropdownValueSelectorType]) => void,\n  onCancel: () => void,\n  hasOperator: boolean,\n  selectedNode: CascaderDropdownNode,\n  selectorValue?: CascaderDropdownValueSelectorType\n}\n\nconst CascaderDropdownValueSelector = ({\n  onApply, onCancel, hasOperator, selectedNode, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  if (selectedNode?.options?.dataType === dataTypes.SINGLE_LINE_TEXT || selectedNode?.options?.dataType === dataTypes.NUMBER) {\n    return <SingleLineTextInput selectedNode={selectedNode} onApply={onApply} onCancel={onCancel} hasOperator={hasOperator} selectorValue={selectorValue} />;\n  }\n\n  if (selectedNode?.options?.dataType === dataTypes.MULTI_LINE_TEXT) {\n    return <MultiLineTextInput selectedNode={selectedNode} onApply={onApply} onCancel={onCancel} hasOperator={hasOperator} selectorValue={selectorValue} />;\n  }\n\n  if (selectedNode?.options?.dataType === dataTypes.SINGLE_SELECT) {\n    return <SingleSelectInput selectedNode={selectedNode} onCancel={onCancel} onApply={onApply} hasOperator={hasOperator} selectorValue={selectorValue} />;\n  }\n\n  if (selectedNode?.options?.dataType === dataTypes.MULTI_SELECT) {\n    return <MultiSelectInput selectedNode={selectedNode} onCancel={onCancel} onApply={onApply} hasOperator={hasOperator} selectorValue={selectorValue} />;\n  }\n\n  if (selectedNode?.options?.dataType === dataTypes.DATE || selectedNode?.options?.dataType === dataTypes.DATE_TIME_TIMEZONE) {\n    return <DateInput selectedNode={selectedNode} onApply={onApply} onCancel={onCancel} hasOperator={hasOperator} selectorValue={selectorValue} />;\n  }\n\n  if (selectedNode?.options?.dataType === dataTypes.DATE_RANGE) {\n    return <DateRangeInput selectedNode={selectedNode} onApply={onApply} onCancel={onCancel} hasOperator={hasOperator} selectorValue={selectorValue} />;\n  }\n\n  return (\n    <Box />\n  );\n};\n\nexport default CascaderDropdownValueSelector;\n\nexport const DateRangeInput = ({\n  selectedNode, onApply, onCancel, hasOperator, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  const [localValue, setLocalValue] = React.useState<{ start: DateValue, end: DateValue } | null>(\n    selectorValue?.DATE_RANGE?.start && selectorValue?.DATE_RANGE?.end\n      ? { start: parseDate(selectorValue.DATE_RANGE.start), end: parseDate(selectorValue.DATE_RANGE.end) }\n      : null\n  );\n\n  const onApplyRange = () => {\n    if (!localValue?.start || !localValue?.end) return;\n    const start = localValue.start.toString();\n    const end = localValue.end.toString();\n    onApply({ start, end });\n  };\n\n  return (\n    <Box>\n      {hasOperator && (\n        <CascaderDropdownBreadcrumb\n          focusNthColumn={onCancel}\n          showBackButton={false}\n          foldersSelectionPath={[{ value: `${selectedNode?.value}`, label: `${selectedNode?.label}` }]}\n        />\n      )}\n      <CalendarRange\n        onChange={(newDateRange) => setLocalValue({ start: newDateRange.start, end: newDateRange.end })}\n        value={localValue}\n        compact\n        size=\"md\"\n        containerCSS={{\n          border: 'none'\n        }}\n        renderFooter={() => {\n          return (\n            <Button\n              size=\"xl\"\n              variant=\"ghost\"\n              css={{\n                width: '100%',\n                borderRadius: '0 0 $xl $xl',\n                fontSize: '$sm',\n                lineHeight: '$sm',\n                borderTop: '1px solid $neutral200'\n              }}\n              onClick={onApplyRange}\n              disabled={!localValue?.start || !localValue?.end}\n            >\n              Apply Range\n            </Button>\n          );\n        }}\n      />\n    </Box>\n  );\n};\n\nconst DateInput = ({\n  selectedNode, onApply, onCancel, hasOperator, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  const [localValue, setLocalValue] = useState<DateValue>(() => {\n    if (selectorValue?.DATE) {\n      return parseDate(selectorValue.DATE);\n    }\n    return selectedNode.options.dataType === dataTypes.DATE_TIME_TIMEZONE\n      ? now(getLocalTimeZone())\n      : today(getLocalTimeZone());\n  });\n\n  const onChange = (newDate: DateValue) => {\n    setLocalValue(newDate);\n  };\n\n  const isDateTimeTimezone = selectedNode.options.dataType === dataTypes.DATE_TIME_TIMEZONE;\n\n  const onApplyDate = () => {\n    onApply(localValue.toString());\n  };\n\n  return (\n    <Box>\n      {hasOperator && (\n        <CascaderDropdownBreadcrumb\n          focusNthColumn={onCancel}\n          showBackButton={false}\n          foldersSelectionPath={[{ value: `${selectedNode?.value}`, label: `${selectedNode?.label}` }]}\n        />\n      )}\n      <Calendar\n        onChange={onChange}\n        value={localValue}\n        showTimePicker={isDateTimeTimezone ?? false}\n        showTimezonePicker={isDateTimeTimezone ?? false}\n        size=\"md\"\n        containerCSS={{\n          border: 'none'\n        }}\n        renderFooter={() => {\n          return (\n            <Button\n              size=\"xl\"\n              variant=\"ghost\"\n              css={{\n                width: '100%',\n                borderRadius: '0 0 $xl $xl',\n                fontSize: '$sm',\n                lineHeight: '$sm',\n                borderTop: '1px solid $neutral200'\n              }}\n              onClick={onApplyDate}\n            >\n              Apply\n            </Button>\n          );\n        }}\n      />\n    </Box>\n  );\n};\n\nconst SingleLineTextInput = ({\n  selectedNode, onApply, onCancel, hasOperator, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  const [value, setValue] = useState(selectorValue?.SINGLE_LINE_TEXT ?? '');\n\n  const regex = selectedNode.options.regex ? new RegExp(selectedNode.options.regex) : null;\n  const isRegexValid = regex ? regex.test(value) : true;\n\n  const handleSubmit = () => {\n    if (value.length === 0) return;\n    if (selectedNode.options.dataType === dataTypes.NUMBER) {\n      if (Number.isNaN(Number(value))) return;\n    }\n    if (regex && !isRegexValid) return;\n    onApply(value);\n  };\n\n  return (\n    <Box>\n      {hasOperator && (\n        <CascaderDropdownBreadcrumb\n          focusNthColumn={onCancel}\n          showBackButton={false}\n          foldersSelectionPath={[{ value: `${selectedNode?.value}`, label: `${selectedNode?.label}` }]}\n        />\n      )}\n      <Box css={{ padding: '$4' }}>\n        <Input\n          size=\"lg\"\n          placeholder={`${selectedNode?.label ?? ''}`}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          type={selectedNode.options.dataType === dataTypes.NUMBER ? 'number' : 'text'}\n          autoFocus\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              e.preventDefault();\n              handleSubmit();\n            }\n          }}\n        />\n      </Box>\n      <InputFooter disabled={!value.trim() || !isRegexValid} onCancel={onCancel} onApply={handleSubmit} />\n    </Box>\n  );\n};\n\nconst InputFooter = ({ disabled, onCancel, onApply }: { disabled: boolean, onCancel: () => void, onApply: () => void }) => {\n  return (\n    <Flex justifyContent=\"space-between\" css={{ padding: '$4', borderTop: '1px solid $neutral100' }}>\n      <Button size=\"md\" variant=\"ghost\" color=\"default\" onClick={onCancel}>Cancel</Button>\n      <Button size=\"md\" variant=\"ghost\" disabled={disabled} onClick={onApply}>Apply</Button>\n    </Flex>\n  );\n};\n\nconst MultiLineTextInput = ({\n  selectedNode, onApply, onCancel, hasOperator, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  const [value, setValue] = useState(selectorValue?.MULTI_LINE_TEXT ?? '');\n\n  const regex = selectedNode.options.regex ? new RegExp(selectedNode.options.regex) : null;\n  const isRegexValid = regex ? regex.test(value) : true;\n\n  const handleSubmit = () => {\n    if (value.length === 0) return;\n    if (regex && !isRegexValid) return;\n    onApply(value);\n  };\n\n  return (\n    <Box>\n      {hasOperator && (\n        <CascaderDropdownBreadcrumb\n          focusNthColumn={onCancel}\n          showBackButton={false}\n          foldersSelectionPath={[{ value: `${selectedNode?.value}`, label: `${selectedNode?.label}` }]}\n        />\n      )}\n      <Box css={{ padding: '$4' }}>\n        <Textarea\n          size=\"lg\"\n          placeholder={`${selectedNode?.label ?? ''}`}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          rows={4}\n          resize=\"none\"\n          autoFocus\n        />\n      </Box>\n      <InputFooter disabled={!value.trim() || !isRegexValid} onCancel={onCancel} onApply={handleSubmit} />\n    </Box>\n  );\n};\n\nconst SingleSelectInput = ({\n  selectedNode, onCancel, onApply, hasOperator, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  const choices = selectedNode.options.choices ?? [];\n\n  const onClick = (value: string) => {\n    onApply(value);\n  };\n\n  const checkedSet = new Set(selectorValue?.SINGLE_SELECT ? [selectorValue.SINGLE_SELECT] : []);\n\n  return (\n    <Box>\n      {hasOperator && (\n        <CascaderDropdownBreadcrumb\n          focusNthColumn={onCancel}\n          showBackButton={false}\n          foldersSelectionPath={[{ value: `${selectedNode?.value}`, label: `${selectedNode?.label}` }]}\n        />\n      )}\n      <SearchableList\n        choices={choices}\n        isMultiSelect={false}\n        onClick={onClick}\n        checkedSet={checkedSet}\n      />\n    </Box>\n  );\n};\n\nconst MultiSelectInput = ({\n  selectedNode, onCancel, hasOperator, onApply, selectorValue\n}: CascaderDropdownValueSelectorProps) => {\n  const [checkedSet, setCheckedSet] = useState<Set<string>>(new Set(selectorValue?.MULTI_SELECT ?? []));\n\n  const choices = selectedNode.options.choices ?? [];\n\n  const onClick = (value: string) => {\n    setCheckedSet((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(value)) newSet.delete(value);\n      else newSet.add(value);\n\n      return newSet;\n    });\n  };\n\n  return (\n    <Box>\n      {hasOperator && (\n        <CascaderDropdownBreadcrumb\n          focusNthColumn={onCancel}\n          showBackButton={false}\n          foldersSelectionPath={[{ value: `${selectedNode?.value}`, label: `${selectedNode?.label}` }]}\n        />\n      )}\n      <SearchableList\n        choices={choices}\n        isMultiSelect\n        onClick={onClick}\n        checkedSet={checkedSet}\n      />\n      <InputFooter disabled={!checkedSet.size} onCancel={onCancel} onApply={() => onApply(Array.from(checkedSet))} />\n    </Box>\n  );\n};\n\nexport const SearchableList = ({\n  choices,\n  isMultiSelect,\n  onClick,\n  checkedSet = new Set(),\n  hasArrow = false\n}: {\n  choices: { label: string; value: string }[];\n  isMultiSelect: boolean;\n  onClick: (value: string, choice: { label: string; value: string }) => void;\n  checkedSet?: Set<string>;\n  hasArrow?: boolean;\n}) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const [needsScroll, setNeedsScroll] = useState(false);\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(0);\n  const [searchQuery, setSearchQuery] = useState('');\n\n  const filteredChoices = useMemo(() => choices.filter((choice) => choice.label?.toLowerCase().includes(searchQuery.toLowerCase())), [choices, searchQuery]);\n\n  useEffect(() => {\n    if (listRef.current) {\n      const list = listRef.current;\n      const checkScroll = () => {\n        setNeedsScroll(list.scrollHeight > list.clientHeight);\n        return undefined;\n      };\n      checkScroll();\n      const resizeObserver = new ResizeObserver(checkScroll);\n      resizeObserver.observe(list);\n      return () => resizeObserver.disconnect();\n    }\n    return undefined;\n  }, [filteredChoices]);\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowDown') {\n      if (focusedIndex < filteredChoices.length - 1) {\n        setFocusedIndex(focusedIndex + 1);\n      } else {\n        setFocusedIndex(filteredChoices.length - 1);\n      }\n      e.preventDefault();\n    }\n\n    if (e.key === 'ArrowUp') {\n      if (focusedIndex > 0) {\n        setFocusedIndex(focusedIndex - 1);\n      } else {\n        setFocusedIndex(0);\n      }\n      e.preventDefault();\n    }\n\n    if (e.key === 'Enter') {\n      onClick(filteredChoices[focusedIndex].value, filteredChoices[focusedIndex]);\n      e.preventDefault();\n    }\n  };\n\n  const onMouseEnter = (index: number) => {\n    setFocusedIndex(index);\n  };\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.focus();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (searchQuery.length > 0 && focusedIndex >= filteredChoices.length) {\n      setFocusedIndex(filteredChoices.length - 1);\n    }\n  }, [filteredChoices, searchQuery]);\n\n  return (\n    <Box css={{ position: 'relative' }}>\n      <Input\n        onChange={(e) => {\n          setSearchQuery(e.target.value);\n        }}\n        value={searchQuery}\n        ref={inputRef}\n        autoFocus\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      {filteredChoices.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      <Box\n        as=\"ul\"\n        ref={listRef}\n        css={{\n          paddingTop: '$4',\n          maxHeight: '240px',\n          overflowY: 'auto',\n          paddingBottom: needsScroll ? '$10' : '$4'\n        }}\n        tabIndex={-1}\n      >\n        {filteredChoices.map((choice, index) => {\n          return (\n            <StyledItem\n              key={choice.value}\n              hovered={focusedIndex === index}\n              selected={checkedSet.has(choice.value)}\n              onMouseEnter={() => onMouseEnter(index)}\n              css={{\n                justifyContent: 'space-between'\n              }}\n              onClick={() => onClick(choice.value, choice)}\n            >\n              <Flex alignItems=\"center\" css={{ overflow: 'hidden' }} gap=\"$4\">\n                {isMultiSelect && <Checkbox checked={checkedSet.has(choice.value)} />}\n                <Text\n                  css={{ color: '$neutral900' }}\n                  truncate\n                >\n                  {choice.label}\n                </Text>\n              </Flex>\n              {hasArrow && (\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      </Box>\n      {needsScroll && (\n        <Box\n          css={{\n            position: 'absolute',\n            bottom: '0',\n            left: 0,\n            right: 0,\n            height: '$10',\n            pointerEvents: 'none',\n            background: 'linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 80.46%)'\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":["React","parseDate","now","getLocalTimeZone","today"],"mappings":"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"}

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

@@ -0,0 +1,96 @@
+import React__default, { useState, useMemo } from 'react';
+import { initialFilterValueSelectorValue } from './helpers/cascader-dropdown-constants.js';
+import { CascaderDropdownProvider } from './cascader-dropdown-provider.js';
+import { CascaderDropdownContent } from './cascader-dropdown-content.js';
+import { recursiveFind } from './helpers/cascader-dropdown-utils.js';
+import ThemeWrapper from '../commons/components/theme-wrapper.js';
+import { TooltipProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.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 CascaderDropdown = ({
+  children,
+  data = [],
+  value = null,
+  defaultValue = null,
+  onChange,
+  dropdownProps = {},
+  dropdownContentProps = {},
+  tooltipProps,
+  selectorValue = initialFilterValueSelectorValue
+}) => {
+  var _a;
+  const [localValue, setLocalValue] = useState(
+    (_a = typeof defaultValue === "object" ? defaultValue : recursiveFind(data, { value: defaultValue, label: "" })) != null ? _a : {
+      value: "",
+      label: ""
+    }
+  );
+  const selectedValue = useMemo(() => {
+    var _a2;
+    if (value && typeof value === "object") {
+      return value;
+    }
+    if (value) {
+      return (_a2 = recursiveFind(data, { value, label: "" })) != null ? _a2 : { value: "", label: "" };
+    }
+    if (localValue && typeof localValue === "object") {
+      return localValue;
+    }
+    return { value: "", label: "" };
+  }, [data, localValue, value]);
+  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React__default.createElement(
+    CascaderDropdownProvider,
+    {
+      data,
+      value: selectedValue,
+      selectorValue,
+      onChange: ({
+        value: selectedDataValue,
+        selectionPath,
+        selectorValue: selectedSelectorValue
+      }) => {
+        setLocalValue(selectedDataValue);
+        if (onChange) {
+          onChange({
+            value: selectedDataValue,
+            selectionPath,
+            selectedProperty: recursiveFind(data, {
+              value: selectedDataValue.value,
+              label: ""
+            }),
+            selectorValue: selectedSelectorValue
+          });
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      CascaderDropdownContent,
+      __spreadProps(__spreadValues({}, dropdownProps), {
+        dropdownContentProps,
+        tooltipProps
+      }),
+      children
+    )
+  )));
+};
+
+export { CascaderDropdown };
+//# sourceMappingURL=cascader-dropdown.js.map