iguazio.dashboard-react-controls 2.2.25 → 3.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenChipsBlock.mjs","sources":["../../../../src/lib/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.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, useEffect } from 'react'\nimport { createPortal } from 'react-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../TooltipTemplate/TextTooltipTemplate'\n\nimport { CHIP_OPTIONS } from '../../../types'\nimport { useHiddenChipsBlock } from '../../../hooks'\n\nlet HiddenChipsBlock = (\n  { chipClassNames, chipOptions, chips, handleShowElements, textOverflowEllipsis = false },\n  { hiddenChipsCounterRef, hiddenChipsPopUpRef }\n) => {\n  const { hiddenChipsBlockClassNames } = useHiddenChipsBlock(\n    hiddenChipsCounterRef,\n    hiddenChipsPopUpRef\n  )\n\n  const chipLabelClassNames = classnames('chip__label', textOverflowEllipsis && 'data-ellipsis')\n  const chipValueClassNames = classnames(\n    'chip__value',\n    textOverflowEllipsis && 'data-ellipsis',\n    chipOptions.boldValue && 'chip-value_bold'\n  )\n\n  const generateChipData = chip => {\n    return chip.isKeyOnly\n      ? chip.key\n      : `${chip.key}${chip.delimiter ? chip.delimiter : ':'} ${chip.value}`\n  }\n\n  useEffect(() => {\n    if (chips.length === 0) {\n      handleShowElements()\n    }\n  })\n\n  return createPortal(\n    <div\n      ref={hiddenChipsPopUpRef}\n      className={hiddenChipsBlockClassNames}\n      onClick={event => event.stopPropagation()}\n    >\n      <div className=\"chip-block-hidden__scrollable-container\">\n        {chips?.map(element => {\n          return (\n            <Tooltip\n              key={element.id}\n              template={\n                <TextTooltipTemplate\n                  text={\n                    element.delimiter ? (\n                      <span className=\"chip__content\">\n                        {element.key}\n                        {!element.isKeyOnly && (\n                          <>\n                            <span className=\"chip__delimiter\">{element.delimiter}</span>\n                            {element.value}\n                          </>\n                        )}\n                      </span>\n                    ) : (\n                      generateChipData(element)\n                    )\n                  }\n                />\n              }\n            >\n              <div className={chipClassNames}>\n                {element.key && <div className={chipLabelClassNames}>{element.key}</div>}\n                {element.value && (\n                  <>\n                    <div className=\"chip__delimiter\">{element.delimiter ?? ':'}</div>\n                    <div className={chipValueClassNames}>{element.value}</div>\n                  </>\n                )}\n              </div>\n            </Tooltip>\n          )\n        })}\n      </div>\n    </div>,\n    document.getElementById('overlay_container')\n  )\n}\n\nHiddenChipsBlock = forwardRef(HiddenChipsBlock)\n\nHiddenChipsBlock.displayName = 'HiddenChipsBlock'\n\nHiddenChipsBlock.propTypes = {\n  chipClassNames: PropTypes.string.isRequired,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  chips: PropTypes.array.isRequired,\n  handleShowElements: PropTypes.func.isRequired,\n  textOverflowEllipsis: PropTypes.bool\n}\n\nexport default HiddenChipsBlock\n"],"names":["HiddenChipsBlock","chipClassNames","chipOptions","chips","handleShowElements","textOverflowEllipsis","hiddenChipsCounterRef","hiddenChipsPopUpRef","hiddenChipsBlockClassNames","useHiddenChipsBlock","chipLabelClassNames","classnames","chipValueClassNames","generateChipData","chip","useEffect","createPortal","jsx","event","element","Tooltip","TextTooltipTemplate","jsxs","Fragment","forwardRef","PropTypes","CHIP_OPTIONS","HiddenChipsBlock$1"],"mappings":";;;;;;;;;;AA2BA,IAAIA,IAAmB,CACrB,EAAE,gBAAAC,GAAgB,aAAAC,GAAa,OAAAC,GAAO,oBAAAC,GAAoB,sBAAAC,IAAuB,GAAM,GACvF,EAAE,uBAAAC,GAAuB,qBAAAC,QACtB;AACG,QAAA,EAAE,4BAAAC,MAA+BC;AAAA,IACrCH;AAAA,IACAC;AAAA,EACF,GAEMG,IAAsBC,EAAW,eAAeN,KAAwB,eAAe,GACvFO,IAAsBD;AAAA,IAC1B;AAAA,IACAN,KAAwB;AAAA,IACxBH,EAAY,aAAa;AAAA,EAC3B,GAEMW,IAAmB,CAAQC,MACxBA,EAAK,YACRA,EAAK,MACL,GAAGA,EAAK,GAAG,GAAGA,EAAK,YAAYA,EAAK,YAAY,GAAG,IAAIA,EAAK,KAAK;AAGvE,SAAAC,EAAU,MAAM;AACV,IAAAZ,EAAM,WAAW,KACAC,EAAA;AAAA,EACrB,CACD,GAEMY;AAAA,IACL,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKV;AAAA,QACL,WAAWC;AAAA,QACX,SAAS,CAASU,MAAAA,EAAM,gBAAgB;AAAA,QAExC,4BAAC,OAAI,EAAA,WAAU,2CACZ,UAAAf,KAAA,gBAAAA,EAAO,IAAI,CAAWgB,MAEnB,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YAEC,UACE,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,MACEF,EAAQ,YACL,gBAAAG,EAAA,QAAA,EAAK,WAAU,iBACb,UAAA;AAAA,kBAAQH,EAAA;AAAA,kBACR,CAACA,EAAQ,aAEN,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,oBAAA,gBAAAN,EAAC,QAAK,EAAA,WAAU,mBAAmB,UAAAE,EAAQ,WAAU;AAAA,oBACpDA,EAAQ;AAAA,kBAAA,EACX,CAAA;AAAA,gBAAA,EAEJ,CAAA,IAEAN,EAAiBM,CAAO;AAAA,cAAA;AAAA,YAG9B;AAAA,YAGF,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAWrB,GACb,UAAA;AAAA,cAAAkB,EAAQ,OAAQ,gBAAAF,EAAA,OAAA,EAAI,WAAWP,GAAsB,YAAQ,KAAI;AAAA,cACjES,EAAQ,SAEL,gBAAAG,EAAAC,GAAA,EAAA,UAAA;AAAA,gBAAA,gBAAAN,EAAC,OAAI,EAAA,WAAU,mBAAmB,UAAAE,EAAQ,aAAa,KAAI;AAAA,gBAC1D,gBAAAF,EAAA,OAAA,EAAI,WAAWL,GAAsB,YAAQ,MAAM,CAAA;AAAA,cAAA,EACtD,CAAA;AAAA,YAAA,EAEJ,CAAA;AAAA,UAAA;AAAA,UA7BKO,EAAQ;AAAA,QA8Bf,GAGN,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,SAAS,eAAe,mBAAmB;AAAA,EAC7C;AACF;AAEAnB,IAAmBwB,EAAWxB,CAAgB;AAE9CA,EAAiB,cAAc;AAE/BA,EAAiB,YAAY;AAAA,EAC3B,gBAAgByB,EAAU,OAAO;AAAA,EACjC,aAAaC,EAAa;AAAA,EAC1B,OAAOD,EAAU,MAAM;AAAA,EACvB,oBAAoBA,EAAU,KAAK;AAAA,EACnC,sBAAsBA,EAAU;AAClC;AAEA,MAAAE,IAAe3B;"}

