se-design 1.0.87-dev.1 → 1.0.87

package/dist/index38.js

@@ -1,34 +1,34 @@
-import o, { forwardRef as Ce, useState as R, useRef as M, useCallback as U, useEffect as W, useImperativeHandle as De } from "react";
-import { Popover as $e } from "./index19.js";
-import { Icon as Ie } from "./index6.js";
-import { Checkbox as Te } from "./index23.js";
-import { Button as ee } from "./index4.js";
-import { getA11yNameAttributes as Oe } from "./index81.js";
+import o, { forwardRef as _e, useState as I, useRef as M, useCallback as U, useEffect as W, useImperativeHandle as Pe } from "react";
+import { Popover as Ce } from "./index19.js";
+import { Icon as De } from "./index6.js";
+import { Checkbox as $e } from "./index23.js";
+import { Button as Z } from "./index4.js";
+import { getA11yNameAttributes as Te } from "./index81.js";
 import "./index72.js";
-import { useCombobox as Ae } from "./index68.js";
-import { useStableId as te } from "./index206.js";
-import { announce as Re } from "./index75.js";
+import { useCombobox as Oe } from "./index68.js";
+import { useStableId as Ae } from "./index205.js";
+import { announce as Ie } from "./index75.js";
 /* empty css         */
-function d() {
-  return d = Object.assign ? Object.assign.bind() : function(v) {
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(w) {
     for (var i = 1; i < arguments.length; i++) {
       var b = arguments[i];
-      for (var k in b) ({}).hasOwnProperty.call(b, k) && (v[k] = b[k]);
+      for (var k in b) ({}).hasOwnProperty.call(b, k) && (w[k] = b[k]);
     }
-    return v;
-  }, d.apply(null, arguments);
+    return w;
+  }, f.apply(null, arguments);
 }
