iguazio.dashboard-react-controls 3.0.3 → 3.1.0

package/dist/components/Loader/Loader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.mjs","sources":["../../../src/lib/components/Loader/Loader.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 classnames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport './loader.scss'\n\nconst Loader = ({ secondary = false, section = false, small = false }) => {\n  const wrapperClassNames = classnames(\n    'loader-wrapper',\n    section && 'section-loader',\n    small && 'small-loader',\n    secondary && 'secondary-loader'\n  )\n\n  return (\n    <div className={wrapperClassNames} data-testid=\"loader\">\n      <div className=\"loader\" />\n    </div>\n  )\n}\n\nLoader.propTypes = {\n  secondary: PropTypes.bool,\n  section: PropTypes.bool,\n  small: PropTypes.bool\n}\n\nexport default React.memo(Loader)\n"],"names":["Loader","secondary","section","small","wrapperClassNames","classnames","jsx","PropTypes","Loader$1","React"],"mappings":";;;;;AAyBA,MAAMA,IAAS,CAAC,EAAE,WAAAC,IAAY,IAAO,SAAAC,IAAU,IAAO,OAAAC,IAAQ,SAAY;AACxE,QAAMC,IAAoBC;AAAA,IACxB;AAAA,IACAH,KAAW;AAAA,IACXC,KAAS;AAAA,IACTF,KAAa;AAAA,EACf;AAGE,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAWF,GAAmB,eAAY,UAC7C,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,SAAA,CAAS,EAC1B,CAAA;AAEJ;AAEAN,EAAO,YAAY;AAAA,EACjB,WAAWO,EAAU;AAAA,EACrB,SAASA,EAAU;AAAA,EACnB,OAAOA,EAAU;AACnB;AAEA,MAAAC,IAAeC,EAAM,KAAKT,CAAM;"}

package/dist/components/Loader/LoaderForSuspenseFallback.d.ts

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

package/dist/components/Loader/LoaderForSuspenseFallback.d.ts.map

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

package/dist/components/Loader/LoaderForSuspenseFallback.mjs

@@ -0,0 +1,13 @@
+import { jsx as i } from "react/jsx-runtime";
+import o, { useLayoutEffect as r } from "react";
+import s from "./Loader.mjs";
+const l = () => (r(() => {
+  const e = document.getElementById("overlay_container"), t = e ? e.style.visibility : "visible";
+  return e && (e.style.visibility = "hidden"), () => {
+    e && (e.style.visibility = t);
+  };
+}, []), /* @__PURE__ */ i(s, {})), c = o.memo(l);
+export {
+  c as default
+};
+//# sourceMappingURL=LoaderForSuspenseFallback.mjs.map

package/dist/components/Loader/LoaderForSuspenseFallback.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderForSuspenseFallback.mjs","sources":["../../../src/lib/components/Loader/LoaderForSuspenseFallback.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, { useLayoutEffect } from 'react'\n\nimport Loader from './Loader'\n\nconst LoaderForSuspenseFallback = () => {\n  useLayoutEffect(() => {\n    const overlayContainer = document.getElementById('overlay_container')\n    const savedVisibilityStyle = overlayContainer ? overlayContainer.style.visibility : 'visible'\n\n    if (overlayContainer) overlayContainer.style.visibility = 'hidden'\n\n    return () => {\n      if (overlayContainer) overlayContainer.style.visibility = savedVisibilityStyle\n    }\n  }, [])\n\n  return <Loader />\n}\n\nexport default React.memo(LoaderForSuspenseFallback)\n"],"names":["LoaderForSuspenseFallback","useLayoutEffect","overlayContainer","savedVisibilityStyle","Loader","LoaderForSuspenseFallback$1","React"],"mappings":";;;AAuBA,MAAMA,IAA4B,OAChCC,EAAgB,MAAM;AACd,QAAAC,IAAmB,SAAS,eAAe,mBAAmB,GAC9DC,IAAuBD,IAAmBA,EAAiB,MAAM,aAAa;AAEhF,SAAAA,MAAmCA,EAAA,MAAM,aAAa,WAEnD,MAAM;AACP,IAAAA,MAAmCA,EAAA,MAAM,aAAaC;AAAA,EAC5D;AACF,GAAG,EAAE,qBAEGC,GAAO,EAAA,IAGjBC,IAAeC,EAAM,KAAKN,CAAyB;"}

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

