iguazio.dashboard-react-controls 3.0.4 → 3.1.1

package/dist/components/TabsSlider/TabsSlider.mjs

@@ -0,0 +1,133 @@
+import { jsxs as g, jsx as s } from "react/jsx-runtime";
+import { useState as S, useRef as y, useCallback as z, useEffect as w } from "react";
+import { useLocation as M, useParams as U, Link as X } from "react-router-dom";
+import W from "prop-types";
+import k from "classnames";
+import H from "../Tip/Tip.mjs";
+import { SLIDER_TABS as G } from "../../types.mjs";
+import { generateUrlFromRouterPath as J } from "../../utils/common.util.mjs";
+import T from "../../images/arrow.svg.mjs";
+const K = ({
+  fontSize: P = "sm",
+  initialTab: q = "",
+  isDetailsPopUp: C = !1,
+  onClick: L = () => {
+  },
+  skipLink: D = !1,
+  tabsList: v
+}) => {
+  const [d, $] = S(q), [x, O] = S(!0), [f, a] = S(0), [A, l] = S(!1), i = y(), n = y(), j = M(), b = U(), m = 2, I = 1.5, B = k(
+    "tabs-slider__arrow",
+    "tabs-slider__arrow_left",
+    x && "tabs-slider__arrow_hidden",
+    f === 0 && "tabs-slider__arrow_disabled"
+  ), F = k(
+    "tabs-slider__arrow",
+    "tabs-slider__arrow_right",
+    x && "tabs-slider__arrow_hidden",
+    A && "tabs-slider__arrow_disabled"
+  ), R = (e) => {
+    var r, o, c, _, p, N;
+    let t;
+    e ? ((r = n.current) == null ? void 0 : r.scrollWidth) < ((o = i.current) == null ? void 0 : o.offsetWidth) * I + f ? (t = ((c = n.current) == null ? void 0 : c.scrollWidth) - ((_ = i.current) == null ? void 0 : _.offsetWidth), l(!0)) : t = f + ((p = i.current) == null ? void 0 : p.offsetWidth) / m : (t = Math.max(
+      0,
+      f - ((N = i.current) == null ? void 0 : N.offsetWidth) / m
+    ), l(!1)), a(t);
+  }, u = z(() => {
+    var t, r, o, c;
+    const e = ((t = n.current) == null ? void 0 : t.offsetWidth) === ((r = n.current) == null ? void 0 : r.scrollWidth);
+    O(e), A && a(((o = n.current) == null ? void 0 : o.scrollWidth) - ((c = i.current) == null ? void 0 : c.offsetWidth)), e && (a(0), l(!1));
+  }, [A, n, i]), h = z(() => {
+    var r, o, c, _, p;
+    const e = document.querySelector(`[data-tab='${d}']`), t = (e == null ? void 0 : e.offsetLeft) - ((r = i.current) == null ? void 0 : r.offsetWidth) / m + (e == null ? void 0 : e.offsetWidth) / m;
+    t <= 0 ? (a(0), l(!1)) : ((o = n.current) == null ? void 0 : o.scrollWidth) < ((c = i.current) == null ? void 0 : c.offsetWidth) / m + (e == null ? void 0 : e.offsetLeft) + (e == null ? void 0 : e.offsetWidth) ? (a(((_ = n.current) == null ? void 0 : _.scrollWidth) - ((p = i.current) == null ? void 0 : p.offsetWidth)), l(!0)) : (a(t), l(!1));
+  }, [d]), E = (e) => {
+    $(e), L && L(e);
+  };
+  return w(() => (window.addEventListener("resize", u), () => window.removeEventListener("resize", u)), [u]), w(() => (window.addEventListener("resize", h), () => window.removeEventListener("resize", h)), [h]), w(() => {
+    u();
+  }, [v, u]), w(() => {
+    h();
+  }, [h]), w(() => {
+    var e;
+    b.tab && b.tab !== d && !C && $((e = v.find((t) => t.id === b.tab)) == null ? void 0 : e.id);
+  }, [C, b.tab, d, v]), /* @__PURE__ */ g("div", { className: "content-menu", children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: B,
+        onClick: () => {
+          R(!1);
+        },
+        children: /* @__PURE__ */ s(T, {})
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "content-menu__tabs-wrapper", ref: i, children: /* @__PURE__ */ s(
+      "div",
+      {
+        ref: n,
+        className: "content-menu__tabs",
+        style: {
+          transform: `translateX(${-f}px)`
+        },
+        children: v.map((e) => {
+          var r;
+          const t = k(
+            "content-menu__tab",
+            `content-menu__tab-${P}`,
+            d === e.id && "content-menu__tab_active"
+          );
+          return !e.hidden && (D ? /* @__PURE__ */ g(
+            "div",
+            {
+              className: t,
+              "data-tab": e.id,
+              onClick: () => E(e.id),
+              children: [
+                e.icon && /* @__PURE__ */ s("div", { className: "content-menu_tab-icon", children: e.icon }),
+                e.label,
+                e.tip && /* @__PURE__ */ s(H, { className: "content-menu__tab-tip", text: e.tip })
+              ]
+            },
+            e.id
+          ) : /* @__PURE__ */ s(
+            X,
+            {
+              to: J(
+                `${(r = window.location.pathname) == null ? void 0 : r.replace(/^$|([^/]+$)/, e.id)}${j.search ?? ""}${e.query ?? ""}`
+              ),
+              className: t,
+              children: /* @__PURE__ */ g(
+                "span",
+                {
+                  className: e.icon && "content-menu__tab-icon" || e.tip && "content-menu__tab-tip",
+                  "data-tab": e.id,
+                  onClick: () => E(e),
+                  children: [
+                    e.icon && /* @__PURE__ */ s("div", { children: e.icon }),
+                    e.label,
+                    e.tip && /* @__PURE__ */ s(H, { text: e.tip })
+                  ]
+                }
+              )
+            },
+            e.id
+          ));
+        })
+      }
+    ) }),
+    /* @__PURE__ */ s("div", { className: F, onClick: () => R(!0), children: /* @__PURE__ */ s(T, {}) })
+  ] });
+};
+K.propTypes = {
+  fontSize: W.oneOf(["sm", "md", "lg"]),
+  initialTab: W.string,
+  isDetailsPopUp: W.bool,
+  onClick: W.func,
+  skipLink: W.bool,
+  tabsList: G.isRequired
+};
+export {
+  K as default
+};
+//# sourceMappingURL=TabsSlider.mjs.map