-const Ge = /* @__PURE__ */ Ce(({
-  value: v,
+const Be = /* @__PURE__ */ _e(({
+  value: w,
   onChange: i,
   placeholder: b = "Type to search or add custom tags...",
   className: k = "",
   options: g = [],
   renderOption: x,
-  label: D,
-  ariaLabel: ne,
-  ariaLabelledBy: oe,
-  ariaDescribedBy: ae,
+  label: R,
+  ariaLabel: ee,
+  ariaLabelledBy: te,
+  ariaDescribedBy: ne,
   automationId: p = "",
   noOptionsMessage: L = "No options found",
   allowCustomTags: j = !0,
@@ -36,8 +36,8 @@ const Ge = /* @__PURE__ */ Ce(({
   type: H = "select",
   showInput: z = !0,
   displayTagBy: B = "label",
-  isWithPortal: le = !1
-}, re) => {
+  isWithPortal: oe = !1
+}, ae) => {
   const G = (e) => e.map((t) => {
     const n = g.find((s) => s.value === t);
     return n ? {
@@ -47,25 +47,25 @@ const Ge = /* @__PURE__ */ Ce(({
       label: t,
       value: t
     };
-  }), [l, f] = R(() => G(v || [])), [r, y] = R(""), [K, se] = R(g), [c, u] = R(!1), ie = M(null), $ = M(null), I = M(!1), S = H === "multi-select-without-cta", m = H === "multi-select" || S, ce = te(p, "dropdown-input-tags-listbox"), q = te(p, "dropdown-input-tags-label"), T = U((e) => {
+  }), [l, d] = I(() => G(w || [])), [r, y] = I(""), [K, le] = I(g), [c, u] = I(!1), re = M(null), D = M(null), $ = M(!1), S = H === "multi-select-without-cta", m = H === "multi-select" || S, se = Ae(p, "dropdown-input-tags-listbox"), T = U((e) => {
     if (a) return;
     const t = [...l];
     t.some((n) => n.value === e.value) || (t.push({
       label: e.label,
       value: e.value
-    }), f(t), i?.(t.map((n) => n.value))), y(""), u(!1);
+    }), d(t), i?.(t.map((n) => n.value))), y(""), u(!1);
   }, [a, l, i]), V = U((e, t) => {
     let n = [];
     e ? n = [...l, {
       label: t.label,
       value: t.value
-    }] : n = l.filter((s) => s.value !== t.value), f(n), y(""), S && (I.current = !0, i?.(n.map((s) => s.value)));
-  }, [l, S, i]), O = "__add_custom_tag__", J = "__no_results__", ue = {
-    id: J,
+    }] : n = l.filter((s) => s.value !== t.value), d(n), y(""), S && ($.current = !0, i?.(n.map((s) => s.value)));
+  }, [l, S, i]), O = "__add_custom_tag__", q = "__no_results__", ie = {
+    id: q,
     label: L,
-    value: J,
+    value: q,
     __noResults: !0
-  }, pe = (e) => !!e?.__noResults, Q = U((e) => {
+  }, ce = (e) => !!e?.__noResults, J = U((e) => {
     if (!a) {
       if (e.value === O) {
         const t = r.trim();
@@ -74,7 +74,7 @@ const Ge = /* @__PURE__ */ Ce(({
         n.some((s) => s.value === t) || (n.push({
           label: t,
           value: t
-        }), f(n), i?.(n.map((s) => s.value))), y(""), u(!1);
+        }), d(n), i?.(n.map((s) => s.value))), y(""), u(!1);
         return;
       }
       if (m) {
@@ -83,55 +83,55 @@ const Ge = /* @__PURE__ */ Ce(({
       } else
         T(e);
     }
-  }, [a, m, l, r, i, V, T]), w = K.length > 0 ? K : j && r.trim() ? [{
+  }, [a, m, l, r, i, V, T]), v = K.length > 0 ? K : j && r.trim() ? [{
     id: O,
     label: `Add "${r.trim()}"`,
     value: O
-  }] : [], X = w.length === 0 && c ? [ue] : w, {
-    containerProps: me,
-    inputProps: Y,
-    listboxProps: de,
+  }] : [], Q = v.length === 0 && c ? [ie] : v, {
+    containerProps: ue,
+    inputProps: X,
+    listboxProps: pe,
     getOptionProps: N,
     highlightedIndex: h,
     setHighlightedIndex: E,
-    isKeyboardFocused: Z
-  } = Ae({
-    items: X,
+    isKeyboardFocused: Y
+  } = Oe({
+    items: Q,
     isOpen: c,
     onOpenChange: u,
-    onSelect: Q,
-    listboxId: ce,
-    hasItems: X.length > 0,
+    onSelect: J,
+    listboxId: se,
+    hasItems: Q.length > 0,
     keepHighlightOnSelect: m,
     closeOnTab: H !== "multi-select",
-    isItemDisabled: pe
-  }), _ = (e) => e ? `highlighted${Z ? " keyboard-highlight" : ""}` : "";
+    isItemDisabled: ce
+  }), _ = (e) => e ? `highlighted${Y ? " keyboard-highlight" : ""}` : "";
   W(() => {
-    if (I.current) {
-      I.current = !1;
+    if ($.current) {
+      $.current = !1;
       return;
     }
-    f(G(v || []));
-  }, [v, g, c]), W(() => {
+    d(G(w || []));
+  }, [w, g, c]), W(() => {
     const e = g.filter((t) => t.label.toLowerCase().includes(r.toLowerCase()) || t.value.toLowerCase().includes(r.toLowerCase()));
-    se(e);
+    le(e);
   }, [r, g]), W(() => {
-    c && w.length === 0 && r.trim() && h === -1 && Re(L, {
+    c && v.length === 0 && r.trim() && h === -1 && Ie(L, {
       assertiveness: "polite",
       batchId: "dropdown-input-tags-empty-state",
       delay: 300
     });
-  }, [w.length, c, r, h]);
-  const fe = (e) => {
+  }, [v.length, c, r, h]);
+  const me = (e) => {
     if (a) return;
     const t = l.filter((n, s) => s !== e);
-    f(t), (!m || S || m && !c) && i?.(t.map((n) => n.value));
-  }, ge = (e) => {
+    d(t), (!m || S || m && !c) && i?.(t.map((n) => n.value));
+  }, fe = (e) => {
     if (!a) {
       if (e.key === "Backspace" && r === "" && l.length > 0) {
         e.preventDefault();
         const t = l.slice(0, -1);
-        f(t), i?.(t.map((n) => n.value));
+        d(t), i?.(t.map((n) => n.value));
         return;
       }
       if (e.key === "Enter" && r.trim() && K.length === 0 && j) {
@@ -140,34 +140,34 @@ const Ge = /* @__PURE__ */ Ce(({
         t.some((n) => n.value === r.trim()) || (t.push({
           label: r.trim(),
           value: r.trim()
-        }), f(t), i?.(t.map((n) => n.value))), y(""), E(-1), u(!1);
+        }), d(t), i?.(t.map((n) => n.value))), y(""), E(-1), u(!1);
         return;
       }
-      Y.onKeyDown(e);
+      X.onKeyDown(e);
     }
-  }, he = (e) => {
+  }, de = (e) => {
     if (a) return;
     const t = e.target.value;
     y(t), E(-1), t.trim() && !c && u(!0);
-  }, ve = () => {
+  }, ge = () => {
     a || (r.trim() || g.length > 0) && u(!0);
+  }, he = (e) => {
+    a || (e.stopPropagation(), D.current?.focus(), !c && (r.trim() || g.length > 0) && u(!0));
   }, we = (e) => {
-    a || (e.stopPropagation(), $.current?.focus(), !c && (r.trim() || g.length > 0) && u(!0));
-  }, Ee = (e) => {
     if (a) {
       e.preventDefault(), e.stopPropagation();
       return;
     }
     e.target.closest(".input-with-tags-container") && e.stopPropagation();
-  }, be = () => {
+  }, ve = () => {
     a || u(!c);
   };
-  De(re, () => ({
-    toggleDropdown: be
+  Pe(ae, () => ({
+    toggleDropdown: ve
   }), []);
-  const ke = (e, t, n, s) => {
+  const Ee = (e, t, n, s) => {
     const P = l.some((C) => C.value === e.value), A = h === t, F = N(t, P);
-    return /* @__PURE__ */ o.createElement("div", d({
+    return /* @__PURE__ */ o.createElement("div", f({
       key: e.id
     }, F, {
       className: `dropdown-with-input-tags-option ${_(A)}`,
@@ -179,25 +179,25 @@ const Ge = /* @__PURE__ */ Ce(({
     }, e.label), e.value !== e.label && /* @__PURE__ */ o.createElement("span", {
       className: "option-value"
     }, e.value));
-  }, ye = () => {
-    I.current = !0;
+  }, be = () => {
+    $.current = !0;
     const e = l.map((t) => t.value);
     i?.(e), u(!1);
-  }, Se = () => {
-    f([]);
-  }, Ne = (e, t) => {
+  }, ke = () => {
+    d([]);
+  }, ye = (e, t) => {
     const n = l.some((A) => A.value === e.value), s = h === t, P = N(t, n);
-    return /* @__PURE__ */ o.createElement("div", d({
+    return /* @__PURE__ */ o.createElement("div", f({
       key: e.id
     }, P, {
       className: `dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option ${_(s)}`,
       "aria-checked": n,
       onClick: () => {
-        a || (V(!n, e), $.current?.focus());
+        a || (V(!n, e), D.current?.focus());
       },
       onMouseEnter: () => E(t),
       "data-automation-id": `${p}-option-${e.id}`
-    }), /* @__PURE__ */ o.createElement(Te, {
+    }), /* @__PURE__ */ o.createElement($e, {
       automationId: "checkbox",
       className: "checkbox",
       checked: n,
@@ -206,34 +206,34 @@ const Ge = /* @__PURE__ */ Ce(({
       label: e.label,
       tabIndex: -1
     }));
-  }, _e = () => /* @__PURE__ */ o.createElement("div", {
+  }, Se = () => /* @__PURE__ */ o.createElement("div", {
     className: "dropdown-with-input-tags-ctas-container",
     onKeyDown: (e) => {
       (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") && e.stopPropagation();
     }
-  }, /* @__PURE__ */ o.createElement(ee, {
+  }, /* @__PURE__ */ o.createElement(Z, {
     label: "Clear",
     type: "link",
     size: "sm",
-    onClick: Se,
+    onClick: ke,
     automationId: `${p}-clear-button`
-  }), /* @__PURE__ */ o.createElement(ee, {
+  }), /* @__PURE__ */ o.createElement(Z, {
     label: "Apply",
     type: "primary",
     size: "sm",
-    onClick: ye,
+    onClick: be,
     automationId: `${p}-apply-button`
   }));
-  return /* @__PURE__ */ o.createElement("div", d({
+  return /* @__PURE__ */ o.createElement("div", f({
     className: `dropdown-with-input-tags-wrapper ${k} ${a ? "disabled-wrapper" : ""}`,
     "data-automation-id": p
-  }, me), D && /* @__PURE__ */ o.createElement("label", {
-    id: q,
+  }, ue), R && /* @__PURE__ */ o.createElement("label", {
+    id: `${p}-label`,
     className: "dropdown-with-input-tags-label"
-  }, D), /* @__PURE__ */ o.createElement("div", {
-    onClick: Ee
-  }, /* @__PURE__ */ o.createElement($e, {
-    ref: ie,
+  }, R), /* @__PURE__ */ o.createElement("div", {
+    onClick: we
+  }, /* @__PURE__ */ o.createElement(Ce, {
+    ref: re,
     className: "dropdown-with-input-tags-popover",
     contentWidth: "full",
     position: "bottom-left",
@@ -241,78 +241,77 @@ const Ge = /* @__PURE__ */ Ce(({
     onPopoverToggle: a ? () => {
     } : u,
     disableClickToggle: !0,
-    isWithPortal: le,
+    isWithPortal: oe,
     renderPopoverContents: ({
       closePopoverCb: e
-    }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", d({}, de, {
+    }) => /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", f({}, pe, {
       className: "dropdown-with-input-tags-content"
     }, m && {
       "aria-multiselectable": "true"
-    }), w.length > 0 ? w.map((t, n) => {
+    }), v.length > 0 ? v.map((t, n) => {
       if (t.value === O) {
-        const C = h === n, Pe = N(n, !1);
-        return /* @__PURE__ */ o.createElement("div", d({
+        const C = h === n, Ne = N(n, !1);
+        return /* @__PURE__ */ o.createElement("div", f({
           key: t.id
-        }, Pe, {
+        }, Ne, {
           className: `dropdown-with-input-tags-option dropdown-with-input-tags-custom-option ${_(C)}`,
           onClick: () => {
-            a || (Q(t), e());
+            a || (J(t), e());
           },
           onMouseEnter: () => E(n)
         }), 'Add "', r.trim(), '"');
       }
       if (m)
-        return Ne(t, n);
+        return ye(t, n);
       const s = l.some((C) => C.value === t.value), P = h === n, F = {
         ...N(n, s),
         onMouseEnter: () => E(n),
         className: `dropdown-with-input-tags-option ${_(P)}`
       };
-      return x ? x(t, F, T) : ke(t, n, T, a);
-    }) : /* @__PURE__ */ o.createElement("div", d({}, N(0, !1), {
+      return x ? x(t, F, T) : Ee(t, n, T, a);
+    }) : /* @__PURE__ */ o.createElement("div", f({}, N(0, !1), {
       className: `dropdown-with-input-tags-no-options ${_(h === 0)}`
     }), /* @__PURE__ */ o.createElement("div", {
       className: "dropdown-with-input-tags-no-options-text"
-    }, L))), m && !S && _e()),
+    }, L))), m && !S && Se()),
     renderPopoverSrcElement: () => /* @__PURE__ */ o.createElement("div", {
       className: "dropdown-with-input-tags-input-container"
     }, /* @__PURE__ */ o.createElement("div", {
-      className: `input-with-tags-container ${a ? "disabled-input-with-tags-container" : ""} ${Z ? "keyboard-focused" : ""}`,
-      onClick: we,
+      className: `input-with-tags-container ${a ? "disabled-input-with-tags-container" : ""} ${Y ? "keyboard-focused" : ""}`,
+      onClick: he,
       onKeyDown: (e) => {
-        e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && $.current?.focus();
+        e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && D.current?.focus();
       }
     }, l.map((e, t) => /* @__PURE__ */ o.createElement("span", {
       key: t,
       className: "tag-in-inputwithtags"
-    }, e[B], !a && /* @__PURE__ */ o.createElement(Ie, {
+    }, e[B], !a && /* @__PURE__ */ o.createElement(De, {
       name: "close",
       className: "close-icon-in-inputwithtags",
       ariaLabel: `Remove tag ${e[B]}`,
-      onClick: () => fe(t),
+      onClick: () => me(t),
       shouldStopPropagation: !0
-    }))), (z || !l.length || m) && /* @__PURE__ */ o.createElement("input", d({
-      ref: $
-    }, Y, {
+    }))), (z || !l.length || m) && /* @__PURE__ */ o.createElement("input", f({
+      ref: D
+    }, X, {
       type: "text",
       value: r,
-      onChange: he,
-      onKeyDown: ge,
-      onFocus: ve,
+      onChange: de,
+      onKeyDown: fe,
+      onFocus: ge,
       placeholder: l.length === 0 ? b : "",
       className: `input-with-tags-input${!z && l.length > 0 && !r ? " sr-only" : ""}`,
       disabled: a
-    }, Oe({
-      ariaLabel: ne || (D ? void 0 : "Search and select options"),
-      ariaLabelledBy: oe,
-      internalLabelId: D ? q : void 0,
-      ariaDescribedBy: ae
+    }, Te({
+      ariaLabel: ee || R || "Search and select options",
+      ariaLabelledBy: te,
+      ariaDescribedBy: ne
     }))))),
     automationId: p,
     popoverContentAutomationId: `${p}-content`
   })));
 });
 export {
-  Ge as DropdownWithInputTags
+  Be as DropdownWithInputTags
 };
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent, useCallback } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { useCombobox, getA11yNameAttributes } from '../../utils/a11y';\nimport { announce } from '../../utils/a11y/liveAnnouncer/LiveAnnouncer';\nimport { useStableId } from '../../utils/useStableId';\nimport './styles.scss';\n\nexport interface DropdownOption {\n  id: string | number;\n  label: string;\n  value: string;\n  [key: string]: any; // Allow additional properties\n}\n\nexport interface DropdownWithInputTagsHandle {\n  toggleDropdown: () => void;\n}\n\nexport interface DropdownWithInputTagsProps {\n  value: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  options?: DropdownOption[];\n  renderOption?: (\n    option: DropdownOption,\n    props: {\n      id: string;\n      role: 'option';\n      'aria-selected'?: boolean;\n      'aria-disabled'?: true;\n      onMouseEnter: () => void;\n      className: string;\n    },\n    onSelect: (option: DropdownOption) => void\n  ) => React.ReactNode;\n  label?: string;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaDescribedBy?: string;\n  automationId?: string;\n  noOptionsMessage?: string;\n  allowCustomTags?: boolean;\n  disabled?: boolean;\n  type?: 'select' | 'multi-select' |'multi-select-without-cta';\n  showInput?: boolean;\n  displayTagBy?: 'label' | 'value';\n  isWithPortal?: boolean;\n}\n\nexport const DropdownWithInputTags = forwardRef<DropdownWithInputTagsHandle, DropdownWithInputTagsProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder = \"Type to search or add custom tags...\",\n      className = '',\n      options = [],\n      renderOption,\n      label,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true,\n      displayTagBy = 'label',\n      isWithPortal = false\n    },\n    ref: ForwardedRef<DropdownWithInputTagsHandle>\n  ) => {\n    // Define initValues at the top, right after props\n    const initValues = (values: string[]) => {\n      return values.map(val => {\n        const found = options.find(opt => opt.value === val);\n        return found ? { label: found.label, value: found.value } : { label: val, value: val };\n      });\n    };\n\n    // Now use it in useState\n    const [tags, setTags] = useState<{ label: string; value: string }[]>(() => {\n      return initValues(value || []);\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [filteredOptions, setFilteredOptions] = useState<DropdownOption[]>(options);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const popoverRef = useRef<PopoverHandle>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const applyClickedRef = useRef<boolean>(false);\n    \n    const isMultiSelectWithoutCTA = type === 'multi-select-without-cta';\n    const isMultiSelect = type === 'multi-select' ||isMultiSelectWithoutCTA;\n\n    // Generate stable ID for listbox\n    const listboxId = useStableId(automationId, 'dropdown-input-tags-listbox');\n    const labelId = useStableId(automationId, 'dropdown-input-tags-label');\n\n    const handleSelectOption = useCallback(\n      (option: DropdownOption) => {\n        if (disabled) return;\n\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === option.value)) {\n          newTags.push({ label: option.label, value: option.value });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n      },\n      [disabled, tags, onChange]\n    );\n\n    const handleMultiSelectDropdownOptionClick = useCallback(\n      (isSelected: boolean, option: DropdownOption) => {\n        let newSelectedTags: { label: string; value: string }[] = [];\n        if (isSelected) {\n          newSelectedTags = [...tags, { label: option.label, value: option.value }];\n        } else {\n          newSelectedTags = tags.filter((tag) => tag.value !== option.value);\n        }\n        setTags(newSelectedTags);\n        setInputValue('');\n        if (isMultiSelectWithoutCTA) {\n          applyClickedRef.current = true;\n          onChange?.(newSelectedTags.map((tag) => tag.value));\n        }\n      },\n      [tags, isMultiSelectWithoutCTA, onChange]\n    );\n\n    const ADD_CUSTOM_TAG_VALUE = '__add_custom_tag__';\n    const NO_RESULTS_VALUE = '__no_results__';\n    const NO_RESULTS_SENTINEL: DropdownOption = { id: NO_RESULTS_VALUE, label: noOptionsMessage, value: NO_RESULTS_VALUE, __noResults: true };\n    const isNoResultsSentinel = (item: DropdownOption) => !!item?.__noResults;\n\n    const handleSelectFromDropdown = useCallback((option: DropdownOption) => {\n      if (disabled) return;\n\n      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n        const trimmed = inputValue.trim();\n        if (!trimmed) return;\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === trimmed)) {\n          newTags.push({ label: trimmed, value: trimmed });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      if (isMultiSelect) {\n        const isSelected = tags.some(tag => tag.value === option.value);\n        handleMultiSelectDropdownOptionClick(!isSelected, option);\n      } else {\n        handleSelectOption(option);\n      }\n    }, [disabled, isMultiSelect, tags, inputValue, onChange, handleMultiSelectDropdownOptionClick, handleSelectOption]);\n\n    const effectiveItems: DropdownOption[] =\n      filteredOptions.length > 0\n        ? filteredOptions\n        : allowCustomTags && inputValue.trim()\n          ? [{ id: ADD_CUSTOM_TAG_VALUE, label: `Add \"${inputValue.trim()}\"`, value: ADD_CUSTOM_TAG_VALUE }]\n          : [];\n\n    // Inject sentinel so arrow keys can reach \"No options found\" when the list is truly empty\n    const showEmptyState = effectiveItems.length === 0 && isDropdownOpen;\n    const comboboxItems: DropdownOption[] = showEmptyState ? [NO_RESULTS_SENTINEL] : effectiveItems;\n\n    // Combobox hook for keyboard navigation and ARIA\n    const {\n      containerProps,\n      inputProps: comboboxInputProps,\n      listboxProps,\n      getOptionProps,\n      highlightedIndex,\n      setHighlightedIndex,\n      isKeyboardFocused\n    } = useCombobox({\n      items: comboboxItems,\n      isOpen: isDropdownOpen,\n      onOpenChange: setIsDropdownOpen,\n      onSelect: handleSelectFromDropdown,\n      listboxId,\n      hasItems: comboboxItems.length > 0,\n      keepHighlightOnSelect: isMultiSelect,\n      closeOnTab: type !== 'multi-select',\n      isItemDisabled: isNoResultsSentinel\n    });\n\n    const getHighlightClass = (isHighlighted: boolean) =>\n      isHighlighted ? `highlighted${isKeyboardFocused ? ' keyboard-highlight' : ''}` : '';\n\n    useEffect(() => {\n      if (applyClickedRef.current) {\n        applyClickedRef.current = false;\n        return;\n      }\n      setTags(initValues(value || []));\n    }, [value, options, isDropdownOpen]);\n\n\n    useEffect(() => {\n      // const isInputEmpty = !inputValue.trim();\n      const filtered = options.filter(option =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n        option.value.toLowerCase().includes(inputValue.toLowerCase())\n      );\n      setFilteredOptions(filtered);\n    }, [inputValue, options]);\n\n    // Announce empty state for screen readers — only when arrow keys haven't reached it yet.\n    // Once highlighted (aria-activedescendant), the screen reader reads it directly.\n    useEffect(() => {\n      if (isDropdownOpen && effectiveItems.length === 0 && inputValue.trim() && highlightedIndex === -1) {\n        announce(noOptionsMessage, { assertiveness: 'polite', batchId: 'dropdown-input-tags-empty-state', delay: 300 });\n      }\n    }, [effectiveItems.length, isDropdownOpen, inputValue, highlightedIndex]);\n\n    const handleRemoveTag = (indexToRemove: number) => {\n      if (disabled) return;\n      \n      const newTags = tags.filter((_, index) => index !== indexToRemove);\n      setTags(newTags);\n      \n      //in multiselect if tag removed while dorpdownopen, do not call onchange\n      if(!isMultiSelect || isMultiSelectWithoutCTA ||(isMultiSelect && !isDropdownOpen)) {\n        onChange?.(newTags.map(tag => tag.value));\n      }\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      // Handle Backspace to remove last tag (preserve existing behavior)\n      if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        e.preventDefault();\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n        return;\n      }\n\n      // Handle Enter for custom tags when no options match\n      if (e.key === 'Enter' && inputValue.trim() && filteredOptions.length === 0 && allowCustomTags) {\n        e.preventDefault();\n        const newTags = [...tags];\n        if (!newTags.some(tag => tag.value === inputValue.trim())) {\n          newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n          setTags(newTags);\n          onChange?.(newTags.map(tag => tag.value));\n        }\n        setInputValue('');\n        setHighlightedIndex(-1);\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      // Let combobox hook handle all other keyboard events (Arrow keys, Enter, Escape, etc.)\n      comboboxInputProps.onKeyDown(e);\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\n      setHighlightedIndex(-1); // Reset highlighted index when user types\n      \n      if (newValue.trim() && !isDropdownOpen) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (disabled) return;\n\n      if (inputValue.trim() || options.length > 0) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputContainerClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.stopPropagation();\n      inputRef.current?.focus();\n      if (!isDropdownOpen && (inputValue.trim() || options.length > 0)) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handlePopoverWrapperClick = (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      \n      const target = e.target as HTMLElement;\n      const isInputArea = target.closest('.input-with-tags-container');\n      if (isInputArea) {\n        e.stopPropagation();\n      }\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsDropdownOpen(!isDropdownOpen);\n    };\n\n    useImperativeHandle(ref, () => ({ toggleDropdown }), []);\n\n    const defaultRenderOption = (\n      option: DropdownOption,\n      index: number,\n      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`}\n          onClick={() => !disabled && onSelect(option)}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <span className=\"option-label\">{option.label}</span>\n          {option.value !== option.label && <span className=\"option-value\">{option.value}</span>}\n        </div>\n      );\n    };\n    const handleApplySelectedDropDownValues = () => {\n      applyClickedRef.current = true;\n      const newTagValues = tags.map(tag => tag.value);\n      onChange?.(newTagValues);\n      setIsDropdownOpen(false);\n    };\n\n    const clearSelectedDropDownValues = () => {\n      setTags([]);\n    };\n    const multiSelectRenderOption = (option: DropdownOption, index: number) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isOptionSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option ${getHighlightClass(isHighlighted)}`}\n          aria-checked={isOptionSelected}\n          onClick={() => {\n            if (disabled) return;\n            handleMultiSelectDropdownOptionClick(!isOptionSelected, option);\n            inputRef.current?.focus();\n          }}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            checked={isOptionSelected}\n            onChange={() => {}}\n            label={option.label}\n            tabIndex={-1}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div\n          className=\"dropdown-with-input-tags-ctas-container\"\n          onKeyDown={(e) => {\n            if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n              e.stopPropagation();\n            }\n          }}\n        >\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} automationId={`${automationId}-clear-button`} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} automationId={`${automationId}-apply-button`} />\n        </div>\n      );\n    };\n\n    \n\n    return (\n      <div\n        className={`dropdown-with-input-tags-wrapper ${className} ${disabled ? 'disabled-wrapper' : ''}`}\n        data-automation-id={automationId}\n        {...containerProps}\n      >\n        {label && <label id={labelId} className=\"dropdown-with-input-tags-label\">{label}</label>}\n\n        <div onClick={handlePopoverWrapperClick}>\n          <Popover\n            ref={popoverRef}\n            className=\"dropdown-with-input-tags-popover\"\n            contentWidth=\"full\"\n            position=\"bottom-left\"\n            isPopoverOpen={!disabled && isDropdownOpen}\n            onPopoverToggle={disabled ? () => {} : setIsDropdownOpen}\n            disableClickToggle={true}\n            isWithPortal={isWithPortal}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  {...listboxProps}\n                  className=\"dropdown-with-input-tags-content\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {effectiveItems.length > 0 ? (\n                    effectiveItems.map((option, index) => {\n                      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n                        const isHighlighted = highlightedIndex === index;\n                        const optionProps = getOptionProps(index, false);\n                        return (\n                          <div\n                            key={option.id}\n                            {...optionProps}\n                            className={`dropdown-with-input-tags-option dropdown-with-input-tags-custom-option ${getHighlightClass(isHighlighted)}`}\n                            onClick={() => {\n                              if (disabled) return;\n                              handleSelectFromDropdown(option);\n                              closePopoverCb();\n                            }}\n                            onMouseEnter={() => setHighlightedIndex(index)}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        );\n                      }\n                      if (isMultiSelect) {\n                        return multiSelectRenderOption(option, index);\n                      }\n                      \n                      const isSelected = tags.some((tag) => tag.value === option.value);\n                      const isHighlighted = highlightedIndex === index;\n                      const optionProps = getOptionProps(index, isSelected);\n                      const optionPropsWithHandlers = {\n                        ...optionProps,\n                        onMouseEnter: () => setHighlightedIndex(index),\n                        className: `dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`\n                      };\n                      \n                      return renderOption\n                        ? renderOption(option, optionPropsWithHandlers, handleSelectOption)\n                        : defaultRenderOption(option, index, handleSelectOption, disabled);\n                    })\n                  ) : (\n                    <div\n                      {...getOptionProps(0, false)}\n                      className={`dropdown-with-input-tags-no-options ${getHighlightClass(highlightedIndex === 0)}`}\n                    >\n                      <div className=\"dropdown-with-input-tags-no-options-text\">\n                        {noOptionsMessage}\n                      </div>\n                    </div>\n                  )}\n                </div>\n                {isMultiSelect && !isMultiSelectWithoutCTA && multiSelectRenderCTAs()}\n              </>\n            )}\n            renderPopoverSrcElement={() => (\n              <div className=\"dropdown-with-input-tags-input-container\">\n                <div\n                  className={`input-with-tags-container ${disabled ? 'disabled-input-with-tags-container' : ''} ${isKeyboardFocused ? 'keyboard-focused' : ''}`}\n                  onClick={handleInputContainerClick}\n                  onKeyDown={(e) => {\n                    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n                      inputRef.current?.focus();\n                    }\n                  }}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag[displayTagBy]}\n                      {!disabled && (\n                        <Icon\n                          name=\"close\"\n                          className=\"close-icon-in-inputwithtags\"\n                          ariaLabel={`Remove tag ${tag[displayTagBy]}`}\n                          onClick={() => handleRemoveTag(index)}\n                          shouldStopPropagation\n                        />\n                      )}\n                    </span>\n                  ))}\n                  {(showInput || !tags.length || isMultiSelect) && (\n                    <input\n                      ref={inputRef}\n                      {...comboboxInputProps}\n                      type=\"text\"\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      placeholder={tags.length === 0 ? placeholder : ''}\n                      className={`input-with-tags-input${!showInput && tags.length > 0 && !inputValue ? ' sr-only' : ''}`}\n                      disabled={disabled}\n                      {...getA11yNameAttributes({\n                        ariaLabel: ariaLabel || (!label ? 'Search and select options' : undefined),\n                        ariaLabelledBy,\n                        internalLabelId: label ? labelId : undefined,\n                        ariaDescribedBy\n                      })}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            automationId={automationId}\n            popoverContentAutomationId={`${automationId}-content`}\n          />\n        </div>\n      </div>\n    );\n  }\n); "],"names":["DropdownWithInputTags","value","onChange","placeholder","className","options","renderOption","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","displayTagBy","isWithPortal","ref","initValues","values","map","val","found","find","opt","tags","setTags","useState","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","listboxId","useStableId","labelId","handleSelectOption","useCallback","option","newTags","some","tag","push","handleMultiSelectDropdownOptionClick","isSelected","newSelectedTags","filter","current","ADD_CUSTOM_TAG_VALUE","NO_RESULTS_VALUE","NO_RESULTS_SENTINEL","id","__noResults","isNoResultsSentinel","item","handleSelectFromDropdown","trimmed","trim","effectiveItems","length","comboboxItems","containerProps","inputProps","comboboxInputProps","listboxProps","getOptionProps","highlightedIndex","setHighlightedIndex","isKeyboardFocused","useCombobox","items","isOpen","onOpenChange","onSelect","hasItems","keepHighlightOnSelect","closeOnTab","isItemDisabled","getHighlightClass","isHighlighted","useEffect","filtered","toLowerCase","includes","announce","assertiveness","batchId","delay","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","preventDefault","slice","onKeyDown","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","optionProps","React","createElement","_extends","onClick","onMouseEnter","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","checked","tabIndex","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","disableClickToggle","renderPopoverContents","closePopoverCb","Fragment","optionPropsWithHandlers","renderPopoverSrcElement","ctrlKey","metaKey","altKey","Icon","name","shouldStopPropagation","onFocus","getA11yNameAttributes","undefined","internalLabelId","popoverContentAutomationId"],"mappings":"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"}
+{"version":3,"file":"index38.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent, useCallback } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { useCombobox, getA11yNameAttributes } from '../../utils/a11y';\nimport { announce } from '../../utils/a11y/liveAnnouncer/LiveAnnouncer';\nimport { useStableId } from '../../utils/useStableId';\nimport './styles.scss';\n\nexport interface DropdownOption {\n  id: string | number;\n  label: string;\n  value: string;\n  [key: string]: any; // Allow additional properties\n}\n\nexport interface DropdownWithInputTagsHandle {\n  toggleDropdown: () => void;\n}\n\nexport interface DropdownWithInputTagsProps {\n  value: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  options?: DropdownOption[];\n  renderOption?: (\n    option: DropdownOption,\n    props: {\n      id: string;\n      role: 'option';\n      'aria-selected'?: boolean;\n      'aria-disabled'?: true;\n      onMouseEnter: () => void;\n      className: string;\n    },\n    onSelect: (option: DropdownOption) => void\n  ) => React.ReactNode;\n  label?: string;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaDescribedBy?: string;\n  automationId?: string;\n  noOptionsMessage?: string;\n  allowCustomTags?: boolean;\n  disabled?: boolean;\n  type?: 'select' | 'multi-select' |'multi-select-without-cta';\n  showInput?: boolean;\n  displayTagBy?: 'label' | 'value';\n  isWithPortal?: boolean;\n}\n\nexport const DropdownWithInputTags = forwardRef<DropdownWithInputTagsHandle, DropdownWithInputTagsProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder = \"Type to search or add custom tags...\",\n      className = '',\n      options = [],\n      renderOption,\n      label,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true,\n      displayTagBy = 'label',\n      isWithPortal = false\n    },\n    ref: ForwardedRef<DropdownWithInputTagsHandle>\n  ) => {\n    // Define initValues at the top, right after props\n    const initValues = (values: string[]) => {\n      return values.map(val => {\n        const found = options.find(opt => opt.value === val);\n        return found ? { label: found.label, value: found.value } : { label: val, value: val };\n      });\n    };\n\n    // Now use it in useState\n    const [tags, setTags] = useState<{ label: string; value: string }[]>(() => {\n      return initValues(value || []);\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [filteredOptions, setFilteredOptions] = useState<DropdownOption[]>(options);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const popoverRef = useRef<PopoverHandle>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const applyClickedRef = useRef<boolean>(false);\n    \n    const isMultiSelectWithoutCTA = type === 'multi-select-without-cta';\n    const isMultiSelect = type === 'multi-select' ||isMultiSelectWithoutCTA;\n\n    // Generate stable ID for listbox\n    const listboxId = useStableId(automationId, 'dropdown-input-tags-listbox');\n\n    const handleSelectOption = useCallback(\n      (option: DropdownOption) => {\n        if (disabled) return;\n\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === option.value)) {\n          newTags.push({ label: option.label, value: option.value });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n      },\n      [disabled, tags, onChange]\n    );\n\n    const handleMultiSelectDropdownOptionClick = useCallback(\n      (isSelected: boolean, option: DropdownOption) => {\n        let newSelectedTags: { label: string; value: string }[] = [];\n        if (isSelected) {\n          newSelectedTags = [...tags, { label: option.label, value: option.value }];\n        } else {\n          newSelectedTags = tags.filter((tag) => tag.value !== option.value);\n        }\n        setTags(newSelectedTags);\n        setInputValue('');\n        if (isMultiSelectWithoutCTA) {\n          applyClickedRef.current = true;\n          onChange?.(newSelectedTags.map((tag) => tag.value));\n        }\n      },\n      [tags, isMultiSelectWithoutCTA, onChange]\n    );\n\n    const ADD_CUSTOM_TAG_VALUE = '__add_custom_tag__';\n    const NO_RESULTS_VALUE = '__no_results__';\n    const NO_RESULTS_SENTINEL: DropdownOption = { id: NO_RESULTS_VALUE, label: noOptionsMessage, value: NO_RESULTS_VALUE, __noResults: true };\n    const isNoResultsSentinel = (item: DropdownOption) => !!item?.__noResults;\n\n    const handleSelectFromDropdown = useCallback((option: DropdownOption) => {\n      if (disabled) return;\n\n      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n        const trimmed = inputValue.trim();\n        if (!trimmed) return;\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === trimmed)) {\n          newTags.push({ label: trimmed, value: trimmed });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      if (isMultiSelect) {\n        const isSelected = tags.some(tag => tag.value === option.value);\n        handleMultiSelectDropdownOptionClick(!isSelected, option);\n      } else {\n        handleSelectOption(option);\n      }\n    }, [disabled, isMultiSelect, tags, inputValue, onChange, handleMultiSelectDropdownOptionClick, handleSelectOption]);\n\n    const effectiveItems: DropdownOption[] =\n      filteredOptions.length > 0\n        ? filteredOptions\n        : allowCustomTags && inputValue.trim()\n          ? [{ id: ADD_CUSTOM_TAG_VALUE, label: `Add \"${inputValue.trim()}\"`, value: ADD_CUSTOM_TAG_VALUE }]\n          : [];\n\n    // Inject sentinel so arrow keys can reach \"No options found\" when the list is truly empty\n    const showEmptyState = effectiveItems.length === 0 && isDropdownOpen;\n    const comboboxItems: DropdownOption[] = showEmptyState ? [NO_RESULTS_SENTINEL] : effectiveItems;\n\n    // Combobox hook for keyboard navigation and ARIA\n    const {\n      containerProps,\n      inputProps: comboboxInputProps,\n      listboxProps,\n      getOptionProps,\n      highlightedIndex,\n      setHighlightedIndex,\n      isKeyboardFocused\n    } = useCombobox({\n      items: comboboxItems,\n      isOpen: isDropdownOpen,\n      onOpenChange: setIsDropdownOpen,\n      onSelect: handleSelectFromDropdown,\n      listboxId,\n      hasItems: comboboxItems.length > 0,\n      keepHighlightOnSelect: isMultiSelect,\n      closeOnTab: type !== 'multi-select',\n      isItemDisabled: isNoResultsSentinel\n    });\n\n    const getHighlightClass = (isHighlighted: boolean) =>\n      isHighlighted ? `highlighted${isKeyboardFocused ? ' keyboard-highlight' : ''}` : '';\n\n    useEffect(() => {\n      if (applyClickedRef.current) {\n        applyClickedRef.current = false;\n        return;\n      }\n      setTags(initValues(value || []));\n    }, [value, options, isDropdownOpen]);\n\n\n    useEffect(() => {\n      // const isInputEmpty = !inputValue.trim();\n      const filtered = options.filter(option =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n        option.value.toLowerCase().includes(inputValue.toLowerCase())\n      );\n      setFilteredOptions(filtered);\n    }, [inputValue, options]);\n\n    // Announce empty state for screen readers — only when arrow keys haven't reached it yet.\n    // Once highlighted (aria-activedescendant), the screen reader reads it directly.\n    useEffect(() => {\n      if (isDropdownOpen && effectiveItems.length === 0 && inputValue.trim() && highlightedIndex === -1) {\n        announce(noOptionsMessage, { assertiveness: 'polite', batchId: 'dropdown-input-tags-empty-state', delay: 300 });\n      }\n    }, [effectiveItems.length, isDropdownOpen, inputValue, highlightedIndex]);\n\n    const handleRemoveTag = (indexToRemove: number) => {\n      if (disabled) return;\n      \n      const newTags = tags.filter((_, index) => index !== indexToRemove);\n      setTags(newTags);\n      \n      //in multiselect if tag removed while dorpdownopen, do not call onchange\n      if(!isMultiSelect || isMultiSelectWithoutCTA ||(isMultiSelect && !isDropdownOpen)) {\n        onChange?.(newTags.map(tag => tag.value));\n      }\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      // Handle Backspace to remove last tag (preserve existing behavior)\n      if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        e.preventDefault();\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n        return;\n      }\n\n      // Handle Enter for custom tags when no options match\n      if (e.key === 'Enter' && inputValue.trim() && filteredOptions.length === 0 && allowCustomTags) {\n        e.preventDefault();\n        const newTags = [...tags];\n        if (!newTags.some(tag => tag.value === inputValue.trim())) {\n          newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n          setTags(newTags);\n          onChange?.(newTags.map(tag => tag.value));\n        }\n        setInputValue('');\n        setHighlightedIndex(-1);\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      // Let combobox hook handle all other keyboard events (Arrow keys, Enter, Escape, etc.)\n      comboboxInputProps.onKeyDown(e);\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\n      setHighlightedIndex(-1); // Reset highlighted index when user types\n      \n      if (newValue.trim() && !isDropdownOpen) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (disabled) return;\n\n      if (inputValue.trim() || options.length > 0) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputContainerClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.stopPropagation();\n      inputRef.current?.focus();\n      if (!isDropdownOpen && (inputValue.trim() || options.length > 0)) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handlePopoverWrapperClick = (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      \n      const target = e.target as HTMLElement;\n      const isInputArea = target.closest('.input-with-tags-container');\n      if (isInputArea) {\n        e.stopPropagation();\n      }\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsDropdownOpen(!isDropdownOpen);\n    };\n\n    useImperativeHandle(ref, () => ({ toggleDropdown }), []);\n\n    const defaultRenderOption = (\n      option: DropdownOption,\n      index: number,\n      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`}\n          onClick={() => !disabled && onSelect(option)}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <span className=\"option-label\">{option.label}</span>\n          {option.value !== option.label && <span className=\"option-value\">{option.value}</span>}\n        </div>\n      );\n    };\n    const handleApplySelectedDropDownValues = () => {\n      applyClickedRef.current = true;\n      const newTagValues = tags.map(tag => tag.value);\n      onChange?.(newTagValues);\n      setIsDropdownOpen(false);\n    };\n\n    const clearSelectedDropDownValues = () => {\n      setTags([]);\n    };\n    const multiSelectRenderOption = (option: DropdownOption, index: number) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isOptionSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option ${getHighlightClass(isHighlighted)}`}\n          aria-checked={isOptionSelected}\n          onClick={() => {\n            if (disabled) return;\n            handleMultiSelectDropdownOptionClick(!isOptionSelected, option);\n            inputRef.current?.focus();\n          }}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            checked={isOptionSelected}\n            onChange={() => {}}\n            label={option.label}\n            tabIndex={-1}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div\n          className=\"dropdown-with-input-tags-ctas-container\"\n          onKeyDown={(e) => {\n            if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n              e.stopPropagation();\n            }\n          }}\n        >\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} automationId={`${automationId}-clear-button`} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} automationId={`${automationId}-apply-button`} />\n        </div>\n      );\n    };\n\n    \n\n    return (\n      <div\n        className={`dropdown-with-input-tags-wrapper ${className} ${disabled ? 'disabled-wrapper' : ''}`}\n        data-automation-id={automationId}\n        {...containerProps}\n      >\n        {label && <label id={`${automationId}-label`} className=\"dropdown-with-input-tags-label\">{label}</label>}\n\n        <div onClick={handlePopoverWrapperClick}>\n          <Popover\n            ref={popoverRef}\n            className=\"dropdown-with-input-tags-popover\"\n            contentWidth=\"full\"\n            position=\"bottom-left\"\n            isPopoverOpen={!disabled && isDropdownOpen}\n            onPopoverToggle={disabled ? () => {} : setIsDropdownOpen}\n            disableClickToggle={true}\n            isWithPortal={isWithPortal}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  {...listboxProps}\n                  className=\"dropdown-with-input-tags-content\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {effectiveItems.length > 0 ? (\n                    effectiveItems.map((option, index) => {\n                      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n                        const isHighlighted = highlightedIndex === index;\n                        const optionProps = getOptionProps(index, false);\n                        return (\n                          <div\n                            key={option.id}\n                            {...optionProps}\n                            className={`dropdown-with-input-tags-option dropdown-with-input-tags-custom-option ${getHighlightClass(isHighlighted)}`}\n                            onClick={() => {\n                              if (disabled) return;\n                              handleSelectFromDropdown(option);\n                              closePopoverCb();\n                            }}\n                            onMouseEnter={() => setHighlightedIndex(index)}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        );\n                      }\n                      if (isMultiSelect) {\n                        return multiSelectRenderOption(option, index);\n                      }\n                      \n                      const isSelected = tags.some((tag) => tag.value === option.value);\n                      const isHighlighted = highlightedIndex === index;\n                      const optionProps = getOptionProps(index, isSelected);\n                      const optionPropsWithHandlers = {\n                        ...optionProps,\n                        onMouseEnter: () => setHighlightedIndex(index),\n                        className: `dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`\n                      };\n                      \n                      return renderOption\n                        ? renderOption(option, optionPropsWithHandlers, handleSelectOption)\n                        : defaultRenderOption(option, index, handleSelectOption, disabled);\n                    })\n                  ) : (\n                    <div\n                      {...getOptionProps(0, false)}\n                      className={`dropdown-with-input-tags-no-options ${getHighlightClass(highlightedIndex === 0)}`}\n                    >\n                      <div className=\"dropdown-with-input-tags-no-options-text\">\n                        {noOptionsMessage}\n                      </div>\n                    </div>\n                  )}\n                </div>\n                {isMultiSelect && !isMultiSelectWithoutCTA && multiSelectRenderCTAs()}\n              </>\n            )}\n            renderPopoverSrcElement={() => (\n              <div className=\"dropdown-with-input-tags-input-container\">\n                <div\n                  className={`input-with-tags-container ${disabled ? 'disabled-input-with-tags-container' : ''} ${isKeyboardFocused ? 'keyboard-focused' : ''}`}\n                  onClick={handleInputContainerClick}\n                  onKeyDown={(e) => {\n                    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n                      inputRef.current?.focus();\n                    }\n                  }}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag[displayTagBy]}\n                      {!disabled && (\n                        <Icon\n                          name=\"close\"\n                          className=\"close-icon-in-inputwithtags\"\n                          ariaLabel={`Remove tag ${tag[displayTagBy]}`}\n                          onClick={() => handleRemoveTag(index)}\n                          shouldStopPropagation\n                        />\n                      )}\n                    </span>\n                  ))}\n                  {(showInput || !tags.length || isMultiSelect) && (\n                    <input\n                      ref={inputRef}\n                      {...comboboxInputProps}\n                      type=\"text\"\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      placeholder={tags.length === 0 ? placeholder : ''}\n                      className={`input-with-tags-input${!showInput && tags.length > 0 && !inputValue ? ' sr-only' : ''}`}\n                      disabled={disabled}\n                      {...getA11yNameAttributes({\n                        ariaLabel: ariaLabel || label || 'Search and select options',\n                        ariaLabelledBy,\n                        ariaDescribedBy\n                      })}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            automationId={automationId}\n            popoverContentAutomationId={`${automationId}-content`}\n          />\n        </div>\n      </div>\n    );\n  }\n); "],"names":["DropdownWithInputTags","value","onChange","placeholder","className","options","renderOption","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","displayTagBy","isWithPortal","ref","initValues","values","map","val","found","find","opt","tags","setTags","useState","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","listboxId","useStableId","handleSelectOption","useCallback","option","newTags","some","tag","push","handleMultiSelectDropdownOptionClick","isSelected","newSelectedTags","filter","current","ADD_CUSTOM_TAG_VALUE","NO_RESULTS_VALUE","NO_RESULTS_SENTINEL","id","__noResults","isNoResultsSentinel","item","handleSelectFromDropdown","trimmed","trim","effectiveItems","length","comboboxItems","containerProps","inputProps","comboboxInputProps","listboxProps","getOptionProps","highlightedIndex","setHighlightedIndex","isKeyboardFocused","useCombobox","items","isOpen","onOpenChange","onSelect","hasItems","keepHighlightOnSelect","closeOnTab","isItemDisabled","getHighlightClass","isHighlighted","useEffect","filtered","toLowerCase","includes","announce","assertiveness","batchId","delay","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","preventDefault","slice","onKeyDown","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","optionProps","React","createElement","_extends","onClick","onMouseEnter","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","checked","tabIndex","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","disableClickToggle","renderPopoverContents","closePopoverCb","Fragment","optionPropsWithHandlers","renderPopoverSrcElement","ctrlKey","metaKey","altKey","Icon","name","shouldStopPropagation","onFocus","getA11yNameAttributes","popoverContentAutomationId"],"mappings":"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"}