iguazio.dashboard-react-controls 3.0.3 → 3.1.0

package/dist/components/ChipForm/ChipForm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipForm.mjs","sources":["../../../src/lib/components/ChipForm/ChipForm.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, useEffect, useLayoutEffect, useMemo, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { isEmpty } from 'lodash'\n\nimport OptionsMenu from '../../elements/OptionsMenu/OptionsMenu'\nimport ValidationTemplate from '../../elements/ValidationTemplate/ValidationTemplate'\n\nimport { TAB, TAB_SHIFT } from '../../constants'\nimport { CHIP_OPTIONS } from '../../types'\n\nimport './chipForm.scss'\n\nlet ChipForm = (\n  {\n    checkValidation = null,\n    chipOptions,\n    className = '',\n    editConfig,\n    onChange,\n    setEditConfig,\n    validationRules = [],\n    value\n  },\n  ref\n) => {\n  const [chip, setChip] = useState({\n    ...value,\n    keyFieldWidth: 0,\n    valueFieldWidth: 0\n  })\n  const maxWidthInput = useMemo(() => {\n    return ref.current?.clientWidth - 50\n  }, [ref])\n  const { background, borderColor, density, font, borderRadius } = chipOptions\n  const minWidthInput = 25\n  const minWidthValueInput = 35\n\n  const refInputKey = useRef()\n  const refInputValue = useRef()\n  const refInputContainer = useRef()\n\n  const labelKeyClassName = classnames(\n    className,\n    !editConfig.isKeyFocused && 'item_edited',\n    !isEmpty(validationRules) && '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  )\n  const labelValueClassName = classnames(\n    'input-label-value',\n    !editConfig.isValueFocused && 'item_edited'\n  )\n\n  useLayoutEffect(() => {\n    if (!chip.keyFieldWidth && !chip.valueFieldWidth) {\n      const currentWidthKeyInput = refInputKey.current.scrollWidth + 1\n      const currentWidthValueInput = refInputValue.current.scrollWidth + 1\n\n      if (chip.key && chip.value) {\n        setChip(prevState => ({\n          ...prevState,\n          keyFieldWidth:\n            currentWidthKeyInput >= maxWidthInput ? maxWidthInput : currentWidthKeyInput,\n          valueFieldWidth:\n            currentWidthValueInput >= maxWidthInput ? maxWidthInput : currentWidthValueInput\n        }))\n      } else {\n        setChip(prevState => ({\n          ...prevState,\n          keyFieldWidth: minWidthInput,\n          valueFieldWidth: minWidthValueInput\n        }))\n      }\n    }\n  }, [\n    chip.key,\n    chip.keyFieldWidth,\n    chip.value,\n    chip.valueFieldWidth,\n    maxWidthInput,\n    refInputKey,\n    refInputValue\n  ])\n\n  useEffect(() => {\n    if (editConfig.isKeyFocused) {\n      refInputKey.current.focus()\n    } else if (editConfig.isValueFocused) {\n      refInputValue.current.focus()\n    }\n  }, [editConfig.isKeyFocused, editConfig.isValueFocused, refInputKey, refInputValue])\n\n  const outsideClick = useCallback(\n    event => {\n      event.stopPropagation()\n      const elementPath = event.path ?? event.composedPath?.()\n\n      if (!elementPath.includes(refInputContainer.current)) {\n        onChange(event, chip, 'Click')\n      }\n    },\n    [chip, onChange, refInputContainer]\n  )\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      event.stopPropagation()\n\n      if (!event.shiftKey && event.key === TAB && editConfig.isValueFocused) {\n        onChange(event, chip, TAB)\n      } else if (event.shiftKey && event.key === TAB && editConfig.isKeyFocused) {\n        onChange(event, chip, TAB_SHIFT)\n      }\n\n      if (event.key === 'Backspace' || event.key === 'Delete') {\n        setChip(prevState => ({\n          ...prevState,\n          keyFieldWidth: editConfig.isKeyFocused ? minWidthInput : prevState.keyFieldWidth,\n          valueFieldWidth: editConfig.isValueFocused\n            ? minWidthValueInput\n            : prevState.valueFieldWidth\n        }))\n      }\n    },\n    [editConfig, onChange, chip]\n  )\n\n  const handleOnFocus = useCallback(\n    event => {\n      if (event.target.name === 'key') {\n        refInputKey.current.selectionStart = refInputKey.current.selectionEnd\n\n        setEditConfig(prevState => ({\n          ...prevState,\n          isKeyFocused: true,\n          isValueFocused: false\n        }))\n      } else {\n        refInputValue.current.selectionStart = refInputValue.current.selectionEnd\n\n        setEditConfig(prevState => ({\n          ...prevState,\n          isKeyFocused: false,\n          isValueFocused: true\n        }))\n      }\n    },\n    [refInputKey, refInputValue, setEditConfig]\n  )\n\n  const handleOnChange = useCallback(\n    event => {\n      event.preventDefault()\n\n      if (event.target.name === 'key') {\n        const currentWidthKeyInput = refInputKey.current.scrollWidth\n        checkValidation && checkValidation(refInputKey.current.value)\n\n        setChip(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 = refInputValue.current.scrollWidth\n\n        setChip(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    [checkValidation, maxWidthInput, refInputKey, refInputValue]\n  )\n\n  const getValidationRules = useCallback(() => {\n    return validationRules.map(({ isValid = false, label, name }) => {\n      return <ValidationTemplate valid={isValid} validationMessage={label} key={name} />\n    })\n  }, [validationRules])\n\n  return (\n    <>\n      <div\n        ref={refInputContainer}\n        className={labelContainerClassName}\n        onKeyDown={event => editConfig.isEdit && focusChip(event)}\n      >\n        <input\n          autoComplete=\"off\"\n          className={labelKeyClassName}\n          name=\"key\"\n          style={{ width: chip.keyFieldWidth }}\n          onChange={handleOnChange}\n          onFocus={handleOnFocus}\n          placeholder=\"key\"\n          ref={refInputKey}\n          type=\"text\"\n          value={chip.key}\n        />\n        <div className=\"edit-chip-separator\">:</div>\n        <input\n          autoComplete=\"off\"\n          className={labelValueClassName}\n          name=\"value\"\n          onChange={handleOnChange}\n          onFocus={handleOnFocus}\n          placeholder=\"value\"\n          ref={refInputValue}\n          style={{ width: chip.valueFieldWidth }}\n          type=\"text\"\n          value={chip.value}\n        />\n      </div>\n      {validationRules.length > 0 && (\n        <OptionsMenu show={validationRules.length > 0} ref={{ refInputContainer }}>\n          {getValidationRules()}\n        </OptionsMenu>\n      )}\n    </>\n  )\n}\n\nChipForm = React.forwardRef(ChipForm)\n\nChipForm.displayName = 'ChipForm'\n\nChipForm.propTypes = {\n  checkValidation: PropTypes.func,\n  chipOptions: CHIP_OPTIONS.isRequired,\n  className: PropTypes.string,\n  editConfig: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.array,\n  value: PropTypes.object.isRequired\n}\n\nexport default ChipForm\n"],"names":["ChipForm","checkValidation","chipOptions","className","editConfig","onChange","setEditConfig","validationRules","value","ref","chip","setChip","useState","maxWidthInput","useMemo","_a","background","borderColor","density","font","borderRadius","minWidthInput","minWidthValueInput","refInputKey","useRef","refInputValue","refInputContainer","labelKeyClassName","classnames","isEmpty","labelContainerClassName","labelValueClassName","useLayoutEffect","currentWidthKeyInput","currentWidthValueInput","prevState","useEffect","outsideClick","useCallback","event","focusChip","TAB","TAB_SHIFT","handleOnFocus","handleOnChange","getValidationRules","isValid","label","name","ValidationTemplate","jsxs","Fragment","jsx","OptionsMenu","React","PropTypes","CHIP_OPTIONS","ChipForm$1"],"mappings":"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"}

package/dist/components/CopyToClipboard/CopyToClipboard.d.ts

@@ -0,0 +1,18 @@
+export default CopyToClipboard;
+declare function CopyToClipboard({ children, className, disabled, textToCopy, tooltipText }: {
+    children?: any;
+    className?: string;
+    disabled?: boolean;
+    textToCopy?: string;
+    tooltipText: any;
+}): import("react").JSX.Element;
+declare namespace CopyToClipboard {
+    namespace propTypes {
+        let children: any;
+        let className: any;
+        let disabled: any;
+        let textToCopy: any;
+        let tooltipText: any;
+    }
+}
+//# sourceMappingURL=CopyToClipboard.d.ts.map

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

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

package/dist/components/CopyToClipboard/CopyToClipboard.mjs

@@ -0,0 +1,51 @@
+import { jsx as r } from "react/jsx-runtime";
+import o from "prop-types";
+import { useMemo as n } from "react";
+import { useDispatch as f } from "react-redux";
+import u from "../RoundedIcon/RoundedIcon.mjs";
+import b from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import h from "../Tooltip/Tooltip.mjs";
+import { setNotification as y } from "../../reducers/notificationReducer.mjs";
+import { showErrorNotification as T } from "../../utils/notification.util.mjs";
+import g from "../../images/copy-to-clipboard-icon.svg.mjs";
+const C = ({
+  children: i = null,
+  className: c = "",
+  disabled: e = !1,
+  textToCopy: t = "",
+  tooltipText: p
+}) => {
+  const s = f(), l = n(() => e || !t, [e, t]), a = (m) => {
+    navigator.clipboard.writeText(m).then(() => {
+      s(
+        y({
+          status: 200,
+          id: Math.random(),
+          message: "Copied to clipboard successfully"
+        })
+      );
+    }).catch((d) => {
+      T(s, d, "", "Copy to clipboard failed");
+    });
+  };
+  return /* @__PURE__ */ r("div", { className: c, "data-testid": "copy-to-clipboard", children: i ? /* @__PURE__ */ r(h, { template: /* @__PURE__ */ r(b, { text: p }), textShow: !0, children: /* @__PURE__ */ r("span", { onClick: () => a(t), children: i }) }) : /* @__PURE__ */ r(
+    u,
+    {
+      tooltipText: p,
+      onClick: () => a(t),
+      disabled: l,
+      children: /* @__PURE__ */ r(g, {})
+    }
+  ) });
+};
+C.propTypes = {
+  children: o.oneOfType([o.string, o.array]),
+  className: o.string,
+  disabled: o.bool,
+  textToCopy: o.string,
+  tooltipText: o.string.isRequired
+};
+export {
+  C as default
+};
+//# sourceMappingURL=CopyToClipboard.mjs.map

package/dist/components/CopyToClipboard/CopyToClipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyToClipboard.mjs","sources":["../../../src/lib/components/CopyToClipboard/CopyToClipboard.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 PropTypes from 'prop-types'\nimport { useMemo } from 'react'\nimport { useDispatch } from 'react-redux'\n\nimport RoundedIcon from '../RoundedIcon/RoundedIcon'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { setNotification } from '../../reducers/notificationReducer'\nimport { showErrorNotification } from '../../utils/notification.util'\n\nimport Copy from '../../images/copy-to-clipboard-icon.svg?react'\n\nconst CopyToClipboard = ({\n  children = null,\n  className = '',\n  disabled = false,\n  textToCopy = '',\n  tooltipText\n}) => {\n  const dispatch = useDispatch()\n  const copyIsDisabled = useMemo(() => disabled || !textToCopy, [disabled, textToCopy])\n\n  const copyToClipboard = textToCopy => {\n    navigator.clipboard\n      .writeText(textToCopy)\n      .then(() => {\n        dispatch(\n          setNotification({\n            status: 200,\n            id: Math.random(),\n            message: 'Copied to clipboard successfully'\n          })\n        )\n      })\n      .catch(error => {\n        showErrorNotification(dispatch, error, '', 'Copy to clipboard failed')\n      })\n  }\n\n  return (\n    <div className={className} data-testid=\"copy-to-clipboard\">\n      {children ? (\n        <Tooltip template={<TextTooltipTemplate text={tooltipText} />} textShow>\n          <span onClick={() => copyToClipboard(textToCopy)}>{children}</span>\n        </Tooltip>\n      ) : (\n        <RoundedIcon\n          tooltipText={tooltipText}\n          onClick={() => copyToClipboard(textToCopy)}\n          disabled={copyIsDisabled}\n        >\n          <Copy />\n        </RoundedIcon>\n      )}\n    </div>\n  )\n}\n\nCopyToClipboard.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  textToCopy: PropTypes.string,\n  tooltipText: PropTypes.string.isRequired\n}\n\nexport default CopyToClipboard\n"],"names":["CopyToClipboard","children","className","disabled","textToCopy","tooltipText","dispatch","useDispatch","copyIsDisabled","useMemo","copyToClipboard","setNotification","error","showErrorNotification","jsx","Tooltip","TextTooltipTemplate","RoundedIcon","Copy","PropTypes"],"mappings":";;;;;;;;;;AAgCA,MAAMA,IAAkB,CAAC;AAAA,EACvB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,aAAAC;AACF,MAAM;AACJ,QAAMC,IAAWC,EAAY,GACvBC,IAAiBC,EAAQ,MAAMN,KAAY,CAACC,GAAY,CAACD,GAAUC,CAAU,CAAC,GAE9EM,IAAkB,CAAAN,MAAc;AACpC,cAAU,UACP,UAAUA,CAAU,EACpB,KAAK,MAAM;AACV,MAAAE;AAAA,QACEK,EAAgB;AAAA,UACd,QAAQ;AAAA,UACR,IAAI,KAAK,OAAO;AAAA,UAChB,SAAS;AAAA,QACV,CAAA;AAAA,MACH;AAAA,IAAA,CACD,EACA,MAAM,CAASC,MAAA;AACQ,MAAAC,EAAAP,GAAUM,GAAO,IAAI,0BAA0B;AAAA,IAAA,CACtE;AAAA,EACL;AAGE,SAAA,gBAAAE,EAAC,OAAI,EAAA,WAAAZ,GAAsB,eAAY,qBACpC,cACE,gBAAAY,EAAAC,GAAA,EAAQ,UAAU,gBAAAD,EAACE,GAAoB,EAAA,MAAMX,EAAa,CAAA,GAAI,UAAQ,IACrE,UAAA,gBAAAS,EAAC,QAAK,EAAA,SAAS,MAAMJ,EAAgBN,CAAU,GAAI,UAAAH,EAAS,CAAA,EAAA,CAC9D,IAEA,gBAAAa;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,aAAAZ;AAAA,MACA,SAAS,MAAMK,EAAgBN,CAAU;AAAA,MACzC,UAAUI;AAAA,MAEV,4BAACU,GAAK,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA,GAGZ;AAEJ;AAEAlB,EAAgB,YAAY;AAAA,EAC1B,UAAUmB,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,KAAK,CAAC;AAAA,EACjE,WAAWA,EAAU;AAAA,EACrB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AAAA,EACtB,aAAaA,EAAU,OAAO;AAChC;"}

package/dist/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,12 @@
+export default ErrorMessage;
+declare function ErrorMessage({ closeError, message }: {
+    closeError?: any;
+    message: any;
+}): JSX.Element;
+declare namespace ErrorMessage {
+    namespace propTypes {
+        let closeError: any;
+        let message: any;
+    }
+}
+//# sourceMappingURL=ErrorMessage.d.ts.map

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

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

package/dist/components/ErrorMessage/ErrorMessage.mjs

@@ -0,0 +1,23 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "react";
+import s from "prop-types";
+import i from "../Tooltip/Tooltip.mjs";
+import m from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import a from "../../images/unsuccess_alert.svg.mjs";
+import l from "../../images/close.svg.mjs";
+/* empty css                   */
+const p = ({ closeError: e = null, message: t }) => /* @__PURE__ */ o("div", { "data-testid": "error-message", className: "error", children: [
+  /* @__PURE__ */ o("div", { className: "error__data", children: [
+    /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(a, { className: "error__icon" }) }),
+    /* @__PURE__ */ r("div", { className: "error__message", children: t })
+  ] }),
+  e && /* @__PURE__ */ r("button", { "data-testid": "close", onClick: e, children: /* @__PURE__ */ r(i, { template: /* @__PURE__ */ r(m, { text: "Close" }), children: /* @__PURE__ */ r(l, {}) }) })
+] });
+p.propTypes = {
+  closeError: s.func,
+  message: s.string.isRequired
+};
+export {
+  p as default
+};
+//# sourceMappingURL=ErrorMessage.mjs.map