package/dist/components/TabsSlider/TabsSlider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsSlider.mjs","sources":["../../../src/lib/components/TabsSlider/TabsSlider.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { useCallback, useEffect, useState, useRef } from 'react'\nimport { Link, useLocation, useParams } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tip from '../Tip/Tip'\n\nimport { SLIDER_TABS } from '../../types'\nimport { generateUrlFromRouterPath } from '../../utils/common.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TabsSlider = ({\n  fontSize = 'sm',\n  initialTab = '',\n  isDetailsPopUp = false,\n  onClick = () => {},\n  skipLink = false,\n  tabsList\n}) => {\n  const [selectedTab, setSelectedTab] = useState(initialTab)\n  const [arrowsAreHidden, setArrowsAreHidden] = useState(true)\n  const [scrolledWidth, setScrolledWidth] = useState(0)\n  const [rightArrowDisabled, setRightArrowDisabled] = useState(false)\n  const tabsWrapperRef = useRef()\n  const tabsRef = useRef()\n  const location = useLocation()\n  const params = useParams()\n  const menuOffsetHalfWidth = 2\n  const tabOffset = 1.5\n\n  const leftArrowClassNames = classnames(\n    'tabs-slider__arrow',\n    'tabs-slider__arrow_left',\n    arrowsAreHidden && 'tabs-slider__arrow_hidden',\n    scrolledWidth === 0 && 'tabs-slider__arrow_disabled'\n  )\n  const rightArrowClassNames = classnames(\n    'tabs-slider__arrow',\n    'tabs-slider__arrow_right',\n    arrowsAreHidden && 'tabs-slider__arrow_hidden',\n    rightArrowDisabled && 'tabs-slider__arrow_disabled'\n  )\n\n  const scrollTabs = toRight => {\n    let scrollWidth\n\n    if (toRight) {\n      if (\n        tabsRef.current?.scrollWidth <\n        tabsWrapperRef.current?.offsetWidth * tabOffset + scrolledWidth\n      ) {\n        scrollWidth = tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth\n\n        setRightArrowDisabled(true)\n      } else {\n        scrollWidth = scrolledWidth + tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth\n      }\n    } else {\n      scrollWidth = Math.max(\n        0,\n        scrolledWidth - tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth\n      )\n\n      setRightArrowDisabled(false)\n    }\n\n    setScrolledWidth(scrollWidth)\n  }\n\n  const handleHideArrows = useCallback(() => {\n    const scrollIsHidden = tabsRef.current?.offsetWidth === tabsRef.current?.scrollWidth\n\n    setArrowsAreHidden(scrollIsHidden)\n\n    if (rightArrowDisabled) {\n      setScrolledWidth(tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth)\n    }\n\n    if (scrollIsHidden) {\n      setScrolledWidth(0)\n      setRightArrowDisabled(false)\n    }\n  }, [rightArrowDisabled, tabsRef, tabsWrapperRef])\n\n  const moveToSelectedTab = useCallback(() => {\n    const selectedTabNode = document.querySelector(`[data-tab='${selectedTab}']`)\n    const centeredTabPosition =\n      selectedTabNode?.offsetLeft -\n      tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth +\n      selectedTabNode?.offsetWidth / menuOffsetHalfWidth\n\n    if (centeredTabPosition <= 0) {\n      setScrolledWidth(0)\n      setRightArrowDisabled(false)\n    } else if (\n      tabsRef.current?.scrollWidth <\n      tabsWrapperRef.current?.offsetWidth / menuOffsetHalfWidth +\n        selectedTabNode?.offsetLeft +\n        selectedTabNode?.offsetWidth\n    ) {\n      setScrolledWidth(tabsRef.current?.scrollWidth - tabsWrapperRef.current?.offsetWidth)\n      setRightArrowDisabled(true)\n    } else {\n      setScrolledWidth(centeredTabPosition)\n      setRightArrowDisabled(false)\n    }\n  }, [selectedTab])\n\n  const onSelectTab = newTab => {\n    setSelectedTab(newTab)\n    onClick && onClick(newTab)\n  }\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHideArrows)\n\n    return () => window.removeEventListener('resize', handleHideArrows)\n  }, [handleHideArrows])\n\n  useEffect(() => {\n    window.addEventListener('resize', moveToSelectedTab)\n\n    return () => window.removeEventListener('resize', moveToSelectedTab)\n  }, [moveToSelectedTab])\n\n  useEffect(() => {\n    handleHideArrows()\n  }, [tabsList, handleHideArrows])\n\n  useEffect(() => {\n    moveToSelectedTab()\n  }, [moveToSelectedTab])\n\n  useEffect(() => {\n    if (params.tab && params.tab !== selectedTab && !isDetailsPopUp) {\n      setSelectedTab(tabsList.find(tab => tab.id === params.tab)?.id)\n    }\n  }, [isDetailsPopUp, params.tab, selectedTab, tabsList])\n\n  return (\n    <div className=\"content-menu\">\n      <div\n        className={leftArrowClassNames}\n        onClick={() => {\n          scrollTabs(false)\n        }}\n      >\n        <Arrow />\n      </div>\n      <div className=\"content-menu__tabs-wrapper\" ref={tabsWrapperRef}>\n        <div\n          ref={tabsRef}\n          className=\"content-menu__tabs\"\n          style={{\n            transform: `translateX(${-scrolledWidth}px)`\n          }}\n        >\n          {tabsList.map(tab => {\n            const tabClassName = classnames(\n              'content-menu__tab',\n              `content-menu__tab-${fontSize}`,\n              selectedTab === tab.id && 'content-menu__tab_active'\n            )\n\n            return (\n              !tab.hidden &&\n              (!skipLink ? (\n                <Link\n                  to={generateUrlFromRouterPath(\n                    `${window.location.pathname?.replace(/^$|([^/]+$)/, tab.id)}${location.search ?? ''}${tab.query ?? ''}`\n                  )}\n                  className={tabClassName}\n                  key={tab.id}\n                >\n                  <span\n                    className={\n                      (tab.icon && 'content-menu__tab-icon') || (tab.tip && 'content-menu__tab-tip')\n                    }\n                    data-tab={tab.id}\n                    onClick={() => onSelectTab(tab)}\n                  >\n                    {tab.icon && <div>{tab.icon}</div>}\n                    {tab.label}\n                    {tab.tip && <Tip text={tab.tip} />}\n                  </span>\n                </Link>\n              ) : (\n                <div\n                  className={tabClassName}\n                  data-tab={tab.id}\n                  key={tab.id}\n                  onClick={() => onSelectTab(tab.id)}\n                >\n                  {tab.icon && <div className=\"content-menu_tab-icon\">{tab.icon}</div>}\n                  {tab.label}\n                  {tab.tip && <Tip className=\"content-menu__tab-tip\" text={tab.tip} />}\n                </div>\n              ))\n            )\n          })}\n        </div>\n      </div>\n      <div className={rightArrowClassNames} onClick={() => scrollTabs(true)}>\n        <Arrow />\n      </div>\n    </div>\n  )\n}\n\nTabsSlider.propTypes = {\n  fontSize: PropTypes.oneOf(['sm', 'md', 'lg']),\n  initialTab: PropTypes.string,\n  isDetailsPopUp: PropTypes.bool,\n  onClick: PropTypes.func,\n  skipLink: PropTypes.bool,\n  tabsList: SLIDER_TABS.isRequired\n}\n\nexport default TabsSlider\n"],"names":["TabsSlider","fontSize","initialTab","isDetailsPopUp","onClick","skipLink","tabsList","selectedTab","setSelectedTab","useState","arrowsAreHidden","setArrowsAreHidden","scrolledWidth","setScrolledWidth","rightArrowDisabled","setRightArrowDisabled","tabsWrapperRef","useRef","tabsRef","location","useLocation","params","useParams","menuOffsetHalfWidth","tabOffset","leftArrowClassNames","classnames","rightArrowClassNames","scrollTabs","toRight","scrollWidth","_a","_b","_c","_d","_e","_f","handleHideArrows","useCallback","scrollIsHidden","moveToSelectedTab","selectedTabNode","centeredTabPosition","onSelectTab","newTab","useEffect","tab","jsxs","jsx","Arrow","tabClassName","Tip","Link","generateUrlFromRouterPath","PropTypes","SLIDER_TABS"],"mappings":";;;;;;;;;AA+BA,MAAMA,IAAa,CAAC;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,SAAAC,IAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAAC,IAAW;AAAA,EACX,UAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASP,CAAU,GACnD,CAACQ,GAAiBC,CAAkB,IAAIF,EAAS,EAAI,GACrD,CAACG,GAAeC,CAAgB,IAAIJ,EAAS,CAAC,GAC9C,CAACK,GAAoBC,CAAqB,IAAIN,EAAS,EAAK,GAC5DO,IAAiBC,EAAO,GACxBC,IAAUD,EAAO,GACjBE,IAAWC,EAAY,GACvBC,IAASC,EAAU,GACnBC,IAAsB,GACtBC,IAAY,KAEZC,IAAsBC;AAAA,IAC1B;AAAA,IACA;AAAA,IACAhB,KAAmB;AAAA,IACnBE,MAAkB,KAAK;AAAA,EACzB,GACMe,IAAuBD;AAAA,IAC3B;AAAA,IACA;AAAA,IACAhB,KAAmB;AAAA,IACnBI,KAAsB;AAAA,EACxB,GAEMc,IAAa,CAAWC,MAAA;;AACxB,QAAAC;AAEJ,IAAID,MAEAE,IAAAb,EAAQ,YAAR,gBAAAa,EAAiB,iBACjBC,IAAAhB,EAAe,YAAf,gBAAAgB,EAAwB,eAAcR,IAAYZ,KAElDkB,MAAcG,IAAAf,EAAQ,YAAR,gBAAAe,EAAiB,iBAAcC,IAAAlB,EAAe,YAAf,gBAAAkB,EAAwB,cAErEnB,EAAsB,EAAI,KAEZe,IAAAlB,MAAgBuB,IAAAnB,EAAe,YAAf,gBAAAmB,EAAwB,eAAcZ,KAGtEO,IAAc,KAAK;AAAA,MACjB;AAAA,MACAlB,MAAgBwB,IAAApB,EAAe,YAAf,gBAAAoB,EAAwB,eAAcb;AAAA,IACxD,GAEAR,EAAsB,EAAK,IAG7BF,EAAiBiB,CAAW;AAAA,EAC9B,GAEMO,IAAmBC,EAAY,MAAM;;AACzC,UAAMC,MAAiBR,IAAAb,EAAQ,YAAR,gBAAAa,EAAiB,mBAAgBC,IAAAd,EAAQ,YAAR,gBAAAc,EAAiB;AAEzE,IAAArB,EAAmB4B,CAAc,GAE7BzB,KACFD,IAAiBoB,IAAAf,EAAQ,YAAR,gBAAAe,EAAiB,iBAAcC,IAAAlB,EAAe,YAAf,gBAAAkB,EAAwB,YAAW,GAGjFK,MACF1B,EAAiB,CAAC,GAClBE,EAAsB,EAAK;AAAA,EAE5B,GAAA,CAACD,GAAoBI,GAASF,CAAc,CAAC,GAE1CwB,IAAoBF,EAAY,MAAM;;AAC1C,UAAMG,IAAkB,SAAS,cAAc,cAAclC,CAAW,IAAI,GACtEmC,KACJD,KAAA,gBAAAA,EAAiB,gBACjBV,IAAAf,EAAe,YAAf,gBAAAe,EAAwB,eAAcR,KACtCkB,KAAA,gBAAAA,EAAiB,eAAclB;AAEjC,IAAImB,KAAuB,KACzB7B,EAAiB,CAAC,GAClBE,EAAsB,EAAK,OAE3BiB,IAAAd,EAAQ,YAAR,gBAAAc,EAAiB,iBACjBC,IAAAjB,EAAe,YAAf,gBAAAiB,EAAwB,eAAcV,KACpCkB,KAAA,gBAAAA,EAAiB,eACjBA,KAAA,gBAAAA,EAAiB,gBAEnB5B,IAAiBqB,IAAAhB,EAAQ,YAAR,gBAAAgB,EAAiB,iBAAcC,IAAAnB,EAAe,YAAf,gBAAAmB,EAAwB,YAAW,GACnFpB,EAAsB,EAAI,MAE1BF,EAAiB6B,CAAmB,GACpC3B,EAAsB,EAAK;AAAA,EAC7B,GACC,CAACR,CAAW,CAAC,GAEVoC,IAAc,CAAUC,MAAA;AAC5B,IAAApC,EAAeoC,CAAM,GACrBxC,KAAWA,EAAQwC,CAAM;AAAA,EAC3B;AAEA,SAAAC,EAAU,OACD,OAAA,iBAAiB,UAAUR,CAAgB,GAE3C,MAAM,OAAO,oBAAoB,UAAUA,CAAgB,IACjE,CAACA,CAAgB,CAAC,GAErBQ,EAAU,OACD,OAAA,iBAAiB,UAAUL,CAAiB,GAE5C,MAAM,OAAO,oBAAoB,UAAUA,CAAiB,IAClE,CAACA,CAAiB,CAAC,GAEtBK,EAAU,MAAM;AACG,IAAAR,EAAA;AAAA,EAAA,GAChB,CAAC/B,GAAU+B,CAAgB,CAAC,GAE/BQ,EAAU,MAAM;AACI,IAAAL,EAAA;AAAA,EAAA,GACjB,CAACA,CAAiB,CAAC,GAEtBK,EAAU,MAAM;;AACd,IAAIxB,EAAO,OAAOA,EAAO,QAAQd,KAAe,CAACJ,KAChCK,GAAAuB,IAAAzB,EAAS,KAAK,CAAOwC,MAAAA,EAAI,OAAOzB,EAAO,GAAG,MAA1C,gBAAAU,EAA6C,EAAE;AAAA,EAChE,GACC,CAAC5B,GAAgBkB,EAAO,KAAKd,GAAaD,CAAQ,CAAC,GAGpD,gBAAAyC,EAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWvB;AAAA,QACX,SAAS,MAAM;AACb,UAAAG,EAAW,EAAK;AAAA,QAClB;AAAA,QAEA,4BAACqB,GAAM,CAAA,CAAA;AAAA,MAAA;AAAA,IACT;AAAA,IACC,gBAAAD,EAAA,OAAA,EAAI,WAAU,8BAA6B,KAAKhC,GAC/C,UAAA,gBAAAgC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK9B;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,cAAc,CAACN,CAAa;AAAA,QACzC;AAAA,QAEC,UAAAN,EAAS,IAAI,CAAOwC,MAAA;;AACnB,gBAAMI,IAAexB;AAAA,YACnB;AAAA,YACA,qBAAqBzB,CAAQ;AAAA,YAC7BM,MAAgBuC,EAAI,MAAM;AAAA,UAC5B;AAEA,iBACE,CAACA,EAAI,WACHzC,IAqBA,gBAAA0C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWG;AAAA,cACX,YAAUJ,EAAI;AAAA,cAEd,SAAS,MAAMH,EAAYG,EAAI,EAAE;AAAA,cAEhC,UAAA;AAAA,gBAAAA,EAAI,QAAS,gBAAAE,EAAA,OAAA,EAAI,WAAU,yBAAyB,YAAI,MAAK;AAAA,gBAC7DF,EAAI;AAAA,gBACJA,EAAI,OAAQ,gBAAAE,EAAAG,GAAA,EAAI,WAAU,yBAAwB,MAAML,EAAI,IAAK,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAL7DA,EAAI;AAAA,UAAA,IAvBX,gBAAAE;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,IAAIC;AAAA,gBACF,IAAGtB,IAAA,OAAO,SAAS,aAAhB,gBAAAA,EAA0B,QAAQ,eAAee,EAAI,GAAG,GAAG3B,EAAS,UAAU,EAAE,GAAG2B,EAAI,SAAS,EAAE;AAAA,cACvG;AAAA,cACA,WAAWI;AAAA,cAGX,UAAA,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WACGD,EAAI,QAAQ,4BAA8BA,EAAI,OAAO;AAAA,kBAExD,YAAUA,EAAI;AAAA,kBACd,SAAS,MAAMH,EAAYG,CAAG;AAAA,kBAE7B,UAAA;AAAA,oBAAAA,EAAI,QAAQ,gBAAAE,EAAC,OAAK,EAAA,UAAAF,EAAI,MAAK;AAAA,oBAC3BA,EAAI;AAAA,oBACJA,EAAI,OAAO,gBAAAE,EAACG,GAAI,EAAA,MAAML,EAAI,IAAK,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAClC;AAAA,YAZKA,EAAI;AAAA,UAAA;AAAA,QA2BhB,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACA,gBAAAE,EAAC,OAAI,EAAA,WAAWrB,GAAsB,SAAS,MAAMC,EAAW,EAAI,GAClE,UAAC,gBAAAoB,EAAAC,GAAA,CAAM,CAAA,EACT,CAAA;AAAA,EAAA,GACF;AAEJ;AAEAjD,EAAW,YAAY;AAAA,EACrB,UAAUsD,EAAU,MAAM,CAAC,MAAM,MAAM,IAAI,CAAC;AAAA,EAC5C,YAAYA,EAAU;AAAA,EACtB,gBAAgBA,EAAU;AAAA,EAC1B,SAASA,EAAU;AAAA,EACnB,UAAUA,EAAU;AAAA,EACpB,UAAUC,EAAY;AACxB;"}

