iguazio.dashboard-react-controls 3.2.1 → 3.2.3

package/dist/components/Chip/Chip.mjs

@@ -1,153 +0,0 @@
-import { jsx as r, jsxs as T, Fragment as X } from "react/jsx-runtime";
-import h, { useState as Y, useCallback as Z, useEffect as z, useLayoutEffect as M } from "react";
-import e from "prop-types";
-import d from "classnames";
-import { useSelector as ee } from "react-redux";
-import { isEmpty as le } from "lodash";
-import ae from "../ChipForm/ChipForm.mjs";
-import { getChipLabelAndValue as ie } from "../../utils/chips.util.mjs";
-import { CHIP_OPTIONS as oe, CHIP as se } from "../../types.mjs";
-import re from "../../images/close.svg.mjs";
-/* empty css           */
-let t = ({
-  chip: i,
-  chipIndex: n = null,
-  chipOptions: b,
-  className: w,
-  editConfig: _ = {},
-  handleEditChip: H = () => {
-  },
-  handleIsEdit: I = () => {
-  },
-  handleRemoveChip: A = () => {
-  },
-  hiddenChips: B = !1,
-  isDeleteMode: D = !1,
-  isEditMode: o = !1,
-  onClick: O = null,
-  setChipsSizes: p = () => {
-  },
-  setEditConfig: V = () => {
-  },
-  setValidation: s = null,
-  shortChip: x = !1,
-  showChips: E,
-  textOverflowEllipsis: m = !1
-}, { chipsCellRef: G, hiddenChipsCounterRef: J }) => {
-  var P;
-  const [C, v] = Y([]), g = ee((l) => {
-    var a;
-    return (a = l.appStore) == null ? void 0 : a.frontendSpec;
-  }) ?? {}, c = h.useRef(), { chipLabel: y, chipValue: N } = ie(i), { background: R, boldValue: K, borderColor: k, density: $, font: S, borderRadius: L } = b, F = d(
-    "chip",
-    "chip__content",
-    (m || o) && "data-ellipsis",
-    x && "chip_short",
-    B && "chip_hidden",
-    $ && `chip-density_${$}`,
-    L && `chip-border_${L}`,
-    R && `chip-background_${R}`,
-    k && `chip-border_${k}`,
-    S && `chip-font_${S}`,
-    o && "editable",
-    (E || o) && "chip_visible",
-    w
-  ), Q = d(
-    "chip__label",
-    (m || o) && "data-ellipsis",
-    !le(C) && "chip__label_invalid"
-  ), U = d(
-    "chip__value",
-    (m || o) && "data-ellipsis",
-    K && "chip-value_bold"
-  ), f = Z(
-    (l) => {
-      var a;
-      if ((a = g.internal_labels) != null && a.includes(l))
-        return v([
-          { name: "internal label", label: "System-defined labels cannot be modified." }
-        ]), s && s(!1);
-      v([]), s && s(!0);
-    },
-    [g.internal_labels, s]
-  );
-  return z(() => {
-    var l, a;
-    s && f((a = (l = i.value.match(/^(?<key>|.+?):\s?(?<value>|.+?)$/)) == null ? void 0 : l.groups) == null ? void 0 : a.key);
-  }, [f, i, s]), M(() => {
-    if (c.current && p) {
-      const { marginLeft: l, marginRight: a } = getComputedStyle(c.current);
-      p((W) => {
-        var u, j, q;
-        return {
-          ...W,
-          [n]: (((q = (j = (u = c.current) == null ? void 0 : u.getBoundingClientRect) == null ? void 0 : j.call(u)) == null ? void 0 : q.width) ?? 0) + parseFloat(l) + parseFloat(a)
-        };
-      });
-    }
-  }, [n, p]), i.value.match(/^\+ [\d]+/g) ? /* @__PURE__ */ r(
-    "span",
-    {
-      className: `${F} chips_button`,
-      onClick: O,
-      ref: J,
-      children: i.value
-    }
-  ) : o && n === _.chipIndex ? /* @__PURE__ */ r(
-    ae,
-    {
-      chipOptions: b,
-      className: "input-label-key",
-      editConfig: _,
-      onChange: H,
-      ref: G,
-      setEditConfig: V,
-      value: (P = i.value.match(/^(?<key>|.+?):\s?(?<value>|.+?)$/)) == null ? void 0 : P.groups,
-      validationRules: C,
-      checkValidation: f
-    },
-    i.value
-  ) : /* @__PURE__ */ T(
-    "div",
-    {
-      className: F,
-      ref: c,
-      onClick: (l) => I(l, n),
-      children: [
-        y && /* @__PURE__ */ r("div", { className: Q, children: y }),
-        N && /* @__PURE__ */ T(X, { children: [
-          /* @__PURE__ */ r("div", { className: "chip__delimiter", children: i.delimiter ?? ":" }),
-          /* @__PURE__ */ r("div", { className: U, children: N })
-        ] }),
-        (o || D) && /* @__PURE__ */ r("button", { className: "item-icon-close", onClick: (l) => A(l, n), children: /* @__PURE__ */ r(re, {}) })
-      ]
-    }
-  );
-};
-t = h.forwardRef(t);
-t.displayName = "Chip";
-t.propTypes = {
-  chip: se.isRequired,
-  chipIndex: e.number,
-  chipOptions: oe.isRequired,
-  className: e.string,
-  editConfig: e.object,
-  handleEditChip: e.func,
-  handleIsEdit: e.func,
-  handleRemoveChip: e.func,
-  hiddenChips: e.bool,
-  isDeleteMode: e.bool,
-  isEditMode: e.bool,
-  onClick: e.func,
-  setChipsSizes: e.func,
-  setEditConfig: e.func,
-  setValidation: e.func,
-  shortChip: e.bool,
-  showChips: e.bool.isRequired,
-  textOverflowEllipsis: e.bool
-};
-const Ce = h.memo(t);
-export {
-  Ce as default
-};
-//# sourceMappingURL=Chip.mjs.map