package/dist/components/ErrorMessage/ErrorMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.mjs","sources":["../../../src/lib/components/ErrorMessage/ErrorMessage.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 from 'react'\nimport PropTypes from 'prop-types'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport UnsuccessAlert from '../../images/unsuccess_alert.svg?react'\nimport Close from '../../images/close.svg?react'\n\nimport './errorMessage.scss'\n\nconst ErrorMessage = ({ closeError = null, message }) => {\n  return (\n    <div data-testid=\"error-message\" className=\"error\">\n      <div className=\"error__data\">\n        <div>\n          <UnsuccessAlert className=\"error__icon\" />\n        </div>\n        <div className=\"error__message\">{message}</div>\n      </div>\n      {closeError && (\n        <button data-testid=\"close\" onClick={closeError}>\n          <Tooltip template={<TextTooltipTemplate text=\"Close\" />}>\n            <Close />\n          </Tooltip>\n        </button>\n      )}\n    </div>\n  )\n}\n\nErrorMessage.propTypes = {\n  closeError: PropTypes.func,\n  message: PropTypes.string.isRequired\n}\n\nexport default ErrorMessage\n"],"names":["ErrorMessage","closeError","message","jsxs","jsx","UnsuccessAlert","Tooltip","TextTooltipTemplate","Close","PropTypes"],"mappings":";;;;;;;;AA8BA,MAAMA,IAAe,CAAC,EAAE,YAAAC,IAAa,MAAM,SAAAC,QAEtC,gBAAAC,EAAA,OAAA,EAAI,eAAY,iBAAgB,WAAU,SACzC,UAAA;AAAA,EAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OACC,EAAA,UAAA,gBAAAA,EAACC,GAAe,EAAA,WAAU,cAAc,CAAA,GAC1C;AAAA,IACC,gBAAAD,EAAA,OAAA,EAAI,WAAU,kBAAkB,UAAQF,EAAA,CAAA;AAAA,EAAA,GAC3C;AAAA,EACCD,KACE,gBAAAG,EAAA,UAAA,EAAO,eAAY,SAAQ,SAASH,GACnC,UAAC,gBAAAG,EAAAE,GAAA,EAAQ,UAAU,gBAAAF,EAACG,KAAoB,MAAK,QAAQ,CAAA,GACnD,UAAC,gBAAAH,EAAAI,GAAA,CAAM,CAAA,EACT,CAAA,EACF,CAAA;AAAA,GAEJ;AAIJR,EAAa,YAAY;AAAA,EACvB,YAAYS,EAAU;AAAA,EACtB,SAASA,EAAU,OAAO;AAC5B;"}