package/dist/components/index.d.ts

@@ -1,5 +1,11 @@
+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';
 import FormCheckBox from './FormCheckBox/FormCheckBox';
 import FormChipCell from './FormChipCell/FormChipCell';
 import FormCombobox from './FormCombobox/FormCombobox';
@@ -10,12 +16,17 @@ import FormRadio from './FormRadio/FormRadio';
 import FormSelect from './FormSelect/FormSelect';
 import FormTextarea from './FormTextarea/FormTextarea';
 import FormToggle from './FormToggle/FormToggle';
+import LoadButton from './LoadButton/LoadButton';
+import Loader from './Loader/Loader';
+import LoaderForSuspenseFallback from './Loader/LoaderForSuspenseFallback';
 import Modal from './Modal/Modal';
 import PopUpDialog from './PopUpDialog/PopUpDialog';
 import RoundedIcon from './RoundedIcon/RoundedIcon';
+import TableCell from './TableCell/TableCell';
+import TabsSlider from './TabsSlider/TabsSlider';
 import TextTooltipTemplate from './TooltipTemplate/TextTooltipTemplate';
 import Tip from './Tip/Tip';
 import Tooltip from './Tooltip/Tooltip';
 import Wizard from './Wizard/Wizard';
-export { Button, ConfirmDialog, FormCheckBox, FormChipCell, FormCombobox, FormInput, FormKeyValueTable, FormOnChange, FormRadio, FormSelect, FormTextarea, FormToggle, Modal, PopUpDialog, RoundedIcon, TextTooltipTemplate, Tip, Tooltip, 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 };
 //# 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":"mBAiBmB,iBAAiB;0BACV,+BAA+B;yBAChC,6BAA6B;yBAC7B,6BAA6B;yBAC7B,6BAA6B;sBAChC,uBAAuB;8BACf,uCAAuC;yBAC5C,6BAA6B;sBAChC,uBAAuB;uBACtB,yBAAyB;yBACvB,6BAA6B;uBAC/B,yBAAyB;kBAC9B,eAAe;wBACT,2BAA2B;wBAC3B,2BAA2B;gCACnB,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;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"}

