iguazio.dashboard-react-controls 3.2.6 → 3.2.8

package/dist/components/FormToggle/FormToggle.d.ts

@@ -1,16 +1,22 @@
 export default FormToggle;
-declare function FormToggle({ density, label, name, onChange, ...inputProps }: {
+declare function FormToggle({ className, density, label, labelTip, name, readOnly, onChange, ...inputProps }: {
     [x: string]: any;
+    className?: string;
     density?: string;
     label?: string;
+    labelTip?: string;
     name: any;
+    readOnly?: boolean;
     onChange?: () => void;
 }): JSX.Element;
 declare namespace FormToggle {
     namespace propTypes {
+        export let className: any;
         export { DENSITY as density };
         export let label: any;
+        export let labelTip: any;
         export let name: any;
+        export let readOnly: any;
         export let onChange: any;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"FormToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"names":[],"mappings":";AAyBA;;;;;;gBAiCC;;;;;;;;;wBArCuB,gBAAgB"}
+{"version":3,"file":"FormToggle.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormToggle/FormToggle.jsx"],"names":[],"mappings":";AA0BA;;;;;;;;;gBAmDC;;;;;;;;;;;;wBAvDuB,gBAAgB"}

package/dist/components/FormToggle/FormToggle.mjs

@@ -1,48 +1,72 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
 import "react";
-import g from "classnames";
-import o from "prop-types";
-import { Field as p } from "react-final-form";
-import { DENSITY as c } from "../../types.mjs";
+import _ from "classnames";
+import r from "prop-types";
+import { Field as h } from "react-final-form";
+import N from "../Tip/Tip.mjs";
+import { DENSITY as x } from "../../types.mjs";
 /* empty css                 */
-const n = ({ density: l = "", label: t = "", name: e, onChange: i = () => {
-}, ...s }) => {
-  const f = g(
+const b = ({
+  className: a = "",
+  density: m = "",
+  label: t = "",
+  labelTip: o = "",
+  name: e,
+  readOnly: c = !1,
+  onChange: s = () => {
+  },
+  ...d
+}) => {
+  const p = _(
+    "test",
+    "form-field-toggle",
     "form-field__wrapper",
-    l && `form-field__wrapper-${l}`
+    m && `form-field__wrapper-${m}`,
+    (t || o) && "form-field-toggle_has-label",
+    a
   );
-  return /* @__PURE__ */ r(p, { name: e, value: s.value, type: "checkbox", children: ({ input: a }) => /* @__PURE__ */ d(
-    "label",
+  return /* @__PURE__ */ l(h, { name: e, value: d.value, type: "checkbox", children: ({ input: i }) => /* @__PURE__ */ f(
+    "div",
     {
-      className: "form-field-toggle",
+      className: p,
       "data-testid": e ? `${e}-form-field-toggle` : "form-field-toggle",
       children: [
-        t && /* @__PURE__ */ r("div", { className: "form-field__label", children: t }),
-        /* @__PURE__ */ r(
-          "input",
-          {
-            "data-testid": e ? `${e}-form-toggle` : "form-toggle",
-            id: e,
-            ...a,
-            ...s,
-            onChange: (m) => {
-              i && i(m), a.onChange(m);
-            },
-            type: "checkbox"
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: f, children: /* @__PURE__ */ r("span", { className: "form-field-toggle__switch" }) })
+        (t || o) && /* @__PURE__ */ f("label", { htmlFor: e, className: "form-field-toggle__label", children: [
+          t,
+          o && /* @__PURE__ */ l(N, { text: o })
+        ] }),
+        /* @__PURE__ */ f("label", { htmlFor: e, className: "form-field-toggle__toggle-wrapper", children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              type: "checkbox",
+              "data-testid": e ? `${e}-form-toggle` : "form-toggle",
+              id: e,
+              ...i,
+              ...d,
+              value: String(i.checked),
+              disabled: c,
+              onChange: (g) => {
+                s == null || s(g), i.onChange(g);
+              }
+            }
+          ),
+          /* @__PURE__ */ l("span", { className: "form-field-toggle__switch" })
+        ] })
       ]
     }
   ) });
 };
-n.propTypes = {
-  density: c,
-  label: o.string,
-  name: o.string.isRequired,
-  onChange: o.func
+b.propTypes = {
+  className: r.string,
+  density: x,
+  label: r.string,
+  labelTip: r.string,
+  name: r.string.isRequired,
+  readOnly: r.bool,
+  onChange: r.func
 };
 export {
-  n as default
+  b as default
 };
 //# sourceMappingURL=FormToggle.mjs.map

package/dist/components/FormToggle/FormToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormToggle.mjs","sources":["../../../src/lib/components/FormToggle/FormToggle.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 from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\n\nimport { DENSITY } from '../../types.js'\n\nimport './formToggle.scss'\n\nconst FormToggle = ({ density = '', label = '', name, onChange = () => {}, ...inputProps }) => {\n  const toggleWrapperClassNames = classnames(\n    'form-field__wrapper',\n    density && `form-field__wrapper-${density}`\n  )\n\n  return (\n    <Field name={name} value={inputProps.value} type=\"checkbox\">\n      {({ input }) => {\n        return (\n          <label\n            className=\"form-field-toggle\"\n            data-testid={name ? `${name}-form-field-toggle` : 'form-field-toggle'}\n          >\n            {label && <div className=\"form-field__label\">{label}</div>}\n            <input\n              data-testid={name ? `${name}-form-toggle` : 'form-toggle'}\n              id={name}\n              {...{ ...input, ...inputProps }}\n              onChange={event => {\n                onChange && onChange(event)\n                input.onChange(event)\n              }}\n              type=\"checkbox\"\n            />\n            <div className={toggleWrapperClassNames}>\n              <span className=\"form-field-toggle__switch\" />\n            </div>\n          </label>\n        )\n      }}\n    </Field>\n  )\n}\n\nFormToggle.propTypes = {\n  density: DENSITY,\n  label: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func\n}\n\nexport default FormToggle\n"],"names":["FormToggle","density","label","name","onChange","inputProps","toggleWrapperClassNames","classnames","jsx","Field","input","jsxs","event","DENSITY","PropTypes"],"mappings":";;;;;;;AAyBA,MAAMA,IAAa,CAAC,EAAE,SAAAC,IAAU,IAAI,OAAAC,IAAQ,IAAI,MAAAC,GAAM,UAAAC,IAAW,MAAM;AAAC,GAAG,GAAGC,QAAiB;AAC7F,QAAMC,IAA0BC;AAAA,IAC9B;AAAA,IACAN,KAAW,uBAAuBA,CAAO;AAAA,EAAA;AAG3C,SACE,gBAAAO,EAACC,GAAA,EAAM,MAAAN,GAAY,OAAOE,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAK,EAAA,MAEA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAaR,IAAO,GAAGA,CAAI,uBAAuB;AAAA,MAEjD,UAAA;AAAA,QAAAD,KAAS,gBAAAM,EAAC,OAAA,EAAI,WAAU,qBAAqB,UAAAN,GAAM;AAAA,QACpD,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAaL,IAAO,GAAGA,CAAI,iBAAiB;AAAA,YAC5C,IAAIA;AAAA,YACE,GAAGO;AAAA,YAAO,GAAGL;AAAA,YACnB,UAAU,CAAAO,MAAS;AACjB,cAAAR,KAAYA,EAASQ,CAAK,GAC1BF,EAAM,SAASE,CAAK;AAAA,YACtB;AAAA,YACA,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEP,gBAAAJ,EAAC,SAAI,WAAWF,GACd,4BAAC,QAAA,EAAK,WAAU,6BAA4B,EAAA,CAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAIR;AAEJ;AAEAN,EAAW,YAAY;AAAA,EACrB,SAASa;AAAA,EACT,OAAOC,EAAU;AAAA,EACjB,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AACtB;"}
+{"version":3,"file":"FormToggle.mjs","sources":["../../../src/lib/components/FormToggle/FormToggle.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 from 'react'\nimport classnames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\n\nimport Tip from '../Tip/Tip'\nimport { DENSITY } from '../../types.js'\n\nimport './formToggle.scss'\n\nconst FormToggle = ({\n  className = '',\n  density = '',\n  label = '',\n  labelTip = '',\n  name,\n  readOnly = false,\n  onChange = () => {},\n  ...inputProps\n}) => {\n  const formFieldClassNames = classnames(\n    'test',\n    'form-field-toggle',\n    'form-field__wrapper',\n    density && `form-field__wrapper-${density}`,\n    (label || labelTip) && 'form-field-toggle_has-label',\n    className\n  )\n\n  return (\n    <Field name={name} value={inputProps.value} type=\"checkbox\">\n      {({ input }) => (\n        <div\n          className={formFieldClassNames}\n          data-testid={name ? `${name}-form-field-toggle` : 'form-field-toggle'}\n        >\n          {(label || labelTip) && (\n            <label htmlFor={name} className=\"form-field-toggle__label\">\n              {label}\n              {labelTip && <Tip text={labelTip} />}\n            </label>\n          )}\n          <label htmlFor={name} className=\"form-field-toggle__toggle-wrapper\">\n            <input\n              type=\"checkbox\"\n              data-testid={name ? `${name}-form-toggle` : 'form-toggle'}\n              id={name}\n              {...{ ...input, ...inputProps }}\n              value={String(input.checked)}\n              disabled={readOnly}\n              onChange={event => {\n                onChange?.(event)\n                input.onChange(event)\n              }}\n            />\n            <span className=\"form-field-toggle__switch\" />\n          </label>\n        </div>\n      )}\n    </Field>\n  )\n}\n\nFormToggle.propTypes = {\n  className: PropTypes.string,\n  density: DENSITY,\n  label: PropTypes.string,\n  labelTip: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  readOnly: PropTypes.bool,\n  onChange: PropTypes.func\n}\n\nexport default FormToggle\n"],"names":["FormToggle","className","density","label","labelTip","name","readOnly","onChange","inputProps","formFieldClassNames","classnames","jsx","Field","input","jsxs","Tip","event","PropTypes","DENSITY"],"mappings":";;;;;;;;AA0BA,MAAMA,IAAa,CAAC;AAAA,EAClB,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW,MAAM;AAAA,EAAC;AAAA,EAClB,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACAR,KAAW,uBAAuBA,CAAO;AAAA,KACxCC,KAASC,MAAa;AAAA,IACvBH;AAAA,EAAA;AAGF,SACE,gBAAAU,EAACC,GAAA,EAAM,MAAAP,GAAY,OAAOG,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAK,EAAA,MACF,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,eAAaJ,IAAO,GAAGA,CAAI,uBAAuB;AAAA,MAEhD,UAAA;AAAA,SAAAF,KAASC,MACT,gBAAAU,EAAC,SAAA,EAAM,SAAST,GAAM,WAAU,4BAC7B,UAAA;AAAA,UAAAF;AAAA,UACAC,KAAY,gBAAAO,EAACI,GAAA,EAAI,MAAMX,EAAA,CAAU;AAAA,QAAA,GACpC;AAAA,QAEF,gBAAAU,EAAC,SAAA,EAAM,SAAST,GAAM,WAAU,qCAC9B,UAAA;AAAA,UAAA,gBAAAM;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAaN,IAAO,GAAGA,CAAI,iBAAiB;AAAA,cAC5C,IAAIA;AAAA,cACE,GAAGQ;AAAA,cAAO,GAAGL;AAAA,cACnB,OAAO,OAAOK,EAAM,OAAO;AAAA,cAC3B,UAAUP;AAAA,cACV,UAAU,CAAAU,MAAS;AACjB,gBAAAT,KAAA,QAAAA,EAAWS,IACXH,EAAM,SAASG,CAAK;AAAA,cACtB;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAL,EAAC,QAAA,EAAK,WAAU,4BAAA,CAA4B;AAAA,QAAA,EAAA,CAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;AAEAX,EAAW,YAAY;AAAA,EACrB,WAAWiB,EAAU;AAAA,EACrB,SAASC;AAAA,EACT,OAAOD,EAAU;AAAA,EACjB,UAAUA,EAAU;AAAA,EACpB,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AAAA,EACpB,UAAUA,EAAU;AACtB;"}

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;;;;;;;;;;;gBA6HC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"names":[],"mappings":";AAmCA;;;;;;;;;;;gBAiIC"}

package/dist/components/TableCell/TableCell.mjs

@@ -1,99 +1,100 @@
-import { jsx as s, jsxs as C } from "react/jsx-runtime";
-import { cloneElement as T } from "react";
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { cloneElement as C } from "react";
 import t from "prop-types";
 import c from "classnames";
-import i from "../Tooltip/Tooltip.mjs";
+import p 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 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";
-const g = ({
+import O from "../../elements/TableTagStatusCell/TableTagStatusCell.mjs";
+import g from "../../elements/TableTypeCell/TableTypeCell.mjs";
+import d from "../TooltipTemplate/TextTooltipTemplate.mjs";
+import { getChipOptions as w } from "../../utils/chips.util.mjs";
+import { truncateUid as A } from "../../utils/string.util.mjs";
+import L from "../../images/arrow.svg.mjs";
+const S = ({
   cellData: e,
-  className: m = "",
+  className: n = "",
   firstCell: h = !1,
   item: r,
-  link: l = "",
-  onClick: d = null,
+  link: u = "",
+  onClick: o = null,
   selectItem: y = () => {
   },
   selectedItem: b = {},
-  showExpandButton: a = !1,
-  toggleRow: u = null
+  showExpandButton: f = !1,
+  toggleRow: l = null
 }) => {
-  const { value: N, label: f, className: v } = r.state ?? {}, o = c(
+  const { value: v, label: a, className: N } = r.state ?? {}, i = c(
     "table-body__cell",
     e.className,
-    m,
+    n,
     e.bodyCellClassName,
-    d && "link"
+    o && "link"
   );
-  return e.template ? T(e.template, {
-    className: m
-  }) : l && e.type !== "hidden" ? /* @__PURE__ */ s(
+  return e.template ? C(e.template, {
+    className: n
+  }) : u && e.type !== "hidden" ? /* @__PURE__ */ s(
     I,
     {
-      className: m,
+      className: n,
       cellData: e,
       item: r,
-      link: l,
+      link: u,
       selectItem: y,
       selectedItem: b,
-      showExpandButton: a,
-      toggleRow: u
+      showExpandButton: f,
+      toggleRow: l
     }
-  ) : h && !l ? /* @__PURE__ */ C(
+  ) : h && !u ? /* @__PURE__ */ x(
     "td",
     {
-      onClick: () => e.value && d && d(e.value),
-      className: o,
+      onClick: () => e.value && o && o(e.value),
+      className: i,
       children: [
         /* @__PURE__ */ s("div", { className: "data-ellipsis", children: e && /* @__PURE__ */ s(
-          i,
+          p,
           {
-            template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
+            template: /* @__PURE__ */ s(d, { text: e.tooltip || e.value || "" }),
             children: e.value
           }
         ) }),
-        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" })
+        r.state && v && a && /* @__PURE__ */ s(p, { className: "status", template: /* @__PURE__ */ s(d, { text: a }), children: /* @__PURE__ */ s("i", { className: N }) }),
+        !r.state && r.status && /* @__PURE__ */ s(p, { className: "status", template: /* @__PURE__ */ s(d, { text: r.status }), children: /* @__PURE__ */ s("i", { className: `${r.status[0].toLowerCase()}${r.status.slice(1)}` }) }),
+        f && /* @__PURE__ */ s(L, { onClick: (m) => l && l(m, r), className: "expand-arrow" })
       ]
     }
-  ) : 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,
+  ) : e.type === "type" ? /* @__PURE__ */ s(g, { className: n, cellData: e }) : e.type === "icons" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: e.value.map((m, T) => /* @__PURE__ */ s(
+    p,
     {
-      template: /* @__PURE__ */ s(p, { text: n.tooltip }),
-      children: n.icon
+      template: /* @__PURE__ */ s(d, { text: m.tooltip }),
+      children: m.icon
     },
-    n.tooltip + x
-  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: o, children: /* @__PURE__ */ s(
+    m.tooltip + T
+  )) }) : Array.isArray(e.value) ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: /* @__PURE__ */ s(
     j,
     {
-      chipOptions: A(e.type),
+      chipOptions: w(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(
+  ) }) : e.type === "hash" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: /* @__PURE__ */ s(p, { template: /* @__PURE__ */ s(d, { text: e.value }), children: /* @__PURE__ */ s("span", { children: A(e.value) }) }) }) : e.type === "hidden" ? null : e.type === "component" ? /* @__PURE__ */ s("td", { "data-testid": e.headerId, className: i, children: e.value }) : e.showStatus && e.showTag ? /* @__PURE__ */ s(O, { className: n, cellData: e, item: r, onClick: o }) : /* @__PURE__ */ s(
     "td",
     {
       "data-testid": e == null ? void 0 : e.headerId,
-      className: o,
-      onClick: () => e.value && d && d(e.value),
+      className: i,
+      onClick: () => e.value && o && o(e.value),
       children: /* @__PURE__ */ s(
-        i,
+        p,
         {
           className: "text_small",
-          template: /* @__PURE__ */ s(p, { text: e.tooltip || e.value || "" }),
+          template: /* @__PURE__ */ s(d, { text: e.tooltip || e.value || "" }),
           children: e.value
         }
       )
     }
   );
 };
-g.propTypes = {
+S.propTypes = {
   cellData: t.object.isRequired,
   className: t.string,
   firstCell: t.bool,
@@ -106,6 +107,6 @@ g.propTypes = {
   toggleRow: t.func
 };
 export {
-  g as default
+  S as default
 };
 //# sourceMappingURL=TableCell.mjs.map

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 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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"}
+{"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 TableTagStatusCell from '../../elements/TableTagStatusCell/TableTagStatusCell'\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 if (cellData.showStatus && cellData.showTag) {\n    return (\n      <TableTagStatusCell className={className} cellData={cellData} item={item} onClick={onClick} />\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","TableTagStatusCell","PropTypes"],"mappings":"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"}

package/dist/elements/TableTagStatusCell/TableTagStatusCell.d.ts

@@ -0,0 +1,16 @@
+export default TableTagStatusCell;
+declare function TableTagStatusCell({ cellData, className, item, onClick }: {
+    cellData?: {};
+    className?: string;
+    item: any;
+    onClick?: any;
+}): JSX.Element;
+declare namespace TableTagStatusCell {
+    namespace propTypes {
+        let cellData: any;
+        let className: any;
+        let item: any;
+        let onClick: any;
+    }
+}
+//# sourceMappingURL=TableTagStatusCell.d.ts.map

package/dist/elements/TableTagStatusCell/TableTagStatusCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTagStatusCell.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableTagStatusCell/TableTagStatusCell.jsx"],"names":[],"mappings":";AA4BA;;;;;gBAuCC"}

package/dist/elements/TableTagStatusCell/TableTagStatusCell.mjs

@@ -0,0 +1,49 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import l from "prop-types";
+import i from "classnames";
+import r from "../../components/Tooltip/Tooltip.mjs";
+import o from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+/* empty css                         */
+const N = ({ cellData: e = {}, className: m = "", item: a, onClick: t = null }) => {
+  const d = i(
+    "table-body__cell",
+    "tag-status-cell",
+    e.className,
+    m,
+    e.bodyCellClassName,
+    t && "link"
+  ), { value: n, label: p, className: u } = (a == null ? void 0 : a.state) ?? {};
+  return /* @__PURE__ */ s(
+    "td",
+    {
+      "data-testid": (e == null ? void 0 : e.headerId) ?? "table-tag-status-cell",
+      className: d,
+      onClick: () => e.value && (t == null ? void 0 : t(e.value)),
+      children: /* @__PURE__ */ c("div", { className: "cell-wrapper", children: [
+        /* @__PURE__ */ c("div", { className: "cell-content", children: [
+          /* @__PURE__ */ s(
+            r,
+            {
+              className: "cell-name",
+              template: /* @__PURE__ */ s(o, { text: e.tooltip || e.value || "" }),
+              children: e.value
+            }
+          ),
+          n && p && /* @__PURE__ */ s(r, { className: "cell-status", template: /* @__PURE__ */ s(o, { text: p }), children: /* @__PURE__ */ s("i", { className: u }) })
+        ] }),
+        (a == null ? void 0 : a.tag) && /* @__PURE__ */ s(r, { className: "cell-tag", template: /* @__PURE__ */ s(o, { text: a.tag }), children: /* @__PURE__ */ s("span", { className: "cell-subtext", children: a.tag }) })
+      ] })
+    }
+  );
+};
+N.propTypes = {
+  cellData: l.object.isRequired,
+  className: l.string,
+  item: l.oneOfType([l.object, l.bool]).isRequired,
+  onClick: l.func
+};
+export {
+  N as default
+};
+//# sourceMappingURL=TableTagStatusCell.mjs.map

package/dist/elements/TableTagStatusCell/TableTagStatusCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTagStatusCell.mjs","sources":["../../../src/lib/elements/TableTagStatusCell/TableTagStatusCell.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'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport './tableTagStatusCell.scss'\n\nconst TableTagStatusCell = ({ cellData = {}, className = '', item, onClick = null }) => {\n  const tableCellClassNames = classnames(\n    'table-body__cell',\n    'tag-status-cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item?.state ?? {}\n\n  return (\n    <td\n      data-testid={cellData?.headerId ?? 'table-tag-status-cell'}\n      className={tableCellClassNames}\n      onClick={() => cellData.value && onClick?.(cellData.value)}\n    >\n      <div className=\"cell-wrapper\">\n        <div className=\"cell-content\">\n          <Tooltip\n            className=\"cell-name\"\n            template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n          >\n            {cellData.value}\n          </Tooltip>\n          {stateValue && stateLabel && (\n            <Tooltip className=\"cell-status\" template={<TextTooltipTemplate text={stateLabel} />}>\n              <i className={stateClassName} />\n            </Tooltip>\n          )}\n        </div>\n        {item?.tag && (\n          <Tooltip className=\"cell-tag\" template={<TextTooltipTemplate text={item.tag} />}>\n            <span className=\"cell-subtext\">{item.tag}</span>\n          </Tooltip>\n        )}\n      </div>\n    </td>\n  )\n}\n\nTableTagStatusCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  item: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]).isRequired,\n  onClick: PropTypes.func\n}\n\nexport default TableTagStatusCell\n"],"names":["TableTagStatusCell","cellData","className","item","onClick","tableCellClassNames","classnames","stateValue","stateLabel","stateClassName","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;AA4BA,MAAMA,IAAqB,CAAC,EAAE,UAAAC,IAAW,IAAI,WAAAC,IAAY,IAAI,MAAAC,GAAM,SAAAC,IAAU,WAAW;AACtF,QAAMC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACAL,EAAS;AAAA,IACTC;AAAA,IACAD,EAAS;AAAA,IACTG,KAAW;AAAA,EAAA,GAEP,EAAE,OAAOG,GAAY,OAAOC,GAAY,WAAWC,EAAA,KAAmBN,KAAA,gBAAAA,EAAM,UAAS,CAAA;AAE3F,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,gBAAaT,KAAA,gBAAAA,EAAU,aAAY;AAAA,MACnC,WAAWI;AAAA,MACX,SAAS,MAAMJ,EAAS,UAASG,KAAA,gBAAAA,EAAUH,EAAS;AAAA,MAEpD,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,4BAAWC,GAAA,EAAoB,MAAMZ,EAAS,WAAWA,EAAS,SAAS,IAAI;AAAA,cAE9E,UAAAA,EAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAEXM,KAAcC,KACb,gBAAAE,EAACE,GAAA,EAAQ,WAAU,eAAc,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAML,GAAY,GAChF,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAWD,GAAgB,EAAA,CAChC;AAAA,QAAA,GAEJ;AAAA,SACCN,KAAA,gBAAAA,EAAM,QACL,gBAAAO,EAACE,KAAQ,WAAU,YAAW,UAAU,gBAAAF,EAACG,GAAA,EAAoB,MAAMV,EAAK,IAAA,CAAK,GAC3E,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAU,gBAAgB,UAAAP,EAAK,KAAI,EAAA,CAC3C;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAH,EAAmB,YAAY;AAAA,EAC7B,UAAUc,EAAU,OAAO;AAAA,EAC3B,WAAWA,EAAU;AAAA,EACrB,MAAMA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,IAAI,CAAC,EAAE;AAAA,EAC9D,SAASA,EAAU;AACrB;"}

package/dist/elements/index.d.ts

@@ -5,7 +5,8 @@ import OptionsMenu from './OptionsMenu/OptionsMenu';
 import SelectOption from './SelectOption/SelectOption';
 import TableHead from './TableHead/TableHead';
 import TableLinkCell from './TableLinkCell/TableLinkCell';
+import TableTagStatusCell from './TableTagStatusCell/TableTagStatusCell';
 import TableTypeCell from './TableTypeCell/TableTypeCell';
 import ValidationTemplate from './ValidationTemplate/ValidationTemplate';
-export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTypeCell, ValidationTemplate };
+export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTagStatusCell, TableTypeCell, ValidationTemplate };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;0BAC/B,+BAA+B;+BAC1B,yCAAyC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;+BAC1B,yCAAyC;0BAC9C,+BAA+B;+BAC1B,yCAAyC"}

package/dist/elements/index.mjs

@@ -1,21 +1,23 @@
-import { default as o } from "./ActionsMenuItem/ActionsMenuItem.mjs";
-import { default as r } from "./FormActionButton/FormActionButton.mjs";
+import { default as a } from "./ActionsMenuItem/ActionsMenuItem.mjs";
+import { default as l } from "./FormActionButton/FormActionButton.mjs";
 import { default as f } from "./FormRowActions/FormRowActions.mjs";
 import { default as p } from "./OptionsMenu/OptionsMenu.mjs";
 import { default as u } from "./SelectOption/SelectOption.mjs";
 import { default as n } from "./TableHead/TableHead.mjs";
 import { default as i } from "./TableLinkCell/TableLinkCell.mjs";
-import { default as c } from "./TableTypeCell/TableTypeCell.mjs";
-import { default as A } from "./ValidationTemplate/ValidationTemplate.mjs";
+import { default as b } from "./TableTagStatusCell/TableTagStatusCell.mjs";
+import { default as A } from "./TableTypeCell/TableTypeCell.mjs";
+import { default as F } from "./ValidationTemplate/ValidationTemplate.mjs";
 export {
-  o as ActionsMenuItem,
-  r as FormActionButton,
+  a as ActionsMenuItem,
+  l as FormActionButton,
   f as FormRowActions,
   p as OptionsMenu,
   u as SelectOption,
   n as TableHead,
   i as TableLinkCell,
-  c as TableTypeCell,
-  A as ValidationTemplate
+  b as TableTagStatusCell,
+  A as TableTypeCell,
+  F as ValidationTemplate
 };
 //# sourceMappingURL=index.mjs.map

package/dist/elements/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/useDetailsHeader.hook.mjs

@@ -18,7 +18,7 @@ import te from "../images/ml-enlarge.svg.mjs";
 import oe from "../images/history.svg.mjs";
 import ne from "../images/ml-minimize.svg.mjs";
 import re from "../images/refresh.svg.mjs";
-const B = ({
+const S = ({
   actionButton: t = null,
   actionsMenu: c,
   applyChanges: d,
@@ -31,20 +31,20 @@ const B = ({
   handleCancelClick: u,
   handleRefresh: h = null,
   headerRef: T,
-  isDetailsPopUp: a = !1,
+  isDetailsPopUp: l = !1,
   isDetailsScreen: w,
   location: p,
   navigate: f,
   pageData: g,
-  params: l,
+  params: a,
   renderCustomElements: b = null,
   renderStatus: _ = null,
   renderTitle: q,
   selectedItem: k,
   showAllVersions: N = null,
-  tab: S = "",
+  tab: V = "",
   viewMode: A = "",
-  withActionMenu: V = !0,
+  withActionMenu: B = !0,
   withToggleViewBtn: I = !1
 }) => /* @__PURE__ */ r("div", { className: "item-header", ref: T, children: [
   /* @__PURE__ */ r("div", { className: "item-header__data", children: [
@@ -53,7 +53,7 @@ const B = ({
   ] }),
   /* @__PURE__ */ i("div", { className: "item-header__custom-elements", children: b && b() }),
   /* @__PURE__ */ r("div", { className: "item-header__buttons", children: [
-    o.changes.counter > 0 && !a && /* @__PURE__ */ r(M, { children: [
+    o.changes.counter > 0 && !l && /* @__PURE__ */ r(M, { children: [
       /* @__PURE__ */ i(
         j,
         {
@@ -116,9 +116,9 @@ const B = ({
         children: /* @__PURE__ */ i(re, {})
       }
     ),
-    V && /* @__PURE__ */ i(W, { dataItem: k, menu: c, time: 500 }),
+    B && /* @__PURE__ */ i(W, { dataItem: k, menu: c, time: 500 }),
     /* @__PURE__ */ r("div", { className: "item-header__navigation-buttons", children: [
-      I && !a && /* @__PURE__ */ r(M, { children: [
+      I && !l && /* @__PURE__ */ r(M, { children: [
         A !== y && /* @__PURE__ */ i(
           s,
           {
@@ -146,7 +146,7 @@ const B = ({
           }
         )
       ] }),
-      !g.details.hideBackBtn && (a ? /* @__PURE__ */ i(
+      !g.details.hideCloseBtn && (l ? /* @__PURE__ */ i(
         "div",
         {
           className: "details-close-btn",
@@ -159,7 +159,7 @@ const B = ({
         {
           className: "details-close-btn",
           "data-testid": "details-close-btn",
-          to: m ? m(k.name) : C(l, g.page, S),
+          to: m ? m(k.name) : C(a, g.page, V),
           onClick: u,
           children: /* @__PURE__ */ i(s, { tooltipText: "Close", id: "details-close", children: /* @__PURE__ */ i($, {}) })
         }
@@ -167,7 +167,7 @@ const B = ({
     ] })
   ] })
 ] });
-B.propTypes = {
+S.propTypes = {
   actionButton: Q,
   actionsMenu: K.isRequired,
   applyChanges: e.func.isRequired,
@@ -197,24 +197,24 @@ B.propTypes = {
   withToggleViewBtn: e.bool
 };
 const Ne = ({ handleCancel: t, handleShowWarning: c, isDetailsPopUp: d, pageData: R }) => {
-  const n = O((l) => l.commonDetailsStore), o = F(), m = D(), C = U(), v = ee(window.location.search), { actionButton: u, withToggleViewBtn: h, showAllVersions: T } = R.details, a = H(), w = z(), p = async (l, b) => {
+  const n = O((a) => a.commonDetailsStore), o = F(), m = D(), C = U(), v = ee(window.location.search), { actionButton: u, withToggleViewBtn: h, showAllVersions: T } = R.details, l = H(), w = z(), p = async (a, b) => {
     await ie(
       n.changes,
       o
-    ) && b(l);
+    ) && b(a);
   }, f = x(() => {
     n.changes.counter > 0 ? c(!0) : t && t();
   }, [n.changes.counter, t, c]), g = x(() => {
     t && (n.changes.counter === 0 || d) && t();
   }, [n.changes.counter, t, d]);
   return {
-    DetailsHeaderContainer: B,
+    DetailsHeaderContainer: S,
     actionButton: u,
     commonDetailsStore: n,
     handleActionClick: p,
     handleBackClick: f,
     handleCancelClick: g,
-    headerRef: a,
+    headerRef: l,
     location: w,
     navigate: C,
     params: m,