iguazio.dashboard-react-controls 3.2.2 → 3.2.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyChips.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ReadOnlyChips/ReadOnlyChips.jsx"],"names":[],"mappings":";AAiCA;;;;;;;;;;;;gBAyBC;;;;;;;6BA7B4B,aAAa"}

package/dist/components/ReadOnlyChips/ReadOnlyChips.mjs

@@ -0,0 +1,41 @@
+import { jsx as t } from "react/jsx-runtime";
+import p from "react";
+import { Form as a } from "react-final-form";
+import { createForm as s } from "final-form";
+import l from "prop-types";
+import f from "final-form-arrays";
+import "../index.mjs";
+import { getChipOptions as n } from "../../utils/chips.util.mjs";
+import { setFieldState as u } from "../../utils/form.util.mjs";
+import { CHIP_OPTIONS as c } from "../../types.mjs";
+import d from "../FormChipCell/FormChipCell.mjs";
+const h = n("metrics"), C = ({ chipOptions: o = h, labels: i = [], ...e }) => {
+  const m = p.useRef(
+    s({
+      initialValues: { labels: i },
+      mutators: { ...f, setFieldState: u },
+      onSubmit: () => {
+      }
+    })
+  );
+  return /* @__PURE__ */ t(a, { form: m.current, onSubmit: () => {
+  }, children: (r) => /* @__PURE__ */ t(
+    d,
+    {
+      chipOptions: o,
+      formState: r,
+      isEditable: !1,
+      initialValues: r.initialValues,
+      name: "labels",
+      ...e
+    }
+  ) });
+};
+C.propTypes = {
+  chipOptions: c,
+  labels: l.array
+};
+export {
+  C as default
+};
+//# sourceMappingURL=ReadOnlyChips.mjs.map