package/dist/components/index.mjs

@@ -1,41 +1,63 @@
-import { default as r } from "./Button/Button.mjs";
-import { default as t } from "./ConfirmDialog/ConfirmDialog.mjs";
-import { default as m } from "./FormCheckBox/FormCheckBox.mjs";
-import { default as p } from "./FormChipCell/FormChipCell.mjs";
-import { default as u } from "./FormCombobox/FormCombobox.mjs";
-import { default as s } from "./FormInput/FormInput.mjs";
-import { default as i } from "./FormKeyValueTable/FormKeyValueTable.mjs";
-import { default as n } from "./FormOnChange/FormOnChange.mjs";
-import { default as g } from "./FormRadio/FormRadio.mjs";
-import { default as c } from "./FormSelect/FormSelect.mjs";
-import { default as B } from "./FormTextarea/FormTextarea.mjs";
-import { default as I } from "./FormToggle/FormToggle.mjs";
-import { default as k } from "./Modal/Modal.mjs";
-import { default as z } from "./PopUpDialog/PopUpDialog.mjs";
-import { default as M } from "./RoundedIcon/RoundedIcon.mjs";
-import { default as P } from "./TooltipTemplate/TextTooltipTemplate.mjs";
-import { default as U } from "./Tip/Tip.mjs";
-import { default as W } from "./Tooltip/Tooltip.mjs";
-import { default as q } from "./Wizard/Wizard.mjs";
+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";
 export {
-  r as Button,
-  t as ConfirmDialog,
-  m as FormCheckBox,
-  p as FormChipCell,
-  u as FormCombobox,
-  s as FormInput,
-  i as FormKeyValueTable,
-  n as FormOnChange,
-  g as FormRadio,
-  c as FormSelect,
-  B as FormTextarea,
-  I as FormToggle,
-  k as Modal,
-  z as PopUpDialog,
-  M as RoundedIcon,
-  P as TextTooltipTemplate,
-  U as Tip,
-  W as Tooltip,
-  q as Wizard
+  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
 };
 //# 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/constants.d.ts

@@ -1,3 +1,9 @@
+export const VIEW_SEARCH_PARAMETER: "view";
+export const FULL_VIEW_MODE: "full";
+export const DENSITY_DENSE: "dense";
+export const DENSITY_NORMAL: "normal";
+export const DENSITY_MEDIUM: "medium";
+export const DENSITY_CHUNKY: "chunky";
 export const BACKSPACE: "Backspace";
 export const CLICK: "Click";
 export const DELETE: "Delete";
@@ -111,4 +117,6 @@ export const MODAL_MD: "md";
 export const MODAL_LG: "lg";
 export const MODAL_MIN: "min";
 export const MODAL_MAX: "max";
+export const MAIN_TABLE_ID: "main-table";
+export const MAIN_TABLE_BODY_ID: "main-table-body";
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/lib/constants.js"],"names":[],"mappings":"AAiBA,wBAAyB,WAAW,CAAA;AACpC,oBAAqB,OAAO,CAAA;AAC5B,qBAAsB,QAAQ,CAAA;AAC9B,kBAAmB,KAAK,CAAA;AACxB,wBAAyB,WAAW,CAAA;AAIpC,6BAA8B,SAAS,CAAA;AACvC,+BAAgC,WAAW,CAAA;AAC3C,8BAA+B,UAAU,CAAA;AACzC,4BAA6B,QAAQ,CAAA;AACrC,2BAA4B,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBnC,2CAA4C,GAAG,CAAA;AAC/C,0CAA2C,GAAG,CAAA;AAC9C,yCAA0C,GAAG,CAAA;AAC7C,yCAA0C,GAAG,CAAA;AAC7C,gDAAiD,GAAG,CAAA;AACpD,4CAA6C,GAAG,CAAA;AAChD,oDAAqD,GAAG,CAAA;AACxD,0CAA2C,GAAG,CAAA;AAI9C,uBAAwB,IAAI,CAAA;AAC5B,uBAAwB,IAAI,CAAA;AAC5B,uBAAwB,IAAI,CAAA;AAC5B,wBAAyB,KAAK,CAAA;AAC9B,wBAAyB,KAAK,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/lib/constants.js"],"names":[],"mappings":"AAmBA,oCAAqC,MAAM,CAAA;AAC3C,6BAA8B,MAAM,CAAA;AAEpC,4BAA6B,OAAO,CAAA;AACpC,6BAA8B,QAAQ,CAAA;AACtC,6BAA8B,QAAQ,CAAA;AACtC,6BAA8B,QAAQ,CAAA;AAGtC,wBAAyB,WAAW,CAAA;AACpC,oBAAqB,OAAO,CAAA;AAC5B,qBAAsB,QAAQ,CAAA;AAC9B,kBAAmB,KAAK,CAAA;AACxB,wBAAyB,WAAW,CAAA;AAIpC,6BAA8B,SAAS,CAAA;AACvC,+BAAgC,WAAW,CAAA;AAC3C,8BAA+B,UAAU,CAAA;AACzC,4BAA6B,QAAQ,CAAA;AACrC,2BAA4B,OAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBnC,2CAA4C,GAAG,CAAA;AAC/C,0CAA2C,GAAG,CAAA;AAC9C,yCAA0C,GAAG,CAAA;AAC7C,yCAA0C,GAAG,CAAA;AAC7C,gDAAiD,GAAG,CAAA;AACpD,4CAA6C,GAAG,CAAA;AAChD,oDAAqD,GAAG,CAAA;AACxD,0CAA2C,GAAG,CAAA;AAI9C,uBAAwB,IAAI,CAAA;AAC5B,uBAAwB,IAAI,CAAA;AAC5B,uBAAwB,IAAI,CAAA;AAC5B,wBAAyB,KAAK,CAAA;AAC9B,wBAAyB,KAAK,CAAA;AAI9B,4BAA6B,YAAY,CAAA;AACzC,iCAAkC,iBAAiB,CAAA"}