package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts

@@ -0,0 +1,35 @@
+export default NewChipForm;
+declare function NewChipForm({ chip, chipIndex, chipOptions, className, editConfig, handleRemoveChip, isEditable, keyName, meta, onChange, setEditConfig, validationRules: rules, valueName }: {
+    chip: any;
+    chipIndex: any;
+    chipOptions: any;
+    className?: string;
+    editConfig: any;
+    handleRemoveChip: any;
+    isEditable: any;
+    keyName: any;
+    meta: any;
+    onChange: any;
+    setEditConfig: any;
+    validationRules?: {};
+    valueName: any;
+}, ref: any): JSX.Element;
+declare namespace NewChipForm {
+    let displayName: string;
+    namespace propTypes {
+        let chip: any;
+        let chipIndex: any;
+        let chipOptions: any;
+        let className: any;
+        let editConfig: any;
+        let handleRemoveChip: any;
+        let isEditable: any;
+        let keyName: any;
+        let meta: any;
+        let onChange: any;
+        let setEditConfig: any;
+        let validationRules: any;
+        let valueName: any;
+    }
+}
+//# sourceMappingURL=NewChipForm.d.ts.map

package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewChipForm.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/FormChipCell/NewChipForm/NewChipForm.jsx"],"names":[],"mappings":";AA6CA;;;;;;;;;;;;;;0BA6ZC"}

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