package/dist/components/FormChipCell/FormChip/FormChip.mjs

@@ -1,15 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import j, { useLayoutEffect as E, forwardRef as N } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import v, { useLayoutEffect as F, forwardRef as T } from "react";
 import e from "prop-types";
-import v from "../NewChipForm/NewChipForm.mjs";
-import { CHIP_OPTIONS as F } from "../../../types.mjs";
+import k from "../NewChipForm/NewChipForm.mjs";
+import { CHIP_OPTIONS as w } from "../../../types.mjs";
 /* empty css               */
 let i = ({
-  chip: a,
+  chip: f,
   chipIndex: r,
-  chipSizeIsRecalculated: d,
-  setChipSizeIsRecalculated: l,
-  chipOptions: p = {
+  chipSizeIsRecalculated: n,
+  setChipSizeIsRecalculated: c,
+  chipOptions: m = {
     background: "purple",
     boldValue: !1,
     borderRadius: "primary",
@@ -17,53 +17,56 @@ let i = ({
     density: "dense",
     font: "purple"
   },
-  editConfig: f,
-  handleEditChip: c,
-  handleRemoveChip: m,
-  handleToEditMode: R,
-  isEditable: b = !1,
-  keyName: n = "",
-  meta: h,
-  setChipsSizes: o,
-  setEditConfig: C,
-  validationRules: q = {},
-  valueName: g = ""
-}, y) => {
-  const t = j.useRef();
-  return E(() => {
-    t.current && o && d && o((u) => ({
-      ...u,
-      [r]: t.current.getBoundingClientRect().width
-    }));
-  }, [r, d, o]), /* @__PURE__ */ s("div", { onClick: (u) => R(u, r, n), ref: t, children: /* @__PURE__ */ s(
-    v,
+  editConfig: R,
+  handleEditChip: b,
+  handleRemoveChip: h,
+  handleToEditMode: C,
+  isEditable: q = !1,
+  keyName: s = "",
+  meta: g,
+  setChipsSizes: t,
+  setEditConfig: y,
+  validationRules: j = {},
+  valueName: E = ""
+}, N) => {
+  const u = v.useRef();
+  return F(() => {
+    u.current && t && n && t((d) => {
+      var o, a, l;
+      return {
+        ...d,
+        [r]: ((l = (a = (o = u.current) == null ? void 0 : o.getBoundingClientRect) == null ? void 0 : a.call(o)) == null ? void 0 : l.width) ?? 50
+      };
+    });
+  }, [r, n, t]), /* @__PURE__ */ p("div", { onClick: (d) => C(d, r, s), ref: u, children: /* @__PURE__ */ p(
+    k,
     {
-      chip: a,
+      chip: f,
       chipIndex: r,
-      chipOptions: p,
+      chipOptions: m,
       className: "input-label-key",
-      editConfig: f,
-      handleRemoveChip: m,
-      isEditable: b,
-      keyName: n,
-      meta: h,
-      onChange: c,
-      ref: y,
-      setChipSizeIsRecalculated: l,
-      setEditConfig: C,
-      validationRules: q,
-      valueName: g
+      editConfig: R,
+      handleRemoveChip: h,
+      isEditable: q,
+      keyName: s,
+      meta: g,
+      onChange: b,
+      ref: N,
+      setChipSizeIsRecalculated: c,
+      setEditConfig: y,
+      validationRules: j,
+      valueName: E
     }
   ) });
 };
-i = N(i);
+i = T(i);
 i.displayName = "FormChip";
 i.propTypes = {
   chip: e.object.isRequired,
   chipSizeIsRecalculated: e.bool.isRequired,
   setChipSizeIsRecalculated: e.func.isRequired,
   chipIndex: e.number.isRequired,
-  chipOptions: F,
+  chipOptions: w,
   editConfig: e.object.isRequired,
   handleEditChip: e.func.isRequired,
   handleRemoveChip: e.func.isRequired,
@@ -76,8 +79,8 @@ i.propTypes = {
   validationRules: e.object,
   valueName: e.string
 };
-const B = i;
+const L = i;
 export {
-  B as default
+  L as default
 };
 //# sourceMappingURL=FormChip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormChip.mjs","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.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, { useLayoutEffect, forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport NewChipForm from '../NewChipForm/NewChipForm'\n\nimport { CHIP_OPTIONS } from '../../../types'\n\nimport './formChip.scss'\n\nlet FormChip = (\n  {\n    chip,\n    chipIndex,\n    chipSizeIsRecalculated,\n    setChipSizeIsRecalculated,\n    chipOptions = {\n      background: 'purple',\n      boldValue: false,\n      borderRadius: 'primary',\n      borderColor: 'transparent',\n      density: 'dense',\n      font: 'purple'\n    },\n    editConfig,\n    handleEditChip,\n    handleRemoveChip,\n    handleToEditMode,\n    isEditable = false,\n    keyName = '',\n    meta,\n    setChipsSizes,\n    setEditConfig,\n    validationRules = {},\n    valueName = ''\n  },\n  ref\n) => {\n  const chipRef = React.useRef()\n  useLayoutEffect(() => {\n    if (chipRef.current && setChipsSizes && chipSizeIsRecalculated) {\n      setChipsSizes(state => ({\n        ...state,\n        [chipIndex]: chipRef.current.getBoundingClientRect().width\n      }))\n    }\n  }, [chipIndex, chipSizeIsRecalculated, setChipsSizes])\n\n  return (\n    <div onClick={event => handleToEditMode(event, chipIndex, keyName)} ref={chipRef}>\n      <NewChipForm\n        chip={chip}\n        chipIndex={chipIndex}\n        chipOptions={chipOptions}\n        className=\"input-label-key\"\n        editConfig={editConfig}\n        handleRemoveChip={handleRemoveChip}\n        isEditable={isEditable}\n        keyName={keyName}\n        meta={meta}\n        onChange={handleEditChip}\n        ref={ref}\n        setChipSizeIsRecalculated={setChipSizeIsRecalculated}\n        setEditConfig={setEditConfig}\n        validationRules={validationRules}\n        valueName={valueName}\n      />\n    </div>\n  )\n}\n\nFormChip = forwardRef(FormChip)\n\nFormChip.displayName = 'FormChip'\n\nFormChip.propTypes = {\n  chip: PropTypes.object.isRequired,\n  chipSizeIsRecalculated: PropTypes.bool.isRequired,\n  setChipSizeIsRecalculated: PropTypes.func.isRequired,\n  chipIndex: PropTypes.number.isRequired,\n  chipOptions: CHIP_OPTIONS,\n  editConfig: PropTypes.object.isRequired,\n  handleEditChip: PropTypes.func.isRequired,\n  handleRemoveChip: PropTypes.func.isRequired,\n  handleToEditMode: PropTypes.func.isRequired,\n  isEditable: PropTypes.bool,\n  keyName: PropTypes.string,\n  meta: PropTypes.object.isRequired,\n  setChipsSizes: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.object,\n  valueName: PropTypes.string\n}\n\nexport default FormChip\n"],"names":["FormChip","chip","chipIndex","chipSizeIsRecalculated","setChipSizeIsRecalculated","chipOptions","editConfig","handleEditChip","handleRemoveChip","handleToEditMode","isEditable","keyName","meta","setChipsSizes","setEditConfig","validationRules","valueName","ref","chipRef","React","useLayoutEffect","state","jsx","event","NewChipForm","forwardRef","PropTypes","CHIP_OPTIONS","FormChip$1"],"mappings":";;;;;;AAyBA,IAAIA,IAAW,CACb;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC;AAAA,EACnB,WAAAC,IAAY;AACd,GACAC,MACG;AACG,QAAAC,IAAUC,EAAM,OAAO;AAC7B,SAAAC,EAAgB,MAAM;AAChB,IAAAF,EAAQ,WAAWL,KAAiBV,KACtCU,EAAc,CAAUQ,OAAA;AAAA,MACtB,GAAGA;AAAA,MACH,CAACnB,CAAS,GAAGgB,EAAQ,QAAQ,wBAAwB;AAAA,IAAA,EACrD;AAAA,EAEH,GAAA,CAAChB,GAAWC,GAAwBU,CAAa,CAAC,GAGnD,gBAAAS,EAAC,OAAI,EAAA,SAAS,CAASC,MAAAd,EAAiBc,GAAOrB,GAAWS,CAAO,GAAG,KAAKO,GACvE,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAAvB;AAAA,MACA,WAAAC;AAAA,MACA,aAAAG;AAAA,MACA,WAAU;AAAA,MACV,YAAAC;AAAA,MACA,kBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAUL;AAAA,MACV,KAAAU;AAAA,MACA,2BAAAb;AAAA,MACA,eAAAU;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhB,IAAWyB,EAAWzB,CAAQ;AAE9BA,EAAS,cAAc;AAEvBA,EAAS,YAAY;AAAA,EACnB,MAAM0B,EAAU,OAAO;AAAA,EACvB,wBAAwBA,EAAU,KAAK;AAAA,EACvC,2BAA2BA,EAAU,KAAK;AAAA,EAC1C,WAAWA,EAAU,OAAO;AAAA,EAC5B,aAAaC;AAAA,EACb,YAAYD,EAAU,OAAO;AAAA,EAC7B,gBAAgBA,EAAU,KAAK;AAAA,EAC/B,kBAAkBA,EAAU,KAAK;AAAA,EACjC,kBAAkBA,EAAU,KAAK;AAAA,EACjC,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,MAAMA,EAAU,OAAO;AAAA,EACvB,eAAeA,EAAU,KAAK;AAAA,EAC9B,eAAeA,EAAU,KAAK;AAAA,EAC9B,iBAAiBA,EAAU;AAAA,EAC3B,WAAWA,EAAU;AACvB;AAEA,MAAAE,IAAe5B;"}
+{"version":3,"file":"FormChip.mjs","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.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, { useLayoutEffect, forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport NewChipForm from '../NewChipForm/NewChipForm'\n\nimport { CHIP_OPTIONS } from '../../../types'\n\nimport './formChip.scss'\n\nlet FormChip = (\n  {\n    chip,\n    chipIndex,\n    chipSizeIsRecalculated,\n    setChipSizeIsRecalculated,\n    chipOptions = {\n      background: 'purple',\n      boldValue: false,\n      borderRadius: 'primary',\n      borderColor: 'transparent',\n      density: 'dense',\n      font: 'purple'\n    },\n    editConfig,\n    handleEditChip,\n    handleRemoveChip,\n    handleToEditMode,\n    isEditable = false,\n    keyName = '',\n    meta,\n    setChipsSizes,\n    setEditConfig,\n    validationRules = {},\n    valueName = ''\n  },\n  ref\n) => {\n  const chipRef = React.useRef()\n  useLayoutEffect(() => {\n    if (chipRef.current && setChipsSizes && chipSizeIsRecalculated) {\n      setChipsSizes(state => ({\n        ...state,\n        [chipIndex]: chipRef.current?.getBoundingClientRect?.()?.width ?? 50\n      }))\n    }\n  }, [chipIndex, chipSizeIsRecalculated, setChipsSizes])\n\n  return (\n    <div onClick={event => handleToEditMode(event, chipIndex, keyName)} ref={chipRef}>\n      <NewChipForm\n        chip={chip}\n        chipIndex={chipIndex}\n        chipOptions={chipOptions}\n        className=\"input-label-key\"\n        editConfig={editConfig}\n        handleRemoveChip={handleRemoveChip}\n        isEditable={isEditable}\n        keyName={keyName}\n        meta={meta}\n        onChange={handleEditChip}\n        ref={ref}\n        setChipSizeIsRecalculated={setChipSizeIsRecalculated}\n        setEditConfig={setEditConfig}\n        validationRules={validationRules}\n        valueName={valueName}\n      />\n    </div>\n  )\n}\n\nFormChip = forwardRef(FormChip)\n\nFormChip.displayName = 'FormChip'\n\nFormChip.propTypes = {\n  chip: PropTypes.object.isRequired,\n  chipSizeIsRecalculated: PropTypes.bool.isRequired,\n  setChipSizeIsRecalculated: PropTypes.func.isRequired,\n  chipIndex: PropTypes.number.isRequired,\n  chipOptions: CHIP_OPTIONS,\n  editConfig: PropTypes.object.isRequired,\n  handleEditChip: PropTypes.func.isRequired,\n  handleRemoveChip: PropTypes.func.isRequired,\n  handleToEditMode: PropTypes.func.isRequired,\n  isEditable: PropTypes.bool,\n  keyName: PropTypes.string,\n  meta: PropTypes.object.isRequired,\n  setChipsSizes: PropTypes.func.isRequired,\n  setEditConfig: PropTypes.func.isRequired,\n  validationRules: PropTypes.object,\n  valueName: PropTypes.string\n}\n\nexport default FormChip\n"],"names":["FormChip","chip","chipIndex","chipSizeIsRecalculated","setChipSizeIsRecalculated","chipOptions","editConfig","handleEditChip","handleRemoveChip","handleToEditMode","isEditable","keyName","meta","setChipsSizes","setEditConfig","validationRules","valueName","ref","chipRef","React","useLayoutEffect","state","_c","_b","_a","jsx","event","NewChipForm","forwardRef","PropTypes","CHIP_OPTIONS","FormChip$1"],"mappings":";;;;;;AAyBA,IAAIA,IAAW,CACb;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC;AAAA,EACnB,WAAAC,IAAY;AACd,GACAC,MACG;AACG,QAAAC,IAAUC,EAAM,OAAO;AAC7B,SAAAC,EAAgB,MAAM;AAChB,IAAAF,EAAQ,WAAWL,KAAiBV,KACtCU,EAAc,CAAUQ,MAAA;;AAAA;AAAA,QACtB,GAAGA;AAAA,QACH,CAACnB,CAAS,KAAGoB,KAAAC,KAAAC,IAAAN,EAAQ,YAAR,gBAAAM,EAAiB,0BAAjB,gBAAAD,EAAA,KAAAC,OAAA,gBAAAF,EAA4C,UAAS;AAAA,MAAA;AAAA,KAClE;AAAA,EAEH,GAAA,CAACpB,GAAWC,GAAwBU,CAAa,CAAC,GAGnD,gBAAAY,EAAC,OAAI,EAAA,SAAS,CAASC,MAAAjB,EAAiBiB,GAAOxB,GAAWS,CAAO,GAAG,KAAKO,GACvE,UAAA,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,WAAAC;AAAA,MACA,aAAAG;AAAA,MACA,WAAU;AAAA,MACV,YAAAC;AAAA,MACA,kBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAUL;AAAA,MACV,KAAAU;AAAA,MACA,2BAAAb;AAAA,MACA,eAAAU;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhB,IAAW4B,EAAW5B,CAAQ;AAE9BA,EAAS,cAAc;AAEvBA,EAAS,YAAY;AAAA,EACnB,MAAM6B,EAAU,OAAO;AAAA,EACvB,wBAAwBA,EAAU,KAAK;AAAA,EACvC,2BAA2BA,EAAU,KAAK;AAAA,EAC1C,WAAWA,EAAU,OAAO;AAAA,EAC5B,aAAaC;AAAA,EACb,YAAYD,EAAU,OAAO;AAAA,EAC7B,gBAAgBA,EAAU,KAAK;AAAA,EAC/B,kBAAkBA,EAAU,KAAK;AAAA,EACjC,kBAAkBA,EAAU,KAAK;AAAA,EACjC,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,MAAMA,EAAU,OAAO;AAAA,EACvB,eAAeA,EAAU,KAAK;AAAA,EAC9B,eAAeA,EAAU,KAAK;AAAA,EAC9B,iBAAiBA,EAAU;AAAA,EAC3B,WAAWA,EAAU;AACvB;AAEA,MAAAE,IAAe/B;"}

package/dist/components/FormChipCell/FormChipCellView.mjs

@@ -1,17 +1,17 @@
-import { jsx as i, jsxs as m, Fragment as K } from "react/jsx-runtime";
-import { forwardRef as M } from "react";
+import { jsx as i, jsxs as m, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as G } from "react";
 import r from "prop-types";
 import p from "classnames";
-import { FieldArray as G } from "react-final-form-arrays";
-import { isEmpty as J } from "lodash";
-import L from "./FormChip/FormChip.mjs";
-import Q from "./HiddenChipsBlock/HiddenChipsBlock.mjs";
-import U from "../TooltipTemplate/TextTooltipTemplate.mjs";
-import W from "../Tooltip/Tooltip.mjs";
-import { CHIP_OPTIONS as X } from "../../types.mjs";
-import { isEveryObjectValueEmpty as Y } from "../../utils/common.util.mjs";
-import { uniquenessError as v } from "./formChipCell.util.mjs";
-import Z from "../../images/add.svg.mjs";
+import { FieldArray as J } from "react-final-form-arrays";
+import { isEmpty as L } from "lodash";
+import Q from "./FormChip/FormChip.mjs";
+import U from "./HiddenChipsBlock/HiddenChipsBlock.mjs";
+import W from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import X from "../Tooltip/Tooltip.mjs";
+import { CHIP_OPTIONS as Y } from "../../types.mjs";
+import { isEveryObjectValueEmpty as Z } from "../../utils/common.util.mjs";
+import { uniquenessError as g } from "./formChipCell.util.mjs";
+import O from "../../images/add.svg2.mjs";
 let n = ({
   chipOptions: e = {
     background: "purple",
@@ -23,66 +23,67 @@ let n = ({
   },
   chipSizeIsRecalculated: b,
   setChipSizeIsRecalculated: $,
-  chips: a,
+  chips: o,
   editConfig: f,
-  handleAddNewChip: g,
-  handleEditChip: w,
-  handleRemoveChip: T,
+  handleAddNewChip: w,
+  handleEditChip: T,
+  handleRemoveChip: j,
   handleShowElements: C,
-  handleToEditMode: j,
-  isEditable: o = !1,
+  handleToEditMode: x,
+  isEditable: t = !1,
   name: _,
-  setChipsSizes: x,
-  setEditConfig: F,
-  shortChips: V = !1,
-  showChips: E,
-  showHiddenChips: S,
-  validateFields: A,
+  setChipsSizes: F,
+  setEditConfig: V,
+  shortChips: E = !1,
+  showChips: S,
+  showHiddenChips: A,
+  validateFields: H,
   validationRules: s = {}
-}, { chipsCellRef: y, chipsWrapperRef: H, hiddenChipsCounterRef: N, hiddenChipsPopUpRef: I }) => {
-  const P = p(
+}, { chipsCellRef: y, chipsWrapperRef: I, hiddenChipsCounterRef: N, hiddenChipsPopUpRef: P }) => {
+  var k;
+  const z = p(
     "button-add",
     e.background && `button-add-background_${e.background}`,
     e.borderColor && `button-add-border_${e.borderColor}`,
     e.font && `button-add-font_${e.font}`,
     e.density && `button-add-density_${e.density}`
-  ), z = p(
+  ), B = p(
     "chips-wrapper",
-    o && "fixed-max-width",
-    !b && "chip_invisible"
+    t && "fixed-max-width",
+    ((k = o.visibleChips) == null ? void 0 : k.length) > 0 && !b && "chip_invisible"
   ), R = p(
     "chip",
     "chip__content",
-    o && "data-ellipsis",
-    V && "chip_short",
-    a.hiddenChips && "chip_hidden",
+    t && "data-ellipsis",
+    E && "chip_short",
+    o.hiddenChips && "chip_hidden",
     e.density && `chip-density_${e.density}`,
     e.borderRadius && `chip-border_${e.borderRadius}`,
     e.background && `chip-background_${e.background}`,
     e.borderColor && `chip-border_${e.borderColor}`,
     e.font && `chip-font_${e.font}`,
-    o && "editable",
-    (E || o) && "chip_visible"
+    t && "editable",
+    (S || t) && "chip_visible"
   );
-  return /* @__PURE__ */ i(G, { name: _, validate: A, children: ({ fields: t, meta: B }) => {
-    let k = { ...s };
-    return !J(s) && s.key.every((l) => l.name !== v.name) && (k = {
+  return /* @__PURE__ */ i(J, { name: _, validate: H, children: ({ fields: a, meta: D }) => {
+    let v = { ...s };
+    return !L(s) && s.key.every((l) => l.name !== g.name) && (v = {
       ...s,
-      key: [...s.key, v]
-    }), (o || !Y(t)) && /* @__PURE__ */ i("div", { className: "chips-cell", ref: y, children: /* @__PURE__ */ m("div", { className: z, ref: H, children: [
-      t.map((l, c) => {
+      key: [...s.key, g]
+    }), (t || !Z(a)) && /* @__PURE__ */ i("div", { className: "chips-cell", ref: y, children: /* @__PURE__ */ m("div", { className: B, ref: I, children: [
+      a.map((l, c) => {
         var q;
-        const d = t.value[c];
-        return c < ((q = a.visibleChips) == null ? void 0 : q.length) && /* @__PURE__ */ i("div", { className: "chip-block", children: /* @__PURE__ */ i(
-          W,
+        const d = a.value[c];
+        return c < ((q = o.visibleChips) == null ? void 0 : q.length) && /* @__PURE__ */ i("div", { className: "chip-block", children: /* @__PURE__ */ i(
+          X,
           {
             hidden: f.isEdit && !d.tooltip,
             template: /* @__PURE__ */ i(
-              U,
+              W,
               {
                 text: d.tooltip || /* @__PURE__ */ m("span", { className: "chip__content", children: [
                   /* @__PURE__ */ i("span", { className: "chip__content-item", children: d.key }),
-                  !d.isKeyOnly && /* @__PURE__ */ m(K, { children: [
+                  !d.isKeyOnly && /* @__PURE__ */ m(M, { children: [
                     /* @__PURE__ */ i("span", { className: "chip__delimiter", children: d.delimiter ? d.delimiter : ":" }),
                     /* @__PURE__ */ i("span", { className: "chip__content-item", children: d.value })
                   ] })
@@ -90,7 +91,7 @@ let n = ({
               }
             ),
             children: /* @__PURE__ */ i(
-              L,
+              Q,
               {
                 chip: d,
                 chipSizeIsRecalculated: b,
@@ -98,16 +99,16 @@ let n = ({
                 chipIndex: c,
                 chipOptions: e,
                 editConfig: f,
-                handleEditChip: (u, h, D) => w(u, t, h, D),
-                handleRemoveChip: (u, h) => T(u, t, h),
-                handleToEditMode: j,
-                isEditable: o,
+                handleEditChip: (u, h, K) => T(u, a, h, K),
+                handleRemoveChip: (u, h) => j(u, a, h),
+                handleToEditMode: x,
+                isEditable: t,
                 keyName: `${l}.key`,
-                meta: B,
+                meta: D,
                 ref: y,
-                setChipsSizes: x,
-                setEditConfig: F,
-                validationRules: k,
+                setChipsSizes: F,
+                setEditConfig: V,
+                validationRules: v,
                 valueName: `${l}.value`
               }
             )
@@ -116,43 +117,43 @@ let n = ({
         ) }, d.id);
       }),
       /* @__PURE__ */ m("div", { className: "chip-block", children: [
-        a.hiddenChips.length > 0 && S && /* @__PURE__ */ i(
-          Q,
+        o.hiddenChips.length > 0 && A && /* @__PURE__ */ i(
+          U,
           {
             chipClassNames: R,
             chipOptions: e,
-            chips: a.hiddenChips,
+            chips: o.hiddenChips,
             handleShowElements: C,
-            ref: { hiddenChipsCounterRef: N, hiddenChipsPopUpRef: I },
+            ref: { hiddenChipsCounterRef: N, hiddenChipsPopUpRef: P },
             textOverflowEllipsis: !0
           }
         ),
-        a.hiddenChipsNumber && /* @__PURE__ */ i(
+        o.hiddenChipsNumber && /* @__PURE__ */ i(
           "span",
           {
             ref: N,
             className: `${R} chips_button`,
             onClick: C,
-            children: a.hiddenChipsNumber
+            children: o.hiddenChipsNumber
           }
         )
       ] }),
-      o && /* @__PURE__ */ i(
+      t && /* @__PURE__ */ i(
         "button",
         {
           "data-testid": `${_}-add-chip`,
-          className: P,
-          onClick: (l) => g(l, t),
-          children: /* @__PURE__ */ i(Z, {})
+          className: z,
+          onClick: (l) => w(l, a),
+          children: /* @__PURE__ */ i(O, {})
         }
       )
     ] }) });
   } });
 };
-n = M(n);
+n = G(n);
 n.displayName = "FormChipCellView";
 n.propTypes = {
-  chipOptions: X,
+  chipOptions: Y,
   chipSizeIsRecalculated: r.bool.isRequired,
   setChipSizeIsRecalculated: r.func.isRequired,
   chips: r.object.isRequired,
@@ -173,8 +174,8 @@ n.propTypes = {
   validateFields: r.func.isRequired,
   validationRules: r.object
 };
-const he = n;
+const pe = n;
 export {
-  he as default
+  pe as default
 };
 //# sourceMappingURL=FormChipCellView.mjs.map