package/dist/constants.mjs

@@ -1,4 +1,4 @@
-const E = "Backspace", t = "Click", A = "Delete", n = "Tab", T = "Tab+Shift", _ = "primary", N = "secondary", e = "tertiary", s = "danger", o = "label", L = {
+const E = "view", t = "full", A = "dense", n = "normal", _ = "medium", T = "chunky", N = "Backspace", e = "Click", s = "Delete", o = "Tab", c = "Tab+Shift", L = "primary", O = "secondary", a = "tertiary", R = "danger", M = "label", i = {
   BEGIN_END_NOT_WITH: { LABEL: "Must not begin and end with", NAME: "beginEndNot" },
   BEGIN_END_WITH: { LABEL: "Must begin and end with", NAME: "beginEnd" },
   BEGIN_NOT_WITH: { LABEL: "Must not begin with", NAME: "beginNot" },
@@ -14,31 +14,39 @@ const E = "Backspace", t = "Click", A = "Delete", n = "Tab", T = "Tab+Shift", _
   REQUIRED: { LABEL: "This field is required", NAME: "required" },
   VALID_CHARACTERS_WITH_REFIX: { LABEL: "Valid characters", NAME: "validCharactersWithPrefix" },
   VALID_CHARACTERS: { LABEL: "Valid characters", NAME: "validCharacters" }
-}, c = 400, O = 403, R = 404, a = 409, i = 500, M = 502, B = 503, C = 504, D = "sm", I = "md", S = "lg", r = "min", d = "max";
+}, I = 400, D = 403, B = 404, C = 409, S = 500, r = 502, d = 503, U = 504, l = "sm", h = "md", u = "lg", b = "min", H = "max", g = "main-table", Y = "main-table-body";
 export {
-  E as BACKSPACE,
-  c as BADREQUEST_ERROR_STATUS_CODE,
-  M as BAD_GATEWAY_ERROR_STATUS_CODE,
-  t as CLICK,
-  a as CONFLICT_ERROR_STATUS_CODE,
-  s as DANGER_BUTTON,
-  A as DELETE,
-  O as FORBIDDEN_ERROR_STATUS_CODE,
-  C as GATEWAY_TIMEOUT_STATUS_CODE,
-  i as INTERNAL_SERVER_ERROR_STATUS_CODE,
-  o as LABEL_BUTTON,
-  S as MODAL_LG,
-  d as MODAL_MAX,
-  I as MODAL_MD,
-  r as MODAL_MIN,
-  D as MODAL_SM,
-  R as NOTFOUND_ERROR_STATUS_CODE,
-  _ as PRIMARY_BUTTON,
-  N as SECONDARY_BUTTON,
-  B as SERVICE_UNAVAILABLE_ERROR_STATUS_CODE,
-  n as TAB,
-  T as TAB_SHIFT,
-  e as TERTIARY_BUTTON,
-  L as validation
+  N as BACKSPACE,
+  I as BADREQUEST_ERROR_STATUS_CODE,
+  r as BAD_GATEWAY_ERROR_STATUS_CODE,
+  e as CLICK,
+  C as CONFLICT_ERROR_STATUS_CODE,
+  R as DANGER_BUTTON,
+  s as DELETE,
+  T as DENSITY_CHUNKY,
+  A as DENSITY_DENSE,
+  _ as DENSITY_MEDIUM,
+  n as DENSITY_NORMAL,
+  D as FORBIDDEN_ERROR_STATUS_CODE,
+  t as FULL_VIEW_MODE,
+  U as GATEWAY_TIMEOUT_STATUS_CODE,
+  S as INTERNAL_SERVER_ERROR_STATUS_CODE,
+  M as LABEL_BUTTON,
+  Y as MAIN_TABLE_BODY_ID,
+  g as MAIN_TABLE_ID,
+  u as MODAL_LG,
+  H as MODAL_MAX,
+  h as MODAL_MD,
+  b as MODAL_MIN,
+  l as MODAL_SM,
+  B as NOTFOUND_ERROR_STATUS_CODE,
+  L as PRIMARY_BUTTON,
+  O as SECONDARY_BUTTON,
+  d as SERVICE_UNAVAILABLE_ERROR_STATUS_CODE,
+  o as TAB,
+  c as TAB_SHIFT,
+  a as TERTIARY_BUTTON,
+  E as VIEW_SEARCH_PARAMETER,
+  i as validation
 };
 //# sourceMappingURL=constants.mjs.map

