iguazio.dashboard-react-controls 3.2.15 → 3.2.16

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

@@ -0,0 +1,285 @@
+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 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";
+import { CLICK as Ie, TAB as J, TAB_SHIFT as Ke } from "../../../constants.mjs";
+import { getTextWidth as D } from "../formChipCell.util.mjs";
+import { getTransitionEndEventName as Ve } from "../../../utils/common.util.mjs";
+import _e from "../../../images/close.svg.mjs";
+/* empty css                  */
+const Ne = {
+  rules: {}
+};
+let E = ({
+  chip: d,
+  chipIndex: i,
+  chipOptions: ie,
+  className: ue = "",
+  editConfig: r,
+  handleRemoveChip: le,
+  isDeletable: Q,
+  isEditable: u,
+  keyName: N,
+  meta: m,
+  onChange: q,
+  setChipSizeIsRecalculated: U,
+  setEditConfig: O,
+  validationRules: oe = Ne.rules,
+  valueName: ce
+}, w) => {
+  const [l, A] = $({
+    isKeyOnly: d.isKeyOnly,
+    key: d.key,
+    value: d.value,
+    keyFieldWidth: 0,
+    valueFieldWidth: 0
+  }), [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",
+    !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}`,
+    ee && `edit-chip-container-font_${ee}`,
+    g && `edit-chip-container-density_${g}`,
+    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"
+  ), he = j(
+    "input-label-value",
+    !r.isValueFocused && "item_edited",
+    !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"
+  ), K = I(() => {
+    var e;
+    if (o.current) {
+      const t = D(o.current) + 1, s = D(c.current) + 1, n = ((e = w.current) == null ? void 0 : e.clientWidth) - 50, _ = t >= n / 2, P = s >= n / 2;
+      let R = null, k = null;
+      if (_ && P)
+        R = k = n / 2;
+      else if (_) {
+        k = l.value ? s : F;
+        const b = n - k;
+        R = b > t ? t : b;
+      } else if (P) {
+        R = l.key ? t : v;
+        const b = n - R;
+        k = b > s ? s : b;
+      } else
+        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
+      })), U(!0);
+    }
+  }, [
+    l.key,
+    l.value,
+    v,
+    F,
+    w,
+    U
+  ]);
+  f(() => {
+    if (!w.current) return;
+    const e = w.current, t = new ResizeObserver(K);
+    return t.observe(e), () => t.unobserve(e);
+  }, [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]), se(() => {
+    !l.keyFieldWidth && !l.valueFieldWidth && K();
+  }, [l.keyFieldWidth, l.valueFieldWidth, K]);
+  const L = I(
+    (e, t) => {
+      var s;
+      r.chipIndex === i && (!(e.path ?? ((s = e.composedPath) == null ? void 0 : s.call(e))).includes(S.current) || t ? (q(e, Ie, !0), window.getSelection().removeAllRanges(), document.activeElement.blur()) : e.stopPropagation());
+    },
+    [q, S, i, r.chipIndex]
+  ), V = I(
+    (e) => {
+      x != null && x.current && !x.current.contains(e.target) && (B(!1), L(e, !0));
+    },
+    [L]
+  );
+  f(() => (p && window.addEventListener("scroll", V, !0), () => {
+    window.removeEventListener("scroll", V, !0);
+  }), [V, p]), f(() => {
+    r.chipIndex === i && (r.isKeyFocused ? o.current.focus() : r.isValueFocused && c.current.focus());
+  }, [
+    r.isKeyFocused,
+    r.isValueFocused,
+    o,
+    c,
+    i,
+    r.chipIndex
+  ]), f(() => (p && window.addEventListener("scroll", V, !0), () => {
+    window.removeEventListener("scroll", V, !0);
+  }), [V, p]), f(() => {
+    if (r.isEdit)
+      return document.addEventListener("click", L, !0), () => {
+        document.removeEventListener("click", L, !0);
+      };
+  }, [L, r.isEdit]);
+  const ve = I(
+    (e) => {
+      if (r.chipIndex === i && u) {
+        if (!e.shiftKey && e.key === J && r.isValueFocused)
+          return q(e, J);
+        if (e.shiftKey && e.key === J && r.isKeyFocused)
+          return q(e, Ke);
+      }
+      e.stopPropagation();
+    },
+    [r, q, i, u]
+  ), re = I(
+    (e) => {
+      const t = e.target.name === N;
+      r.chipIndex === i ? (t ? (o.current.selectionStart = o.current.selectionEnd, O((s) => ({
+        ...s,
+        isKeyFocused: !0,
+        isValueFocused: !1
+      }))) : (c.current.selectionStart = c.current.selectionEnd, O((s) => ({
+        ...s,
+        isKeyFocused: !1,
+        isValueFocused: !0
+      }))), e && e.stopPropagation()) : G(r.chipIndex) && (t ? o.current.selectionStart = o.current.selectionEnd : c.current.selectionStart = c.current.selectionEnd, O({
+        chipIndex: i,
+        isEdit: !0,
+        isKeyFocused: t,
+        isValueFocused: !t
+      }));
+    },
+    [N, o, c, O, r.chipIndex, i]
+  ), te = I(
+    (e) => {
+      var s;
+      const t = ((s = w.current) == null ? void 0 : s.clientWidth) - 50;
+      if (e.preventDefault(), e.target.name === N) {
+        const n = D(o.current);
+        A((_) => ({
+          ..._,
+          key: o.current.value,
+          keyFieldWidth: o.current.value.length <= 1 ? v : n >= t ? t : n > v ? n + 2 : v
+        }));
+      } else {
+        const n = D(c.current);
+        A((_) => {
+          var P;
+          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
+          };
+        });
+      }
+    },
+    [N, v, w, F]
+  );
+  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]), f(() => {
+    m.error && (de((e) => {
+      var t;
+      return {
+        ...e,
+        [y]: (t = e[y]) == null ? void 0 : t.map((s) => ({
+          ...s,
+          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, y, r.chipIndex]);
+  const Fe = I(() => {
+    var e;
+    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: pe,
+      onKeyDown: (e) => !d.disabled && r.isEdit && ve(e),
+      ref: S,
+      children: [
+        /* @__PURE__ */ W(
+          ne,
+          {
+            className: me,
+            disabled: d.disabled || !u || !G(r.chipIndex) && r.chipIndex !== i,
+            name: N,
+            onChange: te,
+            onFocus: re,
+            placeholder: u ? "key" : "",
+            ref: o,
+            style: { width: l.keyFieldWidth }
+          }
+        ),
+        !l.isKeyOnly && /* @__PURE__ */ W("div", { className: "edit-chip-separator", children: ":" }),
+        !l.isKeyOnly && /* @__PURE__ */ W(
+          ne,
+          {
+            className: he,
+            disabled: d.disabled || !u || !G(r.chipIndex) && r.chipIndex !== i,
+            name: ce,
+            onChange: te,
+            onFocus: re,
+            placeholder: u ? "value" : "",
+            ref: c,
+            style: { width: l.valueFieldWidth }
+          }
+        ),
+        /* @__PURE__ */ W(
+          "button",
+          {
+            disabled: d.disabled,
+            className: ye,
+            onClick: (e) => !d.disabled && le(e, i),
+            children: /* @__PURE__ */ W(_e, {})
+          }
+        ),
+        !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() })
+      ]
+    }
+  );
+};
+E = we(E);
+E.displayName = "NewChipForm";
+E.propTypes = {
+  chip: a.object.isRequired,
+  chipIndex: a.number.isRequired,
+  chipOptions: We.isRequired,
+  className: a.string,
+  editConfig: a.object.isRequired,
+  handleRemoveChip: a.func.isRequired,
+  isDeletable: a.bool.isRequired,
+  isEditable: a.bool.isRequired,
+  keyName: a.string.isRequired,
+  meta: a.object.isRequired,
+  onChange: a.func.isRequired,
+  setChipSizeIsRecalculated: a.func.isRequired,
+  setEditConfig: a.func.isRequired,
+  validationRules: a.object,
+  valueName: a.string.isRequired
+};
+const Me = E;
+export {
+  Me 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    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.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,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.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,EACpC;AAEA,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;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgcC;;;;;;;;;;;;;;;;;;;;;;;;;;wBAzc0E,aAAa;yCAAb,aAAa"}