@@ -0,0 +1,270 @@
+import { jsx as R, jsxs as ye } from "react/jsx-runtime";
+import T, { useState as $, useMemo as H, useCallback as W, useEffect as f, useLayoutEffect as ve, forwardRef as Fe } from "react";
+import d from "prop-types";
+import j from "classnames";
+import { isEmpty as h, get as D, throttle as fe, isNil as G } from "lodash";
+import te from "../NewChipInput/NewChipInput.mjs";
+import we from "../../../elements/OptionsMenu/OptionsMenu.mjs";
+import be from "../../../elements/ValidationTemplate/ValidationTemplate.mjs";
+import { CHIP_OPTIONS as ke } from "../../../types.mjs";
+import { CLICK as Re, TAB as J, TAB_SHIFT as We } from "../../../constants.mjs";
+import { getTextWidth as z } from "../formChipCell.util.mjs";
+import { getTransitionEndEventName as Ie } from "../../../utils/common.util.mjs";
+import Ke from "../../../images/close.svg.mjs";
+/* empty css                  */
+const Ve = {
+  rules: {}
+};
+let L = ({
+  chip: o,
+  chipIndex: n,
+  chipOptions: re,
+  className: se = "",
+  editConfig: t,
+  handleRemoveChip: ie,
+  isEditable: a,
+  keyName: V,
+  meta: m,
+  onChange: _,
+  setEditConfig: P,
+  validationRules: ne = Ve.rules,
+  valueName: le
+}, q) => {
+  const [l, A] = $({
+    isKeyOnly: o.isKeyOnly,
+    key: o.key,
+    value: o.value,
+    keyFieldWidth: 0,
+    valueFieldWidth: 0
+  }), [y, ue] = $("key"), [Q, ce] = $(ne), [p, B] = $(!1), { background: U, borderColor: X, borderRadius: Y, density: Z, font: C } = re, v = H(() => a ? 25 : 20, [a]), F = H(() => a ? 35 : 20, [a]), M = H(() => Ie(), []), u = T.useRef({}), c = T.useRef({}), S = T.useRef(), E = T.useRef(), oe = j(
+    se,
+    !t.isKeyFocused && "item_edited",
+    !h(D(m, ["error", n, "key"], [])) && !h(l.key) && !o.disabled && "item_edited_invalid"
+  ), ae = j(
+    "edit-chip-container",
+    U && `edit-chip-container-background_${U}`,
+    X && `edit-chip-container-border_${X}`,
+    C && `edit-chip-container-font_${C}`,
+    Z && `edit-chip-container-density_${Z}`,
+    Y && `edit-chip-container-border_${Y}`,
+    (t.isEdit || t.isNewChip) && "edit-chip-container_edited",
+    o.disabled && "edit-chip-container_disabled edit-chip-container-font_disabled"
+  ), de = j(
+    "input-label-value",
+    !t.isValueFocused && "item_edited",
+    !h(D(m, ["error", n, "value"], [])) && !h(l.value) && "item_edited_invalid"
+  ), me = j(
+    "item-icon-close",
+    !o.disabled && t.chipIndex === n && a && "item-icon-close_invisible",
+    !a && "item-icon-close_hidden"
+  ), O = W(() => {
+    var e;
+    if (u.current) {
+      const r = z(u.current) + 1, s = z(c.current) + 1, i = ((e = q.current) == null ? void 0 : e.clientWidth) - 50, K = r >= i / 2, x = s >= i / 2;
+      let w = null, b = null;
+      if (K && x)
+        w = b = i / 2;
+      else if (K) {
+        b = l.value ? s : F;
+        const k = i - b;
+        w = k > r ? r : k;
+      } else if (x) {
+        w = l.key ? r : v;
+        const k = i - w;
+        b = k > s ? s : k;
+      } else
+        w = !l.key || r <= v ? v : r, b = !l.value || s <= F ? F : s;
+      u.current.style.width = `${w}px`, h(c.current) || (c.current.style.width = `${b}px`), A((k) => ({
+        ...k,
+        keyFieldWidth: w,
+        valueFieldWidth: b
+      }));
+    }
+  }, [l.key, l.value, v, F, q]);
+  f(() => {
+    const e = fe(O, 500);
+    if (a)
+      return window.addEventListener("resize", e), window.addEventListener(M, e), () => {
+        window.removeEventListener("resize", e), window.removeEventListener(M, e);
+      };
+  }, [a, O, M]), f(() => {
+    !l.keyFieldWidth && !l.valueFieldWidth && O();
+  }, [l.keyFieldWidth, l.valueFieldWidth, O]);
+  const N = W(
+    (e, r) => {
+      var s;
+      t.chipIndex === n && (!(e.path ?? ((s = e.composedPath) == null ? void 0 : s.call(e))).includes(S.current) || r ? (_(e, Re, !0), window.getSelection().removeAllRanges(), document.activeElement.blur()) : e.stopPropagation());
+    },
+    [_, S, n, t.chipIndex]
+  ), I = W(
+    (e) => {
+      E != null && E.current && !E.current.contains(e.target) && (B(!1), N(e, !0));
+    },
+    [N]
+  );
+  f(() => (p && window.addEventListener("scroll", I, !0), () => {
+    window.removeEventListener("scroll", I, !0);
+  }), [p, I]), f(() => {
+    t.chipIndex === n && (t.isKeyFocused ? u.current.focus() : t.isValueFocused && c.current.focus());
+  }, [
+    t.isKeyFocused,
+    t.isValueFocused,
+    u,
+    c,
+    n,
+    t.chipIndex
+  ]), f(() => (p && window.addEventListener("scroll", I, !0), () => {
+    window.removeEventListener("scroll", I, !0);
+  }), [I, p]), f(() => {
+    if (t.isEdit)
+      return document.addEventListener("click", N, !0), () => {
+        document.removeEventListener("click", N, !0);
+      };
+  }, [N, t.isEdit]);
+  const pe = W(
+    (e) => {
+      if (t.chipIndex === n && a) {
+        if (!e.shiftKey && e.key === J && t.isValueFocused)
+          return _(e, J);
+        if (e.shiftKey && e.key === J && t.isKeyFocused)
+          return _(e, We);
+      }
+      e.stopPropagation();
+    },
+    [t, _, n, a]
+  ), g = W(
+    (e) => {
+      const r = e.target.name === V;
+      t.chipIndex === n ? (r ? (u.current.selectionStart = u.current.selectionEnd, P((s) => ({
+        ...s,
+        isKeyFocused: !0,
+        isValueFocused: !1
+      }))) : (c.current.selectionStart = c.current.selectionEnd, P((s) => ({
+        ...s,
+        isKeyFocused: !1,
+        isValueFocused: !0
+      }))), e && e.stopPropagation()) : G(t.chipIndex) && (r ? u.current.selectionStart = u.current.selectionEnd : c.current.selectionStart = c.current.selectionEnd, P({
+        chipIndex: n,
+        isEdit: !0,
+        isKeyFocused: r,
+        isValueFocused: !r
+      }));
+    },
+    [V, u, c, P, t.chipIndex, n]
+  ), ee = W(
+    (e) => {
+      var s;
+      const r = ((s = q.current) == null ? void 0 : s.clientWidth) - 50;
+      if (e.preventDefault(), e.target.name === V) {
+        const i = z(u.current);
+        A((K) => ({
+          ...K,
+          key: u.current.value,
+          keyFieldWidth: u.current.value.length <= 1 ? v : i >= r ? r : i > v ? i + 2 : v
+        }));
+      } else {
+        const i = z(c.current);
+        A((K) => {
+          var x;
+          return {
+            ...K,
+            value: c.current.value,
+            valueFieldWidth: ((x = c.current.value) == null ? void 0 : x.length) <= 1 ? F : i >= r ? r : i > F ? i + 2 : F
+          };
+        });
+      }
+    },
+    [V, v, q, F]
+  );
+  ve(() => {
+    t.chipIndex === n && ue(t.isKeyFocused ? "key" : t.isValueFocused ? "value" : null);
+  }, [t.isKeyFocused, t.isValueFocused, t.chipIndex, n]), f(() => {
+    m.valid && p && B(!1);
+  }, [m.valid, p]), f(() => {
+    m.error && (ce((e) => {
+      var r;
+      return {
+        ...e,
+        [y]: (r = e[y]) == null ? void 0 : r.map((s) => ({
+          ...s,
+          isValid: h(D(m, ["error", t.chipIndex, y], [])) ? !0 : !m.error[t.chipIndex][y].some(
+            (i) => i && i.name === s.name
+          )
+        }))
+      };
+    }), !p && B(!0));
+  }, [m, p, y, t.chipIndex]);
+  const he = W(() => {
+    var e;
+    return (e = Q[y]) == null ? void 0 : e.map(({ isValid: r = !1, label: s, name: i }) => /* @__PURE__ */ R(be, { valid: r, validationMessage: s }, i));
+  }, [y, Q]);
+  return /* @__PURE__ */ ye(
+    "div",
+    {
+      className: ae,
+      onKeyDown: (e) => !o.disabled && t.isEdit && pe(e),
+      ref: S,
+      children: [
+        /* @__PURE__ */ R(
+          te,
+          {
+            className: oe,
+            disabled: o.disabled || !a || !G(t.chipIndex) && t.chipIndex !== n,
+            name: V,
+            onChange: ee,
+            onFocus: g,
+            placeholder: "key",
+            ref: u,
+            style: { width: l.keyFieldWidth }
+          }
+        ),
+        !l.isKeyOnly && /* @__PURE__ */ R("div", { className: "edit-chip-separator", children: ":" }),
+        !l.isKeyOnly && /* @__PURE__ */ R(
+          te,
+          {
+            className: de,
+            disabled: o.disabled || !a || !G(t.chipIndex) && t.chipIndex !== n,
+            name: le,
+            onChange: ee,
+            onFocus: g,
+            placeholder: "value",
+            ref: c,
+            style: { width: l.valueFieldWidth }
+          }
+        ),
+        /* @__PURE__ */ R(
+          "button",
+          {
+            disabled: o.disabled,
+            className: me,
+            onClick: (e) => !o.disabled && ie(e, n),
+            children: /* @__PURE__ */ R(Ke, {})
+          }
+        ),
+        !o.disabled && (t.isKeyFocused ? !h(l.key) : !h(l.value)) && t.chipIndex === n && !h(D(m, ["error", t.chipIndex, y], [])) && /* @__PURE__ */ R(we, { show: p, ref: { refInputContainer: S, validationRulesRef: E }, children: he() })
+      ]
+    }
+  );
+};
+L = Fe(L);
+L.displayName = "NewChipForm";
+L.propTypes = {
+  chip: d.object.isRequired,
+  chipIndex: d.number.isRequired,
+  chipOptions: ke.isRequired,
+  className: d.string,
+  editConfig: d.object.isRequired,
+  handleRemoveChip: d.func.isRequired,
+  isEditable: d.bool.isRequired,
+  keyName: d.string.isRequired,
+  meta: d.object.isRequired,
+  onChange: d.func.isRequired,
+  setEditConfig: d.func.isRequired,
+  validationRules: d.object,
+  valueName: d.string.isRequired
+};
+const Ae = L;
+export {
+  Ae as default
+};
+//# sourceMappingURL=NewChipForm.mjs.map

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

