iguazio.dashboard-react-controls 3.2.4 → 3.2.6

package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs

@@ -1,9 +1,9 @@
-import { jsx as W, jsxs as Fe } from "react/jsx-runtime";
-import T, { useState as $, useMemo as H, useCallback as I, useEffect as h, useLayoutEffect as fe, forwardRef as we } from "react";
+import { jsx as W, jsxs as fe } from "react/jsx-runtime";
+import T, { useState as $, useMemo as H, useCallback as I, useEffect as f, useLayoutEffect as se, forwardRef as we } from "react";
 import a from "prop-types";
 import j from "classnames";
-import { isEmpty as y, get as z, throttle as Re, isNil as G } from "lodash";
-import se from "../NewChipInput/NewChipInput.mjs";
+import { isEmpty as h, get as z, throttle as Re, isNil as G } from "lodash";
+import ne from "../NewChipInput/NewChipInput.mjs";
 import ke from "../../../elements/OptionsMenu/OptionsMenu.mjs";
 import be from "../../../elements/ValidationTemplate/ValidationTemplate.mjs";
 import { CHIP_OPTIONS as We } from "../../../types.mjs";
@@ -18,10 +18,10 @@ const Ne = {
 let E = ({
   chip: d,
   chipIndex: i,
-  chipOptions: ne,
-  className: ie = "",
+  chipOptions: ie,
+  className: ue = "",
   editConfig: r,
-  handleRemoveChip: ue,
+  handleRemoveChip: le,
   isDeletable: Q,
   isEditable: u,
   keyName: N,
@@ -29,8 +29,8 @@ let E = ({
   onChange: q,
   setChipSizeIsRecalculated: U,
   setEditConfig: O,
-  validationRules: le = Ne.rules,
-  valueName: oe
+  validationRules: oe = Ne.rules,
+  valueName: ce
 }, w) => {
   const [l, A] = $({
     isKeyOnly: d.isKeyOnly,
@@ -38,11 +38,11 @@ let E = ({
     value: d.value,
     keyFieldWidth: 0,
     valueFieldWidth: 0
-  }), [v, ce] = $("key"), [X, ae] = $(le), [p, B] = $(!1), { background: Y, borderColor: Z, borderRadius: C, density: g, font: ee } = ne, F = H(() => u ? 25 : 20, [u]), f = H(() => u ? 35 : 20, [u]), M = H(() => Ve(), []), o = T.useRef({}), c = T.useRef({}), S = T.useRef(), x = T.useRef(), de = j(
-    ie,
+  }), [y, ae] = $("key"), [X, de] = $(oe), [p, B] = $(!1), { background: Y, borderColor: Z, borderRadius: C, density: g, font: ee } = ie, v = H(() => u ? 25 : 20, [u]), F = H(() => u ? 35 : 20, [u]), M = H(() => Ve(), []), o = T.useRef({}), c = T.useRef({}), S = T.useRef(), x = T.useRef(), me = j(
+    ue,
     !r.isKeyFocused && "item_edited",
-    !y(z(m, ["error", i, "key"], [])) && !y(l.key) && !d.disabled && u && "item_edited_invalid"
-  ), me = j(
+    !h(z(m, ["error", i, "key"], [])) && !h(l.key) && !d.disabled && u && "item_edited_invalid"
+  ), pe = j(
     "edit-chip-container",
     Y && `edit-chip-container-background_${Y}`,
     Z && `edit-chip-container-border_${Z}`,
@@ -51,11 +51,11 @@ let E = ({
     C && `edit-chip-container-border_${C}`,
     (r.isEdit || r.isNewChip) && "edit-chip-container_edited",
     u && d.disabled && "edit-chip-container_disabled edit-chip-container-font_disabled"
-  ), pe = j(
+  ), he = j(
     "input-label-value",
     !r.isValueFocused && "item_edited",
-    !y(z(m, ["error", i, "value"], [])) && !y(l.value) && u && "item_edited_invalid"
-  ), he = j(
+    !h(z(m, ["error", i, "value"], [])) && !h(l.value) && u && "item_edited_invalid"
+  ), ye = j(
     "item-icon-close",
     !d.disabled && (r.chipIndex === i && u || !Q && !u) && "item-icon-close invisible",
     !u && !Q && "item-icon-close hidden"
@@ -67,16 +67,16 @@ let E = ({
       if (_ && P)
         R = k = n / 2;
       else if (_) {
-        k = l.value ? s : f;
+        k = l.value ? s : F;
         const b = n - k;
         R = b > t ? t : b;
       } else if (P) {
-        R = l.key ? t : F;
+        R = l.key ? t : v;
         const b = n - R;
         k = b > s ? s : b;
       } else
-        R = !l.key || t <= F ? F : t, k = !l.value || s <= f ? f : s;
-      o.current.style.width = `${R}px`, y(c.current) || (c.current.style.width = `${k}px`), A((b) => ({
+        R = !l.key || t <= v ? v : t, k = !l.value || s <= F ? F : s;
+      o.current.style.width = `${R}px`, h(c.current) || (c.current.style.width = `${k}px`), A((b) => ({
         ...b,
         keyFieldWidth: R,
         valueFieldWidth: k
@@ -85,22 +85,22 @@ let E = ({
   }, [
     l.key,
     l.value,
+    v,
     F,
-    f,
     w,
     U
   ]);
-  h(() => {
+  f(() => {
     if (!w.current) return;
     const e = w.current, t = new ResizeObserver(K);
     return t.observe(e), () => t.unobserve(e);
-  }, [w, K]), h(() => {
+  }, [w, K]), f(() => {
     const e = Re(K, 500);
     if (u)
       return window.addEventListener("resize", e), window.addEventListener(M, e), () => {
         window.removeEventListener("resize", e), window.removeEventListener(M, e);
       };
-  }, [u, K, M]), h(() => {
+  }, [u, K, M]), se(() => {
     !l.keyFieldWidth && !l.valueFieldWidth && K();
   }, [l.keyFieldWidth, l.valueFieldWidth, K]);
   const L = I(
@@ -115,9 +115,9 @@ let E = ({
     },
     [L]
   );
-  h(() => (p && window.addEventListener("scroll", V, !0), () => {
+  f(() => (p && window.addEventListener("scroll", V, !0), () => {
     window.removeEventListener("scroll", V, !0);
-  }), [V, p]), h(() => {
+  }), [V, p]), f(() => {
     r.chipIndex === i && (r.isKeyFocused ? o.current.focus() : r.isValueFocused && c.current.focus());
   }, [
     r.isKeyFocused,
@@ -126,15 +126,15 @@ let E = ({
     c,
     i,
     r.chipIndex
-  ]), h(() => (p && window.addEventListener("scroll", V, !0), () => {
+  ]), f(() => (p && window.addEventListener("scroll", V, !0), () => {
     window.removeEventListener("scroll", V, !0);
-  }), [V, p]), h(() => {
+  }), [V, p]), f(() => {
     if (r.isEdit)
       return document.addEventListener("click", L, !0), () => {
         document.removeEventListener("click", L, !0);
       };
   }, [L, r.isEdit]);
-  const ye = I(
+  const ve = I(
     (e) => {
       if (r.chipIndex === i && u) {
         if (!e.shiftKey && e.key === J && r.isValueFocused)
@@ -173,7 +173,7 @@ let E = ({
         A((_) => ({
           ..._,
           key: o.current.value,
-          keyFieldWidth: o.current.value.length <= 1 ? F : n >= t ? t : n > F ? n + 2 : F
+          keyFieldWidth: o.current.value.length <= 1 ? v : n >= t ? t : n > v ? n + 2 : v
         }));
       } else {
         const n = D(c.current);
@@ -182,46 +182,46 @@ let E = ({
           return {
             ..._,
             value: c.current.value,
-            valueFieldWidth: ((P = c.current.value) == null ? void 0 : P.length) <= 1 ? f : n >= t ? t : n > f ? n + 2 : f
+            valueFieldWidth: ((P = c.current.value) == null ? void 0 : P.length) <= 1 ? F : n >= t ? t : n > F ? n + 2 : F
           };
         });
       }
     },
-    [N, F, w, f]
+    [N, v, w, F]
   );
-  fe(() => {
-    r.chipIndex === i && ce(r.isKeyFocused ? "key" : r.isValueFocused ? "value" : null);
-  }, [r.isKeyFocused, r.isValueFocused, r.chipIndex, i]), h(() => {
+  se(() => {
+    r.chipIndex === i && ae(r.isKeyFocused ? "key" : r.isValueFocused ? "value" : null);
+  }, [r.isKeyFocused, r.isValueFocused, r.chipIndex, i]), f(() => {
     m.valid && p && B(!1);
-  }, [m.valid, p]), h(() => {
-    m.error && (ae((e) => {
+  }, [m.valid, p]), f(() => {
+    m.error && (de((e) => {
       var t;
       return {
         ...e,
-        [v]: (t = e[v]) == null ? void 0 : t.map((s) => ({
+        [y]: (t = e[y]) == null ? void 0 : t.map((s) => ({
           ...s,
-          isValid: y(z(m, ["error", r.chipIndex, v], [])) ? !0 : !m.error[r.chipIndex][v].some(
+          isValid: h(z(m, ["error", r.chipIndex, y], [])) ? !0 : !m.error[r.chipIndex][y].some(
             (n) => n && n.name === s.name
           )
         }))
       };
     }), !p && B(!0));
-  }, [m, p, v, r.chipIndex]);
-  const ve = I(() => {
+  }, [m, p, y, r.chipIndex]);
+  const Fe = I(() => {
     var e;
-    return (e = X[v]) == null ? void 0 : e.map(({ isValid: t = !1, label: s, name: n }) => /* @__PURE__ */ W(be, { valid: t, validationMessage: s }, n));
-  }, [v, X]);
-  return /* @__PURE__ */ Fe(
+    return (e = X[y]) == null ? void 0 : e.map(({ isValid: t = !1, label: s, name: n }) => /* @__PURE__ */ W(be, { valid: t, validationMessage: s }, n));
+  }, [y, X]);
+  return /* @__PURE__ */ fe(
     "div",
     {
-      className: me,
-      onKeyDown: (e) => !d.disabled && r.isEdit && ye(e),
+      className: pe,
+      onKeyDown: (e) => !d.disabled && r.isEdit && ve(e),
       ref: S,
       children: [
         /* @__PURE__ */ W(
-          se,
+          ne,
           {
-            className: de,
+            className: me,
             disabled: d.disabled || !u || !G(r.chipIndex) && r.chipIndex !== i,
             name: N,
             onChange: te,
@@ -233,11 +233,11 @@ let E = ({
         ),
         !l.isKeyOnly && /* @__PURE__ */ W("div", { className: "edit-chip-separator", children: ":" }),
         !l.isKeyOnly && /* @__PURE__ */ W(
-          se,
+          ne,
           {
-            className: pe,
+            className: he,
             disabled: d.disabled || !u || !G(r.chipIndex) && r.chipIndex !== i,
-            name: oe,
+            name: ce,
             onChange: te,
             onFocus: re,
             placeholder: u ? "value" : "",
@@ -249,12 +249,12 @@ let E = ({
           "button",
           {
             disabled: d.disabled,
-            className: he,
-            onClick: (e) => !d.disabled && ue(e, i),
+            className: ye,
+            onClick: (e) => !d.disabled && le(e, i),
             children: /* @__PURE__ */ W(_e, {})
           }
         ),
-        !d.disabled && (r.isKeyFocused ? !y(l.key) : !y(l.value)) && r.chipIndex === i && !y(z(m, ["error", r.chipIndex, v], [])) && /* @__PURE__ */ W(ke, { show: p, ref: { refInputContainer: S, validationRulesRef: x }, children: ve() })
+        !d.disabled && (r.isKeyFocused ? !h(l.key) : !h(l.value)) && r.chipIndex === i && !h(z(m, ["error", r.chipIndex, y], [])) && /* @__PURE__ */ W(ke, { show: p, ref: { refInputContainer: S, validationRulesRef: x }, children: Fe() })
       ]
     }
   );

package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NewChipForm.mjs","sources":["../../../../src/lib/components/FormChipCell/NewChipForm/NewChipForm.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, {\n  useState,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  forwardRef\n} from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { isEmpty, get, isNil, throttle } from 'lodash'\n\nimport NewChipInput from '../NewChipInput/NewChipInput'\nimport OptionsMenu from '../../../elements/OptionsMenu/OptionsMenu'\nimport ValidationTemplate from '../../../elements/ValidationTemplate/ValidationTemplate'\n\nimport { CHIP_OPTIONS } from '../../../types'\nimport { CLICK, TAB, TAB_SHIFT } from '../../../constants'\nimport { getTextWidth } from '../formChipCell.util'\nimport { getTransitionEndEventName } from '../../../utils/common.util'\n\nimport Close from '../../../images/close.svg?react'\n\nimport './newChipForm.scss'\n\nconst defaultProps = {\n  rules: {}\n}\n\nlet NewChipForm = (\n  {\n    chip,\n    chipIndex,\n    chipOptions,\n    className = '',\n    editConfig,\n    handleRemoveChip,\n    isDeletable,\n    isEditable,\n    keyName,\n    meta,\n    onChange,\n    setChipSizeIsRecalculated,\n    setEditConfig,\n    validationRules: rules = defaultProps.rules,\n    valueName\n  },\n  ref\n) => {\n  const [chipData, setChipData] = useState({\n    isKeyOnly: chip.isKeyOnly,\n    key: chip.key,\n    value: chip.value,\n    keyFieldWidth: 0,\n    valueFieldWidth: 0\n  })\n  const [selectedInput, setSelectedInput] = useState('key')\n  const [validationRules, setValidationRules] = useState(rules)\n  const [showValidationRules, setShowValidationRules] = useState(false)\n\n  const { background, borderColor, borderRadius, density, font } = chipOptions\n  const minWidthInput = useMemo(() => {\n    return isEditable ? 25 : 20\n  }, [isEditable])\n  const minWidthValueInput = useMemo(() => {\n    return isEditable ? 35 : 20\n  }, [isEditable])\n  const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n  const refInputKey = React.useRef({})\n  const refInputValue = React.useRef({})\n  const refInputContainer = React.useRef()\n  const validationRulesRef = React.useRef()\n\n  const labelKeyClassName = classnames(\n    className,\n    !editConfig.isKeyFocused && 'item_edited',\n    !isEmpty(get(meta, ['error', chipIndex, 'key'], [])) &&\n      !isEmpty(chipData.key) &&\n      !chip.disabled &&\n      isEditable &&\n      'item_edited_invalid'\n  )\n  const labelContainerClassName = classnames(\n    'edit-chip-container',\n    background && `edit-chip-container-background_${background}`,\n    borderColor && `edit-chip-container-border_${borderColor}`,\n    font && `edit-chip-container-font_${font}`,\n    density && `edit-chip-container-density_${density}`,\n    borderRadius && `edit-chip-container-border_${borderRadius}`,\n    (editConfig.isEdit || editConfig.isNewChip) && 'edit-chip-container_edited',\n    isEditable && chip.disabled && 'edit-chip-container_disabled edit-chip-container-font_disabled'\n  )\n  const labelValueClassName = classnames(\n    'input-label-value',\n    !editConfig.isValueFocused && 'item_edited',\n    !isEmpty(get(meta, ['error', chipIndex, 'value'], [])) &&\n      !isEmpty(chipData.value) &&\n      isEditable &&\n      'item_edited_invalid'\n  )\n\n  const closeButtonClass = classnames(\n    'item-icon-close',\n    !chip.disabled &&\n      ((editConfig.chipIndex === chipIndex && isEditable) || (!isDeletable && !isEditable)) &&\n      'item-icon-close invisible',\n    !isEditable && !isDeletable && 'item-icon-close hidden'\n  )\n\n  const resizeChip = useCallback(() => {\n    if (refInputKey.current) {\n      const currentWidthKeyInput = getTextWidth(refInputKey.current) + 1\n      const currentWidthValueInput = getTextWidth(refInputValue.current) + 1\n      const maxWidthInput = ref.current?.clientWidth - 50\n      const keyEllipsis = currentWidthKeyInput >= maxWidthInput / 2\n      const valueEllipsis = currentWidthValueInput >= maxWidthInput / 2\n      let keyFieldWidth = null\n      let valueFieldWidth = null\n\n      if (keyEllipsis && valueEllipsis) {\n        keyFieldWidth = valueFieldWidth = maxWidthInput / 2\n      } else if (keyEllipsis) {\n        valueFieldWidth = !chipData.value ? minWidthValueInput : currentWidthValueInput\n\n        const remainingPlace = maxWidthInput - valueFieldWidth\n\n        keyFieldWidth =\n          remainingPlace > currentWidthKeyInput ? currentWidthKeyInput : remainingPlace\n      } else if (valueEllipsis) {\n        keyFieldWidth = !chipData.key ? minWidthInput : currentWidthKeyInput\n\n        const remainingPlace = maxWidthInput - keyFieldWidth\n\n        valueFieldWidth =\n          remainingPlace > currentWidthValueInput ? currentWidthValueInput : remainingPlace\n      } else {\n        keyFieldWidth =\n          !chipData.key || currentWidthKeyInput <= minWidthInput\n            ? minWidthInput\n            : currentWidthKeyInput\n        valueFieldWidth =\n          !chipData.value || currentWidthValueInput <= minWidthValueInput\n            ? minWidthValueInput\n            : currentWidthValueInput\n      }\n\n      refInputKey.current.style.width = `${keyFieldWidth}px`\n\n      if (!isEmpty(refInputValue.current)) {\n        refInputValue.current.style.width = `${valueFieldWidth}px`\n      }\n\n      setChipData(prevState => ({\n        ...prevState,\n        keyFieldWidth,\n        valueFieldWidth\n      }))\n      setChipSizeIsRecalculated(true)\n    }\n  }, [\n    chipData.key,\n    chipData.value,\n    minWidthInput,\n    minWidthValueInput,\n    ref,\n    setChipSizeIsRecalculated\n  ])\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    const element = ref.current\n    const observer = new ResizeObserver(resizeChip)\n\n    observer.observe(element)\n\n    return () => observer.unobserve(element)\n  }, [ref, resizeChip])\n\n  useEffect(() => {\n    const resizeChipDebounced = throttle(resizeChip, 500)\n\n    if (isEditable) {\n      window.addEventListener('resize', resizeChipDebounced)\n      window.addEventListener(transitionEndEventName, resizeChipDebounced)\n\n      return () => {\n        window.removeEventListener('resize', resizeChipDebounced)\n        window.removeEventListener(transitionEndEventName, resizeChipDebounced)\n      }\n    }\n  }, [isEditable, resizeChip, transitionEndEventName])\n\n  useEffect(() => {\n    if (!chipData.keyFieldWidth && !chipData.valueFieldWidth) {\n      resizeChip()\n    }\n  }, [chipData.keyFieldWidth, chipData.valueFieldWidth, resizeChip])\n\n  const outsideClick = useCallback(\n    (event, forceOutsideClick) => {\n      if (editConfig.chipIndex === chipIndex) {\n        const elementPath = event.path ?? event.composedPath?.()\n\n        if (!elementPath.includes(refInputContainer.current) || forceOutsideClick) {\n          onChange(event, CLICK, true)\n          window.getSelection().removeAllRanges()\n          document.activeElement.blur()\n        } else {\n          event.stopPropagation()\n        }\n      }\n    },\n    [onChange, refInputContainer, chipIndex, editConfig.chipIndex]\n  )\n\n  const handleScroll = useCallback(\n    event => {\n      if (validationRulesRef?.current && !validationRulesRef.current.contains(event.target)) {\n        setShowValidationRules(false)\n        outsideClick(event, true)\n      }\n    },\n    [outsideClick]\n  )\n\n  useEffect(() => {\n    if (showValidationRules) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [handleScroll, showValidationRules])\n\n  useEffect(() => {\n    if (editConfig.chipIndex === chipIndex) {\n      if (editConfig.isKeyFocused) {\n        refInputKey.current.focus()\n      } else if (editConfig.isValueFocused) {\n        refInputValue.current.focus()\n      }\n    }\n  }, [\n    editConfig.isKeyFocused,\n    editConfig.isValueFocused,\n    refInputKey,\n    refInputValue,\n    chipIndex,\n    editConfig.chipIndex\n  ])\n\n  useEffect(() => {\n    if (showValidationRules) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [handleScroll, showValidationRules])\n\n  useEffect(() => {\n    if (editConfig.isEdit) {\n      document.addEventListener('click', outsideClick, true)\n\n      return () => {\n        document.removeEventListener('click', outsideClick, true)\n      }\n    }\n  }, [outsideClick, editConfig.isEdit])\n\n  const focusChip = useCallback(\n    event => {\n      if (editConfig.chipIndex === chipIndex && isEditable) {\n        if (!event.shiftKey && event.key === TAB && editConfig.isValueFocused) {\n          return onChange(event, TAB)\n        } else if (event.shiftKey && event.key === TAB && editConfig.isKeyFocused) {\n          return onChange(event, TAB_SHIFT)\n        }\n      }\n      event.stopPropagation()\n    },\n    [editConfig, onChange, chipIndex, isEditable]\n  )\n\n  const handleOnFocus = useCallback(\n    event => {\n      const isKeyFocused = event.target.name === keyName\n\n      if (editConfig.chipIndex === chipIndex) {\n        if (isKeyFocused) {\n          refInputKey.current.selectionStart = refInputKey.current.selectionEnd\n\n          setEditConfig(prevConfig => ({\n            ...prevConfig,\n            isKeyFocused: true,\n            isValueFocused: false\n          }))\n        } else {\n          refInputValue.current.selectionStart = refInputValue.current.selectionEnd\n\n          setEditConfig(prevConfig => ({\n            ...prevConfig,\n            isKeyFocused: false,\n            isValueFocused: true\n          }))\n        }\n\n        event && event.stopPropagation()\n      } else if (isNil(editConfig.chipIndex)) {\n        if (isKeyFocused) {\n          refInputKey.current.selectionStart = refInputKey.current.selectionEnd\n        } else {\n          refInputValue.current.selectionStart = refInputValue.current.selectionEnd\n        }\n        setEditConfig({\n          chipIndex,\n          isEdit: true,\n          isKeyFocused: isKeyFocused,\n          isValueFocused: !isKeyFocused\n        })\n      }\n    },\n    [keyName, refInputKey, refInputValue, setEditConfig, editConfig.chipIndex, chipIndex]\n  )\n\n  const handleOnChange = useCallback(\n    event => {\n      const maxWidthInput = ref.current?.clientWidth - 50\n\n      event.preventDefault()\n\n      if (event.target.name === keyName) {\n        const currentWidthKeyInput = getTextWidth(refInputKey.current)\n\n        setChipData(prevState => ({\n          ...prevState,\n          key: refInputKey.current.value,\n          keyFieldWidth:\n            refInputKey.current.value.length <= 1\n              ? minWidthInput\n              : currentWidthKeyInput >= maxWidthInput\n                ? maxWidthInput\n                : currentWidthKeyInput > minWidthInput\n                  ? currentWidthKeyInput + 2\n                  : minWidthInput\n        }))\n      } else {\n        const currentWidthValueInput = getTextWidth(refInputValue.current)\n\n        setChipData(prevState => ({\n          ...prevState,\n          value: refInputValue.current.value,\n          valueFieldWidth:\n            refInputValue.current.value?.length <= 1\n              ? minWidthValueInput\n              : currentWidthValueInput >= maxWidthInput\n                ? maxWidthInput\n                : currentWidthValueInput > minWidthValueInput\n                  ? currentWidthValueInput + 2\n                  : minWidthValueInput\n        }))\n      }\n    },\n    [keyName, minWidthInput, ref, minWidthValueInput]\n  )\n\n  useLayoutEffect(() => {\n    if (editConfig.chipIndex === chipIndex) {\n      setSelectedInput(editConfig.isKeyFocused ? 'key' : editConfig.isValueFocused ? 'value' : null)\n    }\n  }, [editConfig.isKeyFocused, editConfig.isValueFocused, editConfig.chipIndex, chipIndex])\n\n  useEffect(() => {\n    if (meta.valid && showValidationRules) {\n      setShowValidationRules(false)\n    }\n  }, [meta.valid, showValidationRules])\n\n  useEffect(() => {\n    if (meta.error) {\n      setValidationRules(prevState => {\n        return {\n          ...prevState,\n          [selectedInput]: prevState[selectedInput]?.map(rule => {\n            return {\n              ...rule,\n              isValid: isEmpty(get(meta, ['error', editConfig.chipIndex, selectedInput], []))\n                ? true\n                : !meta.error[editConfig.chipIndex][selectedInput].some(\n                    err => err && err.name === rule.name\n                  )\n            }\n          })\n        }\n      })\n\n      !showValidationRules && setShowValidationRules(true)\n    }\n  }, [meta, showValidationRules, selectedInput, editConfig.chipIndex])\n\n  const getValidationRules = useCallback(() => {\n    return validationRules[selectedInput]?.map(({ isValid = false, label, name }) => {\n      return <ValidationTemplate valid={isValid} validationMessage={label} key={name} />\n    })\n  }, [selectedInput, validationRules])\n\n  return (\n    <div\n      className={labelContainerClassName}\n      onKeyDown={event => !chip.disabled && editConfig.isEdit && focusChip(event)}\n      ref={refInputContainer}\n    >\n      <NewChipInput\n        className={labelKeyClassName}\n        disabled={\n          chip.disabled ||\n          !isEditable ||\n          (!isNil(editConfig.chipIndex) && editConfig.chipIndex !== chipIndex)\n        }\n        name={keyName}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        placeholder={isEditable ? 'key' : ''}\n        ref={refInputKey}\n        style={{ width: chipData.keyFieldWidth }}\n      />\n      {!chipData.isKeyOnly && <div className=\"edit-chip-separator\">:</div>}\n      {!chipData.isKeyOnly && (\n        <NewChipInput\n          className={labelValueClassName}\n          disabled={\n            chip.disabled ||\n            !isEditable ||\n            (!isNil(editConfig.chipIndex) && editConfig.chipIndex !== chipIndex)\n          }\n          name={valueName}\n          onChange={handleOnChange}\n          onFocus={handleOnFocus}\n          placeholder={isEditable ? 'value' : ''}\n          ref={refInputValue}\n          style={{ width: chipData.valueFieldWidth }}\n        />\n      )}\n\n      <button\n        disabled={chip.disabled}\n        className={closeButtonClass}\n        onClick={event => !chip.disabled && handleRemoveChip(event, chipIndex)}\n      >\n        <Close />\n      </button>\n\n      {!chip.disabled &&\n        (editConfig.isKeyFocused ? !isEmpty(chipData.key) : !isEmpty(chipData.value)) &&\n        editConfig.chipIndex === chipIndex &&\n        !isEmpty(get(meta, ['error', editConfig.chipIndex, selectedInput], [])) && (\n          <OptionsMenu show={showValidationRules} ref={{ refInputContainer, validationRulesRef }}>\n            {getValidationRules()}\n          </OptionsMenu>\n        )}\n    </div>\n  )\n}\n\nNewChipForm = forwardRef(NewChipForm)\n\nNewChipForm.displayName = 'NewChipForm'\n\nNewChipForm.propTypes = {\n  chip: PropTypes.object.isRequired,\n  chipIndex: PropTypes.number.isRequired,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  className: PropTypes.string,\n  editConfig: PropTypes.object.isRequired,\n  handleRemoveChip: PropTypes.func.isRequired,\n  isDeletable: PropTypes.bool.isRequired,\n  isEditable: PropTypes.bool.isRequired,\n  keyName: PropTypes.string.isRequired,\n  meta: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  setChipSizeIsRecalculated: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.object,\n  valueName: PropTypes.string.isRequired\n}\n\nexport default NewChipForm\n"],"names":["defaultProps","NewChipForm","chip","chipIndex","chipOptions","className","editConfig","handleRemoveChip","isDeletable","isEditable","keyName","meta","onChange","setChipSizeIsRecalculated","setEditConfig","rules","valueName","ref","chipData","setChipData","useState","selectedInput","setSelectedInput","validationRules","setValidationRules","showValidationRules","setShowValidationRules","background","borderColor","borderRadius","density","font","minWidthInput","useMemo","minWidthValueInput","transitionEndEventName","getTransitionEndEventName","refInputKey","React","refInputValue","refInputContainer","validationRulesRef","labelKeyClassName","classnames","isEmpty","get","labelContainerClassName","labelValueClassName","closeButtonClass","resizeChip","useCallback","currentWidthKeyInput","getTextWidth","currentWidthValueInput","maxWidthInput","_a","keyEllipsis","valueEllipsis","keyFieldWidth","valueFieldWidth","remainingPlace","prevState","useEffect","element","observer","resizeChipDebounced","throttle","outsideClick","event","forceOutsideClick","CLICK","handleScroll","focusChip","TAB","TAB_SHIFT","handleOnFocus","isKeyFocused","prevConfig","isNil","handleOnChange","useLayoutEffect","rule","err","getValidationRules","isValid","label","name","ValidationTemplate","jsxs","jsx","NewChipInput","Close","OptionsMenu","forwardRef","PropTypes","CHIP_OPTIONS","NewChipForm$1"],"mappings":"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"}
+{"version":3,"file":"NewChipForm.mjs","sources":["../../../../src/lib/components/FormChipCell/NewChipForm/NewChipForm.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, {\n  useState,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  forwardRef\n} from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { isEmpty, get, isNil, throttle } from 'lodash'\n\nimport NewChipInput from '../NewChipInput/NewChipInput'\nimport OptionsMenu from '../../../elements/OptionsMenu/OptionsMenu'\nimport ValidationTemplate from '../../../elements/ValidationTemplate/ValidationTemplate'\n\nimport { CHIP_OPTIONS } from '../../../types'\nimport { CLICK, TAB, TAB_SHIFT } from '../../../constants'\nimport { getTextWidth } from '../formChipCell.util'\nimport { getTransitionEndEventName } from '../../../utils/common.util'\n\nimport Close from '../../../images/close.svg?react'\n\nimport './newChipForm.scss'\n\nconst defaultProps = {\n  rules: {}\n}\n\nlet NewChipForm = (\n  {\n    chip,\n    chipIndex,\n    chipOptions,\n    className = '',\n    editConfig,\n    handleRemoveChip,\n    isDeletable,\n    isEditable,\n    keyName,\n    meta,\n    onChange,\n    setChipSizeIsRecalculated,\n    setEditConfig,\n    validationRules: rules = defaultProps.rules,\n    valueName\n  },\n  ref\n) => {\n  const [chipData, setChipData] = useState({\n    isKeyOnly: chip.isKeyOnly,\n    key: chip.key,\n    value: chip.value,\n    keyFieldWidth: 0,\n    valueFieldWidth: 0\n  })\n  const [selectedInput, setSelectedInput] = useState('key')\n  const [validationRules, setValidationRules] = useState(rules)\n  const [showValidationRules, setShowValidationRules] = useState(false)\n\n  const { background, borderColor, borderRadius, density, font } = chipOptions\n  const minWidthInput = useMemo(() => {\n    return isEditable ? 25 : 20\n  }, [isEditable])\n  const minWidthValueInput = useMemo(() => {\n    return isEditable ? 35 : 20\n  }, [isEditable])\n  const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n  const refInputKey = React.useRef({})\n  const refInputValue = React.useRef({})\n  const refInputContainer = React.useRef()\n  const validationRulesRef = React.useRef()\n\n  const labelKeyClassName = classnames(\n    className,\n    !editConfig.isKeyFocused && 'item_edited',\n    !isEmpty(get(meta, ['error', chipIndex, 'key'], [])) &&\n      !isEmpty(chipData.key) &&\n      !chip.disabled &&\n      isEditable &&\n      'item_edited_invalid'\n  )\n  const labelContainerClassName = classnames(\n    'edit-chip-container',\n    background && `edit-chip-container-background_${background}`,\n    borderColor && `edit-chip-container-border_${borderColor}`,\n    font && `edit-chip-container-font_${font}`,\n    density && `edit-chip-container-density_${density}`,\n    borderRadius && `edit-chip-container-border_${borderRadius}`,\n    (editConfig.isEdit || editConfig.isNewChip) && 'edit-chip-container_edited',\n    isEditable && chip.disabled && 'edit-chip-container_disabled edit-chip-container-font_disabled'\n  )\n  const labelValueClassName = classnames(\n    'input-label-value',\n    !editConfig.isValueFocused && 'item_edited',\n    !isEmpty(get(meta, ['error', chipIndex, 'value'], [])) &&\n      !isEmpty(chipData.value) &&\n      isEditable &&\n      'item_edited_invalid'\n  )\n\n  const closeButtonClass = classnames(\n    'item-icon-close',\n    !chip.disabled &&\n      ((editConfig.chipIndex === chipIndex && isEditable) || (!isDeletable && !isEditable)) &&\n      'item-icon-close invisible',\n    !isEditable && !isDeletable && 'item-icon-close hidden'\n  )\n\n  const resizeChip = useCallback(() => {\n    if (refInputKey.current) {\n      const currentWidthKeyInput = getTextWidth(refInputKey.current) + 1\n      const currentWidthValueInput = getTextWidth(refInputValue.current) + 1\n      const maxWidthInput = ref.current?.clientWidth - 50\n      const keyEllipsis = currentWidthKeyInput >= maxWidthInput / 2\n      const valueEllipsis = currentWidthValueInput >= maxWidthInput / 2\n      let keyFieldWidth = null\n      let valueFieldWidth = null\n\n      if (keyEllipsis && valueEllipsis) {\n        keyFieldWidth = valueFieldWidth = maxWidthInput / 2\n      } else if (keyEllipsis) {\n        valueFieldWidth = !chipData.value ? minWidthValueInput : currentWidthValueInput\n\n        const remainingPlace = maxWidthInput - valueFieldWidth\n\n        keyFieldWidth =\n          remainingPlace > currentWidthKeyInput ? currentWidthKeyInput : remainingPlace\n      } else if (valueEllipsis) {\n        keyFieldWidth = !chipData.key ? minWidthInput : currentWidthKeyInput\n\n        const remainingPlace = maxWidthInput - keyFieldWidth\n\n        valueFieldWidth =\n          remainingPlace > currentWidthValueInput ? currentWidthValueInput : remainingPlace\n      } else {\n        keyFieldWidth =\n          !chipData.key || currentWidthKeyInput <= minWidthInput\n            ? minWidthInput\n            : currentWidthKeyInput\n        valueFieldWidth =\n          !chipData.value || currentWidthValueInput <= minWidthValueInput\n            ? minWidthValueInput\n            : currentWidthValueInput\n      }\n\n      refInputKey.current.style.width = `${keyFieldWidth}px`\n\n      if (!isEmpty(refInputValue.current)) {\n        refInputValue.current.style.width = `${valueFieldWidth}px`\n      }\n\n      setChipData(prevState => ({\n        ...prevState,\n        keyFieldWidth,\n        valueFieldWidth\n      }))\n      setChipSizeIsRecalculated(true)\n    }\n  }, [\n    chipData.key,\n    chipData.value,\n    minWidthInput,\n    minWidthValueInput,\n    ref,\n    setChipSizeIsRecalculated\n  ])\n\n  useEffect(() => {\n    if (!ref.current) return\n\n    const element = ref.current\n    const observer = new ResizeObserver(resizeChip)\n\n    observer.observe(element)\n\n    return () => observer.unobserve(element)\n  }, [ref, resizeChip])\n\n  useEffect(() => {\n    const resizeChipDebounced = throttle(resizeChip, 500)\n\n    if (isEditable) {\n      window.addEventListener('resize', resizeChipDebounced)\n      window.addEventListener(transitionEndEventName, resizeChipDebounced)\n\n      return () => {\n        window.removeEventListener('resize', resizeChipDebounced)\n        window.removeEventListener(transitionEndEventName, resizeChipDebounced)\n      }\n    }\n  }, [isEditable, resizeChip, transitionEndEventName])\n\n  useLayoutEffect(() => {\n    if (!chipData.keyFieldWidth && !chipData.valueFieldWidth) {\n      resizeChip()\n    }\n  }, [chipData.keyFieldWidth, chipData.valueFieldWidth, resizeChip])\n\n  const outsideClick = useCallback(\n    (event, forceOutsideClick) => {\n      if (editConfig.chipIndex === chipIndex) {\n        const elementPath = event.path ?? event.composedPath?.()\n\n        if (!elementPath.includes(refInputContainer.current) || forceOutsideClick) {\n          onChange(event, CLICK, true)\n          window.getSelection().removeAllRanges()\n          document.activeElement.blur()\n        } else {\n          event.stopPropagation()\n        }\n      }\n    },\n    [onChange, refInputContainer, chipIndex, editConfig.chipIndex]\n  )\n\n  const handleScroll = useCallback(\n    event => {\n      if (validationRulesRef?.current && !validationRulesRef.current.contains(event.target)) {\n        setShowValidationRules(false)\n        outsideClick(event, true)\n      }\n    },\n    [outsideClick]\n  )\n\n  useEffect(() => {\n    if (showValidationRules) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [handleScroll, showValidationRules])\n\n  useEffect(() => {\n    if (editConfig.chipIndex === chipIndex) {\n      if (editConfig.isKeyFocused) {\n        refInputKey.current.focus()\n      } else if (editConfig.isValueFocused) {\n        refInputValue.current.focus()\n      }\n    }\n  }, [\n    editConfig.isKeyFocused,\n    editConfig.isValueFocused,\n    refInputKey,\n    refInputValue,\n    chipIndex,\n    editConfig.chipIndex\n  ])\n\n  useEffect(() => {\n    if (showValidationRules) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [handleScroll, showValidationRules])\n\n  useEffect(() => {\n    if (editConfig.isEdit) {\n      document.addEventListener('click', outsideClick, true)\n\n      return () => {\n        document.removeEventListener('click', outsideClick, true)\n      }\n    }\n  }, [outsideClick, editConfig.isEdit])\n\n  const focusChip = useCallback(\n    event => {\n      if (editConfig.chipIndex === chipIndex && isEditable) {\n        if (!event.shiftKey && event.key === TAB && editConfig.isValueFocused) {\n          return onChange(event, TAB)\n        } else if (event.shiftKey && event.key === TAB && editConfig.isKeyFocused) {\n          return onChange(event, TAB_SHIFT)\n        }\n      }\n      event.stopPropagation()\n    },\n    [editConfig, onChange, chipIndex, isEditable]\n  )\n\n  const handleOnFocus = useCallback(\n    event => {\n      const isKeyFocused = event.target.name === keyName\n\n      if (editConfig.chipIndex === chipIndex) {\n        if (isKeyFocused) {\n          refInputKey.current.selectionStart = refInputKey.current.selectionEnd\n\n          setEditConfig(prevConfig => ({\n            ...prevConfig,\n            isKeyFocused: true,\n            isValueFocused: false\n          }))\n        } else {\n          refInputValue.current.selectionStart = refInputValue.current.selectionEnd\n\n          setEditConfig(prevConfig => ({\n            ...prevConfig,\n            isKeyFocused: false,\n            isValueFocused: true\n          }))\n        }\n\n        event && event.stopPropagation()\n      } else if (isNil(editConfig.chipIndex)) {\n        if (isKeyFocused) {\n          refInputKey.current.selectionStart = refInputKey.current.selectionEnd\n        } else {\n          refInputValue.current.selectionStart = refInputValue.current.selectionEnd\n        }\n        setEditConfig({\n          chipIndex,\n          isEdit: true,\n          isKeyFocused: isKeyFocused,\n          isValueFocused: !isKeyFocused\n        })\n      }\n    },\n    [keyName, refInputKey, refInputValue, setEditConfig, editConfig.chipIndex, chipIndex]\n  )\n\n  const handleOnChange = useCallback(\n    event => {\n      const maxWidthInput = ref.current?.clientWidth - 50\n\n      event.preventDefault()\n\n      if (event.target.name === keyName) {\n        const currentWidthKeyInput = getTextWidth(refInputKey.current)\n\n        setChipData(prevState => ({\n          ...prevState,\n          key: refInputKey.current.value,\n          keyFieldWidth:\n            refInputKey.current.value.length <= 1\n              ? minWidthInput\n              : currentWidthKeyInput >= maxWidthInput\n                ? maxWidthInput\n                : currentWidthKeyInput > minWidthInput\n                  ? currentWidthKeyInput + 2\n                  : minWidthInput\n        }))\n      } else {\n        const currentWidthValueInput = getTextWidth(refInputValue.current)\n\n        setChipData(prevState => ({\n          ...prevState,\n          value: refInputValue.current.value,\n          valueFieldWidth:\n            refInputValue.current.value?.length <= 1\n              ? minWidthValueInput\n              : currentWidthValueInput >= maxWidthInput\n                ? maxWidthInput\n                : currentWidthValueInput > minWidthValueInput\n                  ? currentWidthValueInput + 2\n                  : minWidthValueInput\n        }))\n      }\n    },\n    [keyName, minWidthInput, ref, minWidthValueInput]\n  )\n\n  useLayoutEffect(() => {\n    if (editConfig.chipIndex === chipIndex) {\n      setSelectedInput(editConfig.isKeyFocused ? 'key' : editConfig.isValueFocused ? 'value' : null)\n    }\n  }, [editConfig.isKeyFocused, editConfig.isValueFocused, editConfig.chipIndex, chipIndex])\n\n  useEffect(() => {\n    if (meta.valid && showValidationRules) {\n      setShowValidationRules(false)\n    }\n  }, [meta.valid, showValidationRules])\n\n  useEffect(() => {\n    if (meta.error) {\n      setValidationRules(prevState => {\n        return {\n          ...prevState,\n          [selectedInput]: prevState[selectedInput]?.map(rule => {\n            return {\n              ...rule,\n              isValid: isEmpty(get(meta, ['error', editConfig.chipIndex, selectedInput], []))\n                ? true\n                : !meta.error[editConfig.chipIndex][selectedInput].some(\n                    err => err && err.name === rule.name\n                  )\n            }\n          })\n        }\n      })\n\n      !showValidationRules && setShowValidationRules(true)\n    }\n  }, [meta, showValidationRules, selectedInput, editConfig.chipIndex])\n\n  const getValidationRules = useCallback(() => {\n    return validationRules[selectedInput]?.map(({ isValid = false, label, name }) => {\n      return <ValidationTemplate valid={isValid} validationMessage={label} key={name} />\n    })\n  }, [selectedInput, validationRules])\n\n  return (\n    <div\n      className={labelContainerClassName}\n      onKeyDown={event => !chip.disabled && editConfig.isEdit && focusChip(event)}\n      ref={refInputContainer}\n    >\n      <NewChipInput\n        className={labelKeyClassName}\n        disabled={\n          chip.disabled ||\n          !isEditable ||\n          (!isNil(editConfig.chipIndex) && editConfig.chipIndex !== chipIndex)\n        }\n        name={keyName}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        placeholder={isEditable ? 'key' : ''}\n        ref={refInputKey}\n        style={{ width: chipData.keyFieldWidth }}\n      />\n      {!chipData.isKeyOnly && <div className=\"edit-chip-separator\">:</div>}\n      {!chipData.isKeyOnly && (\n        <NewChipInput\n          className={labelValueClassName}\n          disabled={\n            chip.disabled ||\n            !isEditable ||\n            (!isNil(editConfig.chipIndex) && editConfig.chipIndex !== chipIndex)\n          }\n          name={valueName}\n          onChange={handleOnChange}\n          onFocus={handleOnFocus}\n          placeholder={isEditable ? 'value' : ''}\n          ref={refInputValue}\n          style={{ width: chipData.valueFieldWidth }}\n        />\n      )}\n\n      <button\n        disabled={chip.disabled}\n        className={closeButtonClass}\n        onClick={event => !chip.disabled && handleRemoveChip(event, chipIndex)}\n      >\n        <Close />\n      </button>\n\n      {!chip.disabled &&\n        (editConfig.isKeyFocused ? !isEmpty(chipData.key) : !isEmpty(chipData.value)) &&\n        editConfig.chipIndex === chipIndex &&\n        !isEmpty(get(meta, ['error', editConfig.chipIndex, selectedInput], [])) && (\n          <OptionsMenu show={showValidationRules} ref={{ refInputContainer, validationRulesRef }}>\n            {getValidationRules()}\n          </OptionsMenu>\n        )}\n    </div>\n  )\n}\n\nNewChipForm = forwardRef(NewChipForm)\n\nNewChipForm.displayName = 'NewChipForm'\n\nNewChipForm.propTypes = {\n  chip: PropTypes.object.isRequired,\n  chipIndex: PropTypes.number.isRequired,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  className: PropTypes.string,\n  editConfig: PropTypes.object.isRequired,\n  handleRemoveChip: PropTypes.func.isRequired,\n  isDeletable: PropTypes.bool.isRequired,\n  isEditable: PropTypes.bool.isRequired,\n  keyName: PropTypes.string.isRequired,\n  meta: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  setChipSizeIsRecalculated: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.object,\n  valueName: PropTypes.string.isRequired\n}\n\nexport default NewChipForm\n"],"names":["defaultProps","NewChipForm","chip","chipIndex","chipOptions","className","editConfig","handleRemoveChip","isDeletable","isEditable","keyName","meta","onChange","setChipSizeIsRecalculated","setEditConfig","rules","valueName","ref","chipData","setChipData","useState","selectedInput","setSelectedInput","validationRules","setValidationRules","showValidationRules","setShowValidationRules","background","borderColor","borderRadius","density","font","minWidthInput","useMemo","minWidthValueInput","transitionEndEventName","getTransitionEndEventName","refInputKey","React","refInputValue","refInputContainer","validationRulesRef","labelKeyClassName","classnames","isEmpty","get","labelContainerClassName","labelValueClassName","closeButtonClass","resizeChip","useCallback","currentWidthKeyInput","getTextWidth","currentWidthValueInput","maxWidthInput","_a","keyEllipsis","valueEllipsis","keyFieldWidth","valueFieldWidth","remainingPlace","prevState","useEffect","element","observer","resizeChipDebounced","throttle","useLayoutEffect","outsideClick","event","forceOutsideClick","CLICK","handleScroll","focusChip","TAB","TAB_SHIFT","handleOnFocus","isKeyFocused","prevConfig","isNil","handleOnChange","rule","err","getValidationRules","isValid","label","name","ValidationTemplate","jsxs","jsx","NewChipInput","Close","OptionsMenu","forwardRef","PropTypes","CHIP_OPTIONS","NewChipForm$1"],"mappings":"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"}

package/dist/components/FormChipCell/NewChipInput/NewChipInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NewChipInput.mjs","sources":["../../../../src/lib/components/FormChipCell/NewChipInput/NewChipInput.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { Field, useField } from 'react-final-form'\n\nlet NewChipInput = ({ name, onChange, onFocus, ...inputProps }, ref) => {\n  const { input } = useField(name)\n\n  const handleInputChange = event => {\n    input.onChange(event)\n    onChange(event)\n  }\n\n  const handleInputFocus = event => {\n    input.onFocus(event)\n    onFocus(event)\n  }\n\n  return (\n    <Field name={name}>\n      {({ input }) => (\n        <input\n          autoComplete=\"off\"\n          data-testid=\"input\"\n          ref={ref}\n          type=\"text\"\n          {...{\n            ...inputProps,\n            ...input\n          }}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n        />\n      )}\n    </Field>\n  )\n}\n\nNewChipInput = forwardRef(NewChipInput)\n\nNewChipInput.displayName = 'NewChipInput'\n\nNewChipInput.propTypes = {\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onFocus: PropTypes.func.isRequired\n}\n\nexport default NewChipInput\n"],"names":["NewChipInput","name","onChange","onFocus","inputProps","ref","input","useField","handleInputChange","event","handleInputFocus","Field","jsx","forwardRef","PropTypes","NewChipInput$1"],"mappings":";;;;AAoBA,IAAIA,IAAe,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAW,GAAGC,MAAQ;AACtE,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAASN,CAAI,GAEzBO,IAAoB,CAASC,MAAA;AACjC,IAAAH,EAAM,SAASG,CAAK,GACpBP,EAASO,CAAK;AAAA,EAChB,GAEMC,IAAmB,CAASD,MAAA;AAChC,IAAAH,EAAM,QAAQG,CAAK,GACnBN,EAAQM,CAAK;AAAA,EACf;AAEA,2BACGE,GAAM,EAAA,MAAAV,GACJ,WAAC,EAAE,OAAAK,QACF,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAY;AAAA,MACZ,KAAAP;AAAA,MACA,MAAK;AAAA,MAEH,GAAGD;AAAA,MACH,GAAGE;AAAAA,MAEL,UAAUE;AAAA,MACV,SAASE;AAAA,IAAA;AAAA,EAAA,GAGf;AAEJ;AAEAV,IAAea,EAAWb,CAAY;AAEtCA,EAAa,cAAc;AAE3BA,EAAa,YAAY;AAAA,EACvB,MAAMc,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU,KAAK;AAAA,EACzB,SAASA,EAAU,KAAK;AAC1B;AAEA,MAAAC,IAAef;"}
+{"version":3,"file":"NewChipInput.mjs","sources":["../../../../src/lib/components/FormChipCell/NewChipInput/NewChipInput.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { Field, useField } from 'react-final-form'\n\nlet NewChipInput = ({ name, onChange, onFocus, ...inputProps }, ref) => {\n  const { input } = useField(name)\n\n  const handleInputChange = event => {\n    input.onChange(event)\n    onChange(event)\n  }\n\n  const handleInputFocus = event => {\n    input.onFocus(event)\n    onFocus(event)\n  }\n\n  return (\n    <Field name={name}>\n      {({ input }) => (\n        <input\n          autoComplete=\"off\"\n          data-testid=\"input\"\n          ref={ref}\n          type=\"text\"\n          {...{\n            ...inputProps,\n            ...input\n          }}\n          onChange={handleInputChange}\n          onFocus={handleInputFocus}\n        />\n      )}\n    </Field>\n  )\n}\n\nNewChipInput = forwardRef(NewChipInput)\n\nNewChipInput.displayName = 'NewChipInput'\n\nNewChipInput.propTypes = {\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onFocus: PropTypes.func.isRequired\n}\n\nexport default NewChipInput\n"],"names":["NewChipInput","name","onChange","onFocus","inputProps","ref","input","useField","handleInputChange","event","handleInputFocus","Field","jsx","forwardRef","PropTypes","NewChipInput$1"],"mappings":";;;;AAoBA,IAAIA,IAAe,CAAC,EAAE,MAAAC,GAAM,UAAAC,GAAU,SAAAC,GAAS,GAAGC,EAAA,GAAcC,MAAQ;AACtE,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAASN,CAAI,GAEzBO,IAAoB,CAAAC,MAAS;AACjC,IAAAH,EAAM,SAASG,CAAK,GACpBP,EAASO,CAAK;AAAA,EAChB,GAEMC,IAAmB,CAAAD,MAAS;AAChC,IAAAH,EAAM,QAAQG,CAAK,GACnBN,EAAQM,CAAK;AAAA,EACf;AAEA,2BACGE,GAAA,EAAM,MAAAV,GACJ,WAAC,EAAE,OAAAK,QACF,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAa;AAAA,MACb,eAAY;AAAA,MACZ,KAAAP;AAAA,MACA,MAAK;AAAA,MAEH,GAAGD;AAAA,MACH,GAAGE;AAAAA,MAEL,UAAUE;AAAA,MACV,SAASE;AAAA,IAAA;AAAA,EAAA,GAGf;AAEJ;AAEAV,IAAea,EAAWb,CAAY;AAEtCA,EAAa,cAAc;AAE3BA,EAAa,YAAY;AAAA,EACvB,MAAMc,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU,KAAK;AAAA,EACzB,SAASA,EAAU,KAAK;AAC1B;AAEA,MAAAC,IAAef;"}

package/dist/components/FormChipCell/formChipCell.util.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"formChipCell.util.mjs","sources":["../../../src/lib/components/FormChipCell/formChipCell.util.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nexport const uniquenessError = { name: 'uniqueness', label: 'Key must be unique' }\n\nexport const getTextWidth = elementWithText => {\n  if (!elementWithText) {\n    return 0\n  }\n  const hiddenElementId = 'chips-hidden-element'\n  let hiddenElement = document.getElementById(hiddenElementId)\n\n  if (!hiddenElement) {\n    hiddenElement = document.createElement('span')\n    const styles = {\n      position: 'absolute',\n      left: '-10000px',\n      top: 'auto',\n      visibility: 'hidden'\n    }\n\n    for (const [styleName, styleValue] of Object.entries(styles)) {\n      hiddenElement.style[styleName] = styleValue\n    }\n\n    hiddenElement.style.font = window.getComputedStyle(elementWithText).font\n    hiddenElement.id = hiddenElementId\n    hiddenElement.tabIndex = -1\n    document.body.append(hiddenElement)\n  }\n\n  hiddenElement.textContent = elementWithText.value\n\n  return hiddenElement.offsetWidth ?? 0\n}\n"],"names":["uniquenessError","getTextWidth","elementWithText","hiddenElementId","hiddenElement","styles","styleName","styleValue"],"mappings":"AAgBY,MAACA,IAAkB,EAAE,MAAM,cAAc,OAAO,qBAAoB,GAEnEC,IAAe,CAAAC,MAAmB;AAC7C,MAAI,CAACA;AACH,WAAO;AAET,QAAMC,IAAkB;AACxB,MAAIC,IAAgB,SAAS,eAAeD,CAAe;AAE3D,MAAI,CAACC,GAAe;AAClB,IAAAA,IAAgB,SAAS,cAAc,MAAM;AAC7C,UAAMC,IAAS;AAAA,MACb,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,IAClB;AAEI,eAAW,CAACC,GAAWC,CAAU,KAAK,OAAO,QAAQF,CAAM;AACzD,MAAAD,EAAc,MAAME,CAAS,IAAIC;AAGnC,IAAAH,EAAc,MAAM,OAAO,OAAO,iBAAiBF,CAAe,EAAE,MACpEE,EAAc,KAAKD,GACnBC,EAAc,WAAW,IACzB,SAAS,KAAK,OAAOA,CAAa;AAAA,EACtC;AAEE,SAAAA,EAAc,cAAcF,EAAgB,OAErCE,EAAc,eAAe;AACtC;"}
+{"version":3,"file":"formChipCell.util.mjs","sources":["../../../src/lib/components/FormChipCell/formChipCell.util.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nexport const uniquenessError = { name: 'uniqueness', label: 'Key must be unique' }\n\nexport const getTextWidth = elementWithText => {\n  if (!elementWithText) {\n    return 0\n  }\n  const hiddenElementId = 'chips-hidden-element'\n  let hiddenElement = document.getElementById(hiddenElementId)\n\n  if (!hiddenElement) {\n    hiddenElement = document.createElement('span')\n    const styles = {\n      position: 'absolute',\n      left: '-10000px',\n      top: 'auto',\n      visibility: 'hidden'\n    }\n\n    for (const [styleName, styleValue] of Object.entries(styles)) {\n      hiddenElement.style[styleName] = styleValue\n    }\n\n    hiddenElement.style.font = window.getComputedStyle(elementWithText).font\n    hiddenElement.id = hiddenElementId\n    hiddenElement.tabIndex = -1\n    document.body.append(hiddenElement)\n  }\n\n  hiddenElement.textContent = elementWithText.value\n\n  return hiddenElement.offsetWidth ?? 0\n}\n"],"names":["uniquenessError","getTextWidth","elementWithText","hiddenElementId","hiddenElement","styles","styleName","styleValue"],"mappings":"AAgBY,MAACA,IAAkB,EAAE,MAAM,cAAc,OAAO,qBAAoB,GAEnEC,IAAe,CAAAC,MAAmB;AAC7C,MAAI,CAACA;AACH,WAAO;AAET,QAAMC,IAAkB;AACxB,MAAIC,IAAgB,SAAS,eAAeD,CAAe;AAE3D,MAAI,CAACC,GAAe;AAClB,IAAAA,IAAgB,SAAS,cAAc,MAAM;AAC7C,UAAMC,IAAS;AAAA,MACb,UAAU;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,MACL,YAAY;AAAA,IAClB;AAEI,eAAW,CAACC,GAAWC,CAAU,KAAK,OAAO,QAAQF,CAAM;AACzD,MAAAD,EAAc,MAAME,CAAS,IAAIC;AAGnC,IAAAH,EAAc,MAAM,OAAO,OAAO,iBAAiBF,CAAe,EAAE,MACpEE,EAAc,KAAKD,GACnBC,EAAc,WAAW,IACzB,SAAS,KAAK,OAAOA,CAAa;AAAA,EACpC;AAEA,SAAAA,EAAc,cAAcF,EAAgB,OAErCE,EAAc,eAAe;AACtC;"}

package/dist/components/FormCombobox/FormCombobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormCombobox.mjs","sources":["../../../src/lib/components/FormCombobox/FormCombobox.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Field, useField } from 'react-final-form'\nimport { isEmpty } from 'lodash'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport OptionsMenu from '../../elements/OptionsMenu/OptionsMenu'\nimport ValidationTemplate from '../../elements/ValidationTemplate/ValidationTemplate'\nimport PopUpDialog from '../PopUpDialog/PopUpDialog'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { checkPatternsValidity } from '../../utils/validation.util'\nimport { useDetectOutsideClick } from '../../hooks'\nimport { COMBOBOX_SELECT_OPTIONS, COMBOBOX_SUGGESTION_LIST, DENSITY } from '../../types'\n\nimport Arrow from '../../images/arrow.svg?react'\nimport SearchIcon from '../../images/search.svg?react'\nimport WarningIcon from '../../images/warning.svg?react'\nimport ExclamationMarkIcon from '../../images/exclamation-mark.svg?react'\n\nimport './formCombobox.scss'\n\nconst FormCombobox = ({\n  comboboxClassName = '',\n  density = 'normal',\n  disabled = false,\n  hideSearchInput = false,\n  inputDefaultValue = '',\n  inputPlaceholder = '',\n  invalidText = 'Invalid',\n  label = '',\n  maxSuggestedMatches = 1,\n  name,\n  onBlur = null,\n  onChange = null,\n  onFocus = null,\n  required = false,\n  rules = [],\n  selectDefaultValue = {\n    label: '',\n    id: '',\n    className: ''\n  },\n  selectOptions,\n  selectPlaceholder = '',\n  suggestionList = [],\n  validator = null,\n  withoutBorder = false\n}) => {\n  const { input, meta } = useField(name)\n  const [inputValue, setInputValue] = useState(inputDefaultValue)\n  const [selectValue, setSelectValue] = useState(selectDefaultValue)\n  const [dropdownStyle, setDropdownStyle] = useState({\n    left: '0px'\n  })\n  const [showSelectDropdown, setShowSelectDropdown] = useState(false)\n  const [showSuggestionList, setShowSuggestionList] = useState(false)\n  const [dropdownList, setDropdownList] = useState(suggestionList)\n  const [searchIsFocused, setSearchIsFocused] = useState(false)\n  const [isInvalid, setIsInvalid] = useState(false)\n  const [validationRules, setValidationRules] = useState(rules)\n  const [showValidationRules, setShowValidationRules] = useState(false)\n  const comboboxRef = useRef()\n  const selectRef = useRef()\n  const inputRef = useRef()\n  const suggestionListRef = useRef()\n  useDetectOutsideClick(comboboxRef, () => setShowValidationRules(false))\n\n  const labelClassNames = classnames('form-field__label', disabled && 'form-field__label-disabled')\n  const inputClassNames = classnames(\n    'form-field-combobox__input',\n    selectValue.id.length === 0 && 'form-field-combobox__input_hidden'\n  )\n\n  useEffect(() => {\n    setValidationRules(prevState =>\n      prevState.map(rule => ({\n        ...rule,\n        isValid:\n          !meta.error || !Array.isArray(meta.error)\n            ? true\n            : !meta.error.some(err => err.name === rule.name)\n      }))\n    )\n  }, [meta.error])\n\n  useEffect(() => {\n    if (!searchIsFocused) {\n      if (JSON.stringify(dropdownList) !== JSON.stringify(suggestionList)) {\n        setDropdownList(suggestionList)\n      }\n    }\n  }, [dropdownList, suggestionList, searchIsFocused])\n\n  useEffect(() => {\n    setIsInvalid(\n      meta.invalid && (meta.validating || meta.modified || (meta.submitFailed && meta.touched))\n    )\n  }, [meta.invalid, meta.modified, meta.submitFailed, meta.touched, meta.validating])\n\n  const handleOutsideClick = useCallback(\n    event => {\n      if (\n        comboboxRef.current &&\n        !comboboxRef.current.contains(event.target) &&\n        suggestionListRef.current &&\n        !suggestionListRef.current.contains(event.target)\n      ) {\n        setSearchIsFocused(false)\n        setShowSelectDropdown(false)\n        setShowSuggestionList(false)\n        input.onBlur(new Event('blur'))\n        onBlur && onBlur(input.value)\n      }\n    },\n    [input, onBlur]\n  )\n\n  const handleScroll = event => {\n    if (comboboxRef.current && comboboxRef.current.contains(event.target)) return\n\n    if (\n      !event.target.closest('.pop-up-dialog') &&\n      !event.target.classList.contains('form-field-combobox')\n    ) {\n      setShowValidationRules(false)\n      setShowSelectDropdown(false)\n      setShowSuggestionList(false)\n      inputRef.current.blur()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener('click', handleOutsideClick)\n\n    return () => {\n      window.removeEventListener('click', handleOutsideClick)\n    }\n  }, [handleOutsideClick])\n\n  useEffect(() => {\n    if (showValidationRules || showSelectDropdown || showSuggestionList) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [showSelectDropdown, showSuggestionList, showValidationRules])\n\n  const getValidationRules = () => {\n    return validationRules.map(({ isValid = false, label, name }) => {\n      return <ValidationTemplate valid={isValid} validationMessage={label} key={name} />\n    })\n  }\n\n  const handleInputChange = event => {\n    const target = event.target\n\n    setDropdownStyle({\n      left: `${target.selectionStart < 30 ? target.selectionStart : 30}ch`\n    })\n\n    if (searchIsFocused) {\n      setSearchIsFocused(false)\n    }\n\n    setInputValue(target.value)\n    input.onChange(`${selectValue.id}${target.value}`)\n    onChange && onChange(selectValue.id, target.value)\n\n    if (dropdownList.length > 0) {\n      setShowSuggestionList(true)\n    }\n  }\n\n  const handleSelectOptionClick = selectedOption => {\n    if (selectedOption.id !== selectValue.id) {\n      setSelectValue(selectedOption)\n      input.onChange(selectedOption.id)\n      setInputValue('')\n      onChange && onChange(selectedOption.id)\n      setShowSelectDropdown(false)\n      inputRef.current.disabled = false\n      inputRef.current.focus()\n    } else {\n      setShowSelectDropdown(false)\n      inputRef.current.disabled = false\n      inputRef.current.focus()\n    }\n  }\n\n  const handleSuggestionListOptionClick = option => {\n    const inputValueItems = inputValue.split('/')\n    const valueIndex = inputValueItems.length - 1\n    let formattedValue = option.customDelimiter\n      ? inputValueItems[valueIndex].replace(new RegExp(`${option.customDelimiter}.*`), '') +\n        option.id\n      : option.id\n\n    if (inputValueItems.length <= maxSuggestedMatches - 1) formattedValue += '/'\n\n    inputValueItems[valueIndex] = formattedValue\n\n    if (searchIsFocused) {\n      setSearchIsFocused(false)\n    }\n\n    if (inputValueItems.join('/') !== inputValue) {\n      setInputValue(inputValueItems.join('/'))\n      input.onChange(`${selectValue.id}${inputValueItems.join('/')}`)\n      onChange && onChange(selectValue.id, inputValueItems.join('/'))\n    }\n\n    setShowSuggestionList(false)\n    inputRef.current.focus()\n    setDropdownStyle({\n      left: `${inputRef.current.selectionStart < 30 ? inputRef.current.selectionStart : 30}ch`\n    })\n  }\n\n  const inputOnFocus = event => {\n    onFocus && onFocus()\n    input.onFocus(new Event('focus'))\n\n    if (showSelectDropdown) {\n      setShowSelectDropdown(false)\n    }\n\n    // browser need some time to calculate cursor position after onFocus fired\n    if (!inputRef.current.selectionStart) {\n      setTimeout(() => {\n        setDropdownStyle({\n          left: `${event.target.selectionStart < 30 ? event.target.selectionStart : 30}ch`\n        })\n        setShowSuggestionList(true)\n      })\n    } else {\n      setShowSuggestionList(true)\n    }\n  }\n\n  const suggestionListSearchChange = event => {\n    event.persist()\n    setDropdownList(() =>\n      suggestionList.filter(option => {\n        return option.id.startsWith(event.target.value)\n      })\n    )\n  }\n\n  const toggleSelect = useCallback(() => {\n    if (showSelectDropdown) {\n      setShowSelectDropdown(false)\n      input.onBlur(new Event('blur'))\n      onBlur && onBlur(input.value)\n    } else {\n      setShowSuggestionList(false)\n      setShowValidationRules(false)\n      setDropdownStyle({\n        left: '0px'\n      })\n      setShowSelectDropdown(true)\n      input.onFocus(new Event('focus'))\n      onFocus && onFocus(input.value)\n    }\n  }, [input, onBlur, onFocus, showSelectDropdown])\n\n  const validateField = (value = '', allValues) => {\n    const valueToValidate = value.startsWith(selectValue.id)\n      ? value.substring(selectValue.id.length)\n      : (value ?? '')\n    let validationError = null\n\n    if (!isEmpty(validationRules)) {\n      const [newRules, isValidField] = checkPatternsValidity(rules, valueToValidate)\n      const invalidRules = newRules.filter(rule => !rule.isValid)\n\n      if (!isValidField) {\n        validationError = invalidRules.map(rule => ({ name: rule.name, label: rule.label }))\n      }\n    }\n\n    if (isEmpty(validationError)) {\n      if (valueToValidate.startsWith(' ')) {\n        validationError = { name: 'empty', label: invalidText }\n      } else if (required && valueToValidate.trim().length === 0) {\n        validationError = { name: 'required', label: 'This field is required' }\n      }\n    }\n\n    if (!validationError && validator) {\n      validationError = validator(value, allValues)\n    }\n\n    return validationError\n  }\n\n  const warningIconClick = () => {\n    setShowValidationRules(state => !state)\n    setShowSelectDropdown(false)\n  }\n\n  const comboboxClassNames = classnames(\n    comboboxClassName,\n    'form-field-combobox',\n    'form-field',\n    isInvalid && 'form-field-combobox_invalid'\n  )\n  const iconClassNames = classnames(\n    showSelectDropdown && 'form-field-combobox__icon_open',\n    'form-field-combobox__icon'\n  )\n  const selectValueClassNames = classnames(selectValue.className)\n\n  const wrapperClassNames = classnames(\n    'form-field__wrapper',\n    `form-field__wrapper-${density}`,\n    disabled && 'form-field__wrapper-disabled',\n    isInvalid && 'form-field__wrapper-invalid',\n    withoutBorder && 'without-border'\n  )\n\n  return (\n    <Field name={name} validate={validateField}>\n      {({ input, meta }) => (\n        <div\n          className={comboboxClassNames}\n          ref={comboboxRef}\n          data-testid={name ? `${name}-form-combobox` : 'form-combobox'}\n        >\n          {label && (\n            <div className={labelClassNames}>\n              <label data-testid=\"label\" htmlFor={input.name}>\n                {label}\n                {(required || validationRules.find(rule => rule.name === 'required')) && (\n                  <span className=\"form-field__label-mandatory\"> *</span>\n                )}\n              </label>\n            </div>\n          )}\n          <div className={wrapperClassNames}>\n            <div className=\"form-field__icons\">\n              <Arrow className={iconClassNames} onClick={toggleSelect} />\n            </div>\n            <div className=\"form-field-combobox__select form-field__control\" ref={selectRef}>\n              <div className=\"form-field-combobox__select-header\" onClick={toggleSelect}>\n                <span className={selectValueClassNames}>{selectValue.id}</span>\n                {selectValue.id.length === 0 && selectPlaceholder && (\n                  <div className=\"form-field-combobox__placeholder\">\n                    <label>{selectPlaceholder}</label>\n                  </div>\n                )}\n              </div>\n              {showSelectDropdown && (\n                <PopUpDialog\n                  headerIsHidden\n                  customPosition={{\n                    element: selectRef,\n                    position: 'bottom-right'\n                  }}\n                  className=\"form-field-combobox__dropdown form-field-combobox__dropdown-select\"\n                >\n                  <ul className=\"form-field-combobox__dropdown-list\" ref={suggestionListRef}>\n                    {selectOptions.map(option => {\n                      if (!option.hidden) {\n                        const selectOptionClassNames = classnames(\n                          'form-field-combobox__dropdown-list-option',\n                          option.className\n                        )\n\n                        return (\n                          <li\n                            className={selectOptionClassNames}\n                            key={option.id}\n                            onClick={() => handleSelectOptionClick(option)}\n                          >\n                            {option.label}\n                          </li>\n                        )\n                      }\n                    })}\n                  </ul>\n                </PopUpDialog>\n              )}\n            </div>\n            <input\n              autoComplete=\"off\"\n              className={inputClassNames}\n              data-testid={name ? `${name}-form-combobox-input` : 'form-combobox-input'}\n              id={input.name}\n              onChange={handleInputChange}\n              onFocus={inputOnFocus}\n              placeholder={inputPlaceholder}\n              ref={inputRef}\n              required={required}\n              type=\"text\"\n              value={inputValue}\n            />\n            {showSuggestionList && (dropdownList.length > 0 || searchIsFocused) && (\n              <PopUpDialog\n                headerIsHidden\n                customPosition={{\n                  element: selectRef,\n                  position: 'bottom-right'\n                }}\n                className=\"form-field-combobox__dropdown form-field-combobox__dropdown-suggestions\"\n                style={{\n                  ...dropdownStyle\n                }}\n              >\n                <div ref={suggestionListRef}>\n                  {!hideSearchInput && (\n                    <div className=\"form-field-combobox__search-wrapper\">\n                      <input\n                        autoComplete=\"off\"\n                        data-testid={name ? `${name}-form-combobox-search` : 'form-combobox-search'}\n                        className=\"form-field-combobox__search form-field__control\"\n                        onChange={suggestionListSearchChange}\n                        onFocus={() => setSearchIsFocused(true)}\n                        placeholder=\"Type to search\"\n                        type=\"text\"\n                      />\n                      <SearchIcon />\n                    </div>\n                  )}\n                  <ul className=\"form-field-combobox__dropdown-list\">\n                    {searchIsFocused && dropdownList.length === 0 ? (\n                      <li className=\"form-field-combobox__dropdown-list-option\" key=\"no data\">\n                        No data\n                      </li>\n                    ) : (\n                      dropdownList.map(value => (\n                        <li\n                          className=\"form-field-combobox__dropdown-list-option\"\n                          key={value.id}\n                          onClick={() => handleSuggestionListOptionClick(value)}\n                        >\n                          {value.label}\n                        </li>\n                      ))\n                    )}\n                  </ul>\n                </div>\n              </PopUpDialog>\n            )}\n            <div className=\"form-field__icons\">\n              {isInvalid && !Array.isArray(meta.error) && (\n                <Tooltip\n                  className=\"form-field__warning\"\n                  template={<TextTooltipTemplate text={meta.error?.label ?? invalidText} warning />}\n                >\n                  <ExclamationMarkIcon />\n                </Tooltip>\n              )}\n              {isInvalid && Array.isArray(meta.error) && (\n                <button className=\"form-field__warning\" onClick={warningIconClick}>\n                  <WarningIcon />\n                </button>\n              )}\n            </div>\n            {!isEmpty(validationRules) && (\n              <OptionsMenu show={showValidationRules} ref={{ refInputContainer: comboboxRef }}>\n                {getValidationRules()}\n              </OptionsMenu>\n            )}\n          </div>\n        </div>\n      )}\n    </Field>\n  )\n}\n\nFormCombobox.propTypes = {\n  comboboxClassName: PropTypes.string,\n  density: DENSITY,\n  disabled: PropTypes.bool,\n  hideSearchInput: PropTypes.bool,\n  inputDefaultValue: PropTypes.string,\n  inputPlaceholder: PropTypes.string,\n  invalidText: PropTypes.string,\n  label: PropTypes.string,\n  maxSuggestedMatches: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  required: PropTypes.bool,\n  rules: PropTypes.array,\n  selectDefaultValue: PropTypes.shape({}),\n  selectOptions: COMBOBOX_SELECT_OPTIONS.isRequired,\n  selectPlaceholder: PropTypes.string,\n  suggestionList: COMBOBOX_SUGGESTION_LIST,\n  validator: PropTypes.func,\n  withoutBorder: PropTypes.bool\n}\n\nexport default FormCombobox\n"],"names":["FormCombobox","comboboxClassName","density","disabled","hideSearchInput","inputDefaultValue","inputPlaceholder","invalidText","label","maxSuggestedMatches","name","onBlur","onChange","onFocus","required","rules","selectDefaultValue","selectOptions","selectPlaceholder","suggestionList","validator","withoutBorder","input","meta","useField","inputValue","setInputValue","useState","selectValue","setSelectValue","dropdownStyle","setDropdownStyle","showSelectDropdown","setShowSelectDropdown","showSuggestionList","setShowSuggestionList","dropdownList","setDropdownList","searchIsFocused","setSearchIsFocused","isInvalid","setIsInvalid","validationRules","setValidationRules","showValidationRules","setShowValidationRules","comboboxRef","useRef","selectRef","inputRef","suggestionListRef","useDetectOutsideClick","labelClassNames","classnames","inputClassNames","useEffect","prevState","rule","err","handleOutsideClick","useCallback","event","handleScroll","getValidationRules","isValid","ValidationTemplate","handleInputChange","target","handleSelectOptionClick","selectedOption","handleSuggestionListOptionClick","option","inputValueItems","valueIndex","formattedValue","inputOnFocus","suggestionListSearchChange","toggleSelect","validateField","value","allValues","valueToValidate","validationError","isEmpty","newRules","isValidField","checkPatternsValidity","invalidRules","warningIconClick","state","comboboxClassNames","iconClassNames","selectValueClassNames","wrapperClassNames","jsx","Field","jsxs","Arrow","PopUpDialog","selectOptionClassNames","SearchIcon","Tooltip","TextTooltipTemplate","ExclamationMarkIcon","WarningIcon","OptionsMenu","PropTypes","DENSITY","COMBOBOX_SELECT_OPTIONS","COMBOBOX_SUGGESTION_LIST"],"mappings":"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"}
+{"version":3,"file":"FormCombobox.mjs","sources":["../../../src/lib/components/FormCombobox/FormCombobox.jsx"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Field, useField } from 'react-final-form'\nimport { isEmpty } from 'lodash'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport OptionsMenu from '../../elements/OptionsMenu/OptionsMenu'\nimport ValidationTemplate from '../../elements/ValidationTemplate/ValidationTemplate'\nimport PopUpDialog from '../PopUpDialog/PopUpDialog'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { checkPatternsValidity } from '../../utils/validation.util'\nimport { useDetectOutsideClick } from '../../hooks'\nimport { COMBOBOX_SELECT_OPTIONS, COMBOBOX_SUGGESTION_LIST, DENSITY } from '../../types'\n\nimport Arrow from '../../images/arrow.svg?react'\nimport SearchIcon from '../../images/search.svg?react'\nimport WarningIcon from '../../images/warning.svg?react'\nimport ExclamationMarkIcon from '../../images/exclamation-mark.svg?react'\n\nimport './formCombobox.scss'\n\nconst FormCombobox = ({\n  comboboxClassName = '',\n  density = 'normal',\n  disabled = false,\n  hideSearchInput = false,\n  inputDefaultValue = '',\n  inputPlaceholder = '',\n  invalidText = 'Invalid',\n  label = '',\n  maxSuggestedMatches = 1,\n  name,\n  onBlur = null,\n  onChange = null,\n  onFocus = null,\n  required = false,\n  rules = [],\n  selectDefaultValue = {\n    label: '',\n    id: '',\n    className: ''\n  },\n  selectOptions,\n  selectPlaceholder = '',\n  suggestionList = [],\n  validator = null,\n  withoutBorder = false\n}) => {\n  const { input, meta } = useField(name)\n  const [inputValue, setInputValue] = useState(inputDefaultValue)\n  const [selectValue, setSelectValue] = useState(selectDefaultValue)\n  const [dropdownStyle, setDropdownStyle] = useState({\n    left: '0px'\n  })\n  const [showSelectDropdown, setShowSelectDropdown] = useState(false)\n  const [showSuggestionList, setShowSuggestionList] = useState(false)\n  const [dropdownList, setDropdownList] = useState(suggestionList)\n  const [searchIsFocused, setSearchIsFocused] = useState(false)\n  const [isInvalid, setIsInvalid] = useState(false)\n  const [validationRules, setValidationRules] = useState(rules)\n  const [showValidationRules, setShowValidationRules] = useState(false)\n  const comboboxRef = useRef()\n  const selectRef = useRef()\n  const inputRef = useRef()\n  const suggestionListRef = useRef()\n  useDetectOutsideClick(comboboxRef, () => setShowValidationRules(false))\n\n  const labelClassNames = classnames('form-field__label', disabled && 'form-field__label-disabled')\n  const inputClassNames = classnames(\n    'form-field-combobox__input',\n    selectValue.id.length === 0 && 'form-field-combobox__input_hidden'\n  )\n\n  useEffect(() => {\n    setValidationRules(prevState =>\n      prevState.map(rule => ({\n        ...rule,\n        isValid:\n          !meta.error || !Array.isArray(meta.error)\n            ? true\n            : !meta.error.some(err => err.name === rule.name)\n      }))\n    )\n  }, [meta.error])\n\n  useEffect(() => {\n    if (!searchIsFocused) {\n      if (JSON.stringify(dropdownList) !== JSON.stringify(suggestionList)) {\n        setDropdownList(suggestionList)\n      }\n    }\n  }, [dropdownList, suggestionList, searchIsFocused])\n\n  useEffect(() => {\n    setIsInvalid(\n      meta.invalid && (meta.validating || meta.modified || (meta.submitFailed && meta.touched))\n    )\n  }, [meta.invalid, meta.modified, meta.submitFailed, meta.touched, meta.validating])\n\n  const handleOutsideClick = useCallback(\n    event => {\n      if (\n        comboboxRef.current &&\n        !comboboxRef.current.contains(event.target) &&\n        suggestionListRef.current &&\n        !suggestionListRef.current.contains(event.target)\n      ) {\n        setSearchIsFocused(false)\n        setShowSelectDropdown(false)\n        setShowSuggestionList(false)\n        input.onBlur(new Event('blur'))\n        onBlur && onBlur(input.value)\n      }\n    },\n    [input, onBlur]\n  )\n\n  const handleScroll = event => {\n    if (comboboxRef.current && comboboxRef.current.contains(event.target)) return\n\n    if (\n      !event.target.closest('.pop-up-dialog') &&\n      !event.target.classList.contains('form-field-combobox')\n    ) {\n      setShowValidationRules(false)\n      setShowSelectDropdown(false)\n      setShowSuggestionList(false)\n      inputRef.current.blur()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener('click', handleOutsideClick)\n\n    return () => {\n      window.removeEventListener('click', handleOutsideClick)\n    }\n  }, [handleOutsideClick])\n\n  useEffect(() => {\n    if (showValidationRules || showSelectDropdown || showSuggestionList) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true)\n    }\n  }, [showSelectDropdown, showSuggestionList, showValidationRules])\n\n  const getValidationRules = () => {\n    return validationRules.map(({ isValid = false, label, name }) => {\n      return <ValidationTemplate valid={isValid} validationMessage={label} key={name} />\n    })\n  }\n\n  const handleInputChange = event => {\n    const target = event.target\n\n    setDropdownStyle({\n      left: `${target.selectionStart < 30 ? target.selectionStart : 30}ch`\n    })\n\n    if (searchIsFocused) {\n      setSearchIsFocused(false)\n    }\n\n    setInputValue(target.value)\n    input.onChange(`${selectValue.id}${target.value}`)\n    onChange && onChange(selectValue.id, target.value)\n\n    if (dropdownList.length > 0) {\n      setShowSuggestionList(true)\n    }\n  }\n\n  const handleSelectOptionClick = selectedOption => {\n    if (selectedOption.id !== selectValue.id) {\n      setSelectValue(selectedOption)\n      input.onChange(selectedOption.id)\n      setInputValue('')\n      onChange && onChange(selectedOption.id)\n      setShowSelectDropdown(false)\n      inputRef.current.disabled = false\n      inputRef.current.focus()\n    } else {\n      setShowSelectDropdown(false)\n      inputRef.current.disabled = false\n      inputRef.current.focus()\n    }\n  }\n\n  const handleSuggestionListOptionClick = option => {\n    const inputValueItems = inputValue.split('/')\n    const valueIndex = inputValueItems.length - 1\n    let formattedValue = option.customDelimiter\n      ? inputValueItems[valueIndex].replace(new RegExp(`${option.customDelimiter}.*`), '') +\n        option.id\n      : option.id\n\n    if (inputValueItems.length <= maxSuggestedMatches - 1) formattedValue += '/'\n\n    inputValueItems[valueIndex] = formattedValue\n\n    if (searchIsFocused) {\n      setSearchIsFocused(false)\n    }\n\n    if (inputValueItems.join('/') !== inputValue) {\n      setInputValue(inputValueItems.join('/'))\n      input.onChange(`${selectValue.id}${inputValueItems.join('/')}`)\n      onChange && onChange(selectValue.id, inputValueItems.join('/'))\n    }\n\n    setShowSuggestionList(false)\n    inputRef.current.focus()\n    setDropdownStyle({\n      left: `${inputRef.current.selectionStart < 30 ? inputRef.current.selectionStart : 30}ch`\n    })\n  }\n\n  const inputOnFocus = event => {\n    onFocus && onFocus()\n    input.onFocus(new Event('focus'))\n\n    if (showSelectDropdown) {\n      setShowSelectDropdown(false)\n    }\n\n    // browser need some time to calculate cursor position after onFocus fired\n    if (!inputRef.current.selectionStart) {\n      setTimeout(() => {\n        setDropdownStyle({\n          left: `${event.target.selectionStart < 30 ? event.target.selectionStart : 30}ch`\n        })\n        setShowSuggestionList(true)\n      })\n    } else {\n      setShowSuggestionList(true)\n    }\n  }\n\n  const suggestionListSearchChange = event => {\n    event.persist()\n    setDropdownList(() =>\n      suggestionList.filter(option => {\n        return option.id.startsWith(event.target.value)\n      })\n    )\n  }\n\n  const toggleSelect = useCallback(() => {\n    if (showSelectDropdown) {\n      setShowSelectDropdown(false)\n      input.onBlur(new Event('blur'))\n      onBlur && onBlur(input.value)\n    } else {\n      setShowSuggestionList(false)\n      setShowValidationRules(false)\n      setDropdownStyle({\n        left: '0px'\n      })\n      setShowSelectDropdown(true)\n      input.onFocus(new Event('focus'))\n      onFocus && onFocus(input.value)\n    }\n  }, [input, onBlur, onFocus, showSelectDropdown])\n\n  const validateField = (value = '', allValues) => {\n    const valueToValidate = value.startsWith(selectValue.id)\n      ? value.substring(selectValue.id.length)\n      : (value ?? '')\n    let validationError = null\n\n    if (!isEmpty(validationRules)) {\n      const [newRules, isValidField] = checkPatternsValidity(rules, valueToValidate)\n      const invalidRules = newRules.filter(rule => !rule.isValid)\n\n      if (!isValidField) {\n        validationError = invalidRules.map(rule => ({ name: rule.name, label: rule.label }))\n      }\n    }\n\n    if (isEmpty(validationError)) {\n      if (valueToValidate.startsWith(' ')) {\n        validationError = { name: 'empty', label: invalidText }\n      } else if (required && valueToValidate.trim().length === 0) {\n        validationError = { name: 'required', label: 'This field is required' }\n      }\n    }\n\n    if (!validationError && validator) {\n      validationError = validator(value, allValues)\n    }\n\n    return validationError\n  }\n\n  const warningIconClick = () => {\n    setShowValidationRules(state => !state)\n    setShowSelectDropdown(false)\n  }\n\n  const comboboxClassNames = classnames(\n    comboboxClassName,\n    'form-field-combobox',\n    'form-field',\n    isInvalid && 'form-field-combobox_invalid'\n  )\n  const iconClassNames = classnames(\n    showSelectDropdown && 'form-field-combobox__icon_open',\n    'form-field-combobox__icon'\n  )\n  const selectValueClassNames = classnames(selectValue.className)\n\n  const wrapperClassNames = classnames(\n    'form-field__wrapper',\n    `form-field__wrapper-${density}`,\n    disabled && 'form-field__wrapper-disabled',\n    isInvalid && 'form-field__wrapper-invalid',\n    withoutBorder && 'without-border'\n  )\n\n  return (\n    <Field name={name} validate={validateField}>\n      {({ input, meta }) => (\n        <div\n          className={comboboxClassNames}\n          ref={comboboxRef}\n          data-testid={name ? `${name}-form-combobox` : 'form-combobox'}\n        >\n          {label && (\n            <div className={labelClassNames}>\n              <label data-testid=\"label\" htmlFor={input.name}>\n                {label}\n                {(required || validationRules.find(rule => rule.name === 'required')) && (\n                  <span className=\"form-field__label-mandatory\"> *</span>\n                )}\n              </label>\n            </div>\n          )}\n          <div className={wrapperClassNames}>\n            <div className=\"form-field__icons\">\n              <Arrow className={iconClassNames} onClick={toggleSelect} />\n            </div>\n            <div className=\"form-field-combobox__select form-field__control\" ref={selectRef}>\n              <div className=\"form-field-combobox__select-header\" onClick={toggleSelect}>\n                <span className={selectValueClassNames}>{selectValue.id}</span>\n                {selectValue.id.length === 0 && selectPlaceholder && (\n                  <div className=\"form-field-combobox__placeholder\">\n                    <label>{selectPlaceholder}</label>\n                  </div>\n                )}\n              </div>\n              {showSelectDropdown && (\n                <PopUpDialog\n                  headerIsHidden\n                  customPosition={{\n                    element: selectRef,\n                    position: 'bottom-right'\n                  }}\n                  className=\"form-field-combobox__dropdown form-field-combobox__dropdown-select\"\n                >\n                  <ul className=\"form-field-combobox__dropdown-list\" ref={suggestionListRef}>\n                    {selectOptions.map(option => {\n                      if (!option.hidden) {\n                        const selectOptionClassNames = classnames(\n                          'form-field-combobox__dropdown-list-option',\n                          option.className\n                        )\n\n                        return (\n                          <li\n                            className={selectOptionClassNames}\n                            key={option.id}\n                            onClick={() => handleSelectOptionClick(option)}\n                          >\n                            {option.label}\n                          </li>\n                        )\n                      }\n                    })}\n                  </ul>\n                </PopUpDialog>\n              )}\n            </div>\n            <input\n              autoComplete=\"off\"\n              className={inputClassNames}\n              data-testid={name ? `${name}-form-combobox-input` : 'form-combobox-input'}\n              id={input.name}\n              onChange={handleInputChange}\n              onFocus={inputOnFocus}\n              placeholder={inputPlaceholder}\n              ref={inputRef}\n              required={required}\n              type=\"text\"\n              value={inputValue}\n            />\n            {showSuggestionList && (dropdownList.length > 0 || searchIsFocused) && (\n              <PopUpDialog\n                headerIsHidden\n                customPosition={{\n                  element: selectRef,\n                  position: 'bottom-right'\n                }}\n                className=\"form-field-combobox__dropdown form-field-combobox__dropdown-suggestions\"\n                style={{\n                  ...dropdownStyle\n                }}\n              >\n                <div ref={suggestionListRef}>\n                  {!hideSearchInput && (\n                    <div className=\"form-field-combobox__search-wrapper\">\n                      <input\n                        autoComplete=\"off\"\n                        data-testid={name ? `${name}-form-combobox-search` : 'form-combobox-search'}\n                        className=\"form-field-combobox__search form-field__control\"\n                        onChange={suggestionListSearchChange}\n                        onFocus={() => setSearchIsFocused(true)}\n                        placeholder=\"Type to search\"\n                        type=\"text\"\n                      />\n                      <SearchIcon />\n                    </div>\n                  )}\n                  <ul className=\"form-field-combobox__dropdown-list\">\n                    {searchIsFocused && dropdownList.length === 0 ? (\n                      <li className=\"form-field-combobox__dropdown-list-option\" key=\"no data\">\n                        No data\n                      </li>\n                    ) : (\n                      dropdownList.map(value => (\n                        <li\n                          className=\"form-field-combobox__dropdown-list-option\"\n                          key={value.id}\n                          onClick={() => handleSuggestionListOptionClick(value)}\n                        >\n                          {value.label}\n                        </li>\n                      ))\n                    )}\n                  </ul>\n                </div>\n              </PopUpDialog>\n            )}\n            <div className=\"form-field__icons\">\n              {isInvalid && !Array.isArray(meta.error) && (\n                <Tooltip\n                  className=\"form-field__warning\"\n                  template={<TextTooltipTemplate text={meta.error?.label ?? invalidText} warning />}\n                >\n                  <ExclamationMarkIcon />\n                </Tooltip>\n              )}\n              {isInvalid && Array.isArray(meta.error) && (\n                <button className=\"form-field__warning\" onClick={warningIconClick}>\n                  <WarningIcon />\n                </button>\n              )}\n            </div>\n            {!isEmpty(validationRules) && (\n              <OptionsMenu show={showValidationRules} ref={{ refInputContainer: comboboxRef }}>\n                {getValidationRules()}\n              </OptionsMenu>\n            )}\n          </div>\n        </div>\n      )}\n    </Field>\n  )\n}\n\nFormCombobox.propTypes = {\n  comboboxClassName: PropTypes.string,\n  density: DENSITY,\n  disabled: PropTypes.bool,\n  hideSearchInput: PropTypes.bool,\n  inputDefaultValue: PropTypes.string,\n  inputPlaceholder: PropTypes.string,\n  invalidText: PropTypes.string,\n  label: PropTypes.string,\n  maxSuggestedMatches: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  onBlur: PropTypes.func,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  required: PropTypes.bool,\n  rules: PropTypes.array,\n  selectDefaultValue: PropTypes.shape({}),\n  selectOptions: COMBOBOX_SELECT_OPTIONS.isRequired,\n  selectPlaceholder: PropTypes.string,\n  suggestionList: COMBOBOX_SUGGESTION_LIST,\n  validator: PropTypes.func,\n  withoutBorder: PropTypes.bool\n}\n\nexport default FormCombobox\n"],"names":["FormCombobox","comboboxClassName","density","disabled","hideSearchInput","inputDefaultValue","inputPlaceholder","invalidText","label","maxSuggestedMatches","name","onBlur","onChange","onFocus","required","rules","selectDefaultValue","selectOptions","selectPlaceholder","suggestionList","validator","withoutBorder","input","meta","useField","inputValue","setInputValue","useState","selectValue","setSelectValue","dropdownStyle","setDropdownStyle","showSelectDropdown","setShowSelectDropdown","showSuggestionList","setShowSuggestionList","dropdownList","setDropdownList","searchIsFocused","setSearchIsFocused","isInvalid","setIsInvalid","validationRules","setValidationRules","showValidationRules","setShowValidationRules","comboboxRef","useRef","selectRef","inputRef","suggestionListRef","useDetectOutsideClick","labelClassNames","classnames","inputClassNames","useEffect","prevState","rule","err","handleOutsideClick","useCallback","event","handleScroll","getValidationRules","isValid","ValidationTemplate","handleInputChange","target","handleSelectOptionClick","selectedOption","handleSuggestionListOptionClick","option","inputValueItems","valueIndex","formattedValue","inputOnFocus","suggestionListSearchChange","toggleSelect","validateField","value","allValues","valueToValidate","validationError","isEmpty","newRules","isValidField","checkPatternsValidity","invalidRules","warningIconClick","state","comboboxClassNames","iconClassNames","selectValueClassNames","wrapperClassNames","jsx","Field","jsxs","Arrow","PopUpDialog","selectOptionClassNames","SearchIcon","Tooltip","TextTooltipTemplate","ExclamationMarkIcon","WarningIcon","OptionsMenu","PropTypes","DENSITY","COMBOBOX_SELECT_OPTIONS","COMBOBOX_SUGGESTION_LIST"],"mappings":"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"}