@@ -0,0 +1,28 @@
+export default TableCell;
+declare function TableCell({ cellData, className, firstCell, item, link, onClick, selectItem, selectedItem, showExpandButton, toggleRow }: {
+    cellData: any;
+    className?: string;
+    firstCell?: boolean;
+    item: any;
+    link?: string;
+    onClick?: any;
+    selectItem?: () => void;
+    selectedItem?: {};
+    showExpandButton?: boolean;
+    toggleRow?: any;
+}): JSX.Element;
+declare namespace TableCell {
+    namespace propTypes {
+        let cellData: any;
+        let className: any;
+        let firstCell: any;
+        let item: any;
+        let link: any;
+        let onClick: any;
+        let selectItem: any;
+        let selectedItem: any;
+        let showExpandButton: any;
+        let toggleRow: any;
+    }
+}
+//# sourceMappingURL=TableCell.d.ts.map

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

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

package/dist/components/TableCell/TableCell.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.mjs","sources":["../../../src/lib/components/TableCell/TableCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React, { cloneElement } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport ChipCell from '../ChipCell/ChipCell'\nimport CopyToClipboard from '../CopyToClipboard/CopyToClipboard'\nimport TableLinkCell from '../../elements/TableLinkCell/TableLinkCell'\nimport TableTypeCell from '../../elements/TableTypeCell/TableTypeCell'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../Tooltip/Tooltip'\n\nimport { BUTTON_COPY_URI_CELL_TYPE } from '../../constants'\nimport { getChipOptions } from '../../utils/chips.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nconst TableCell = ({\n  cellData,\n  className = '',\n  firstCell = false,\n  item,\n  link = '',\n  onClick = null,\n  selectItem = () => {},\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName,\n    onClick && 'link'\n  )\n\n  if (cellData.template) {\n    return cloneElement(cellData.template, {\n      className\n    })\n  } else if (link && cellData.type !== 'hidden') {\n    return (\n      <TableLinkCell\n        className={className}\n        cellData={cellData}\n        item={item}\n        link={link}\n        selectItem={selectItem}\n        selectedItem={selectedItem}\n        showExpandButton={showExpandButton}\n        toggleRow={toggleRow}\n      />\n    )\n  } else if (firstCell && !link) {\n    return (\n      <td\n        onClick={() => cellData.value && onClick && onClick(cellData.value)}\n        className={cellClassNames}\n      >\n        <div className=\"data-ellipsis\">\n          {cellData && (\n            <Tooltip\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n          )}\n        </div>\n        {item.state && stateValue && stateLabel && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n            <i className={stateClassName} />\n          </Tooltip>\n        )}\n        {!item.state && item.status && (\n          <Tooltip className=\"status\" template={<TextTooltipTemplate text={item.status} />}>\n            <i className={`${item.status[0].toLowerCase()}${item.status.slice(1)}`} />\n          </Tooltip>\n        )}\n        {showExpandButton && (\n          <Arrow onClick={e => toggleRow && toggleRow(e, item)} className=\"expand-arrow\" />\n        )}\n      </td>\n    )\n  } else if (cellData.type === 'type') {\n    return <TableTypeCell className={className} cellData={cellData} />\n  } else if (cellData.type === 'icons') {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        {cellData.value.map((valueItem, index) => (\n          <Tooltip\n            key={valueItem.tooltip + index}\n            template={<TextTooltipTemplate text={valueItem.tooltip} />}\n          >\n            {valueItem.icon}\n          </Tooltip>\n        ))}\n      </td>\n    )\n  } else if (Array.isArray(cellData.value)) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <ChipCell chipOptions={getChipOptions(cellData.type)} elements={cellData.value} tooltip />\n      </td>\n    )\n  } else if (cellData.type === BUTTON_COPY_URI_CELL_TYPE) {\n    return (\n      <td data-testid={cellData.headerId} className={cellClassNames}>\n        <CopyToClipboard\n          tooltipText=\"Copy URI\"\n          textToCopy={cellData.actionHandler(item)}\n          disabled={cellData.disabled}\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","ChipCell","getChipOptions","BUTTON_COPY_URI_CELL_TYPE","CopyToClipboard","PropTypes"],"mappings":"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"}

package/dist/components/TabsSlider/TabsSlider.d.ts

@@ -0,0 +1,20 @@
+export default TabsSlider;
+declare function TabsSlider({ fontSize, initialTab, isDetailsPopUp, onClick, skipLink, tabsList }: {
+    fontSize?: string;
+    initialTab?: string;
+    isDetailsPopUp?: boolean;
+    onClick?: () => void;
+    skipLink?: boolean;
+    tabsList: any;
+}): JSX.Element;
+declare namespace TabsSlider {
+    namespace propTypes {
+        let fontSize: any;
+        let initialTab: any;
+        let isDetailsPopUp: any;
+        let onClick: any;
+        let skipLink: any;
+        let tabsList: any;
+    }
+}
+//# sourceMappingURL=TabsSlider.d.ts.map

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

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

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":"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"}

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,7 @@ 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";
+export const BUTTON_COPY_URI_CELL_TYPE: "buttonCopyURI";
 //# 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;AACnD,wCAAyC,eAAe,CAAA"}