@@ -0,0 +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    isEditable,\n    keyName,\n    meta,\n    onChange,\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      '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    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      'item_edited_invalid'\n  )\n\n  const closeButtonClass = classnames(\n    'item-icon-close',\n    !chip.disabled &&\n      editConfig.chipIndex === chipIndex &&\n      isEditable &&\n      'item-icon-close_invisible',\n    !isEditable && '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    }\n  }, [chipData.key, chipData.value, minWidthInput, minWidthValueInput, ref])\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  }, [showValidationRules, handleScroll])\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=\"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=\"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  isEditable: PropTypes.bool.isRequired,\n  keyName: PropTypes.string.isRequired,\n  meta: PropTypes.object.isRequired,\n  onChange: 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","isEditable","keyName","meta","onChange","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","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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"}

package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts

@@ -0,0 +1,16 @@
+export default NewChipInput;
+declare function NewChipInput({ name, onChange, onFocus, ...inputProps }: {
+    [x: string]: any;
+    name: any;
+    onChange: any;
+    onFocus: any;
+}, ref: any): JSX.Element;
+declare namespace NewChipInput {
+    let displayName: string;
+    namespace propTypes {
+        let name: any;
+        let onChange: any;
+        let onFocus: any;
+    }
+}
+//# sourceMappingURL=NewChipInput.d.ts.map