package/dist/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n  BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n  BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n  BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n  BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n  END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n  END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n  MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n  MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n  MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n  NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n  NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n  ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n  REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n  VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n  VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n"],"names":["BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX"],"mappings":"AAiBY,MAACA,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAe;AAAA,EACjF,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAY;AAAA,EACtE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAY;AAAA,EAClE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAS;AAAA,EACvD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAU;AAAA,EAC5D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAO;AAAA,EACjD,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAc;AAAA,EACnF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAc;AAAA,EACzF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAa;AAAA,EACxD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAA2B;AAAA,EACjG,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAwB;AAAA,EACxE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAsB;AAAA,EACrF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAY;AAAA,EAC/D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA6B;AAAA,EAC7F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY;"}
+{"version":3,"file":"constants.mjs","sources":["../src/lib/constants.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\n\n/*=========== GENERAL =============*/\n\nexport const VIEW_SEARCH_PARAMETER = 'view'\nexport const FULL_VIEW_MODE = 'full'\n\nexport const DENSITY_DENSE = 'dense'\nexport const DENSITY_NORMAL = 'normal'\nexport const DENSITY_MEDIUM = 'medium'\nexport const DENSITY_CHUNKY = 'chunky'\n\n/*=========== EVENT KEYS =============*/\nexport const BACKSPACE = 'Backspace'\nexport const CLICK = 'Click'\nexport const DELETE = 'Delete'\nexport const TAB = 'Tab'\nexport const TAB_SHIFT = 'Tab+Shift'\n\n/*=========== BUTTONS =============*/\n\nexport const PRIMARY_BUTTON = 'primary'\nexport const SECONDARY_BUTTON = 'secondary'\nexport const TERTIARY_BUTTON = 'tertiary'\nexport const DANGER_BUTTON = 'danger'\nexport const LABEL_BUTTON = 'label'\n\n/*=========== VALITATION =============*/\n\nexport const validation = {\n  BEGIN_END_NOT_WITH: { LABEL: 'Must not begin and end with', NAME: 'beginEndNot' },\n  BEGIN_END_WITH: { LABEL: 'Must begin and end with', NAME: 'beginEnd' },\n  BEGIN_NOT_WITH: { LABEL: 'Must not begin with', NAME: 'beginNot' },\n  BEGIN_WITH: { LABEL: 'Must begin with', NAME: 'begin' },\n  END_NOT_WITH: { LABEL: 'Must not end with', NAME: 'endNot' },\n  END_WITH: { LABEL: 'Must end with', NAME: 'end' },\n  MUST_CONTAIN_EXACTLY_ONE: { LABEL: 'Must contain exactly one', NAME: 'exactlyOne' },\n  MUST_HAVE_DOT_AFTER_AT: { LABEL: 'Must have at least one . after @', NAME: 'dotAfterAt' },\n  MUST_NOT_BE: { LABEL: 'Must not be', NAME: 'mustNotBe' },\n  NO_CONSECUTIVE_CHARACTER: { LABEL: 'No consecutive characters', NAME: 'noConsecutiveCharacters' },\n  NOT_CONTAIN: { LABEL: 'Must not contain', NAME: 'notContainCharacters' },\n  ONLY_AT_THE_BEGINNING: { LABEL: 'Only at the beginning', NAME: 'onlyAtTheBeginning' },\n  REQUIRED: { LABEL: 'This field is required', NAME: 'required' },\n  VALID_CHARACTERS_WITH_REFIX: { LABEL: 'Valid characters', NAME: 'validCharactersWithPrefix' },\n  VALID_CHARACTERS: { LABEL: 'Valid characters', NAME: 'validCharacters' }\n}\n\n/*=========== STATUS CODES =============*/\n\nexport const BADREQUEST_ERROR_STATUS_CODE = 400\nexport const FORBIDDEN_ERROR_STATUS_CODE = 403\nexport const NOTFOUND_ERROR_STATUS_CODE = 404\nexport const CONFLICT_ERROR_STATUS_CODE = 409\nexport const INTERNAL_SERVER_ERROR_STATUS_CODE = 500\nexport const BAD_GATEWAY_ERROR_STATUS_CODE = 502\nexport const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503\nexport const GATEWAY_TIMEOUT_STATUS_CODE = 504\n\n/*=========== MODAL =============*/\n\nexport const MODAL_SM = 'sm'\nexport const MODAL_MD = 'md'\nexport const MODAL_LG = 'lg'\nexport const MODAL_MIN = 'min'\nexport const MODAL_MAX = 'max'\n\n/*=========== TABLE =============*/\n\nexport const MAIN_TABLE_ID = 'main-table'\nexport const MAIN_TABLE_BODY_ID = 'main-table-body'\n"],"names":["VIEW_SEARCH_PARAMETER","FULL_VIEW_MODE","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","BACKSPACE","CLICK","DELETE","TAB","TAB_SHIFT","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","DANGER_BUTTON","LABEL_BUTTON","validation","BADREQUEST_ERROR_STATUS_CODE","FORBIDDEN_ERROR_STATUS_CODE","NOTFOUND_ERROR_STATUS_CODE","CONFLICT_ERROR_STATUS_CODE","INTERNAL_SERVER_ERROR_STATUS_CODE","BAD_GATEWAY_ERROR_STATUS_CODE","SERVICE_UNAVAILABLE_ERROR_STATUS_CODE","GATEWAY_TIMEOUT_STATUS_CODE","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","MAIN_TABLE_ID","MAIN_TABLE_BODY_ID"],"mappings":"AAmBY,MAACA,IAAwB,QACxBC,IAAiB,QAEjBC,IAAgB,SAChBC,IAAiB,UACjBC,IAAiB,UACjBC,IAAiB,UAGjBC,IAAY,aACZC,IAAQ,SACRC,IAAS,UACTC,IAAM,OACNC,IAAY,aAIZC,IAAiB,WACjBC,IAAmB,aACnBC,IAAkB,YAClBC,IAAgB,UAChBC,IAAe,SAIfC,IAAa;AAAA,EACxB,oBAAoB,EAAE,OAAO,+BAA+B,MAAM,cAAe;AAAA,EACjF,gBAAgB,EAAE,OAAO,2BAA2B,MAAM,WAAY;AAAA,EACtE,gBAAgB,EAAE,OAAO,uBAAuB,MAAM,WAAY;AAAA,EAClE,YAAY,EAAE,OAAO,mBAAmB,MAAM,QAAS;AAAA,EACvD,cAAc,EAAE,OAAO,qBAAqB,MAAM,SAAU;AAAA,EAC5D,UAAU,EAAE,OAAO,iBAAiB,MAAM,MAAO;AAAA,EACjD,0BAA0B,EAAE,OAAO,4BAA4B,MAAM,aAAc;AAAA,EACnF,wBAAwB,EAAE,OAAO,oCAAoC,MAAM,aAAc;AAAA,EACzF,aAAa,EAAE,OAAO,eAAe,MAAM,YAAa;AAAA,EACxD,0BAA0B,EAAE,OAAO,6BAA6B,MAAM,0BAA2B;AAAA,EACjG,aAAa,EAAE,OAAO,oBAAoB,MAAM,uBAAwB;AAAA,EACxE,uBAAuB,EAAE,OAAO,yBAAyB,MAAM,qBAAsB;AAAA,EACrF,UAAU,EAAE,OAAO,0BAA0B,MAAM,WAAY;AAAA,EAC/D,6BAA6B,EAAE,OAAO,oBAAoB,MAAM,4BAA6B;AAAA,EAC7F,kBAAkB,EAAE,OAAO,oBAAoB,MAAM,kBAAiB;AACxE,GAIaC,IAA+B,KAC/BC,IAA8B,KAC9BC,IAA6B,KAC7BC,IAA6B,KAC7BC,IAAoC,KACpCC,IAAgC,KAChCC,IAAwC,KACxCC,IAA8B,KAI9BC,IAAW,MACXC,IAAW,MACXC,IAAW,MACXC,IAAY,OACZC,IAAY,OAIZC,IAAgB,cAChBC,IAAqB;"}

package/dist/elements/ActionsMenuItem/ActionsMenuItem.d.ts

@@ -0,0 +1,16 @@
+export default ActionsMenuItem;
+declare function ActionsMenuItem({ dataItem, index, isIconDisplayed, menuItem }: {
+    dataItem?: {};
+    index: any;
+    isIconDisplayed: any;
+    menuItem: any;
+}): JSX.Element;
+declare namespace ActionsMenuItem {
+    namespace propTypes {
+        let dataItem: any;
+        let index: any;
+        let isIconDisplayed: any;
+        let menuItem: any;
+    }
+}
+//# sourceMappingURL=ActionsMenuItem.d.ts.map

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

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

package/dist/elements/ActionsMenuItem/ActionsMenuItem.mjs