package/dist/components/ReadOnlyChips/ReadOnlyChips.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyChips.mjs","sources":["../../../src/lib/components/ReadOnlyChips/ReadOnlyChips.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 { Form } from 'react-final-form'\nimport { createForm } from 'final-form'\nimport PropTypes from 'prop-types'\nimport arrayMutators from 'final-form-arrays'\n\nimport { FormChipCell } from '../index'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { setFieldState } from '../../utils/form.util'\nimport { CHIP_OPTIONS } from '../../types'\n\nconst defaultChipOptions = getChipOptions('metrics')\n\nconst ReadOnlyChips = ({ chipOptions = defaultChipOptions, labels = [], ...args }) => {\n  const formRef = React.useRef(\n    createForm({\n      initialValues: { labels: labels },\n      mutators: { ...arrayMutators, setFieldState },\n      onSubmit: () => {}\n    })\n  )\n\n  return (\n    <Form form={formRef.current} onSubmit={() => {}}>\n      {formState => {\n        return (\n          <FormChipCell\n            chipOptions={chipOptions}\n            formState={formState}\n            isEditable={false}\n            initialValues={formState.initialValues}\n            name=\"labels\"\n            {...args}\n          />\n        )\n      }}\n    </Form>\n  )\n}\n\nReadOnlyChips.propTypes = {\n  chipOptions: CHIP_OPTIONS,\n  labels: PropTypes.array\n}\n\nexport default ReadOnlyChips\n"],"names":["defaultChipOptions","getChipOptions","ReadOnlyChips","chipOptions","labels","args","formRef","React","createForm","arrayMutators","setFieldState","Form","formState","jsx","FormChipCell","CHIP_OPTIONS","PropTypes"],"mappings":";;;;;;;;;;;AA+BA,MAAMA,IAAqBC,EAAe,SAAS,GAE7CC,IAAgB,CAAC,EAAE,aAAAC,IAAcH,GAAoB,QAAAI,IAAS,CAAC,GAAG,GAAGC,QAAW;AACpF,QAAMC,IAAUC,EAAM;AAAA,IACpBC,EAAW;AAAA,MACT,eAAe,EAAE,QAAAJ,EAAe;AAAA,MAChC,UAAU,EAAE,GAAGK,GAAe,eAAAC,EAAc;AAAA,MAC5C,UAAU,MAAM;AAAA,MAAA;AAAA,IACjB,CAAA;AAAA,EACH;AAEA,2BACGC,GAAK,EAAA,MAAML,EAAQ,SAAS,UAAU,MAAM;AAAA,EAAA,GAC1C,UAAa,CAAAM,MAEV,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAX;AAAA,MACA,WAAAS;AAAA,MACA,YAAY;AAAA,MACZ,eAAeA,EAAU;AAAA,MACzB,MAAK;AAAA,MACJ,GAAGP;AAAA,IAAA;AAAA,EACN,GAGN;AAEJ;AAEAH,EAAc,YAAY;AAAA,EACxB,aAAaa;AAAA,EACb,QAAQC,EAAU;AACpB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";AAkCA;;;;;;;;;;;gBAyHC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";AAkCA;;;;;;;;;;;gBA6HC"}

package/dist/components/TableCell/TableCell.mjs

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import { jsx as s, jsxs as C } from "react/jsx-runtime";
 import { cloneElement as T } from "react";
-import s from "prop-types";
+import t from "prop-types";
 import c from "classnames";
-import j from "../ChipCell/ChipCell.mjs";
+import i from "../Tooltip/Tooltip.mjs";
+import j from "../ReadOnlyChips/ReadOnlyChips.mjs";
 import I from "../../elements/TableLinkCell/TableLinkCell.mjs";
 import O from "../../elements/TableTypeCell/TableTypeCell.mjs";
-import i from "../TooltipTemplate/TextTooltipTemplate.mjs";
-import p from "../Tooltip/Tooltip.mjs";
+import p from "../TooltipTemplate/TextTooltipTemplate.mjs";
 import { getChipOptions as A } from "../../utils/chips.util.mjs";
 import { truncateUid as L } from "../../utils/string.util.mjs";
 import _ from "../../images/arrow.svg.mjs";
@@ -19,11 +19,11 @@ const g = ({
   onClick: d = null,
   selectItem: y = () => {
   },
-  selectedItem: N = {},
+  selectedItem: b = {},
   showExpandButton: a = !1,
   toggleRow: u = null
 }) => {
-  const { value: b, label: f, className: v } = r.state ?? {}, o = c(
+  const { value: N, label: f, className: v } = r.state ?? {}, o = c(
     "table-body__cell",
     e.className,
     m,
@@ -32,7 +32,7 @@ const g = ({
   );
   return e.template ? T(e.template, {
     className: m
-  }) : l && e.type !== "hidden" ? /* @__PURE__ */ t(
+  }) : l && e.type !== "hidden" ? /* @__PURE__ */ s(
     I,
     {
       className: m,
@@ -40,7 +40,7 @@ const g = ({
       item: r,
       link: l,
       selectItem: y,
-      selectedItem: N,
+      selectedItem: b,
       showExpandButton: a,
       toggleRow: u
     }
@@ -50,36 +50,43 @@ const g = ({
       onClick: () => e.value && d && d(e.value),
       className: o,
       children: [
-        /* @__PURE__ */ t("div", { className: "data-ellipsis", children: e && /* @__PURE__ */ t(
-          p,
+        /* @__PURE__ */ s("div", { className: "data-ellipsis", children: e && /* @__PURE__ */ s(
+          i,
           {
-            template: /* @__PURE__ */ t(i, { text: e.tooltip || e.value || "" }),
+            template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
             children: e.value
           }
         ) }),
-        r.state && b && f && /* @__PURE__ */ t(p, { className: "status", template: /* @__PURE__ */ t(i, { text: f }), children: /* @__PURE__ */ t("i", { className: v }) }),
-        !r.state && r.status && /* @__PURE__ */ t(p, { className: "status", template: /* @__PURE__ */ t(i, { text: r.status }), children: /* @__PURE__ */ t("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
-        a && /* @__PURE__ */ t(_, { onClick: (n) => u && u(n, r), className: "expand-arrow" })
+        r.state && N && f && /* @__PURE__ */ s(i, { className: "status", template: /* @__PURE__ */ s(p, { text: f }), children: /* @__PURE__ */ s("i", { className: v }) }),
+        !r.state && r.status && /* @__PURE__ */ s(i, { className: "status", template: /* @__PURE__ */ s(p, { text: r.status }), children: /* @__PURE__ */ s("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
+        a && /* @__PURE__ */ s(_, { onClick: (n) => u && u(n, r), className: "expand-arrow" })
       ]
     }
-  ) : e.type === "type" ? /* @__PURE__ */ t(O, { className: m, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: e.value.map((n, x) => /* @__PURE__ */ t(
-    p,
+  ) : e.type === "type" ? /* @__PURE__ */ s(O, { className: m, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: e.value.map((n, x) => /* @__PURE__ */ s(
+    i,
     {
-      template: /* @__PURE__ */ t(i, { text: n.tooltip }),
+      template: /* @__PURE__ */ s(p, { text: n.tooltip }),
       children: n.icon
     },
     n.tooltip + x
-  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ t(j, { chipOptions: A(e.type), elements: e.value, tooltip: !0 }) }) : e.type === "hash" ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ t(p, { template: /* @__PURE__ */ t(i, { text: e.value }), children: /* @__PURE__ */ t("span", { children: L(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ t("td", { "data-testid": e.headerId, className: o, children: e.value }) : /* @__PURE__ */ t(
+  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(
+    j,
+    {
+      chipOptions: A(e.type),
+      labels: e.value,
+      shortChips: !0
+    }
+  ) }) : e.type === "hash" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(i, { template: /* @__PURE__ */ s(p, { text: e.value }), children: /* @__PURE__ */ s("span", { children: L(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: e.value }) : /* @__PURE__ */ s(
     "td",
     {
       "data-testid": e == null ? void 0 : e.headerId,
       className: o,
       onClick: () => e.value && d && d(e.value),
-      children: /* @__PURE__ */ t(
-        p,
+      children: /* @__PURE__ */ s(
+        i,
         {
           className: "text_small",
-          template: /* @__PURE__ */ t(i, { text: e.tooltip || e.value || "" }),
+          template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
           children: e.value
         }
       )
@@ -87,16 +94,16 @@ const g = ({
   );
 };
 g.propTypes = {
-  cellData: s.object.isRequired,
-  className: s.string,
-  firstCell: s.bool,
-  item: s.oneOfType([s.object, s.bool]),
-  link: s.oneOfType([s.string, s.bool]),
-  onClick: s.func,
-  selectItem: s.func,
-  selectedItem: s.object,
-  showExpandButton: s.bool,
-  toggleRow: s.func
+  cellData: t.object.isRequired,
+  className: t.string,
+  firstCell: t.bool,
+  item: t.oneOfType([t.object, t.bool]),
+  link: t.oneOfType([t.string, t.bool]),
+  onClick: t.func,
+  selectItem: t.func,
+  selectedItem: t.object,
+  showExpandButton: t.bool,
+  toggleRow: t.func
 };
 export {
   g as default

package/dist/components/TableCell/TableCell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.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, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport ChipCell from '../ChipCell/ChipCell'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ChipCell chipOptions={getChipOptions(cellData.type)} elements={cellData.value} tooltip />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ChipCell","getChipOptions","PropTypes"],"mappings":"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"}
+{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.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, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport ReadOnlyChips from '../ReadOnlyChips/ReadOnlyChips'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ReadOnlyChips\n          chipOptions={getChipOptions(cellData.type)}\n          labels={cellData.value}\n          shortChips\n        />\n      </td>\n    )\n  } else if (cellData.type === 'hash') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <Tooltip template={<TextTooltipTemplate text={cellData.value} />}>\n          <span>{truncateUid(cellData.value)}</span>\n        </Tooltip>\n      </td>\n    )\n  } else if (cellData.type === 'hidden') {\n    return null\n  } else if (cellData.type === 'component') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value}\n      </td>\n    )\n  } else {\n    return (\n      <td\n        data-testid={cellData?.headerId}\n        className={cellClassNames}\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n      >\n        <Tooltip\n          className=\"text_small\"\n          template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n        >\n          {cellData.value}\n        </Tooltip>\n      </td>\n    )\n  }\n}\n\nTableCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  firstCell: PropTypes.bool,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n  link: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  onClick: PropTypes.func,\n  selectItem: PropTypes.func,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableCell\n"],"names":["TableCell","cellData","className","firstCell","item","link","onClick","selectItem","selectedItem","showExpandButton","toggleRow","stateValue","stateLabel","stateClassName","cellClassNames","classnames","cloneElement","jsx","TableLinkCell","jsxs","Tooltip","TextTooltipTemplate","Arrow","e","TableTypeCell","valueItem","index","ReadOnlyChips","getChipOptions","PropTypes"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,8 +1,6 @@
 import ActionsMenu from './ActionsMenu/ActionsMenu';
 import BlockerSpy from './BlockerSpy/BlockerSpy';
 import Button from './Button/Button';
-import Chip from './Chip/Chip';
-import ChipCell from './ChipCell/ChipCell';
 import ConfirmDialog from './ConfirmDialog/ConfirmDialog';
 import CopyToClipboard from './CopyToClipboard/CopyToClipboard';
 import ErrorMessage from './ErrorMessage/ErrorMessage';
@@ -21,6 +19,7 @@ import Loader from './Loader/Loader';
 import LoaderForSuspenseFallback from './Loader/LoaderForSuspenseFallback';
 import Modal from './Modal/Modal';
 import PopUpDialog from './PopUpDialog/PopUpDialog';
+import ReadOnlyChips from './ReadOnlyChips/ReadOnlyChips';
 import RoundedIcon from './RoundedIcon/RoundedIcon';
 import TableCell from './TableCell/TableCell';
 import TabsSlider from './TabsSlider/TabsSlider';
@@ -28,5 +27,5 @@ import TextTooltipTemplate from './TooltipTemplate/TextTooltipTemplate';
 import Tip from './Tip/Tip';
 import Tooltip from './Tooltip/Tooltip';
 import Wizard from './Wizard/Wizard';
-export { ActionsMenu, BlockerSpy, Button, Chip, ChipCell, ConfirmDialog, CopyToClipboard, ErrorMessage, FormCheckBox, FormChipCell, FormCombobox, FormInput, FormKeyValueTable, FormOnChange, FormRadio, FormSelect, FormTextarea, FormToggle, LoadButton, Loader, LoaderForSuspenseFallback, Modal, PopUpDialog, RoundedIcon, TableCell, TabsSlider, TextTooltipTemplate, Tip, Tooltip, Wizard };
+export { ActionsMenu, BlockerSpy, Button, ConfirmDialog, CopyToClipboard, ErrorMessage, FormCheckBox, FormChipCell, FormCombobox, FormInput, FormKeyValueTable, FormOnChange, FormRadio, FormSelect, FormTextarea, FormToggle, LoadButton, Loader, LoaderForSuspenseFallback, Modal, PopUpDialog, ReadOnlyChips, RoundedIcon, TableCell, TabsSlider, TextTooltipTemplate, Tip, Tooltip, Wizard };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.js"],"names":[],"mappings":"wBAiBwB,2BAA2B;uBAC5B,yBAAyB;mBAC7B,iBAAiB;iBACnB,aAAa;qBACT,qBAAqB;0BAChB,+BAA+B;4BAC7B,mCAAmC;yBACtC,6BAA6B;yBAC7B,6BAA6B;yBAC7B,6BAA6B;yBAC7B,6BAA6B;sBAChC,uBAAuB;8BACf,uCAAuC;yBAC5C,6BAA6B;sBAChC,uBAAuB;uBACtB,yBAAyB;yBACvB,6BAA6B;uBAC/B,yBAAyB;uBACzB,yBAAyB;mBAC7B,iBAAiB;sCACE,oCAAoC;kBACxD,eAAe;wBACT,2BAA2B;wBAC3B,2BAA2B;sBAC7B,uBAAuB;uBACtB,yBAAyB;gCAChB,uCAAuC;gBACvD,WAAW;oBACP,mBAAmB;mBACpB,iBAAiB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/components/index.js"],"names":[],"mappings":"wBAiBwB,2BAA2B;uBAC5B,yBAAyB;mBAC7B,iBAAiB;0BACV,+BAA+B;4BAC7B,mCAAmC;yBACtC,6BAA6B;yBAC7B,6BAA6B;yBAC7B,6BAA6B;yBAC7B,6BAA6B;sBAChC,uBAAuB;8BACf,uCAAuC;yBAC5C,6BAA6B;sBAChC,uBAAuB;uBACtB,yBAAyB;yBACvB,6BAA6B;uBAC/B,yBAAyB;uBACzB,yBAAyB;mBAC7B,iBAAiB;sCACE,oCAAoC;kBACxD,eAAe;wBACT,2BAA2B;0BACzB,+BAA+B;wBACjC,2BAA2B;sBAC7B,uBAAuB;uBACtB,yBAAyB;gCAChB,uCAAuC;gBACvD,WAAW;oBACP,mBAAmB;mBACpB,iBAAiB"}

package/dist/components/index.mjs

@@ -1,63 +1,61 @@
 import { default as r } from "./ActionsMenu/ActionsMenu.mjs";
 import { default as t } from "./BlockerSpy/BlockerSpy.mjs";
 import { default as l } from "./Button/Button.mjs";
-import { default as m } from "./Chip/Chip.mjs";
-import { default as u } from "./ChipCell/ChipCell.mjs";
-import { default as x } from "./ConfirmDialog/ConfirmDialog.mjs";
-import { default as C } from "./CopyToClipboard/CopyToClipboard.mjs";
-import { default as n } from "./ErrorMessage/ErrorMessage.mjs";
-import { default as b } from "./FormCheckBox/FormCheckBox.mjs";
-import { default as g } from "./FormChipCell/FormChipCell.mjs";
-import { default as B } from "./FormCombobox/FormCombobox.mjs";
-import { default as k } from "./FormInput/FormInput.mjs";
-import { default as L } from "./FormKeyValueTable/FormKeyValueTable.mjs";
-import { default as D } from "./FormOnChange/FormOnChange.mjs";
-import { default as R } from "./FormRadio/FormRadio.mjs";
-import { default as A } from "./FormSelect/FormSelect.mjs";
-import { default as K } from "./FormTextarea/FormTextarea.mjs";
-import { default as P } from "./FormToggle/FormToggle.mjs";
-import { default as V } from "./LoadButton/LoadButton.mjs";
-import { default as j } from "./Loader/Loader.mjs";
-import { default as v } from "./Loader/LoaderForSuspenseFallback.mjs";
-import { default as G } from "./Modal/Modal.mjs";
-import { default as J } from "./PopUpDialog/PopUpDialog.mjs";
-import { default as Q } from "./RoundedIcon/RoundedIcon.mjs";
-import { default as Y } from "./TableCell/TableCell.mjs";
-import { default as _ } from "./TabsSlider/TabsSlider.mjs";
-import { default as oo } from "./TooltipTemplate/TextTooltipTemplate.mjs";
-import { default as ro } from "./Tip/Tip.mjs";
-import { default as to } from "./Tooltip/Tooltip.mjs";
-import { default as lo } from "./Wizard/Wizard.mjs";
+import { default as p } from "./ConfirmDialog/ConfirmDialog.mjs";
+import { default as s } from "./CopyToClipboard/CopyToClipboard.mjs";
+import { default as x } from "./ErrorMessage/ErrorMessage.mjs";
+import { default as n } from "./FormCheckBox/FormCheckBox.mjs";
+import { default as T } from "./FormChipCell/FormChipCell.mjs";
+import { default as b } from "./FormCombobox/FormCombobox.mjs";
+import { default as g } from "./FormInput/FormInput.mjs";
+import { default as y } from "./FormKeyValueTable/FormKeyValueTable.mjs";
+import { default as S } from "./FormOnChange/FormOnChange.mjs";
+import { default as L } from "./FormRadio/FormRadio.mjs";
+import { default as R } from "./FormSelect/FormSelect.mjs";
+import { default as I } from "./FormTextarea/FormTextarea.mjs";
+import { default as z } from "./FormToggle/FormToggle.mjs";
+import { default as E } from "./LoadButton/LoadButton.mjs";
+import { default as P } from "./Loader/Loader.mjs";
+import { default as V } from "./Loader/LoaderForSuspenseFallback.mjs";
+import { default as j } from "./Modal/Modal.mjs";
+import { default as v } from "./PopUpDialog/PopUpDialog.mjs";
+import { default as G } from "./ReadOnlyChips/ReadOnlyChips.mjs";
+import { default as J } from "./RoundedIcon/RoundedIcon.mjs";
+import { default as Q } from "./TableCell/TableCell.mjs";
+import { default as Y } from "./TabsSlider/TabsSlider.mjs";
+import { default as _ } from "./TooltipTemplate/TextTooltipTemplate.mjs";
+import { default as oo } from "./Tip/Tip.mjs";
+import { default as ro } from "./Tooltip/Tooltip.mjs";
+import { default as to } from "./Wizard/Wizard.mjs";
 export {
   r as ActionsMenu,
   t as BlockerSpy,
   l as Button,
-  m as Chip,
-  u as ChipCell,
-  x as ConfirmDialog,
-  C as CopyToClipboard,
-  n as ErrorMessage,
-  b as FormCheckBox,
-  g as FormChipCell,
-  B as FormCombobox,
-  k as FormInput,
-  L as FormKeyValueTable,
-  D as FormOnChange,
-  R as FormRadio,
-  A as FormSelect,
-  K as FormTextarea,
-  P as FormToggle,
-  V as LoadButton,
-  j as Loader,
-  v as LoaderForSuspenseFallback,
-  G as Modal,
-  J as PopUpDialog,
-  Q as RoundedIcon,
-  Y as TableCell,
-  _ as TabsSlider,
-  oo as TextTooltipTemplate,
-  ro as Tip,
-  to as Tooltip,
-  lo as Wizard
+  p as ConfirmDialog,
+  s as CopyToClipboard,
+  x as ErrorMessage,
+  n as FormCheckBox,
+  T as FormChipCell,
+  b as FormCombobox,
+  g as FormInput,
+  y as FormKeyValueTable,
+  S as FormOnChange,
+  L as FormRadio,
+  R as FormSelect,
+  I as FormTextarea,
+  z as FormToggle,
+  E as LoadButton,
+  P as Loader,
+  V as LoaderForSuspenseFallback,
+  j as Modal,
+  v as PopUpDialog,
+  G as ReadOnlyChips,
+  J as RoundedIcon,
+  Q as TableCell,
+  Y as TabsSlider,
+  _ as TextTooltipTemplate,
+  oo as Tip,
+  ro as Tooltip,
+  to as Wizard
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/useChipCell.hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChipCell.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useChipCell.hook.js"],"names":[],"mappings":"AA6BO;;;;;;;;;;;EAyJN"}
+{"version":3,"file":"useChipCell.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useChipCell.hook.js"],"names":[],"mappings":"AA6BO;;;;;;;;;;;EAoKN"}

package/dist/hooks/useChipCell.hook.mjs

@@ -1,68 +1,71 @@
-import { useState as h, useMemo as k, useRef as d, useCallback as b, useEffect as C, useLayoutEffect as N } from "react";
-import { throttle as P } from "lodash";
-import { getScssVariableValue as x, getTransitionEndEventName as D, isEveryObjectValueEmpty as F } from "../utils/common.util.mjs";
-import { getFirstScrollableParent as T } from "../utils/getFirstScrollableParent.util.mjs";
-const K = (s, E, R) => {
-  const [o, c] = h(!1), [a, z] = h({}), [j, y] = h(!1), [L, O] = h(0), [V, H] = h(8), S = k(
-    () => parseInt(x("--chipBlockMarginRight")),
+import { useState as h, useMemo as V, useRef as w, useCallback as R, useEffect as m, useLayoutEffect as A } from "react";
+import { throttle as G } from "lodash";
+import { getScssVariableValue as J, getTransitionEndEventName as K, isEveryObjectValueEmpty as Q } from "../utils/common.util.mjs";
+import { getFirstScrollableParent as X } from "../utils/getFirstScrollableParent.util.mjs";
+const M = (i, z, B) => {
+  const [o, u] = h(!1), [v, H] = h({}), [I, j] = h(!1), [W, x] = h(0), [N, O] = h(8), E = V(
+    () => parseInt(J("--chipBlockMarginRight")),
     []
-  ), p = k(() => D(), []), f = d(), I = d(), u = d(), r = d(), g = b(
+  ), S = V(() => K(), []), a = w(), P = w(), c = w(), n = w(), f = R(
     (e) => {
-      var l, n;
-      (!s || s && E) && ((l = u.current) != null && l.contains(e.target) && !o ? c(!0) : c(!1)), e && ((n = u.current) != null && n.contains(e.target)) && e.stopPropagation();
+      var s, r;
+      (!i || i && z) && ((s = c.current) != null && s.contains(e.target) && !o ? u(!0) : u(!1)), e && ((r = c.current) != null && r.contains(e.target)) && e.stopPropagation();
     },
-    [s, o, E]
+    [i, o, z]
   );
-  C(() => (o && window.addEventListener("click", g, !0), () => window.removeEventListener("click", g, !0)), [o, g]), C(() => {
+  m(() => (o && window.addEventListener("click", f, !0), () => window.removeEventListener("click", f, !0)), [o, f]), m(() => {
     var e;
-    (e = f.current) != null && e.getBoundingClientRect().width && O((l) => {
-      var n;
-      if (!l)
-        return (n = f.current) == null ? void 0 : n.getBoundingClientRect().width;
+    (e = a.current) != null && e.getBoundingClientRect().width && x((s) => {
+      var r;
+      if (!s)
+        return (r = a.current) == null ? void 0 : r.getBoundingClientRect().width;
     });
   }, []);
-  const m = b(
+  const b = R(
     (e) => {
-      e.target.parentElement !== (r == null ? void 0 : r.current) && c(!1);
+      e.target.parentElement !== (n == null ? void 0 : n.current) && u(!1);
     },
-    [r]
+    [n]
   );
-  C(() => (o && window.addEventListener("scroll", m, !0), () => window.removeEventListener("scroll", m, !0)), [m, o]);
-  const w = b(() => {
-    var e, l;
-    if (r != null && r.current) {
-      const i = T(u.current.offsetParent).getBoundingClientRect(), t = (e = u.current) == null ? void 0 : e.getBoundingClientRect();
-      (t.left < i.left || t.top < i.top || t.right > i.right || t.bottom > i.bottom || t.right > window.innerWidth || t.bottom > window.innerHeight) && c(!1);
+  m(() => (o && window.addEventListener("scroll", b, !0), () => window.removeEventListener("scroll", b, !0)), [b, o]);
+  const d = R(() => {
+    var e, s, r;
+    if (n != null && n.current) {
+      const l = X(c.current.offsetParent).getBoundingClientRect(), t = (e = c.current) == null ? void 0 : e.getBoundingClientRect();
+      (t.left < l.left || t.top < l.top || t.right > l.right || t.bottom > l.bottom || t.right > window.innerWidth || t.bottom > window.innerHeight) && u(!1);
     }
-    if (!s && !F(a)) {
-      const n = R ? L : (l = f.current) == null ? void 0 : l.getBoundingClientRect().width;
-      let i = 0, t = 0;
-      const W = 65;
-      Object.values(a).every((v, B) => i + v > n || Object.values(a).length > 1 && i + v + S + W > n ? (t = B, !1) : (i += v, B === Object.values(a).length - 1 && (t = 8), !0)), H(t), y(!0);
+    if (!i && !Q(v)) {
+      const L = B ? W : (s = a.current) == null ? void 0 : s.getBoundingClientRect().width, l = (((r = c.current) == null ? void 0 : r.getBoundingClientRect().width) ?? 0) + E;
+      let t = 0, g = 0;
+      const C = Object.values(v);
+      C.every((D, k) => {
+        const F = D + E, y = k === C.length - 1, p = t + F, T = p + l > L, q = p > L;
+        return T ? y && !q ? (t = p, g = C.length, !0) : (g = k, !1) : (t = p, y && (g = C.length), !0);
+      }), O(g), j(!0);
     }
-  }, [S, L, a, s, R]);
-  return N(() => {
-    w();
-  }, [w]), C(() => {
-    const e = P(w, 500);
-    if (!s)
-      return window.addEventListener("resize", e), window.addEventListener(p, e), () => {
-        window.removeEventListener("resize", e), window.removeEventListener(p, e);
+  }, [E, W, v, i, B]);
+  return A(() => {
+    d();
+  }, [d]), m(() => {
+    const e = G(d, 500);
+    if (!i)
+      return window.addEventListener("resize", e), window.addEventListener(S, e), () => {
+        window.removeEventListener("resize", e), window.removeEventListener(S, e);
       };
-  }, [w, s, p]), {
-    chipsCellRef: f,
-    chipsWrapperRef: I,
-    handleShowElements: g,
-    hiddenChipsCounterRef: u,
-    hiddenChipsPopUpRef: r,
-    setChipsSizes: z,
-    setShowHiddenChips: c,
-    showChips: j,
+  }, [d, i, S]), {
+    chipsCellRef: a,
+    chipsWrapperRef: P,
+    handleShowElements: f,
+    hiddenChipsCounterRef: c,
+    hiddenChipsPopUpRef: n,
+    setChipsSizes: H,
+    setShowHiddenChips: u,
+    showChips: I,
     showHiddenChips: o,
-    visibleChipsCount: V
+    visibleChipsCount: N
   };
 };
 export {
-  K as useChipCell
+  M as useChipCell
 };
 //# sourceMappingURL=useChipCell.hook.mjs.map

package/dist/hooks/useChipCell.hook.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useChipCell.hook.mjs","sources":["../../src/lib/hooks/useChipCell.hook.js"],"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 { useCallback, useEffect, useMemo, useRef, useState, useLayoutEffect } from 'react'\nimport { throttle } from 'lodash'\n\nimport {\n  getScssVariableValue,\n  getTransitionEndEventName,\n  isEveryObjectValueEmpty\n} from '../utils/common.util'\nimport { getFirstScrollableParent } from '../utils/getFirstScrollableParent.util'\n\nexport const useChipCell = (isEditMode, visibleChipsMaxLength, withInitialParentWidth) => {\n  const [showHiddenChips, setShowHiddenChips] = useState(false)\n  const [chipsSizes, setChipsSizes] = useState({})\n  const [showChips, setShowChips] = useState(false)\n  const [chipCellInitialWidth, setChipCellInitialWidth] = useState(0)\n  const [visibleChipsCount, setVisibleChipsCount] = useState(8)\n\n  const chipBlockMarginRight = useMemo(\n    () => parseInt(getScssVariableValue('--chipBlockMarginRight')),\n    []\n  )\n  const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n  const chipsCellRef = useRef()\n  const chipsWrapperRef = useRef()\n  const hiddenChipsCounterRef = useRef()\n  const hiddenChipsPopUpRef = useRef()\n\n  const handleShowElements = useCallback(\n    event => {\n      if (!isEditMode || (isEditMode && visibleChipsMaxLength)) {\n        if (hiddenChipsCounterRef.current?.contains(event.target) && !showHiddenChips) {\n          setShowHiddenChips(true)\n        } else {\n          setShowHiddenChips(false)\n        }\n      }\n\n      event && hiddenChipsCounterRef.current?.contains(event.target) && event.stopPropagation()\n    },\n    [isEditMode, showHiddenChips, visibleChipsMaxLength]\n  )\n\n  useEffect(() => {\n    if (showHiddenChips) {\n      window.addEventListener('click', handleShowElements, true)\n    }\n\n    return () => window.removeEventListener('click', handleShowElements, true)\n  }, [showHiddenChips, handleShowElements])\n\n  useEffect(() => {\n    if (chipsCellRef.current?.getBoundingClientRect().width) {\n      setChipCellInitialWidth(state => {\n        if (!state) {\n          return chipsCellRef.current?.getBoundingClientRect().width\n        }\n      })\n    }\n  }, [])\n\n  const handleScroll = useCallback(\n    event => {\n      if (event.target.parentElement !== hiddenChipsPopUpRef?.current) {\n        setShowHiddenChips(false)\n      }\n    },\n    [hiddenChipsPopUpRef]\n  )\n\n  useEffect(() => {\n    if (showHiddenChips) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n\n    return () => window.removeEventListener('scroll', handleScroll, true)\n  }, [handleScroll, showHiddenChips])\n\n  const resizeChipCell = useCallback(() => {\n    if (hiddenChipsPopUpRef?.current) {\n      const scrollableParent = getFirstScrollableParent(hiddenChipsCounterRef.current.offsetParent)\n      const scrollableParentRect = scrollableParent.getBoundingClientRect()\n      const hiddenChipsCounterRect = hiddenChipsCounterRef.current?.getBoundingClientRect()\n\n      // Check if the hiddenChipsCounterRect is outside the boundaries of the scrollableParentRect or the window\n      if (\n        hiddenChipsCounterRect.left < scrollableParentRect.left ||\n        hiddenChipsCounterRect.top < scrollableParentRect.top ||\n        hiddenChipsCounterRect.right > scrollableParentRect.right ||\n        hiddenChipsCounterRect.bottom > scrollableParentRect.bottom ||\n        hiddenChipsCounterRect.right > window.innerWidth ||\n        hiddenChipsCounterRect.bottom > window.innerHeight\n      ) {\n        setShowHiddenChips(false)\n      }\n    }\n\n    if (!isEditMode && !isEveryObjectValueEmpty(chipsSizes)) {\n      const parentSize = withInitialParentWidth\n        ? chipCellInitialWidth\n        : chipsCellRef.current?.getBoundingClientRect().width\n\n      let maxLength = 0\n      let chipIndex = 0\n      const padding = 65\n\n      Object.values(chipsSizes).every((chipSize, index) => {\n        // Check if adding chipSize to maxLength exceeds parentSize\n        // or if adding chipSize and padding exceeds parentSize when there are multiple chips\n        if (\n          maxLength + chipSize > parentSize ||\n          (Object.values(chipsSizes).length > 1 &&\n            maxLength + chipSize + chipBlockMarginRight + padding > parentSize)\n        ) {\n          chipIndex = index\n\n          return false\n        } else {\n          maxLength += chipSize\n\n          if (index === Object.values(chipsSizes).length - 1) {\n            chipIndex = 8\n          }\n\n          return true\n        }\n      })\n\n      setVisibleChipsCount(chipIndex)\n      setShowChips(true)\n    }\n  }, [chipBlockMarginRight, chipCellInitialWidth, chipsSizes, isEditMode, withInitialParentWidth])\n\n  useLayoutEffect(() => {\n    resizeChipCell()\n  }, [resizeChipCell])\n\n  useEffect(() => {\n    const resizeChipCellDebounced = throttle(resizeChipCell, 500)\n\n    if (!isEditMode) {\n      window.addEventListener('resize', resizeChipCellDebounced)\n      window.addEventListener(transitionEndEventName, resizeChipCellDebounced)\n\n      return () => {\n        window.removeEventListener('resize', resizeChipCellDebounced)\n        window.removeEventListener(transitionEndEventName, resizeChipCellDebounced)\n      }\n    }\n  }, [resizeChipCell, isEditMode, transitionEndEventName])\n\n  return {\n    chipsCellRef,\n    chipsWrapperRef,\n    handleShowElements,\n    hiddenChipsCounterRef,\n    hiddenChipsPopUpRef,\n    setChipsSizes,\n    setShowHiddenChips,\n    showChips,\n    showHiddenChips,\n    visibleChipsCount\n  }\n}\n"],"names":["useChipCell","isEditMode","visibleChipsMaxLength","withInitialParentWidth","showHiddenChips","setShowHiddenChips","useState","chipsSizes","setChipsSizes","showChips","setShowChips","chipCellInitialWidth","setChipCellInitialWidth","visibleChipsCount","setVisibleChipsCount","chipBlockMarginRight","useMemo","getScssVariableValue","transitionEndEventName","getTransitionEndEventName","chipsCellRef","useRef","chipsWrapperRef","hiddenChipsCounterRef","hiddenChipsPopUpRef","handleShowElements","useCallback","event","_a","_b","useEffect","state","handleScroll","resizeChipCell","scrollableParentRect","getFirstScrollableParent","hiddenChipsCounterRect","isEveryObjectValueEmpty","parentSize","maxLength","chipIndex","padding","chipSize","index","useLayoutEffect","resizeChipCellDebounced","throttle"],"mappings":"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"}
+{"version":3,"file":"useChipCell.hook.mjs","sources":["../../src/lib/hooks/useChipCell.hook.js"],"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 { useCallback, useEffect, useMemo, useRef, useState, useLayoutEffect } from 'react'\nimport { throttle } from 'lodash'\n\nimport {\n  getScssVariableValue,\n  getTransitionEndEventName,\n  isEveryObjectValueEmpty\n} from '../utils/common.util'\nimport { getFirstScrollableParent } from '../utils/getFirstScrollableParent.util'\n\nexport const useChipCell = (isEditMode, visibleChipsMaxLength, withInitialParentWidth) => {\n  const [showHiddenChips, setShowHiddenChips] = useState(false)\n  const [chipsSizes, setChipsSizes] = useState({})\n  const [showChips, setShowChips] = useState(false)\n  const [chipCellInitialWidth, setChipCellInitialWidth] = useState(0)\n  const [visibleChipsCount, setVisibleChipsCount] = useState(8)\n\n  const chipBlockMarginRight = useMemo(\n    () => parseInt(getScssVariableValue('--chipBlockMarginRight')),\n    []\n  )\n  const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n  const chipsCellRef = useRef()\n  const chipsWrapperRef = useRef()\n  const hiddenChipsCounterRef = useRef()\n  const hiddenChipsPopUpRef = useRef()\n\n  const handleShowElements = useCallback(\n    event => {\n      if (!isEditMode || (isEditMode && visibleChipsMaxLength)) {\n        if (hiddenChipsCounterRef.current?.contains(event.target) && !showHiddenChips) {\n          setShowHiddenChips(true)\n        } else {\n          setShowHiddenChips(false)\n        }\n      }\n\n      event && hiddenChipsCounterRef.current?.contains(event.target) && event.stopPropagation()\n    },\n    [isEditMode, showHiddenChips, visibleChipsMaxLength]\n  )\n\n  useEffect(() => {\n    if (showHiddenChips) {\n      window.addEventListener('click', handleShowElements, true)\n    }\n\n    return () => window.removeEventListener('click', handleShowElements, true)\n  }, [showHiddenChips, handleShowElements])\n\n  useEffect(() => {\n    if (chipsCellRef.current?.getBoundingClientRect().width) {\n      setChipCellInitialWidth(state => {\n        if (!state) {\n          return chipsCellRef.current?.getBoundingClientRect().width\n        }\n      })\n    }\n  }, [])\n\n  const handleScroll = useCallback(\n    event => {\n      if (event.target.parentElement !== hiddenChipsPopUpRef?.current) {\n        setShowHiddenChips(false)\n      }\n    },\n    [hiddenChipsPopUpRef]\n  )\n\n  useEffect(() => {\n    if (showHiddenChips) {\n      window.addEventListener('scroll', handleScroll, true)\n    }\n\n    return () => window.removeEventListener('scroll', handleScroll, true)\n  }, [handleScroll, showHiddenChips])\n\n  const resizeChipCell = useCallback(() => {\n    if (hiddenChipsPopUpRef?.current) {\n      const scrollableParent = getFirstScrollableParent(hiddenChipsCounterRef.current.offsetParent)\n      const scrollableParentRect = scrollableParent.getBoundingClientRect()\n      const hiddenChipsCounterRect = hiddenChipsCounterRef.current?.getBoundingClientRect()\n\n      // Check if the hiddenChipsCounterRect is outside the boundaries of the scrollableParentRect or the window\n      if (\n        hiddenChipsCounterRect.left < scrollableParentRect.left ||\n        hiddenChipsCounterRect.top < scrollableParentRect.top ||\n        hiddenChipsCounterRect.right > scrollableParentRect.right ||\n        hiddenChipsCounterRect.bottom > scrollableParentRect.bottom ||\n        hiddenChipsCounterRect.right > window.innerWidth ||\n        hiddenChipsCounterRect.bottom > window.innerHeight\n      ) {\n        setShowHiddenChips(false)\n      }\n    }\n\n    if (!isEditMode && !isEveryObjectValueEmpty(chipsSizes)) {\n      const parentSize = withInitialParentWidth\n        ? chipCellInitialWidth\n        : chipsCellRef.current?.getBoundingClientRect().width\n      const hiddenChipsCounterWidth =\n        (hiddenChipsCounterRef.current?.getBoundingClientRect().width ?? 0) + chipBlockMarginRight\n\n      let chipsLengthSum = 0\n      let chipIndex = 0\n      const chipsSizesList = Object.values(chipsSizes)\n\n      chipsSizesList.every((chipSize, index) => {\n        const chipSizeWithMargin = chipSize + chipBlockMarginRight\n        const isLastChip = index === chipsSizesList.length - 1\n        const newChipsLengthSum = chipsLengthSum + chipSizeWithMargin\n        const wouldExceedWithCounter = newChipsLengthSum + hiddenChipsCounterWidth > parentSize\n        const wouldExceedWithoutCounter = newChipsLengthSum > parentSize\n\n        // If we've exceeded the limit\n        if (wouldExceedWithCounter) {\n          // Special case: last chip might fit without the counter\n          if (isLastChip && !wouldExceedWithoutCounter) {\n            chipsLengthSum = newChipsLengthSum\n            chipIndex = chipsSizesList.length\n            return true\n          }\n\n          // Stop here - this chip doesn't fit\n          chipIndex = index\n          return false\n        }\n\n        // Chip fits, add it\n        chipsLengthSum = newChipsLengthSum\n\n        if (isLastChip) {\n          chipIndex = chipsSizesList.length\n        }\n\n        return true\n      })\n\n      setVisibleChipsCount(chipIndex)\n      setShowChips(true)\n    }\n  }, [chipBlockMarginRight, chipCellInitialWidth, chipsSizes, isEditMode, withInitialParentWidth])\n\n  useLayoutEffect(() => {\n    resizeChipCell()\n  }, [resizeChipCell])\n\n  useEffect(() => {\n    const resizeChipCellDebounced = throttle(resizeChipCell, 500)\n\n    if (!isEditMode) {\n      window.addEventListener('resize', resizeChipCellDebounced)\n      window.addEventListener(transitionEndEventName, resizeChipCellDebounced)\n\n      return () => {\n        window.removeEventListener('resize', resizeChipCellDebounced)\n        window.removeEventListener(transitionEndEventName, resizeChipCellDebounced)\n      }\n    }\n  }, [resizeChipCell, isEditMode, transitionEndEventName])\n\n  return {\n    chipsCellRef,\n    chipsWrapperRef,\n    handleShowElements,\n    hiddenChipsCounterRef,\n    hiddenChipsPopUpRef,\n    setChipsSizes,\n    setShowHiddenChips,\n    showChips,\n    showHiddenChips,\n    visibleChipsCount\n  }\n}\n"],"names":["useChipCell","isEditMode","visibleChipsMaxLength","withInitialParentWidth","showHiddenChips","setShowHiddenChips","useState","chipsSizes","setChipsSizes","showChips","setShowChips","chipCellInitialWidth","setChipCellInitialWidth","visibleChipsCount","setVisibleChipsCount","chipBlockMarginRight","useMemo","getScssVariableValue","transitionEndEventName","getTransitionEndEventName","chipsCellRef","useRef","chipsWrapperRef","hiddenChipsCounterRef","hiddenChipsPopUpRef","handleShowElements","useCallback","event","_a","_b","useEffect","state","handleScroll","resizeChipCell","scrollableParentRect","getFirstScrollableParent","hiddenChipsCounterRect","isEveryObjectValueEmpty","parentSize","hiddenChipsCounterWidth","_c","chipsLengthSum","chipIndex","chipsSizesList","chipSize","index","chipSizeWithMargin","isLastChip","newChipsLengthSum","wouldExceedWithCounter","wouldExceedWithoutCounter","useLayoutEffect","resizeChipCellDebounced","throttle"],"mappings":"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"}

package/dist/images/add.svg.mjs

@@ -1,5 +1,6 @@
-const t = "data:image/svg+xml,%3csvg%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7.34326'%20y='0.5'%20width='13'%20height='1.5'%20transform='rotate(90%207.34326%200.5)'%20fill='%237F7989'/%3e%3crect%20width='13'%20height='1.5'%20transform='matrix(-1%20-2.18557e-08%20-2.18557e-08%201%2013%206.15723)'%20fill='%237F7989'/%3e%3c/svg%3e";
+import * as t from "react";
+const r = (e) => /* @__PURE__ */ t.createElement("svg", { width: 13, height: 14, viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("rect", { x: 7.34326, y: 0.5, width: 13, height: 1.5, transform: "rotate(90 7.34326 0.5)", fill: "#7F7989" }), /* @__PURE__ */ t.createElement("rect", { width: 13, height: 1.5, transform: "matrix(-1 -2.18557e-08 -2.18557e-08 1 13 6.15723)", fill: "#7F7989" }));
 export {
-  t as default
+  r as default
 };
 //# sourceMappingURL=add.svg.mjs.map

package/dist/images/add.svg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"add.svg.mjs","sources":["../../src/lib/images/add.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7.34326'%20y='0.5'%20width='13'%20height='1.5'%20transform='rotate(90%207.34326%200.5)'%20fill='%237F7989'/%3e%3crect%20width='13'%20height='1.5'%20transform='matrix(-1%20-2.18557e-08%20-2.18557e-08%201%2013%206.15723)'%20fill='%237F7989'/%3e%3c/svg%3e\""],"names":["Add"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"add.svg.mjs","sources":["../../src/lib/images/add.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 13, height: 14, viewBox: \"0 0 13 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"rect\", { x: 7.34326, y: 0.5, width: 13, height: 1.5, transform: \"rotate(90 7.34326 0.5)\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"rect\", { width: 13, height: 1.5, transform: \"matrix(-1 -2.18557e-08 -2.18557e-08 1 13 6.15723)\", fill: \"#7F7989\" }));\nexport default SvgAdd;\n"],"names":["SvgAdd","props","React"],"mappings":";AACK,MAACA,IAAS,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,SAAS,GAAG,KAAK,OAAO,IAAI,QAAQ,KAAK,WAAW,0BAA0B,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,OAAO,IAAI,QAAQ,KAAK,WAAW,qDAAqD,MAAM,WAAW,CAAC;"}