package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewChipInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/FormChipCell/NewChipInput/NewChipInput.jsx"],"names":[],"mappings":";AAoBA;;;;;0BA+BC"}

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

@@ -0,0 +1,36 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import n from "prop-types";
+import { useField as h, Field as m } from "react-final-form";
+let e = ({ name: t, onChange: u, onFocus: r, ...s }, a) => {
+  const { input: p } = h(t), d = (o) => {
+    p.onChange(o), u(o);
+  }, c = (o) => {
+    p.onFocus(o), r(o);
+  };
+  return /* @__PURE__ */ i(m, { name: t, children: ({ input: o }) => /* @__PURE__ */ i(
+    "input",
+    {
+      autoComplete: "off",
+      "data-testid": "input",
+      ref: a,
+      type: "text",
+      ...s,
+      ...o,
+      onChange: d,
+      onFocus: c
+    }
+  ) });
+};
+e = f(e);
+e.displayName = "NewChipInput";
+e.propTypes = {
+  name: n.string.isRequired,
+  onChange: n.func.isRequired,
+  onFocus: n.func.isRequired
+};
+const I = e;
+export {
+  I as default
+};
+//# sourceMappingURL=NewChipInput.mjs.map

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

@@ -0,0 +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;"}

package/dist/components/FormChipCell/formChipCell.util.d.ts