package/dist/components/Chip/Chip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../src/lib/components/Chip/Chip.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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, useLayoutEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useSelector } from 'react-redux'\nimport { isEmpty } from 'lodash'\n\nimport ChipForm from '../ChipForm/ChipForm'\n\nimport { getChipLabelAndValue } from '../../utils/chips.util'\nimport { CHIP_OPTIONS, CHIP } from '../../types'\n\nimport Close from '../../images/close.svg?react'\n\nimport './chip.scss'\n\nlet Chip = (\n  {\n    chip,\n    chipIndex = null,\n    chipOptions,\n    className,\n    editConfig = {},\n    handleEditChip = () => {},\n    handleIsEdit = () => {},\n    handleRemoveChip = () => {},\n    hiddenChips = false,\n    isDeleteMode = false,\n    isEditMode = false,\n    onClick = null,\n    setChipsSizes = () => {},\n    setEditConfig = () => {},\n    setValidation = null,\n    shortChip = false,\n    showChips,\n    textOverflowEllipsis = false\n  },\n  { chipsCellRef, hiddenChipsCounterRef }\n) => {\n  const [validationRules, setValidationRules] = useState([])\n  const frontendSpec = useSelector(store => store.appStore?.frontendSpec) ?? {}\n  const chipRef = React.useRef()\n  const { chipLabel, chipValue } = getChipLabelAndValue(chip)\n  const { background, boldValue, borderColor, density, font, borderRadius } = chipOptions\n\n  const chipClassNames = classnames(\n    'chip',\n    'chip__content',\n    (textOverflowEllipsis || isEditMode) && 'data-ellipsis',\n    shortChip && 'chip_short',\n    hiddenChips && 'chip_hidden',\n    density && `chip-density_${density}`,\n    borderRadius && `chip-border_${borderRadius}`,\n    background && `chip-background_${background}`,\n    borderColor && `chip-border_${borderColor}`,\n    font && `chip-font_${font}`,\n    isEditMode && 'editable',\n    (showChips || isEditMode) && 'chip_visible',\n    className\n  )\n  const chipLabelClassNames = classnames(\n    'chip__label',\n    (textOverflowEllipsis || isEditMode) && 'data-ellipsis',\n    !isEmpty(validationRules) && 'chip__label_invalid'\n  )\n  const chipValueClassNames = classnames(\n    'chip__value',\n    (textOverflowEllipsis || isEditMode) && 'data-ellipsis',\n    boldValue && 'chip-value_bold'\n  )\n\n  const checkValidation = useCallback(\n    chipKey => {\n      if (frontendSpec.internal_labels?.includes(chipKey)) {\n        setValidationRules([\n          { name: 'internal label', label: 'System-defined labels cannot be modified.' }\n        ])\n\n        return setValidation && setValidation(false)\n      }\n\n      setValidationRules([])\n      setValidation && setValidation(true)\n    },\n    [frontendSpec.internal_labels, setValidation]\n  )\n\n  useEffect(() => {\n    if (setValidation) {\n      checkValidation(chip.value.match(/^(?<key>|.+?):\\s?(?<value>|.+?)$/)?.groups?.key)\n    }\n  }, [checkValidation, chip, setValidation])\n\n  useLayoutEffect(() => {\n    if (chipRef.current && setChipsSizes) {\n      const { marginLeft, marginRight } = getComputedStyle(chipRef.current)\n\n      setChipsSizes(state => ({\n        ...state,\n        [chipIndex]:\n          (chipRef.current?.getBoundingClientRect?.()?.width ?? 0) +\n          parseFloat(marginLeft) +\n          parseFloat(marginRight)\n      }))\n    }\n  }, [chipIndex, setChipsSizes])\n\n  if (!chip.value.match(/^\\+ [\\d]+/g)) {\n    return isEditMode && chipIndex === editConfig.chipIndex ? (\n      <ChipForm\n        chipOptions={chipOptions}\n        className=\"input-label-key\"\n        editConfig={editConfig}\n        key={chip.value}\n        onChange={handleEditChip}\n        ref={chipsCellRef}\n        setEditConfig={setEditConfig}\n        value={chip.value.match(/^(?<key>|.+?):\\s?(?<value>|.+?)$/)?.groups}\n        validationRules={validationRules}\n        checkValidation={checkValidation}\n      />\n    ) : (\n      <div\n        className={chipClassNames}\n        ref={chipRef}\n        onClick={event => handleIsEdit(event, chipIndex)}\n      >\n        {chipLabel && <div className={chipLabelClassNames}>{chipLabel}</div>}\n        {chipValue && (\n          <>\n            <div className=\"chip__delimiter\">{chip.delimiter ?? ':'}</div>\n            <div className={chipValueClassNames}>{chipValue}</div>\n          </>\n        )}\n        {(isEditMode || isDeleteMode) && (\n          <button className=\"item-icon-close\" onClick={event => handleRemoveChip(event, chipIndex)}>\n            <Close />\n          </button>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <span\n      className={`${chipClassNames} chips_button`}\n      onClick={onClick}\n      ref={hiddenChipsCounterRef}\n    >\n      {chip.value}\n    </span>\n  )\n}\n\nChip = React.forwardRef(Chip)\n\nChip.displayName = 'Chip'\n\nChip.propTypes = {\n  chip: CHIP.isRequired,\n  chipIndex: PropTypes.number,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  className: PropTypes.string,\n  editConfig: PropTypes.object,\n  handleEditChip: PropTypes.func,\n  handleIsEdit: PropTypes.func,\n  handleRemoveChip: PropTypes.func,\n  hiddenChips: PropTypes.bool,\n  isDeleteMode: PropTypes.bool,\n  isEditMode: PropTypes.bool,\n  onClick: PropTypes.func,\n  setChipsSizes: PropTypes.func,\n  setEditConfig: PropTypes.func,\n  setValidation: PropTypes.func,\n  shortChip: PropTypes.bool,\n  showChips: PropTypes.bool.isRequired,\n  textOverflowEllipsis: PropTypes.bool\n}\n\nexport default React.memo(Chip)\n"],"names":["Chip","chip","chipIndex","chipOptions","className","editConfig","handleEditChip","handleIsEdit","handleRemoveChip","hiddenChips","isDeleteMode","isEditMode","onClick","setChipsSizes","setEditConfig","setValidation","shortChip","showChips","textOverflowEllipsis","chipsCellRef","hiddenChipsCounterRef","validationRules","setValidationRules","useState","frontendSpec","useSelector","store","_a","chipRef","React","chipLabel","chipValue","getChipLabelAndValue","background","boldValue","borderColor","density","font","borderRadius","chipClassNames","classnames","chipLabelClassNames","isEmpty","chipValueClassNames","checkValidation","useCallback","chipKey","useEffect","_b","useLayoutEffect","marginLeft","marginRight","state","_c","jsx","ChipForm","jsxs","event","Fragment","Close","CHIP","PropTypes","CHIP_OPTIONS","Chip$1"],"mappings":"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"}

package/dist/components/Chip/Chip.stories.d.ts

@@ -1,26 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Chip as component };
-}
-export default _default;
-export const LabelChip: any;
-export const MetricsChip: any;
-export const ParametersChip: any;
-export const GreenChip: any;
-export const DensePurpleChip: any;
-export const DenseGreyChip: any;
-export const DenseOrangeChip: any;
-export const DenseGreenChip: any;
-export const DenseAmethystChip: any;
-export const DenseJavaChip: any;
-export const DenseSorbusChip: any;
-export const LabelChipNormal: any;
-export const MetricsChipNormal: any;
-export const ParametersChipNormal: any;
-export const GreenChipNormal: any;
-export const LabelChipMedium: any;
-export const MetricsChipMedium: any;
-export const ParametersChipMedium: any;
-export const GreenChipMedium: any;
-import Chip from './Chip';
-//# sourceMappingURL=Chip.stories.d.ts.map