@@ -0,0 +1,51 @@
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import "react";
+import i from "prop-types";
+import t from "classnames";
+import { useDispatch as _, useSelector as b } from "react-redux";
+import h from "../../components/Tooltip/Tooltip.mjs";
+import C from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import { performDetailsActionHelper as T } from "../../utils/common.util.mjs";
+/* empty css                      */
+const u = ({ dataItem: e = {}, index: n, isIconDisplayed: c, menuItem: o }) => {
+  const l = _(), r = b((a) => a.commonDetailsStore.changes), p = t(
+    "actions-menu__icon",
+    c && "actions-menu__icon_visible"
+  ), d = t(
+    "actions-menu__option",
+    o.className && `actions-menu__option_${o.className}`,
+    o.disabled && "actions-menu__option_disabled"
+  ), m = async () => {
+    o.disabled || (o.allowLeaveWarning ? await T(r, l) && o.onClick(e) : o.onClick(e));
+  };
+  return /* @__PURE__ */ s(
+    "li",
+    {
+      "data-testid": `actions-menu__option-${n}`,
+      className: d,
+      onClick: m,
+      children: /* @__PURE__ */ f(
+        h,
+        {
+          template: /* @__PURE__ */ s(C, { text: o.tooltip }),
+          hidden: !o.tooltip,
+          children: [
+            /* @__PURE__ */ s("span", { className: p, children: o.icon }),
+            o.label
+          ]
+        },
+        o.label
+      )
+    }
+  );
+};
+u.propTypes = {
+  dataItem: i.oneOfType([i.object, i.string]),
+  index: i.number.isRequired,
+  isIconDisplayed: i.bool.isRequired,
+  menuItem: i.object.isRequired
+};
+export {
+  u as default
+};
+//# sourceMappingURL=ActionsMenuItem.mjs.map

package/dist/elements/ActionsMenuItem/ActionsMenuItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsMenuItem.mjs","sources":["../../../src/lib/elements/ActionsMenuItem/ActionsMenuItem.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'\nimport { useDispatch, useSelector } from 'react-redux'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { performDetailsActionHelper } from '../../utils/common.util'\n\nimport './actionsMenuItem.scss'\n\nconst ActionsMenuItem = ({ dataItem = {}, index, isIconDisplayed, menuItem }) => {\n  const dispatch = useDispatch()\n  const changes = useSelector(store => store.commonDetailsStore.changes)\n\n  const iconClassNames = classnames(\n    'actions-menu__icon',\n    isIconDisplayed && 'actions-menu__icon_visible'\n  )\n  const menuClassNames = classnames(\n    'actions-menu__option',\n    menuItem.className && `actions-menu__option_${menuItem.className}`,\n    menuItem.disabled && 'actions-menu__option_disabled'\n  )\n\n  const handleActionClick = async () => {\n    if (!menuItem.disabled) {\n      if (menuItem.allowLeaveWarning) {\n        const actionCanBePerformed = await performDetailsActionHelper(changes, dispatch)\n\n        if (actionCanBePerformed) {\n          menuItem.onClick(dataItem)\n        }\n      } else {\n        menuItem.onClick(dataItem)\n      }\n    }\n  }\n\n  return (\n    <li\n      data-testid={`actions-menu__option-${index}`}\n      className={menuClassNames}\n      onClick={handleActionClick}\n    >\n      <Tooltip\n        template={<TextTooltipTemplate text={menuItem.tooltip} />}\n        hidden={!menuItem.tooltip}\n        key={menuItem.label}\n      >\n        <span className={iconClassNames}>{menuItem.icon}</span>\n        {menuItem.label}\n      </Tooltip>\n    </li>\n  )\n}\n\nActionsMenuItem.propTypes = {\n  dataItem: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  index: PropTypes.number.isRequired,\n  isIconDisplayed: PropTypes.bool.isRequired,\n  menuItem: PropTypes.object.isRequired\n}\n\nexport default ActionsMenuItem\n"],"names":["ActionsMenuItem","dataItem","index","isIconDisplayed","menuItem","dispatch","useDispatch","changes","useSelector","store","iconClassNames","classnames","menuClassNames","handleActionClick","performDetailsActionHelper","jsx","jsxs","Tooltip","TextTooltipTemplate","PropTypes"],"mappings":";;;;;;;;;AA+BM,MAAAA,IAAkB,CAAC,EAAE,UAAAC,IAAW,CAAA,GAAI,OAAAC,GAAO,iBAAAC,GAAiB,UAAAC,QAAe;AAC/E,QAAMC,IAAWC,EAAY,GACvBC,IAAUC,EAAY,CAASC,MAAAA,EAAM,mBAAmB,OAAO,GAE/DC,IAAiBC;AAAA,IACrB;AAAA,IACAR,KAAmB;AAAA,EACrB,GACMS,IAAiBD;AAAA,IACrB;AAAA,IACAP,EAAS,aAAa,wBAAwBA,EAAS,SAAS;AAAA,IAChEA,EAAS,YAAY;AAAA,EACvB,GAEMS,IAAoB,YAAY;AAChC,IAACT,EAAS,aACRA,EAAS,oBACkB,MAAMU,EAA2BP,GAASF,CAAQ,KAG7ED,EAAS,QAAQH,CAAQ,IAG3BG,EAAS,QAAQH,CAAQ;AAAA,EAG/B;AAGE,SAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa,wBAAwBb,CAAK;AAAA,MAC1C,WAAWU;AAAA,MACX,SAASC;AAAA,MAET,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAU,gBAAAF,EAACG,GAAoB,EAAA,MAAMd,EAAS,SAAS;AAAA,UACvD,QAAQ,CAACA,EAAS;AAAA,UAGlB,UAAA;AAAA,YAAA,gBAAAW,EAAC,QAAK,EAAA,WAAWL,GAAiB,UAAAN,EAAS,MAAK;AAAA,YAC/CA,EAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAHLA,EAAS;AAAA,MAAA;AAAA,IAIhB;AAAA,EACF;AAEJ;AAEAJ,EAAgB,YAAY;AAAA,EAC1B,UAAUmB,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM,CAAC;AAAA,EAClE,OAAOA,EAAU,OAAO;AAAA,EACxB,iBAAiBA,EAAU,KAAK;AAAA,EAChC,UAAUA,EAAU,OAAO;AAC7B;"}

package/dist/elements/TableHead/TableHead.d.ts

@@ -0,0 +1,20 @@
+export default TableHead;
+declare function TableHead({ content, hideActionsMenu, mainRowItemsCount, selectedItem, sortProps }: {
+    content: any;
+    hideActionsMenu?: boolean;
+    mainRowItemsCount: any;
+    selectedItem: any;
+    sortProps?: any;
+}, ref: any): JSX.Element;
+declare namespace TableHead {
+    let displayName: string;
+    namespace propTypes {
+        export let content: any;
+        export let hideActionsMenu: any;
+        export let mainRowItemsCount: any;
+        export let selectedItem: any;
+        export { SORT_PROPS as sortProps };
+    }
+}
+import { SORT_PROPS } from '../../types';
+//# sourceMappingURL=TableHead.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableHead/TableHead.jsx"],"names":[],"mappings":";AA8BA;;;;;;0BAoDC;;;;;;;;;;;2BAtD0B,aAAa"}

package/dist/elements/TableHead/TableHead.mjs