@@ -0,0 +1,6 @@
+export namespace uniquenessError {
+    let name: string;
+    let label: string;
+}
+export function getTextWidth(elementWithText: any): number;
+//# sourceMappingURL=formChipCell.util.d.ts.map

package/dist/components/FormChipCell/formChipCell.util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formChipCell.util.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormChipCell/formChipCell.util.js"],"names":[],"mappings":";;;;AAkBO,2DA6BN"}

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

@@ -0,0 +1,24 @@
+const i = { name: "uniqueness", label: "Key must be unique" }, l = (t) => {
+  if (!t)
+    return 0;
+  const n = "chips-hidden-element";
+  let e = document.getElementById(n);
+  if (!e) {
+    e = document.createElement("span");
+    const o = {
+      position: "absolute",
+      left: "-10000px",
+      top: "auto",
+      visibility: "hidden"
+    };
+    for (const [s, d] of Object.entries(o))
+      e.style[s] = d;
+    e.style.font = window.getComputedStyle(t).font, e.id = n, e.tabIndex = -1, document.body.append(e);
+  }
+  return e.textContent = t.value, e.offsetWidth ?? 0;
+};
+export {
+  l as getTextWidth,
+  i as uniquenessError
+};
+//# sourceMappingURL=formChipCell.util.mjs.map

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

@@ -0,0 +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;"}

package/dist/components/FormCombobox/FormCombobox.d.ts

@@ -0,0 +1,56 @@
+export default FormCombobox;
+declare function FormCombobox({ comboboxClassName, density, disabled, hideSearchInput, inputDefaultValue, inputPlaceholder, invalidText, label, maxSuggestedMatches, name, onBlur, onChange, onFocus, required, rules, selectDefaultValue, selectOptions, selectPlaceholder, suggestionList, validator, withoutBorder }: {
+    comboboxClassName?: string;
+    density?: string;
+    disabled?: boolean;
+    hideSearchInput?: boolean;
+    inputDefaultValue?: string;
+    inputPlaceholder?: string;
+    invalidText?: string;
+    label?: string;
+    maxSuggestedMatches?: number;
+    name: any;
+    onBlur?: any;
+    onChange?: any;
+    onFocus?: any;
+    required?: boolean;
+    rules?: any[];
+    selectDefaultValue?: {
+        label: string;
+        id: string;
+        className: string;
+    };
+    selectOptions: any;
+    selectPlaceholder?: string;
+    suggestionList?: any[];
+    validator?: any;
+    withoutBorder?: boolean;
+}): JSX.Element;
+declare namespace FormCombobox {
+    namespace propTypes {
+        export let comboboxClassName: any;
+        export { DENSITY as density };
+        export let disabled: any;
+        export let hideSearchInput: any;
+        export let inputDefaultValue: any;
+        export let inputPlaceholder: any;
+        export let invalidText: any;
+        export let label: any;
+        export let maxSuggestedMatches: any;
+        export let name: any;
+        export let onBlur: any;
+        export let onChange: any;
+        export let onFocus: any;
+        export let required: any;
+        export let rules: any;
+        export let selectDefaultValue: any;
+        export let selectOptions: any;
+        export let selectPlaceholder: any;
+        export { COMBOBOX_SUGGESTION_LIST as suggestionList };
+        export let validator: any;
+        export let withoutBorder: any;
+    }
+}
+import { DENSITY } from '../../types';
+import { COMBOBOX_SUGGESTION_LIST } from '../../types';
+//# sourceMappingURL=FormCombobox.d.ts.map

package/dist/components/FormCombobox/FormCombobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCombobox.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormCombobox/FormCombobox.jsx"],"names":[],"mappings":";AAuCA;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgbC;;;;;;;;;;;;;;;;;;;;;;;;;;wBAzb0E,aAAa;yCAAb,aAAa"}