se-design 1.0.59 → 1.0.61-dev

package/dist/index36.js

@@ -1,237 +1,61 @@
-import n, { forwardRef as ee, useState as N, useRef as b, useEffect as I, useImperativeHandle as te } from "react";
-import { Popover as ae } from "./index17.js";
-import { Icon as ne } from "./index5.js";
-import { Checkbox as le } from "./index21.js";
-import { Button as V } from "./index3.js";
+import e, { useState as p, useRef as k } from "react";
 /* empty css         */
-function D() {
-  return D = Object.assign ? Object.assign.bind() : function(d) {
-    for (var s = 1; s < arguments.length; s++) {
-      var g = arguments[s];
-      for (var h in g) ({}).hasOwnProperty.call(g, h) && (d[h] = g[h]);
-    }
-    return d;
-  }, D.apply(null, arguments);
-}
-const pe = /* @__PURE__ */ ee(({
-  value: d,
+import { Icon as y } from "./index5.js";
+function _({
+  value: g,
   onChange: s,
-  placeholder: g = "Type to search or add custom tags...",
-  className: h = "",
-  options: m = [],
-  renderOption: S,
-  label: T,
-  automationId: u = "",
-  noOptionsMessage: O = "No options found",
-  allowCustomTags: P = !0,
-  disabled: l = !1,
-  type: $ = "select",
-  showInput: F = !0,
-  displayTagBy: L = "label"
-}, W) => {
-  const R = (t) => t.map((e) => {
-    const a = m.find((c) => c.value === e);
-    return a ? {
-      label: a.label,
-      value: a.value
-    } : {
-      label: e,
-      value: e
-    };
-  }), [o, p] = N(() => R(d || [])), [r, E] = N(""), [v, _] = N(m), [f, i] = N(!1), j = b(null), A = b(null), y = b(!1), k = $ === "multi-select-without-cta", w = $ === "multi-select" || k;
-  I(() => {
-    if (y.current) {
-      y.current = !1;
-      return;
-    }
-    p(R(d || []));
-  }, [d, m, f]), I(() => {
-    const t = m.filter((e) => e.label.toLowerCase().includes(r.toLowerCase()) || e.value.toLowerCase().includes(r.toLowerCase()));
-    _(t);
-  }, [r, m]);
-  const C = (t) => {
-    if (l) return;
-    const e = [...o];
-    e.some((a) => a.value === t.value) || (e.push({
-      label: t.label,
-      value: t.value
-    }), p(e), s?.(e.map((a) => a.value))), E(""), i(!1);
-  }, z = (t) => {
-    if (l) return;
-    const e = o.filter((a, c) => c !== t);
-    p(e), (!w || k || w && !f) && s?.(e.map((a) => a.value));
-  }, B = (t) => {
-    if (!l)
-      if (t.key === "Enter" && r.trim()) {
-        if (t.preventDefault(), v.length > 0)
-          if (w) {
-            const e = o.some((a) => a.value === v[0].value);
-            x(!e, v[0]);
-          } else
-            C(v[0]);
-        else if (P) {
-          const e = [...o];
-          e.some((a) => a.value === r.trim()) || (e.push({
-            label: r.trim(),
-            value: r.trim()
-          }), p(e), s?.(e.map((a) => a.value))), E("");
-        }
-        i(!1);
-      } else if (t.key === "Backspace" && r === "" && o.length > 0) {
-        const e = o.slice(0, -1);
-        p(e), s?.(e.map((a) => a.value));
-      } else t.key === "ArrowDown" ? (t.preventDefault(), f || i(!0)) : t.key === "Escape" && (i(!1), E(""));
-  }, K = (t) => {
-    if (l) return;
-    const e = t.target.value;
-    E(e), e.trim() && !f && i(!0);
-  }, M = () => {
-    l || (r.trim() || m.length > 0) && i(!0);
-  }, H = (t) => {
-    l || (t.stopPropagation(), A.current?.focus(), !f && (r.trim() || m.length > 0) && i(!0));
-  }, q = (t) => {
-    if (l) {
-      t.preventDefault(), t.stopPropagation();
-      return;
+  placeholder: f,
+  className: w,
+  error: o,
+  errorMessage: d,
+  label: l,
+  automationId: h = ""
+}) {
+  const [n, c] = p([...g]), [i, r] = p(""), u = k(null), E = (a) => {
+    if (a.key === "Enter" && i.trim()) {
+      a.preventDefault();
+      const t = [...n, i.trim()];
+      c(t), r(""), s?.(t);
+    } else if (a.key === "Backspace" && i === "" && n.length > 0) {
+      const t = n.slice(0, -1);
+      c(t), s?.(t);
     }
-    t.target.closest(".input-with-tags-container") && t.stopPropagation();
-  }, G = () => {
-    l || i(!f);
   };
-  te(W, () => ({
-    toggleDropdown: G
-  }), []);
-  const J = (t, e, a) => {
-    const c = o.some((Z) => Z.value === t.value);
-    return /* @__PURE__ */ n.createElement("div", {
-      key: t.id,
-      className: "dropdown-with-input-tags-option",
-      role: "option",
-      "aria-selected": c,
-      onClick: () => !a && e(t),
-      "data-automation-id": `${u}-option-${t.id}`
-    }, /* @__PURE__ */ n.createElement("span", {
-      className: "option-label"
-    }, t.label), t.value !== t.label && /* @__PURE__ */ n.createElement("span", {
-      className: "option-value"
-    }, t.value));
-  }, x = (t, e) => {
-    let a = [];
-    t ? a = [...o, {
-      label: e.label,
-      value: e.value
-    }] : a = o.filter((c) => c.value !== e.value), p(a), k && s?.(a.map((c) => c.value));
-  }, Q = () => {
-    y.current = !0;
-    const t = o.map((e) => e.value);
-    s?.(t), i(!1);
-  }, U = () => {
-    p([]);
-  }, X = (t) => {
-    const e = o.some((a) => a.value === t.value);
-    return /* @__PURE__ */ n.createElement("div", {
-      key: t.id,
-      className: "dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option",
-      role: "option",
-      "aria-checked": e,
-      "data-automation-id": `${u}-option-${t.id}`
-    }, /* @__PURE__ */ n.createElement(le, {
-      automationId: "checkbox",
-      className: "checkbox",
-      defaultChecked: e,
-      onChange: (a) => x(a, t),
-      label: t.label
-    }));
-  }, Y = () => /* @__PURE__ */ n.createElement("div", {
-    className: "dropdown-with-input-tags-ctas-container"
-  }, /* @__PURE__ */ n.createElement(V, {
-    label: "Clear",
-    type: "link",
-    size: "sm",
-    onClick: U,
-    automationId: `${u}-clear-button`
-  }), /* @__PURE__ */ n.createElement(V, {
-    label: "Apply",
-    type: "primary",
-    size: "sm",
-    onClick: Q,
-    automationId: `${u}-apply-button`
-  }));
-  return /* @__PURE__ */ n.createElement("div", {
-    className: `dropdown-with-input-tags-wrapper ${h} ${l ? "disabled-wrapper" : ""}`,
-    "data-automation-id": u
-  }, T && /* @__PURE__ */ n.createElement("label", {
-    id: `${u}-label`,
-    className: "dropdown-with-input-tags-label"
-  }, T), /* @__PURE__ */ n.createElement("div", {
-    onClick: q
-  }, /* @__PURE__ */ n.createElement(ae, {
-    ref: j,
-    className: "dropdown-with-input-tags-popover",
-    contentWidth: "full",
-    position: "bottom-left",
-    isPopoverOpen: !l && f,
-    onPopoverToggle: l ? () => {
-    } : i,
-    renderPopoverContents: ({
-      closePopoverCb: t
-    }) => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", D({
-      className: "dropdown-with-input-tags-content",
-      role: "listbox"
-    }, w && {
-      "aria-multiselectable": "true"
-    }), v.length > 0 ? v.map((e) => w ? X(e) : S ? S(e, C) : J(e, C, l)) : /* @__PURE__ */ n.createElement("div", {
-      className: "dropdown-with-input-tags-no-options"
-    }, r.trim() ? P ? /* @__PURE__ */ n.createElement("div", {
-      className: "dropdown-with-input-tags-option dropdown-with-input-tags-custom-option",
-      onClick: () => {
-        if (l) return;
-        const e = [...o];
-        e.some((a) => a.value === r.trim()) || (e.push({
-          label: r.trim(),
-          value: r.trim()
-        }), p(e), s?.(e.map((a) => a.value))), E(""), t();
-      }
-    }, 'Add "', r.trim(), '"') : /* @__PURE__ */ n.createElement("div", {
-      className: "dropdown-with-input-tags-no-options-text",
-      role: "status",
-      "aria-live": "polite"
-    }, O) : /* @__PURE__ */ n.createElement("div", {
-      className: "dropdown-with-input-tags-no-options-text",
-      role: "status",
-      "aria-live": "polite"
-    }, O))), w && !k && Y()),
-    renderPopoverSrcElement: () => /* @__PURE__ */ n.createElement("div", {
-      className: "dropdown-with-input-tags-input-container"
-    }, /* @__PURE__ */ n.createElement("div", {
-      className: `input-with-tags-container ${l ? "disabled-input-with-tags-container" : ""}`,
-      onClick: H
-    }, o.map((t, e) => /* @__PURE__ */ n.createElement("span", {
-      key: e,
-      className: "tag-in-inputwithtags"
-    }, t[L], !l && /* @__PURE__ */ n.createElement("span", {
-      className: "close-icon-in-inputwithtags",
-      onClick: (a) => {
-        a.stopPropagation(), z(e);
-      }
-    }, /* @__PURE__ */ n.createElement(ne, {
-      name: "close"
-    })))), (F || !o.length) && /* @__PURE__ */ n.createElement("input", {
-      ref: A,
-      type: "text",
-      value: r,
-      onChange: K,
-      onKeyDown: B,
-      onFocus: M,
-      placeholder: o.length === 0 ? g : "",
-      className: "input-with-tags-input",
-      disabled: l
-    }))),
-    automationId: u,
-    popoverContentAutomationId: `${u}-content`
-  })));
-});
+  return /* @__PURE__ */ e.createElement("div", {
+    className: "input-with-tags-main-container",
+    "data-automation-id": h
+  }, l && /* @__PURE__ */ e.createElement("div", {
+    className: "label-container"
+  }, l), /* @__PURE__ */ e.createElement("div", {
+    className: `input-with-tags-container ${o ? "input-with-tags-error" : ""} ${w}`,
+    onClick: () => u.current?.focus()
+  }, n.map((a, t) => /* @__PURE__ */ e.createElement("span", {
+    key: t,
+    className: "tag-in-inputwithtags",
+    "data-automation-id": `input-tag-${t}`
+  }, a, /* @__PURE__ */ e.createElement("span", {
+    className: "close-icon-in-inputwithtags",
+    onClick: (v) => {
+      v.stopPropagation();
+      const m = n.filter((T, N) => N !== t);
+      c(m), s?.(m);
+    }
+  }, /* @__PURE__ */ e.createElement(y, {
+    name: "close"
+  })))), /* @__PURE__ */ e.createElement("input", {
+    className: "input-with-tags-input",
+    ref: u,
+    type: "text",
+    value: i,
+    onChange: (a) => r(a.target.value),
+    onKeyDown: E,
+    placeholder: f,
+    "data-automation-id": "input-with-tags-input-field"
+  })), o && /* @__PURE__ */ e.createElement("div", {
+    className: "error-message"
+  }, d));
+}
 export {
-  pe as DropdownWithInputTags
+  _ as InputWithTags
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\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?: (option: DropdownOption, onSelect: (option: DropdownOption) => void) => React.ReactNode;\n  label?: 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}\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      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true,\n      displayTagBy = 'label'\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\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    const handleSelectOption = (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\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      if (e.key === 'Enter' && inputValue.trim()) {\n        e.preventDefault();\n        \n        if (filteredOptions.length > 0) {\n          if(isMultiSelect ) {\n            const isSelected = tags.some(tag => tag.value === filteredOptions[0].value);\n            handleMultiSelectDropdownOptionClick(!isSelected, filteredOptions[0]);\n          } else {\n            handleSelectOption(filteredOptions[0]);\n          }\n        } else if (allowCustomTags) {\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        }\n        setIsDropdownOpen(false);\n      } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (!isDropdownOpen) {\n          setIsDropdownOpen(true);\n        }\n      } else if (e.key === 'Escape') {\n        setIsDropdownOpen(false);\n        setInputValue('');\n      }\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\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      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      return (\n        <div\n          key={option.id}\n          className=\"dropdown-with-input-tags-option\"\n          role=\"option\"\n          aria-selected={isSelected}\n          onClick={() => !disabled && onSelect(option)}\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 handleMultiSelectDropdownOptionClick = (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      if(isMultiSelectWithoutCTA) {\n        onChange?.(newSelectedTags.map(tag => tag.value));\n      }\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) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      return (\n        <div\n          key={option.id}\n          className=\"dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option\"\n          role=\"option\"\n          aria-checked={isOptionSelected}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            defaultChecked={isOptionSelected}\n            onChange={(value) => handleMultiSelectDropdownOptionClick(value, option)}\n            label={option.label}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div className=\"dropdown-with-input-tags-ctas-container\">\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      >\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            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  className=\"dropdown-with-input-tags-content\"\n                  role=\"listbox\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {filteredOptions.length > 0 ? (\n                    filteredOptions.map((option) =>\n                      isMultiSelect\n                        ? multiSelectRenderOption(option)\n                        : renderOption\n                        ? renderOption(option, handleSelectOption)\n                        : defaultRenderOption(option, handleSelectOption, disabled)\n                    )\n                  ) : (\n                    <div className=\"dropdown-with-input-tags-no-options\">\n                      {inputValue.trim() ? (\n                        allowCustomTags ? (\n                          <div\n                            className=\"dropdown-with-input-tags-option dropdown-with-input-tags-custom-option\"\n                            onClick={() => {\n                              if (disabled) return;\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                              closePopoverCb();\n                            }}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        ) : (\n                          <div className=\"dropdown-with-input-tags-no-options-text\" role=\"status\" aria-live=\"polite\">\n                            {noOptionsMessage}\n                          </div>\n                        )\n                      ) : (\n                        <div className=\"dropdown-with-input-tags-no-options-text\" role=\"status\" aria-live=\"polite\">\n                          {noOptionsMessage}\n                        </div>\n                      )}\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' : ''}`}\n                  onClick={handleInputContainerClick}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag[displayTagBy]}\n                      {!disabled && (\n                        <span\n                          className=\"close-icon-in-inputwithtags\"\n                          onClick={(e) => {\n                            e.stopPropagation();\n                            handleRemoveTag(index);\n                          }}\n                        >\n                          <Icon name=\"close\" />\n                        </span>\n                      )}\n                    </span>\n                  ))}\n                  {(showInput ||!tags.length) && (\n                    <input\n                      ref={inputRef}\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\"\n                      disabled={disabled}\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","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","displayTagBy","ref","initValues","values","map","val","found","find","opt","tags","setTags","useState","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","useEffect","current","filtered","filter","option","toLowerCase","includes","handleSelectOption","newTags","some","tag","push","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","trim","preventDefault","length","isSelected","handleMultiSelectDropdownOptionClick","slice","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","onSelect","React","createElement","id","role","onClick","newSelectedTags","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","defaultChecked","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","renderPopoverContents","closePopoverCb","Fragment","_extends","renderPopoverSrcElement","Icon","name","onKeyDown","onFocus","popoverContentAutomationId"],"mappings":"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"}
+{"version":3,"file":"index36.js","sources":["../src/components/InputWithTags/index.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, useRef } from \"react\";\nimport './styles.scss';\nimport { Icon } from '../Icon';\n\nexport interface InputWithTagsProps {\n    value: string[];\n    onChange?: (tags: string[]) => void;\n    placeholder?: string;\n    className?: string;\n    error?: boolean;\n    errorMessage?: string;\n    label?: string;\n    automationId?: string;\n}\n\nexport function InputWithTags({ \n    value, \n    onChange, \n    placeholder, \n    className, \n    error, \n    errorMessage, \n    label,\n    automationId = ''\n}: InputWithTagsProps) {\n    const [tags, setTags] = useState<string[]>([...value]);\n    const [inputValue, setInputValue] = useState('');\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && inputValue.trim()) {\n            e.preventDefault();\n            const newTags = [...tags, inputValue.trim()];\n            setTags(newTags);\n            setInputValue(\"\");\n            onChange?.(newTags);\n        } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n            // Remove the last tag when backspace is pressed on empty input\n            const newTags = tags.slice(0, -1);\n            setTags(newTags);\n            onChange?.(newTags);\n        }\n    };\n\n    return (\n        <div className=\"input-with-tags-main-container\" data-automation-id={automationId}>\n            {label && <div className=\"label-container\">{label}</div>}\n            <div \n                className={`input-with-tags-container ${error ? 'input-with-tags-error' : ''} ${className}`} \n                onClick={() => inputRef.current?.focus()}\n            >\n                {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\" data-automation-id={`input-tag-${index}`}>\n                        {tag} \n                        <span\n                        className=\"close-icon-in-inputwithtags\"\n                        onClick={(e) => {\n                            e.stopPropagation();\n                            const newTags = tags.filter((_, i) => i !== index);\n                            setTags(newTags);\n                            onChange?.(newTags);\n                        }}\n                        >\n                            <Icon name=\"close\" />\n                        </span>\n                    </span>\n                ))}\n                <input\n                    className=\"input-with-tags-input\"\n                    ref={inputRef}\n                    type=\"text\"\n                    value={inputValue}\n                    onChange={(e) => setInputValue(e.target.value)}\n                    onKeyDown={handleKeyDown}\n                    placeholder={placeholder}\n                    data-automation-id=\"input-with-tags-input-field\"\n                />\n            </div>\n            {error && <div className=\"error-message\">{errorMessage}</div>}\n        </div>\n    );\n}"],"names":["React__default","useState","useRef","Icon","InputWithTags","value","onChange","placeholder","className","error","errorMessage","label","automationId","tags","setTags","inputValue","setInputValue","inputRef","handleKeyDown","e","key","trim","preventDefault","newTags","length","slice","React","createElement","onClick","current","focus","map","tag","index","stopPropagation","filter","_","i","name","ref","type","target","onKeyDown"],"mappings":"AAeO,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAASC,EAAc;AAAA,EAC1BC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA,IAAe;AACC,GAAG;AACnB,QAAM,CAACC,GAAMC,CAAO,IAAIb,EAAmB,CAAC,GAAGI,CAAK,CAAC,GAC/C,CAACU,GAAYC,CAAa,IAAIf,EAAS,EAAE,GACzCgB,IAAWf,EAAyB,IAAI,GAExCgB,IAAgBA,CAACC,MAAuC;AAC1D,QAAIA,EAAEC,QAAQ,WAAWL,EAAWM,QAAQ;AACxCF,MAAAA,EAAEG,eAAAA;AACF,YAAMC,IAAU,CAAC,GAAGV,GAAME,EAAWM,MAAM;AAC3CP,MAAAA,EAAQS,CAAO,GACfP,EAAc,EAAE,GAChBV,IAAWiB,CAAO;AAAA,IACtB,WAAWJ,EAAEC,QAAQ,eAAeL,MAAe,MAAMF,EAAKW,SAAS,GAAG;AAEtE,YAAMD,IAAUV,EAAKY,MAAM,GAAG,EAAE;AAChCX,MAAAA,EAAQS,CAAO,GACfjB,IAAWiB,CAAO;AAAA,IACtB;AAAA,EACJ;AAEA,SACIG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,IAAiC,sBAAoBI;AAAAA,EAAAA,GAC/DD,KAASe,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GAAmBG,CAAW,GACvDe,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACInB,WAAW,6BAA6BC,IAAQ,0BAA0B,EAAE,IAAID,CAAS;AAAA,IACzFoB,SAASA,MAAMX,EAASY,SAASC,MAAAA;AAAAA,EAAM,GAEtCjB,EAAKkB,IAAI,CAACC,GAAKC,MACZP,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMP,KAAKa;AAAAA,IAAOzB,WAAU;AAAA,IAAuB,sBAAoB,aAAayB,CAAK;AAAA,EAAA,GACpFD,GACDN,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IACAnB,WAAU;AAAA,IACVoB,SAAUT,CAAAA,MAAM;AACZA,MAAAA,EAAEe,gBAAAA;AACF,YAAMX,IAAUV,EAAKsB,OAAO,CAACC,GAAGC,MAAMA,MAAMJ,CAAK;AACjDnB,MAAAA,EAAQS,CAAO,GACfjB,IAAWiB,CAAO;AAAA,IACtB;AAAA,EAAA,GAEIG,gBAAAA,EAAAC,cAACxB,GAAI;AAAA,IAACmC,MAAK;AAAA,EAAA,CAAS,CAClB,CACJ,CACT,GACDZ,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACInB,WAAU;AAAA,IACV+B,KAAKtB;AAAAA,IACLuB,MAAK;AAAA,IACLnC,OAAOU;AAAAA,IACPT,UAAWa,CAAAA,MAAMH,EAAcG,EAAEsB,OAAOpC,KAAK;AAAA,IAC7CqC,WAAWxB;AAAAA,IACXX,aAAAA;AAAAA,IACA,sBAAmB;AAAA,EAAA,CACtB,CACA,GACJE,KAASiB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GAAiBE,CAAkB,CAC3D;AAEb;"}