@@ -0,0 +1,58 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import c from "prop-types";
+import N from "classnames";
+import { isEmpty as b } from "lodash";
+import _ from "../../components/Tip/Tip.mjs";
+import y from "../../components/Tooltip/Tooltip.mjs";
+import C from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import { SORT_PROPS as R } from "../../types.mjs";
+let d = ({ content: s, hideActionsMenu: h = !1, mainRowItemsCount: o, selectedItem: p, sortProps: e = null }, f) => {
+  const u = (m, a, i, l, n) => N(
+    "table-header__cell",
+    i,
+    l,
+    a && "sortable-header-cell",
+    a && (e == null ? void 0 : e.selectedColumnName) === m && "sortable-header-cell_active",
+    !b(p) && n >= o && "table-body__cell_hidden"
+  );
+  return /* @__PURE__ */ t("thead", { className: "table-header", children: /* @__PURE__ */ r("tr", { className: "table-row table-header-row", ref: f, children: [
+    s.map(({ headerLabel: m, headerId: a, isSortable: i, ...l }, n) => l.type !== "hidden" && !l.hidden && !l.headerIsHidden ? /* @__PURE__ */ r(
+      "th",
+      {
+        "data-testid": a,
+        className: u(
+          a,
+          i,
+          l.className,
+          l.headerCellClassName,
+          n
+        ),
+        onClick: i ? () => e == null ? void 0 : e.sortTable(a) : null,
+        children: [
+          /* @__PURE__ */ t(y, { template: /* @__PURE__ */ t(C, { text: m }), children: /* @__PURE__ */ r("label", { className: i ? "sortable-header-label" : "", children: [
+            /* @__PURE__ */ t("span", { className: "data-ellipsis", children: m }),
+            i && (e == null ? void 0 : e.getSortingIcon(a))
+          ] }) }),
+          l.tip && /* @__PURE__ */ t(_, { text: l.tip })
+        ]
+      },
+      a
+    ) : null),
+    !h && /* @__PURE__ */ t("th", { className: "table-header__cell table-cell-icon" })
+  ] }) });
+};
+d = T(d);
+d.displayName = "TableHead";
+d.propTypes = {
+  content: c.array.isRequired,
+  hideActionsMenu: c.bool,
+  mainRowItemsCount: c.number.isRequired,
+  selectedItem: c.object.isRequired,
+  sortProps: R
+};
+const A = d;
+export {
+  A as default
+};
+//# sourceMappingURL=TableHead.mjs.map

package/dist/elements/TableHead/TableHead.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.mjs","sources":["../../../src/lib/elements/TableHead/TableHead.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, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty } from 'lodash'\n\nimport Tip from '../../components/Tip/Tip'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { SORT_PROPS } from '../../types'\n\nlet TableHead = (\n  { content, hideActionsMenu = false, mainRowItemsCount, selectedItem, sortProps = null },\n  ref\n) => {\n  const getHeaderCellClasses = (\n    headerId,\n    isSortable,\n    tableItemClassName,\n    headerCellClassName,\n    index\n  ) =>\n    classNames(\n      'table-header__cell',\n      tableItemClassName,\n      headerCellClassName,\n      isSortable && 'sortable-header-cell',\n      isSortable && sortProps?.selectedColumnName === headerId && 'sortable-header-cell_active',\n      !isEmpty(selectedItem) && index >= mainRowItemsCount && 'table-body__cell_hidden'\n    )\n\n  return (\n    <thead className=\"table-header\">\n      <tr className=\"table-row table-header-row\" ref={ref}>\n        {content.map(({ headerLabel, headerId, isSortable, ...tableItem }, index) => {\n          return tableItem.type !== 'hidden' && !tableItem.hidden && !tableItem.headerIsHidden ? (\n            <th\n              data-testid={headerId}\n              className={getHeaderCellClasses(\n                headerId,\n                isSortable,\n                tableItem.className,\n                tableItem.headerCellClassName,\n                index\n              )}\n              key={headerId}\n              onClick={isSortable ? () => sortProps?.sortTable(headerId) : null}\n            >\n              <Tooltip template={<TextTooltipTemplate text={headerLabel} />}>\n                <label className={isSortable ? 'sortable-header-label' : ''}>\n                  <span className=\"data-ellipsis\">{headerLabel}</span>\n                  {isSortable && sortProps?.getSortingIcon(headerId)}\n                </label>\n              </Tooltip>\n\n              {tableItem.tip && <Tip text={tableItem.tip} />}\n            </th>\n          ) : null\n        })}\n        {!hideActionsMenu && <th className=\"table-header__cell table-cell-icon\" />}\n      </tr>\n    </thead>\n  )\n}\n\nTableHead = forwardRef(TableHead)\n\nTableHead.displayName = 'TableHead'\n\nTableHead.propTypes = {\n  content: PropTypes.array.isRequired,\n  hideActionsMenu: PropTypes.bool,\n  mainRowItemsCount: PropTypes.number.isRequired,\n  selectedItem: PropTypes.object.isRequired,\n  sortProps: SORT_PROPS\n}\n\nexport default TableHead\n"],"names":["TableHead","content","hideActionsMenu","mainRowItemsCount","selectedItem","sortProps","ref","getHeaderCellClasses","headerId","isSortable","tableItemClassName","headerCellClassName","index","classNames","isEmpty","jsx","headerLabel","tableItem","jsxs","Tooltip","TextTooltipTemplate","Tip","forwardRef","PropTypes","SORT_PROPS","TableHead$1"],"mappings":";;;;;;;;;AA8BA,IAAIA,IAAY,CACd,EAAE,SAAAC,GAAS,iBAAAC,IAAkB,IAAO,mBAAAC,GAAmB,cAAAC,GAAc,WAAAC,IAAY,KAAK,GACtFC,MACG;AACH,QAAMC,IAAuB,CAC3BC,GACAC,GACAC,GACAC,GACAC,MAEAC;AAAAA,IACE;AAAA,IACAH;AAAA,IACAC;AAAA,IACAF,KAAc;AAAA,IACdA,MAAcJ,KAAA,gBAAAA,EAAW,wBAAuBG,KAAY;AAAA,IAC5D,CAACM,EAAQV,CAAY,KAAKQ,KAAST,KAAqB;AAAA,EAC1D;AAGA,SAAA,gBAAAY,EAAC,WAAM,WAAU,gBACf,4BAAC,MAAG,EAAA,WAAU,8BAA6B,KAAAT,GACxC,UAAA;AAAA,IAAQL,EAAA,IAAI,CAAC,EAAE,aAAAe,GAAa,UAAAR,GAAU,YAAAC,GAAY,GAAGQ,EAAU,GAAGL,MAC1DK,EAAU,SAAS,YAAY,CAACA,EAAU,UAAU,CAACA,EAAU,iBACpE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAaV;AAAA,QACb,WAAWD;AAAA,UACTC;AAAA,UACAC;AAAA,UACAQ,EAAU;AAAA,UACVA,EAAU;AAAA,UACVL;AAAA,QACF;AAAA,QAEA,SAASH,IAAa,MAAMJ,KAAA,gBAAAA,EAAW,UAAUG,KAAY;AAAA,QAE7D,UAAA;AAAA,UAAA,gBAAAO,EAACI,GAAQ,EAAA,UAAW,gBAAAJ,EAAAK,GAAA,EAAoB,MAAMJ,EAAa,CAAA,GACzD,UAAA,gBAAAE,EAAC,SAAM,EAAA,WAAWT,IAAa,0BAA0B,IACvD,UAAA;AAAA,YAAC,gBAAAM,EAAA,QAAA,EAAK,WAAU,iBAAiB,UAAYC,GAAA;AAAA,YAC5CP,MAAcJ,KAAA,gBAAAA,EAAW,eAAeG;AAAA,UAAQ,EAAA,CACnD,EACF,CAAA;AAAA,UAECS,EAAU,OAAO,gBAAAF,EAACM,GAAI,EAAA,MAAMJ,EAAU,IAAK,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAVvCT;AAAA,IAAA,IAYL,IACL;AAAA,IACA,CAACN,KAAoB,gBAAAa,EAAA,MAAA,EAAG,WAAU,qCAAqC,CAAA;AAAA,EAAA,EAAA,CAC1E,EACF,CAAA;AAEJ;AAEAf,IAAYsB,EAAWtB,CAAS;AAEhCA,EAAU,cAAc;AAExBA,EAAU,YAAY;AAAA,EACpB,SAASuB,EAAU,MAAM;AAAA,EACzB,iBAAiBA,EAAU;AAAA,EAC3B,mBAAmBA,EAAU,OAAO;AAAA,EACpC,cAAcA,EAAU,OAAO;AAAA,EAC/B,WAAWC;AACb;AAEA,MAAAC,IAAezB;"}