package/dist/components/Chip/Chip.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chip/Chip.stories.js"],"names":[],"mappings":";;;;;AA0CA,4BAA0C;AAa1C,8BAA4C;AAa5C,iCAA+C;AAa/C,4BAA0C;AAa1C,kCAAgD;AAahD,gCAA8C;AAa9C,kCAAgD;AAahD,iCAA+C;AAa/C,oCAAkD;AAalD,gCAA8C;AAa9C,kCAAgD;AAahD,kCAAgD;AAahD,oCAAkD;AAalD,uCAAqD;AAarD,kCAAgD;AAahD,kCAAgD;AAahD,oCAAkD;AAalD,uCAAqD;AAarD,kCAAgD;iBA/P/B,QAAQ"}

package/dist/components/ChipCell/ChipCell.d.ts

@@ -1,3 +0,0 @@
-declare const _default: any;
-export default _default;
-//# sourceMappingURL=ChipCell.d.ts.map

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

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

package/dist/components/ChipCell/ChipCell.mjs

@@ -1,212 +0,0 @@
-import { jsx as f, jsxs as R } from "react/jsx-runtime";
-import G, { useState as J, useMemo as Q, useCallback as I } from "react";
-import A from "classnames";
-import r from "prop-types";
-import X from "../Chip/Chip.mjs";
-import Y from "./ChipTooltip/ChipTooltip.mjs";
-import Z from "./HiddenChipsBlock/HiddenChipsBlock.mjs";
-import { CHIP_OPTIONS as O } from "../../types.mjs";
-import { CLICK as L, TAB as M, TAB_SHIFT as ee } from "../../constants.mjs";
-import { cutChips as ie } from "../../utils/chips.util.mjs";
-import { isEveryObjectValueEmpty as se } from "../../utils/common.util.mjs";
-import "../../hooks/index.mjs";
-import re from "../../images/add.svg.mjs";
-/* empty css               */
-import { useChipCell as oe } from "../../hooks/useChipCell.hook.mjs";
-const H = ({
-  addChip: N = () => {
-  },
-  chipOptions: l = {
-    background: "purple",
-    boldValue: !1,
-    borderRadius: "primary",
-    borderColor: "transparent",
-    density: "dense",
-    font: "purple"
-  },
-  className: b,
-  delimiter: x = null,
-  editChip: F = () => {
-  },
-  elements: o = [],
-  isEditMode: t = !1,
-  onClick: y = () => {
-  },
-  removeChip: g = () => {
-  },
-  shortChips: S = !1,
-  setValidation: j = null,
-  visibleChipsMaxLength: u = null
-}) => {
-  const {
-    chipsCellRef: k,
-    chipsWrapperRef: B,
-    handleShowElements: v,
-    hiddenChipsCounterRef: T,
-    hiddenChipsPopUpRef: D,
-    setChipsSizes: V,
-    setShowHiddenChips: $,
-    showChips: z,
-    showHiddenChips: w,
-    visibleChipsCount: E
-  } = oe(t, u), [s, n] = J({
-    chipIndex: null,
-    isEdit: !1,
-    isKeyFocused: !0,
-    isValueFocused: !1,
-    isNewChip: !1
-  }), U = A(
-    "button-add",
-    b,
-    l.background && `button-add-background_${l.background}`,
-    l.borderColor && `button-add-border_${l.borderColor}`,
-    l.font && `button-add-font_${l.font}`,
-    l.density && `button-add-density_${l.density}`
-  ), W = A("chips-wrapper", t && "fixed-max-width");
-  let C = Q(() => t && !u || u === "all" ? {
-    visibleChips: o.map((e) => ({
-      value: e,
-      delimiter: x
-    }))
-  } : ie(
-    o,
-    u || E,
-    x
-  ), [x, o, t, E, u]);
-  const q = I(
-    (e, i) => {
-      e.preventDefault(), !s.isEdit && !s.chipIndex && N(i, o), w && $(!1), n({
-        chipIndex: o.length,
-        isEdit: !0,
-        isKeyFocused: !0,
-        isValueFocused: !1,
-        isNewChip: !0
-      });
-    },
-    [
-      s.isEdit,
-      s.chipIndex,
-      w,
-      o,
-      N,
-      $
-    ]
-  ), a = I(
-    (e, i) => {
-      e.stopPropagation();
-      const c = o.filter((h, m) => m !== i);
-      g(c);
-    },
-    [o, g]
-  ), _ = I(
-    (e, i, c) => {
-      var m, P;
-      e.preventDefault();
-      const h = !!(i.key && i.value && ((m = i.key) != null && m.trim()) && ((P = i.value) != null && P.trim()));
-      if (h) {
-        const d = [...o];
-        d[s.chipIndex] = `${i.key}: ${i.value}`, F(d);
-      }
-      c === L ? (s.isNewChip && !h && a(e, s.chipIndex), n({
-        chipIndex: null,
-        isEdit: !1,
-        isKeyFocused: !0,
-        isValueFocused: !1,
-        isNewChip: !1
-      })) : c === M ? (s.isNewChip && !h && a(e, s.chipIndex), n((d) => {
-        const p = d.chipIndex + 1 > o.length - 1;
-        return {
-          chipIndex: p ? null : d.chipIndex + 1,
-          isEdit: !p,
-          isKeyFocused: !0,
-          isValueFocused: !1,
-          isNewChip: !1
-        };
-      })) : c === ee && (s.isNewChip && !h && a(e, s.chipIndex), n((d) => {
-        const p = d.chipIndex - 1 < 0;
-        return {
-          chipIndex: p ? null : d.chipIndex - 1,
-          isEdit: !p,
-          isKeyFocused: p,
-          isValueFocused: !p,
-          isNewChip: !1
-        };
-      }));
-    },
-    [o, s.chipIndex, s.isNewChip, F, a]
-  ), K = I(
-    (e, i) => {
-      t && (e.stopPropagation(), n({
-        chipIndex: i,
-        isEdit: !0,
-        isKeyFocused: !0,
-        isValueFocused: !1
-      })), y && y();
-    },
-    [t, y]
-  );
-  return (t || !se(C)) && /* @__PURE__ */ f("div", { className: "chips-cell", ref: k, children: /* @__PURE__ */ R("div", { className: W, ref: B, children: [
-    C.visibleChips.map((e, i) => /* @__PURE__ */ R("div", { className: "chip-block", children: [
-      /* @__PURE__ */ f(Y, { chip: e, editConfig: s, children: /* @__PURE__ */ f(
-        X,
-        {
-          chip: e,
-          chipIndex: i,
-          chipOptions: l,
-          className: b,
-          editConfig: s,
-          handleEditChip: _,
-          handleIsEdit: K,
-          handleRemoveChip: a,
-          isEditMode: t,
-          onClick: v,
-          ref: { chipsCellRef: k, hiddenChipsCounterRef: T },
-          setChipsSizes: V,
-          setEditConfig: n,
-          setValidation: j,
-          shortChip: S,
-          showChips: z,
-          textOverflowEllipsis: !0
-        }
-      ) }, e.value),
-      C.visibleChips.length - 1 === i && w && /* @__PURE__ */ f(
-        Z,
-        {
-          chipOptions: l,
-          className: b,
-          chips: C.hiddenChips,
-          chipIndex: i,
-          editConfig: s,
-          handleEditChip: _,
-          handleIsEdit: K,
-          handleRemoveChip: a,
-          handleShowElements: v,
-          isEditMode: t,
-          setEditConfig: n,
-          setChipsSizes: V,
-          ref: { hiddenChipsCounterRef: T, hiddenChipsPopUpRef: D }
-        }
-      )
-    ] }, `${e.value}${i}`)),
-    t && /* @__PURE__ */ f("button", { className: U, onClick: (e) => q(e, ":"), children: /* @__PURE__ */ f(re, {}) })
-  ] }) });
-};
-H.propTypes = {
-  addChip: r.func,
-  chipOptions: O,
-  className: r.string,
-  delimiter: r.oneOfType([r.string, r.element]),
-  editChip: r.func,
-  elements: r.arrayOf(r.string),
-  isEditMode: r.bool,
-  onClick: r.func,
-  removeChip: r.func,
-  setValidation: r.func,
-  shortChips: r.bool,
-  visibleChipsMaxLength: r.oneOfType([r.string, r.number])
-};
-const ye = G.memo(H);
-export {
-  ye as default
-};
-//# sourceMappingURL=ChipCell.mjs.map

package/dist/components/ChipCell/ChipCell.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipCell.mjs","sources":["../../../src/lib/components/ChipCell/ChipCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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, { useState, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport Chip from '../Chip/Chip'\nimport ChipTooltip from './ChipTooltip/ChipTooltip'\nimport HiddenChipsBlock from './HiddenChipsBlock/HiddenChipsBlock'\n\nimport { CHIP_OPTIONS } from '../../types'\nimport { CLICK, TAB, TAB_SHIFT } from '../../constants'\nimport { cutChips } from '../../utils/chips.util'\nimport { isEveryObjectValueEmpty } from '../../utils/common.util'\nimport { useChipCell } from '../../hooks'\n\nimport Add from '../../images/add.svg'\n\nimport './chipCell.scss'\n\nconst ChipCell = ({\n  addChip = () => {},\n  chipOptions = {\n    background: 'purple',\n    boldValue: false,\n    borderRadius: 'primary',\n    borderColor: 'transparent',\n    density: 'dense',\n    font: 'purple'\n  },\n  className,\n  delimiter = null,\n  editChip = () => {},\n  elements = [],\n  isEditMode = false,\n  onClick = () => {},\n  removeChip = () => {},\n  shortChips = false,\n  setValidation = null,\n  visibleChipsMaxLength = null\n}) => {\n  const {\n    chipsCellRef,\n    chipsWrapperRef,\n    handleShowElements,\n    hiddenChipsCounterRef,\n    hiddenChipsPopUpRef,\n    setChipsSizes,\n    setShowHiddenChips,\n    showChips,\n    showHiddenChips,\n    visibleChipsCount\n  } = useChipCell(isEditMode, visibleChipsMaxLength)\n  const [editConfig, setEditConfig] = useState({\n    chipIndex: null,\n    isEdit: false,\n    isKeyFocused: true,\n    isValueFocused: false,\n    isNewChip: false\n  })\n\n  const buttonAddClassNames = classnames(\n    'button-add',\n    className,\n    chipOptions.background && `button-add-background_${chipOptions.background}`,\n    chipOptions.borderColor && `button-add-border_${chipOptions.borderColor}`,\n    chipOptions.font && `button-add-font_${chipOptions.font}`,\n    chipOptions.density && `button-add-density_${chipOptions.density}`\n  )\n  const wrapperClassNames = classnames('chips-wrapper', isEditMode && 'fixed-max-width')\n\n  let chips = useMemo(() => {\n    return (isEditMode && !visibleChipsMaxLength) || visibleChipsMaxLength === 'all'\n      ? {\n          visibleChips: elements.map(chip => ({\n            value: chip,\n            delimiter\n          }))\n        }\n      : cutChips(\n          elements,\n          visibleChipsMaxLength ? visibleChipsMaxLength : visibleChipsCount,\n          delimiter\n        )\n  }, [delimiter, elements, isEditMode, visibleChipsCount, visibleChipsMaxLength])\n\n  const handleAddNewChip = useCallback(\n    (event, chip) => {\n      event.preventDefault()\n\n      if (!editConfig.isEdit && !editConfig.chipIndex) {\n        addChip(chip, elements)\n      }\n\n      if (showHiddenChips) {\n        setShowHiddenChips(false)\n      }\n\n      setEditConfig({\n        chipIndex: elements.length,\n        isEdit: true,\n        isKeyFocused: true,\n        isValueFocused: false,\n        isNewChip: true\n      })\n    },\n    [\n      editConfig.isEdit,\n      editConfig.chipIndex,\n      showHiddenChips,\n      elements,\n      addChip,\n      setShowHiddenChips\n    ]\n  )\n\n  const handleRemoveChip = useCallback(\n    (event, chipIndex) => {\n      event.stopPropagation()\n\n      const newChips = elements.filter((value, index) => index !== chipIndex)\n\n      removeChip(newChips)\n    },\n    [elements, removeChip]\n  )\n\n  const handleEditChip = useCallback(\n    (event, chip, nameEvent) => {\n      event.preventDefault()\n      const isChipNotEmpty = !!(chip.key && chip.value && chip.key?.trim() && chip.value?.trim())\n\n      if (isChipNotEmpty) {\n        const newChips = [...elements]\n        newChips[editConfig.chipIndex] = `${chip.key}: ${chip.value}`\n\n        editChip(newChips)\n      }\n\n      if (nameEvent === CLICK) {\n        if (editConfig.isNewChip && !isChipNotEmpty) {\n          handleRemoveChip(event, editConfig.chipIndex)\n        }\n\n        setEditConfig({\n          chipIndex: null,\n          isEdit: false,\n          isKeyFocused: true,\n          isValueFocused: false,\n          isNewChip: false\n        })\n      } else if (nameEvent === TAB) {\n        if (editConfig.isNewChip && !isChipNotEmpty) {\n          handleRemoveChip(event, editConfig.chipIndex)\n        }\n\n        setEditConfig(prevState => {\n          const isNextChipIndexExists = prevState.chipIndex + 1 > elements.length - 1\n\n          return {\n            chipIndex: isNextChipIndexExists ? null : prevState.chipIndex + 1,\n            isEdit: !isNextChipIndexExists,\n            isKeyFocused: true,\n            isValueFocused: false,\n            isNewChip: false\n          }\n        })\n      } else if (nameEvent === TAB_SHIFT) {\n        if (editConfig.isNewChip && !isChipNotEmpty) {\n          handleRemoveChip(event, editConfig.chipIndex)\n        }\n\n        setEditConfig(prevState => {\n          const isPrevChipIndexExists = prevState.chipIndex - 1 < 0\n\n          return {\n            chipIndex: isPrevChipIndexExists ? null : prevState.chipIndex - 1,\n            isEdit: !isPrevChipIndexExists,\n            isKeyFocused: isPrevChipIndexExists,\n            isValueFocused: !isPrevChipIndexExists,\n            isNewChip: false\n          }\n        })\n      }\n    },\n    [elements, editConfig.chipIndex, editConfig.isNewChip, editChip, handleRemoveChip]\n  )\n\n  const handleIsEdit = useCallback(\n    (event, index) => {\n      if (isEditMode) {\n        event.stopPropagation()\n\n        setEditConfig({\n          chipIndex: index,\n          isEdit: true,\n          isKeyFocused: true,\n          isValueFocused: false\n        })\n      }\n\n      onClick && onClick()\n    },\n    [isEditMode, onClick]\n  )\n\n  return (\n    (isEditMode || !isEveryObjectValueEmpty(chips)) && (\n      <div className=\"chips-cell\" ref={chipsCellRef}>\n        <div className={wrapperClassNames} ref={chipsWrapperRef}>\n          {chips.visibleChips.map((chip, index) => {\n            return (\n              <div className=\"chip-block\" key={`${chip.value}${index}`}>\n                <ChipTooltip chip={chip} editConfig={editConfig} key={chip.value}>\n                  <Chip\n                    chip={chip}\n                    chipIndex={index}\n                    chipOptions={chipOptions}\n                    className={className}\n                    editConfig={editConfig}\n                    handleEditChip={handleEditChip}\n                    handleIsEdit={handleIsEdit}\n                    handleRemoveChip={handleRemoveChip}\n                    isEditMode={isEditMode}\n                    onClick={handleShowElements}\n                    ref={{ chipsCellRef, hiddenChipsCounterRef }}\n                    setChipsSizes={setChipsSizes}\n                    setEditConfig={setEditConfig}\n                    setValidation={setValidation}\n                    shortChip={shortChips}\n                    showChips={showChips}\n                    textOverflowEllipsis\n                  />\n                </ChipTooltip>\n                {chips.visibleChips.length - 1 === index && showHiddenChips && (\n                  <HiddenChipsBlock\n                    chipOptions={chipOptions}\n                    className={className}\n                    chips={chips.hiddenChips}\n                    chipIndex={index}\n                    editConfig={editConfig}\n                    handleEditChip={handleEditChip}\n                    handleIsEdit={handleIsEdit}\n                    handleRemoveChip={handleRemoveChip}\n                    handleShowElements={handleShowElements}\n                    isEditMode={isEditMode}\n                    setEditConfig={setEditConfig}\n                    setChipsSizes={setChipsSizes}\n                    ref={{ hiddenChipsCounterRef, hiddenChipsPopUpRef }}\n                  />\n                )}\n              </div>\n            )\n          })}\n          {isEditMode && (\n            <button className={buttonAddClassNames} onClick={e => handleAddNewChip(e, ':')}>\n              <Add />\n            </button>\n          )}\n        </div>\n      </div>\n    )\n  )\n}\n\nChipCell.propTypes = {\n  addChip: PropTypes.func,\n  chipOptions: CHIP_OPTIONS,\n  className: PropTypes.string,\n  delimiter: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  editChip: PropTypes.func,\n  elements: PropTypes.arrayOf(PropTypes.string),\n  isEditMode: PropTypes.bool,\n  onClick: PropTypes.func,\n  removeChip: PropTypes.func,\n  setValidation: PropTypes.func,\n  shortChips: PropTypes.bool,\n  visibleChipsMaxLength: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n\nexport default React.memo(ChipCell)\n"],"names":["ChipCell","addChip","chipOptions","className","delimiter","editChip","elements","isEditMode","onClick","removeChip","shortChips","setValidation","visibleChipsMaxLength","chipsCellRef","chipsWrapperRef","handleShowElements","hiddenChipsCounterRef","hiddenChipsPopUpRef","setChipsSizes","setShowHiddenChips","showChips","showHiddenChips","visibleChipsCount","useChipCell","editConfig","setEditConfig","useState","buttonAddClassNames","classnames","wrapperClassNames","chips","useMemo","chip","cutChips","handleAddNewChip","useCallback","event","handleRemoveChip","chipIndex","newChips","value","index","handleEditChip","nameEvent","isChipNotEmpty","_a","_b","CLICK","TAB","prevState","isNextChipIndexExists","TAB_SHIFT","isPrevChipIndexExists","handleIsEdit","isEveryObjectValueEmpty","jsxs","jsx","ChipTooltip","Chip","HiddenChipsBlock","Add","PropTypes","CHIP_OPTIONS","ChipCell$1","React"],"mappings":"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"}

package/dist/components/ChipCell/ChipTooltip/ChipTooltip.d.ts

@@ -1,15 +0,0 @@
-export default ChipTooltip;
-declare function ChipTooltip({ children, chip, editConfig }: {
-    children: any;
-    chip: any;
-    editConfig?: {};
-}): JSX.Element;
-declare namespace ChipTooltip {
-    namespace propTypes {
-        export let children: any;
-        export { CHIP as chip };
-        export let editConfig: any;
-    }
-}
-import { CHIP } from '../../../types';
-//# sourceMappingURL=ChipTooltip.d.ts.map

package/dist/components/ChipCell/ChipTooltip/ChipTooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipTooltip.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/ChipCell/ChipTooltip/ChipTooltip.jsx"],"names":[],"mappings":";AA4BA;;;;gBAyBC;;;;;;;;qBA3BoB,gBAAgB"}

package/dist/components/ChipCell/ChipTooltip/ChipTooltip.mjs

@@ -1,36 +0,0 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useMemo as s } from "react";
-import o from "prop-types";
-import a from "../../Tooltip/Tooltip.mjs";
-import d from "../../TooltipTemplate/TextTooltipTemplate.mjs";
-import { getChipLabelAndValue as n } from "../../../utils/chips.util.mjs";
-import { CHIP as c } from "../../../types.mjs";
-const f = ({ children: i, chip: e, editConfig: r = {} }) => {
-  const { chipLabel: m, chipValue: p } = s(() => n(e), [e]);
-  return /* @__PURE__ */ t(
-    a,
-    {
-      hidden: r.isEdit || /^\+ [\d]+/g.test(e.value),
-      template: /* @__PURE__ */ t(
-        d,
-        {
-          text: e.delimiter ? /* @__PURE__ */ l("span", { className: "chip__content", children: [
-            m,
-            /* @__PURE__ */ t("span", { className: "chip__delimiter", children: e.delimiter }),
-            p
-          ] }) : e.value
-        }
-      ),
-      children: i
-    }
-  );
-};
-f.propTypes = {
-  children: o.node.isRequired,
-  chip: c,
-  editConfig: o.object
-};
-export {
-  f as default
-};
-//# sourceMappingURL=ChipTooltip.mjs.map

package/dist/components/ChipCell/ChipTooltip/ChipTooltip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChipTooltip.mjs","sources":["../../../../src/lib/components/ChipCell/ChipTooltip/ChipTooltip.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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, { useMemo } from 'react'\nimport PropTypes from 'prop-types'\n\nimport Tooltip from '../../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipLabelAndValue } from '../../../utils/chips.util'\nimport { CHIP } from '../../../types'\n\nconst ChipTooltip = ({ children, chip, editConfig = {} }) => {\n  const { chipLabel, chipValue } = useMemo(() => getChipLabelAndValue(chip), [chip])\n\n  return (\n    <Tooltip\n      hidden={editConfig.isEdit || /^\\+ [\\d]+/g.test(chip.value)}\n      template={\n        <TextTooltipTemplate\n          text={\n            chip.delimiter ? (\n              <span className=\"chip__content\">\n                {chipLabel}\n                <span className=\"chip__delimiter\">{chip.delimiter}</span>\n                {chipValue}\n              </span>\n            ) : (\n              chip.value\n            )\n          }\n        />\n      }\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nChipTooltip.propTypes = {\n  children: PropTypes.node.isRequired,\n  chip: CHIP,\n  editConfig: PropTypes.object\n}\n\nexport default ChipTooltip\n"],"names":["ChipTooltip","children","chip","editConfig","chipLabel","chipValue","useMemo","getChipLabelAndValue","jsx","Tooltip","TextTooltipTemplate","jsxs","PropTypes","CHIP"],"mappings":";;;;;;;AA4BM,MAAAA,IAAc,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,YAAAC,IAAa,SAAS;AACrD,QAAA,EAAE,WAAAC,GAAW,WAAAC,EAAA,IAAcC,EAAQ,MAAMC,EAAqBL,CAAI,GAAG,CAACA,CAAI,CAAC;AAG/E,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN,EAAW,UAAU,aAAa,KAAKD,EAAK,KAAK;AAAA,MACzD,UACE,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MACER,EAAK,YACF,gBAAAS,EAAA,QAAA,EAAK,WAAU,iBACb,UAAA;AAAA,YAAAP;AAAA,YACA,gBAAAI,EAAA,QAAA,EAAK,WAAU,mBAAmB,YAAK,WAAU;AAAA,YACjDH;AAAA,UAAA,EACH,CAAA,IAEAH,EAAK;AAAA,QAAA;AAAA,MAGX;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;AAEAD,EAAY,YAAY;AAAA,EACtB,UAAUY,EAAU,KAAK;AAAA,EACzB,MAAMC;AAAA,EACN,YAAYD,EAAU;AACxB;"}

package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts

@@ -1,35 +0,0 @@
-export default HiddenChipsBlock;
-declare function HiddenChipsBlock({ chips, chipIndex, chipOptions, className, editConfig, handleEditChip, handleIsEdit, handleRemoveChip, handleShowElements, isEditMode, setEditConfig }: {
-    chips?: any[];
-    chipIndex?: number;
-    chipOptions: any;
-    className: any;
-    editConfig?: {};
-    handleEditChip: any;
-    handleIsEdit?: () => void;
-    handleRemoveChip: any;
-    handleShowElements: any;
-    isEditMode?: boolean;
-    setEditConfig?: () => void;
-}, { hiddenChipsCounterRef, hiddenChipsPopUpRef }: {
-    hiddenChipsCounterRef: any;
-    hiddenChipsPopUpRef: any;
-}): import("react").ReactPortal;
-declare namespace HiddenChipsBlock {
-    let displayName: string;
-    namespace propTypes {
-        export let className: any;
-        export { CHIPS as chips };
-        export let chipOptions: any;
-        export let chipIndex: any;
-        export let editConfig: any;
-        export let handleEditChip: any;
-        export let handleIsEdit: any;
-        export let handleRemoveChip: any;
-        export let handleShowElements: any;
-        export let isEditMode: any;
-        export let setEditConfig: any;
-    }
-}
-import { CHIPS } from '../../../types';
-//# sourceMappingURL=HiddenChipsBlock.d.ts.map

package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HiddenChipsBlock.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.jsx"],"names":[],"mappings":";AA6BA;;;;;;;;;;;;;;;gCAwDC;;;;;;;;;;;;;;;;;sBA3DmC,gBAAgB"}

package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs

@@ -1,73 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import k, { useEffect as v } from "react";
-import e from "prop-types";
-import { createPortal as B } from "react-dom";
-import H from "../../Chip/Chip.mjs";
-import N from "../ChipTooltip/ChipTooltip.mjs";
-import { CHIP_OPTIONS as _, CHIPS as b } from "../../../types.mjs";
-import "../../../hooks/index.mjs";
-import { useHiddenChipsBlock as g } from "../../../hooks/useHiddenChipsBlock.hook.mjs";
-let i = ({
-  chips: o = [],
-  chipIndex: l = 0,
-  chipOptions: n,
-  className: s,
-  editConfig: c = {},
-  handleEditChip: a,
-  handleIsEdit: p = () => {
-  },
-  handleRemoveChip: m,
-  handleShowElements: f,
-  isEditMode: h = !1,
-  setEditConfig: u = () => {
-  }
-}, { hiddenChipsCounterRef: C, hiddenChipsPopUpRef: t }) => {
-  const { hiddenChipsBlockClassNames: E } = g(
-    C,
-    t
-  );
-  return v(() => {
-    o.length === 0 && f();
-  }), B(
-    /* @__PURE__ */ r("div", { ref: t, className: E, children: /* @__PURE__ */ r("div", { className: "chip-block-hidden__scrollable-container", children: o == null ? void 0 : o.map((d, I) => /* @__PURE__ */ r(N, { chip: d, children: /* @__PURE__ */ r(
-      H,
-      {
-        chip: d,
-        chipIndex: I + l,
-        chipOptions: n,
-        className: s,
-        editConfig: c,
-        handleEditChip: a,
-        handleIsEdit: p,
-        handleRemoveChip: m,
-        hiddenChips: !0,
-        isEditMode: h,
-        ref: t,
-        setEditConfig: u,
-        showChips: !0,
-        textOverflowEllipsis: !0
-      }
-    ) }, d.value)) }) }),
-    document.getElementById("overlay_container")
-  );
-};
-i = k.forwardRef(i);
-i.displayName = "HiddenChipsBlock";
-i.propTypes = {
-  className: e.string,
-  chips: b,
-  chipOptions: _.isRequired,
-  chipIndex: e.number,
-  editConfig: e.object,
-  handleEditChip: e.func,
-  handleIsEdit: e.func,
-  handleRemoveChip: e.func,
-  handleShowElements: e.func.isRequired,
-  isEditMode: e.bool,
-  setEditConfig: e.func
-};
-const q = i;
-export {
-  q as default
-};
-//# sourceMappingURL=HiddenChipsBlock.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HiddenChipsBlock.mjs","sources":["../../../../src/lib/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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, { useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { createPortal } from 'react-dom'\n\nimport Chip from '../../Chip/Chip'\nimport ChipTooltip from '../ChipTooltip/ChipTooltip'\n\nimport { CHIP_OPTIONS, CHIPS } from '../../../types'\nimport { useHiddenChipsBlock } from '../../../hooks'\n\nlet HiddenChipsBlock = (\n  {\n    chips = [],\n    chipIndex = 0,\n    chipOptions,\n    className,\n    editConfig = {},\n    handleEditChip,\n    handleIsEdit = () => {},\n    handleRemoveChip,\n    handleShowElements,\n    isEditMode = false,\n    setEditConfig = () => {}\n  },\n  { hiddenChipsCounterRef, hiddenChipsPopUpRef }\n) => {\n  const { hiddenChipsBlockClassNames } = useHiddenChipsBlock(\n    hiddenChipsCounterRef,\n    hiddenChipsPopUpRef\n  )\n\n  useEffect(() => {\n    if (chips.length === 0) {\n      handleShowElements()\n    }\n  })\n\n  return createPortal(\n    <div ref={hiddenChipsPopUpRef} className={hiddenChipsBlockClassNames}>\n      <div className=\"chip-block-hidden__scrollable-container\">\n        {chips?.map((element, index) => {\n          return (\n            <ChipTooltip chip={element} key={element.value}>\n              <Chip\n                chip={element}\n                chipIndex={index + chipIndex}\n                chipOptions={chipOptions}\n                className={className}\n                editConfig={editConfig}\n                handleEditChip={handleEditChip}\n                handleIsEdit={handleIsEdit}\n                handleRemoveChip={handleRemoveChip}\n                hiddenChips\n                isEditMode={isEditMode}\n                ref={hiddenChipsPopUpRef}\n                setEditConfig={setEditConfig}\n                showChips={true}\n                textOverflowEllipsis\n              />\n            </ChipTooltip>\n          )\n        })}\n      </div>\n    </div>,\n    document.getElementById('overlay_container')\n  )\n}\n\nHiddenChipsBlock = React.forwardRef(HiddenChipsBlock)\n\nHiddenChipsBlock.displayName = 'HiddenChipsBlock'\n\nHiddenChipsBlock.propTypes = {\n  className: PropTypes.string,\n  chips: CHIPS,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  chipIndex: PropTypes.number,\n  editConfig: PropTypes.object,\n  handleEditChip: PropTypes.func,\n  handleIsEdit: PropTypes.func,\n  handleRemoveChip: PropTypes.func,\n  handleShowElements: PropTypes.func.isRequired,\n  isEditMode: PropTypes.bool,\n  setEditConfig: PropTypes.func\n}\n\nexport default HiddenChipsBlock\n"],"names":["HiddenChipsBlock","chips","chipIndex","chipOptions","className","editConfig","handleEditChip","handleIsEdit","handleRemoveChip","handleShowElements","isEditMode","setEditConfig","hiddenChipsCounterRef","hiddenChipsPopUpRef","hiddenChipsBlockClassNames","useHiddenChipsBlock","useEffect","createPortal","jsx","element","index","ChipTooltip","Chip","React","PropTypes","CHIPS","CHIP_OPTIONS","HiddenChipsBlock$1"],"mappings":";;;;;;;;;AA6BA,IAAIA,IAAmB,CACrB;AAAA,EACE,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa,CAAC;AAAA,EACd,gBAAAC;AAAA,EACA,cAAAC,IAAe,MAAM;AAAA,EAAC;AAAA,EACtB,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB,MAAM;AAAA,EAAA;AACxB,GACA,EAAE,uBAAAC,GAAuB,qBAAAC,QACtB;AACG,QAAA,EAAE,4BAAAC,MAA+BC;AAAA,IACrCH;AAAA,IACAC;AAAA,EACF;AAEA,SAAAG,EAAU,MAAM;AACV,IAAAf,EAAM,WAAW,KACAQ,EAAA;AAAA,EACrB,CACD,GAEMQ;AAAA,IACJ,gBAAAC,EAAA,OAAA,EAAI,KAAKL,GAAqB,WAAWC,GACxC,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,2CACZ,UAAAjB,KAAA,gBAAAA,EAAO,IAAI,CAACkB,GAASC,MAElB,gBAAAF,EAACG,GAAY,EAAA,MAAMF,GACjB,UAAA,gBAAAD;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAMH;AAAA,QACN,WAAWC,IAAQlB;AAAA,QACnB,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,cAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,aAAW;AAAA,QACX,YAAAE;AAAA,QACA,KAAKG;AAAA,QACL,eAAAF;AAAA,QACA,WAAW;AAAA,QACX,sBAAoB;AAAA,MAAA;AAAA,IAAA,EACtB,GAhB+BQ,EAAQ,KAiBzC,IAGN,EACF,CAAA;AAAA,IACA,SAAS,eAAe,mBAAmB;AAAA,EAC7C;AACF;AAEAnB,IAAmBuB,EAAM,WAAWvB,CAAgB;AAEpDA,EAAiB,cAAc;AAE/BA,EAAiB,YAAY;AAAA,EAC3B,WAAWwB,EAAU;AAAA,EACrB,OAAOC;AAAA,EACP,aAAaC,EAAa;AAAA,EAC1B,WAAWF,EAAU;AAAA,EACrB,YAAYA,EAAU;AAAA,EACtB,gBAAgBA,EAAU;AAAA,EAC1B,cAAcA,EAAU;AAAA,EACxB,kBAAkBA,EAAU;AAAA,EAC5B,oBAAoBA,EAAU,KAAK;AAAA,EACnC,YAAYA,EAAU;AAAA,EACtB,eAAeA,EAAU;AAC3B;AAEA,MAAAG,IAAe3B;"}