iguazio.dashboard-react-controls 3.0.4 → 3.1.1

package/dist/hooks/useDetailsHeader.hook.d.ts

@@ -0,0 +1,77 @@
+export function useDetailsHeader({ handleCancel, handleShowWarning, isDetailsPopUp, pageData }: {
+    handleCancel: any;
+    handleShowWarning: any;
+    isDetailsPopUp: any;
+    pageData: any;
+}): {
+    DetailsHeaderContainer: {
+        ({ actionButton, actionsMenu, applyChanges, applyChangesRef, cancelChanges, commonDetailsStore, getCloseDetailsLink, getDefaultCloseDetailsLink, handleCancelClick, handleRefresh, headerRef, isDetailsPopUp, isDetailsScreen, location, navigate, pageData, params, renderCustomElements, renderStatus, renderTitle, selectedItem, showAllVersions, tab, viewMode, withActionMenu, withToggleViewBtn }: {
+            actionButton?: any;
+            actionsMenu: any;
+            applyChanges: any;
+            applyChangesRef: any;
+            cancelChanges: any;
+            commonDetailsStore: any;
+            getCloseDetailsLink?: any;
+            getDefaultCloseDetailsLink: any;
+            handleCancelClick: any;
+            handleRefresh?: any;
+            headerRef: any;
+            isDetailsPopUp?: boolean;
+            isDetailsScreen: any;
+            location: any;
+            navigate: any;
+            pageData: any;
+            params: any;
+            renderCustomElements?: any;
+            renderStatus?: any;
+            renderTitle: any;
+            selectedItem: any;
+            showAllVersions?: any;
+            tab?: string;
+            viewMode?: string;
+            withActionMenu?: boolean;
+            withToggleViewBtn?: boolean;
+        }): JSX.Element;
+        propTypes: {
+            actionButton: any;
+            actionsMenu: any;
+            applyChanges: any;
+            applyChangesRef: any;
+            cancelChanges: any;
+            commonDetailsStore: any;
+            getCloseDetailsLink: any;
+            getDefaultCloseDetailsLink: any;
+            handleCancelClick: any;
+            handleRefresh: any;
+            headerRef: any;
+            isDetailsPopUp: any;
+            isDetailsScreen: any;
+            location: any;
+            navigate: any;
+            pageData: any;
+            params: any;
+            renderCustomElements: any;
+            renderStatus: any;
+            renderTitle: any;
+            selectedItem: any;
+            showAllVersions: any;
+            tab: any;
+            viewMode: any;
+            withActionMenu: any;
+            withToggleViewBtn: any;
+        };
+    };
+    actionButton: any;
+    commonDetailsStore: any;
+    handleBackClick: () => void;
+    handleCancelClick: () => void;
+    headerRef: import("react").MutableRefObject<undefined>;
+    location: any;
+    navigate: any;
+    params: any;
+    showAllVersions: any;
+    viewMode: string;
+    withToggleViewBtn: any;
+};
+//# sourceMappingURL=useDetailsHeader.hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsHeader.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useDetailsHeader.hook.jsx"],"names":[],"mappings":"AAsOO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCN"}

package/dist/hooks/useDetailsHeader.hook.mjs

@@ -0,0 +1,219 @@
+import { jsxs as l, jsx as i, Fragment as q } from "react/jsx-runtime";
+import { useRef as L, useCallback as M } from "react";
+import e from "prop-types";
+import { useSelector as B } from "react-redux";
+import { Link as O, useParams as F, useNavigate as H, useLocation as P } from "react-router-dom";
+import U from "../components/ActionsMenu/ActionsMenu.mjs";
+import x from "../components/Button/Button.mjs";
+import z from "../components/LoadButton/LoadButton.mjs";
+import s from "../components/RoundedIcon/RoundedIcon.mjs";
+import D from "../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import W from "../components/Tooltip/Tooltip.mjs";
+import { ACTIONS_MENU as Y, ACTION_BUTTON as G } from "../types.mjs";
+import { TERTIARY_BUTTON as J, FULL_VIEW_MODE as A, VIEW_SEARCH_PARAMETER as j } from "../constants.mjs";
+import { getFilteredSearchParams as K } from "../utils/filter.util.mjs";
+import { getViewMode as Q } from "../utils/common.util.mjs";
+import E from "../images/close.svg.mjs";
+import X from "../images/ml-enlarge.svg.mjs";
+import Z from "../images/history.svg.mjs";
+import ee from "../images/ml-minimize.svg.mjs";
+import ie from "../images/refresh.svg.mjs";
+const y = ({
+  actionButton: t = null,
+  actionsMenu: a,
+  applyChanges: c,
+  applyChangesRef: g,
+  cancelChanges: r,
+  commonDetailsStore: o,
+  getCloseDetailsLink: d = null,
+  getDefaultCloseDetailsLink: b,
+  handleCancelClick: m,
+  handleRefresh: u = null,
+  headerRef: R,
+  isDetailsPopUp: n = !1,
+  isDetailsScreen: v,
+  location: h,
+  navigate: p,
+  pageData: f,
+  params: $,
+  renderCustomElements: C = null,
+  renderStatus: w = null,
+  renderTitle: _,
+  selectedItem: T,
+  showAllVersions: k = null,
+  tab: S = "",
+  viewMode: N = "",
+  withActionMenu: V = !0,
+  withToggleViewBtn: I = !1
+}) => /* @__PURE__ */ l("div", { className: "item-header", ref: R, children: [
+  /* @__PURE__ */ l("div", { className: "item-header__data", children: [
+    /* @__PURE__ */ i("h3", { className: "item-header__title", children: _ && _() }),
+    /* @__PURE__ */ i("div", { className: "item-header__status", children: w && w() })
+  ] }),
+  /* @__PURE__ */ i("div", { className: "item-header__custom-elements", children: C && C() }),
+  /* @__PURE__ */ l("div", { className: "item-header__buttons", children: [
+    o.changes.counter > 0 && !n && /* @__PURE__ */ l(q, { children: [
+      /* @__PURE__ */ i(
+        x,
+        {
+          variant: J,
+          label: "Cancel",
+          onClick: r,
+          disabled: o.changes.counter === 0 || o.editMode
+        }
+      ),
+      /* @__PURE__ */ i(
+        W,
+        {
+          template: /* @__PURE__ */ i(
+            D,
+            {
+              text: `${o.changes.counter} ${o.changes.counter === 1 ? "change pending" : "changes pending"}`
+            }
+          ),
+          children: /* @__PURE__ */ i(
+            z,
+            {
+              ref: g,
+              variant: "primary",
+              label: "Apply Changes",
+              className: "btn_apply-changes",
+              onClick: c,
+              disabled: o.changes.counter === 0 || o.editMode
+            }
+          )
+        }
+      )
+    ] }),
+    t && !t.hidden && /* @__PURE__ */ i(
+      x,
+      {
+        disabled: t.disabled,
+        label: t.label,
+        onClick: t.onClick,
+        tooltip: t.tooltip,
+        variant: t.variant
+      }
+    ),
+    k && /* @__PURE__ */ i(
+      s,
+      {
+        id: "showAllVersions",
+        onClick: () => k(),
+        tooltipText: "Show all versions",
+        children: /* @__PURE__ */ i(Z, {})
+      }
+    ),
+    v && u && /* @__PURE__ */ i(
+      s,
+      {
+        id: "refresh",
+        onClick: () => u(T),
+        tooltipText: "Refresh",
+        children: /* @__PURE__ */ i(ie, {})
+      }
+    ),
+    V && /* @__PURE__ */ i(U, { dataItem: T, menu: a, time: 500 }),
+    /* @__PURE__ */ l("div", { className: "item-header__navigation-buttons", children: [
+      I && !n && /* @__PURE__ */ l(q, { children: [
+        N !== A && /* @__PURE__ */ i(
+          s,
+          {
+            onClick: () => {
+              p(
+                `${h.pathname}${window.location.search}${window.location.search ? "&" : "?"}${j}=full`
+              );
+            },
+            id: "full-view",
+            tooltipText: "Full view",
+            children: /* @__PURE__ */ i(X, {})
+          }
+        ),
+        N === A && /* @__PURE__ */ i(
+          s,
+          {
+            onClick: () => {
+              p(
+                `${h.pathname}${K(window.location.search, [j])}`
+              );
+            },
+            id: "table-view",
+            tooltipText: "Table view",
+            children: /* @__PURE__ */ i(ee, {})
+          }
+        )
+      ] }),
+      !f.details.hideBackBtn && (n ? /* @__PURE__ */ i(
+        "div",
+        {
+          className: "details-close-btn",
+          "data-testid": "details-close-btn",
+          onClick: m,
+          children: /* @__PURE__ */ i(s, { tooltipText: "Close", id: "details-close", children: /* @__PURE__ */ i(E, {}) })
+        }
+      ) : /* @__PURE__ */ i(
+        O,
+        {
+          className: "details-close-btn",
+          "data-testid": "details-close-btn",
+          to: d ? d(T.name) : b($, f.page, S),
+          onClick: m,
+          children: /* @__PURE__ */ i(s, { tooltipText: "Close", id: "details-close", children: /* @__PURE__ */ i(E, {}) })
+        }
+      ))
+    ] })
+  ] })
+] });
+y.propTypes = {
+  actionButton: G,
+  actionsMenu: Y.isRequired,
+  applyChanges: e.func.isRequired,
+  applyChangesRef: e.object.isRequired,
+  cancelChanges: e.func.isRequired,
+  commonDetailsStore: e.object.isRequired,
+  getCloseDetailsLink: e.func,
+  getDefaultCloseDetailsLink: e.func.isRequired,
+  handleCancelClick: e.func.isRequired,
+  handleRefresh: e.func,
+  headerRef: e.object.isRequired,
+  isDetailsPopUp: e.bool,
+  isDetailsScreen: e.bool.isRequired,
+  location: e.object.isRequired,
+  navigate: e.func.isRequired,
+  pageData: e.object.isRequired,
+  params: e.object.isRequired,
+  renderCustomElements: e.func,
+  renderStatus: e.func,
+  renderTitle: e.func.isRequired,
+  selectedItem: e.object.isRequired,
+  showAllVersions: e.func,
+  tab: e.string,
+  viewMode: e.string,
+  withActionMenu: e.bool,
+  withToggleViewBtn: e.bool
+};
+const we = ({ handleCancel: t, handleShowWarning: a, isDetailsPopUp: c, pageData: g }) => {
+  const r = B((f) => f.commonDetailsStore), o = F(), d = H(), b = Q(window.location.search), { actionButton: m, withToggleViewBtn: u, showAllVersions: R } = g.details, n = L(), v = P(), h = M(() => {
+    r.changes.counter > 0 ? a(!0) : t && t();
+  }, [r.changes.counter, t, a]), p = M(() => {
+    t && (r.changes.counter === 0 || c) && t();
+  }, [r.changes.counter, t, c]);
+  return {
+    DetailsHeaderContainer: y,
+    actionButton: m,
+    commonDetailsStore: r,
+    handleBackClick: h,
+    handleCancelClick: p,
+    headerRef: n,
+    location: v,
+    navigate: d,
+    params: o,
+    showAllVersions: R,
+    viewMode: b,
+    withToggleViewBtn: u
+  };
+};
+export {
+  we as useDetailsHeader
+};
+//# sourceMappingURL=useDetailsHeader.hook.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsHeader.hook.mjs","sources":["../../src/lib/hooks/useDetailsHeader.hook.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*/\n\nimport React, { useCallback, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { useSelector } from 'react-redux'\nimport { Link, useLocation, useNavigate, useParams } from 'react-router-dom'\n\nimport ActionsMenu from '../components/ActionsMenu/ActionsMenu'\nimport Button from '../components/Button/Button'\nimport LoadButton from '../components/LoadButton/LoadButton'\nimport RoundedIcon from '../components/RoundedIcon/RoundedIcon'\nimport TextTooltipTemplate from '../components/TooltipTemplate/TextTooltipTemplate'\nimport Tooltip from '../components/Tooltip/Tooltip'\n\nimport { ACTION_BUTTON, ACTIONS_MENU } from '../types'\nimport { TERTIARY_BUTTON, VIEW_SEARCH_PARAMETER, FULL_VIEW_MODE } from '../constants'\nimport { getFilteredSearchParams } from '../utils/filter.util'\nimport { getViewMode } from '../utils/common.util'\n\nimport Close from '../images/close.svg?react'\nimport EnlargeIcon from '../images/ml-enlarge.svg?react'\nimport HistoryIcon from '../images/history.svg?react'\nimport MinimizeIcon from '../images/ml-minimize.svg?react'\nimport Refresh from '../images/refresh.svg?react'\n\nconst DetailsHeaderContainer = ({\n  actionButton = null,\n  actionsMenu,\n  applyChanges,\n  applyChangesRef,\n  cancelChanges,\n  commonDetailsStore,\n  getCloseDetailsLink = null,\n  getDefaultCloseDetailsLink,\n  handleCancelClick,\n  handleRefresh = null,\n  headerRef,\n  isDetailsPopUp = false,\n  isDetailsScreen,\n  location,\n  navigate,\n  pageData,\n  params,\n  renderCustomElements = null,\n  renderStatus = null,\n  renderTitle,\n  selectedItem,\n  showAllVersions = null,\n  tab = '',\n  viewMode = '',\n  withActionMenu = true,\n  withToggleViewBtn = false\n}) => {\n  return (\n    <div className=\"item-header\" ref={headerRef}>\n      <div className=\"item-header__data\">\n        <h3 className=\"item-header__title\">{renderTitle && renderTitle()}</h3>\n        <div className=\"item-header__status\">{renderStatus && renderStatus()}</div>\n      </div>\n      <div className=\"item-header__custom-elements\">\n        {renderCustomElements && renderCustomElements()}\n      </div>\n      <div className=\"item-header__buttons\">\n        {commonDetailsStore.changes.counter > 0 && !isDetailsPopUp && (\n          <>\n            <Button\n              variant={TERTIARY_BUTTON}\n              label=\"Cancel\"\n              onClick={cancelChanges}\n              disabled={commonDetailsStore.changes.counter === 0 || commonDetailsStore.editMode}\n            />\n            <Tooltip\n              template={\n                <TextTooltipTemplate\n                  text={`${commonDetailsStore.changes.counter} ${\n                    commonDetailsStore.changes.counter === 1 ? 'change pending' : 'changes pending'\n                  }`}\n                />\n              }\n            >\n              <LoadButton\n                ref={applyChangesRef}\n                variant=\"primary\"\n                label=\"Apply Changes\"\n                className=\"btn_apply-changes\"\n                onClick={applyChanges}\n                disabled={commonDetailsStore.changes.counter === 0 || commonDetailsStore.editMode}\n              />\n            </Tooltip>\n          </>\n        )}\n        {actionButton && !actionButton.hidden && (\n          <Button\n            disabled={actionButton.disabled}\n            label={actionButton.label}\n            onClick={actionButton.onClick}\n            tooltip={actionButton.tooltip}\n            variant={actionButton.variant}\n          />\n        )}\n        {showAllVersions && (\n          <RoundedIcon\n            id=\"showAllVersions\"\n            onClick={() => showAllVersions()}\n            tooltipText=\"Show all versions\"\n          >\n            <HistoryIcon />\n          </RoundedIcon>\n        )}\n        {isDetailsScreen && handleRefresh && (\n          <RoundedIcon\n            id=\"refresh\"\n            onClick={() => handleRefresh(selectedItem)}\n            tooltipText=\"Refresh\"\n          >\n            <Refresh />\n          </RoundedIcon>\n        )}\n        {withActionMenu && <ActionsMenu dataItem={selectedItem} menu={actionsMenu} time={500} />}\n        <div className=\"item-header__navigation-buttons\">\n          {withToggleViewBtn && !isDetailsPopUp && (\n            <>\n              {viewMode !== FULL_VIEW_MODE && (\n                <RoundedIcon\n                  onClick={() => {\n                    navigate(\n                      `${location.pathname}${window.location.search}${window.location.search ? '&' : '?'}${VIEW_SEARCH_PARAMETER}=full`\n                    )\n                  }}\n                  id=\"full-view\"\n                  tooltipText=\"Full view\"\n                >\n                  <EnlargeIcon />\n                </RoundedIcon>\n              )}\n              {viewMode === FULL_VIEW_MODE && (\n                <RoundedIcon\n                  onClick={() => {\n                    navigate(\n                      `${location.pathname}${getFilteredSearchParams(window.location.search, [VIEW_SEARCH_PARAMETER])}`\n                    )\n                  }}\n                  id=\"table-view\"\n                  tooltipText=\"Table view\"\n                >\n                  <MinimizeIcon />\n                </RoundedIcon>\n              )}\n            </>\n          )}\n          {!pageData.details.hideBackBtn &&\n            (isDetailsPopUp ? (\n              <div\n                className=\"details-close-btn\"\n                data-testid=\"details-close-btn\"\n                onClick={handleCancelClick}\n              >\n                <RoundedIcon tooltipText=\"Close\" id=\"details-close\">\n                  <Close />\n                </RoundedIcon>\n              </div>\n            ) : (\n              <Link\n                className=\"details-close-btn\"\n                data-testid=\"details-close-btn\"\n                to={\n                  getCloseDetailsLink\n                    ? getCloseDetailsLink(selectedItem.name)\n                    : getDefaultCloseDetailsLink(params, pageData.page, tab)\n                }\n                onClick={handleCancelClick}\n              >\n                <RoundedIcon tooltipText=\"Close\" id=\"details-close\">\n                  <Close />\n                </RoundedIcon>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nDetailsHeaderContainer.propTypes = {\n  actionButton: ACTION_BUTTON,\n  actionsMenu: ACTIONS_MENU.isRequired,\n  applyChanges: PropTypes.func.isRequired,\n  applyChangesRef: PropTypes.object.isRequired,\n  cancelChanges: PropTypes.func.isRequired,\n  commonDetailsStore: PropTypes.object.isRequired,\n  getCloseDetailsLink: PropTypes.func,\n  getDefaultCloseDetailsLink: PropTypes.func.isRequired,\n  handleCancelClick: PropTypes.func.isRequired,\n  handleRefresh: PropTypes.func,\n  headerRef: PropTypes.object.isRequired,\n  isDetailsPopUp: PropTypes.bool,\n  isDetailsScreen: PropTypes.bool.isRequired,\n  location: PropTypes.object.isRequired,\n  navigate: PropTypes.func.isRequired,\n  pageData: PropTypes.object.isRequired,\n  params: PropTypes.object.isRequired,\n  renderCustomElements: PropTypes.func,\n  renderStatus: PropTypes.func,\n  renderTitle: PropTypes.func.isRequired,\n  selectedItem: PropTypes.object.isRequired,\n  showAllVersions: PropTypes.func,\n  tab: PropTypes.string,\n  viewMode: PropTypes.string,\n  withActionMenu: PropTypes.bool,\n  withToggleViewBtn: PropTypes.bool\n}\n\nexport const useDetailsHeader = ({ handleCancel, handleShowWarning, isDetailsPopUp, pageData }) => {\n  const commonDetailsStore = useSelector(store => store.commonDetailsStore)\n  const params = useParams()\n  const navigate = useNavigate()\n  const viewMode = getViewMode(window.location.search)\n  const { actionButton, withToggleViewBtn, showAllVersions } = pageData.details\n  const headerRef = useRef()\n  const location = useLocation()\n\n  const handleBackClick = useCallback(() => {\n    if (commonDetailsStore.changes.counter > 0) {\n      handleShowWarning(true)\n    } else if (handleCancel) {\n      handleCancel()\n    }\n  }, [commonDetailsStore.changes.counter, handleCancel, handleShowWarning])\n\n  const handleCancelClick = useCallback(() => {\n    if (handleCancel && (commonDetailsStore.changes.counter === 0 || isDetailsPopUp)) {\n      handleCancel()\n    }\n  }, [commonDetailsStore.changes.counter, handleCancel, isDetailsPopUp])\n\n  return {\n    DetailsHeaderContainer,\n    actionButton,\n    commonDetailsStore,\n    handleBackClick,\n    handleCancelClick,\n    headerRef,\n    location,\n    navigate,\n    params,\n    showAllVersions,\n    viewMode,\n    withToggleViewBtn\n  }\n}\n"],"names":["DetailsHeaderContainer","actionButton","actionsMenu","applyChanges","applyChangesRef","cancelChanges","commonDetailsStore","getCloseDetailsLink","getDefaultCloseDetailsLink","handleCancelClick","handleRefresh","headerRef","isDetailsPopUp","isDetailsScreen","location","navigate","pageData","params","renderCustomElements","renderStatus","renderTitle","selectedItem","showAllVersions","tab","viewMode","withActionMenu","withToggleViewBtn","jsxs","jsx","Fragment","Button","TERTIARY_BUTTON","Tooltip","TextTooltipTemplate","LoadButton","RoundedIcon","HistoryIcon","Refresh","ActionsMenu","FULL_VIEW_MODE","VIEW_SEARCH_PARAMETER","EnlargeIcon","getFilteredSearchParams","MinimizeIcon","Close","Link","ACTION_BUTTON","ACTIONS_MENU","PropTypes","useDetailsHeader","handleCancel","handleShowWarning","useSelector","store","useParams","useNavigate","getViewMode","useRef","useLocation","handleBackClick","useCallback"],"mappings":"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"}

package/dist/hooks/useTable.hook.d.ts

@@ -0,0 +1,60 @@
+export function useTable({ ref, selectedItem, skipTableWrapper, tableClassName }: {
+    ref: any;
+    selectedItem: any;
+    skipTableWrapper?: boolean;
+    tableClassName?: string;
+}): {
+    TableContainer: {
+        ({ children, hideActionsMenu, mainRowItemsCount, pageData, renderDetails, selectedItem, sortProps, tableBodyRef, tableClass, tableContentRef, tableHeadRef, tableHeaders, tablePanelRef, tableRef, tableStore, tableWrapperClass, virtualizationConfig }: {
+            children: any;
+            hideActionsMenu?: boolean;
+            mainRowItemsCount?: number;
+            pageData?: any;
+            renderDetails?: any;
+            selectedItem?: {};
+            sortProps?: any;
+            tableBodyRef: any;
+            tableClass: any;
+            tableContentRef: any;
+            tableHeadRef: any;
+            tableHeaders: any;
+            tablePanelRef: any;
+            tableRef: any;
+            tableStore?: any;
+            tableWrapperClass: any;
+            virtualizationConfig?: {
+                tableBodyPaddingTop: number;
+                startIndex: number;
+                endIndex: number;
+            };
+        }): JSX.Element;
+        propTypes: {
+            children: any;
+            hideActionsMenu: any;
+            mainRowItemsCount: any;
+            pageData: any;
+            renderDetails: any;
+            selectedItem: any;
+            sortProps: any;
+            tableBodyRef: any;
+            tableClass: any;
+            tableContentRef: any;
+            tableHeadRef: any;
+            tableHeaders: any;
+            tablePanelRef: any;
+            tableRef: any;
+            tableStore: any;
+            tableWrapperClass: any;
+            virtualizationConfig: any;
+        };
+    };
+    tableBodyRef: any;
+    tableClass: string;
+    tableContentRef: import("react").MutableRefObject<any>;
+    tableHeadRef: import("react").MutableRefObject<any>;
+    tablePanelRef: import("react").MutableRefObject<any>;
+    tableRef: any;
+    tableStore: any;
+    tableWrapperClass: string;
+};
+//# sourceMappingURL=useTable.hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useTable.hook.jsx"],"names":[],"mappings":"AAoHO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EN"}

package/dist/hooks/useTable.hook.mjs

@@ -0,0 +1,129 @@
+import { jsx as b, jsxs as v } from "react/jsx-runtime";
+import { useRef as u, useEffect as w, useCallback as I } from "react";
+import e from "prop-types";
+import y from "classnames";
+import { useSelector as B } from "react-redux";
+import { isEmpty as C } from "lodash";
+import j from "../elements/TableHead/TableHead.mjs";
+import { MAIN_TABLE_BODY_ID as E, MAIN_TABLE_ID as N } from "../constants.mjs";
+import { VIRTUALIZATION_CONFIG as q, SORT_PROPS as O } from "../types.mjs";
+const P = ({
+  children: l,
+  hideActionsMenu: f = !1,
+  mainRowItemsCount: R = 1,
+  pageData: r = null,
+  renderDetails: m = null,
+  selectedItem: _ = {},
+  sortProps: i = null,
+  tableBodyRef: h,
+  tableClass: s,
+  tableContentRef: n,
+  tableHeadRef: c,
+  tableHeaders: o,
+  tablePanelRef: g,
+  tableRef: T,
+  tableStore: a = null,
+  tableWrapperClass: t,
+  virtualizationConfig: d = {
+    tableBodyPaddingTop: 0,
+    startIndex: -1,
+    endIndex: -1
+  }
+}) => /* @__PURE__ */ b("div", { className: "table__flex", children: /* @__PURE__ */ v("div", { className: "table__content", id: "table-content", ref: n, children: [
+  /* @__PURE__ */ v("div", { className: t, children: [
+    /* @__PURE__ */ v(
+      "table",
+      {
+        id: N,
+        className: s,
+        cellPadding: "0",
+        cellSpacing: "0",
+        ref: T,
+        children: [
+          (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ b(
+            j,
+            {
+              content: o,
+              hideActionsMenu: f,
+              mainRowItemsCount: R,
+              ref: c,
+              selectedItem: _,
+              sortProps: i
+            }
+          ),
+          /* @__PURE__ */ b(
+            "tbody",
+            {
+              className: "table-body",
+              id: E,
+              style: { paddingTop: d.tableBodyPaddingTop },
+              ref: h,
+              children: l
+            }
+          )
+        ]
+      }
+    ),
+    (a == null ? void 0 : a.isTablePanelOpen) && (r == null ? void 0 : r.tablePanel) && /* @__PURE__ */ b("div", { className: "table__panel-container", ref: g, children: /* @__PURE__ */ b("div", { className: "table__panel", children: r.tablePanel }) })
+  ] }),
+  m && m()
+] }) });
+P.propTypes = {
+  children: e.node.isRequired,
+  hideActionsMenu: e.bool,
+  mainRowItemsCount: e.number,
+  pageData: e.object,
+  renderDetails: e.func,
+  selectedItem: e.object,
+  sortProps: O,
+  tableBodyRef: e.object.isRequired,
+  tableClass: e.string.isRequired,
+  tableContentRef: e.object.isRequired,
+  tableHeadRef: e.object.isRequired,
+  tableHeaders: e.arrayOf(e.object).isRequired,
+  tablePanelRef: e.object.isRequired,
+  tableRef: e.object.isRequired,
+  tableStore: e.object,
+  tableWrapperClass: e.string.isRequired,
+  virtualizationConfig: q
+};
+const F = ({ ref: l, selectedItem: f, skipTableWrapper: R = !1, tableClassName: r = "" }) => {
+  const m = u(null), _ = u(null), i = (l == null ? void 0 : l.tableRef) ?? m, h = (l == null ? void 0 : l.tableBodyRef) ?? _, s = u(null), n = u(null), c = u(null), o = B((t) => t.tableStore) ?? {}, g = y(
+    "table",
+    "table-main",
+    !C(f) && "table-with-details",
+    r && r
+  ), T = y(!R && "table__wrapper");
+  w(() => {
+    const t = () => {
+      if (c != null && c.current && (s != null && s.current) && (n != null && n.current)) {
+        const d = s.current.getBoundingClientRect().height, L = c.current.getBoundingClientRect(), p = window.innerHeight - L.top;
+        n.current.style.height = d > p ? `${p}px` : `${p - (p - d)}px`;
+      }
+    };
+    return o.isTablePanelOpen && n.current && (t(), document.getElementById("main-wrapper").addEventListener("scroll", t), window.addEventListener("resize", t)), () => {
+      window.removeEventListener("scroll", t), window.removeEventListener("resize", t);
+    };
+  }, [o.isTablePanelOpen]);
+  const a = I(
+    (t) => {
+      i.current && (t.target.scrollLeft > 0 ? i.current.classList.add("table__scrolled") : i.current.classList.remove("table__scrolled"));
+    },
+    [i]
+  );
+  return w(() => (window.addEventListener("scroll", a, !0), () => window.removeEventListener("scroll", a, !0)), [a]), {
+    TableContainer: P,
+    tableBodyRef: h,
+    tableClass: g,
+    tableContentRef: s,
+    tableHeadRef: c,
+    tablePanelRef: n,
+    tableRef: i,
+    tableStore: o,
+    tableWrapperClass: T
+  };
+};
+export {
+  F as useTable
+};
+//# sourceMappingURL=useTable.hook.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.hook.mjs","sources":["../../src/lib/hooks/useTable.hook.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, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useSelector } from 'react-redux'\nimport { isEmpty } from 'lodash'\n\nimport TableHead from '../elements/TableHead/TableHead'\n\nimport { MAIN_TABLE_BODY_ID, MAIN_TABLE_ID } from '../constants'\nimport { SORT_PROPS } from '../types'\nimport { VIRTUALIZATION_CONFIG } from '../types'\n\nconst TableContainer = ({\n  children,\n  hideActionsMenu = false,\n  mainRowItemsCount = 1,\n  pageData = null,\n  renderDetails = null,\n  selectedItem = {},\n  sortProps = null,\n  tableBodyRef,\n  tableClass,\n  tableContentRef,\n  tableHeadRef,\n  tableHeaders,\n  tablePanelRef,\n  tableRef,\n  tableStore = null,\n  tableWrapperClass,\n  virtualizationConfig = {\n    tableBodyPaddingTop: 0,\n    startIndex: -1,\n    endIndex: -1\n  }\n}) => {\n  return (\n    <div className=\"table__flex\">\n      <div className=\"table__content\" id=\"table-content\" ref={tableContentRef}>\n        <div className={tableWrapperClass}>\n          <table\n            id={MAIN_TABLE_ID}\n            className={tableClass}\n            cellPadding=\"0\"\n            cellSpacing=\"0\"\n            ref={tableRef}\n          >\n            {tableHeaders?.length > 0 && (\n              <TableHead\n                content={tableHeaders}\n                hideActionsMenu={hideActionsMenu}\n                mainRowItemsCount={mainRowItemsCount}\n                ref={tableHeadRef}\n                selectedItem={selectedItem}\n                sortProps={sortProps}\n              />\n            )}\n            <tbody\n              className=\"table-body\"\n              id={MAIN_TABLE_BODY_ID}\n              style={{ paddingTop: virtualizationConfig.tableBodyPaddingTop }}\n              ref={tableBodyRef}\n            >\n              {children}\n            </tbody>\n          </table>\n          {tableStore?.isTablePanelOpen && pageData?.tablePanel && (\n            <div className=\"table__panel-container\" ref={tablePanelRef}>\n              <div className=\"table__panel\">{pageData.tablePanel}</div>\n            </div>\n          )}\n        </div>\n        {renderDetails && renderDetails()}\n      </div>\n    </div>\n  )\n}\n\nTableContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  hideActionsMenu: PropTypes.bool,\n  mainRowItemsCount: PropTypes.number,\n  pageData: PropTypes.object,\n  renderDetails: PropTypes.func,\n  selectedItem: PropTypes.object,\n  sortProps: SORT_PROPS,\n  tableBodyRef: PropTypes.object.isRequired,\n  tableClass: PropTypes.string.isRequired,\n  tableContentRef: PropTypes.object.isRequired,\n  tableHeadRef: PropTypes.object.isRequired,\n  tableHeaders: PropTypes.arrayOf(PropTypes.object).isRequired,\n  tablePanelRef: PropTypes.object.isRequired,\n  tableRef: PropTypes.object.isRequired,\n  tableStore: PropTypes.object,\n  tableWrapperClass: PropTypes.string.isRequired,\n  virtualizationConfig: VIRTUALIZATION_CONFIG\n}\n\nexport const useTable = ({ ref, selectedItem, skipTableWrapper = false, tableClassName = '' }) => {\n  const tableRefLocal = useRef(null)\n  const tableBodyRefLocal = useRef(null)\n  const tableRef = ref?.tableRef ?? tableRefLocal\n  const tableBodyRef = ref?.tableBodyRef ?? tableBodyRefLocal\n  const tableContentRef = useRef(null)\n  const tablePanelRef = useRef(null)\n  const tableHeadRef = useRef(null)\n  const tableStore = useSelector(store => store.tableStore) ?? {}\n\n  const tableClass = classnames(\n    'table',\n    'table-main',\n    !isEmpty(selectedItem) && 'table-with-details',\n    tableClassName && tableClassName\n  )\n  const tableWrapperClass = classnames(!skipTableWrapper && 'table__wrapper')\n\n  useEffect(() => {\n    const calculatePanelHeight = () => {\n      if (tableHeadRef?.current && tableContentRef?.current && tablePanelRef?.current) {\n        const tableContentHeight = tableContentRef.current.getBoundingClientRect().height\n        const tableHeadCords = tableHeadRef.current.getBoundingClientRect()\n        const panelHeight = window.innerHeight - tableHeadCords.top\n\n        tablePanelRef.current.style.height =\n          tableContentHeight > panelHeight\n            ? `${panelHeight}px`\n            : `${panelHeight - (panelHeight - tableContentHeight)}px`\n      }\n    }\n\n    if (tableStore.isTablePanelOpen && tablePanelRef.current) {\n      calculatePanelHeight()\n\n      document.getElementById('main-wrapper').addEventListener('scroll', calculatePanelHeight)\n      window.addEventListener('resize', calculatePanelHeight)\n    }\n    return () => {\n      window.removeEventListener('scroll', calculatePanelHeight)\n      window.removeEventListener('resize', calculatePanelHeight)\n    }\n  }, [tableStore.isTablePanelOpen])\n\n  const handleTableHScroll = useCallback(\n    e => {\n      if (tableRef.current) {\n        const tableScrollPosition = e.target.scrollLeft\n\n        if (tableScrollPosition > 0) {\n          tableRef.current.classList.add('table__scrolled')\n        } else {\n          tableRef.current.classList.remove('table__scrolled')\n        }\n      }\n    },\n    [tableRef]\n  )\n\n  useEffect(() => {\n    window.addEventListener('scroll', handleTableHScroll, true)\n\n    return () => window.removeEventListener('scroll', handleTableHScroll, true)\n  }, [handleTableHScroll])\n\n  return {\n    TableContainer,\n    tableBodyRef,\n    tableClass,\n    tableContentRef,\n    tableHeadRef,\n    tablePanelRef,\n    tableRef,\n    tableStore,\n    tableWrapperClass\n  }\n}\n"],"names":["TableContainer","children","hideActionsMenu","mainRowItemsCount","pageData","renderDetails","selectedItem","sortProps","tableBodyRef","tableClass","tableContentRef","tableHeadRef","tableHeaders","tablePanelRef","tableRef","tableStore","tableWrapperClass","virtualizationConfig","jsx","jsxs","MAIN_TABLE_ID","TableHead","MAIN_TABLE_BODY_ID","PropTypes","SORT_PROPS","VIRTUALIZATION_CONFIG","useTable","ref","skipTableWrapper","tableClassName","tableRefLocal","useRef","tableBodyRefLocal","useSelector","store","classnames","isEmpty","useEffect","calculatePanelHeight","tableContentHeight","tableHeadCords","panelHeight","handleTableHScroll","useCallback","e"],"mappings":"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"}

package/dist/images/add.svg.mjs

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

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

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

package/dist/images/add.svg2.mjs

@@ -0,0 +1,6 @@
+import * as t from "react";
+const r = (e) => /* @__PURE__ */ t.createElement("svg", { width: 13, height: 14, viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("rect", { x: 7.34326, y: 0.5, width: 13, height: 1.5, transform: "rotate(90 7.34326 0.5)", fill: "#7F7989" }), /* @__PURE__ */ t.createElement("rect", { width: 13, height: 1.5, transform: "matrix(-1 -2.18557e-08 -2.18557e-08 1 13 6.15723)", fill: "#7F7989" }));
+export {
+  r as default
+};
+//# sourceMappingURL=add.svg2.mjs.map

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

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

package/dist/images/cancel.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2ZM12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4ZM16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z" fill="#E54158"/>
+</svg>

package/dist/images/copy-to-clipboard-icon.svg.mjs

@@ -0,0 +1,6 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M16 2H4C2.9 2 2 2.9 2 4V18H4V4H16V2ZM15 6H8C6.9 6 6.01 6.9 6.01 8L6 22C6 23.1 6.89 24 7.99 24H19C20.1 24 21 23.1 21 22V12L15 6ZM8 22V8H14V13H19V22H8Z", fill: "#7F7989" }));
+export {
+  o as default
+};
+//# sourceMappingURL=copy-to-clipboard-icon.svg.mjs.map

package/dist/images/copy-to-clipboard-icon.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard-icon.svg.mjs","sources":["../../src/lib/images/copy-to-clipboard-icon.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgCopyToClipboardIcon = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M16 2H4C2.9 2 2 2.9 2 4V18H4V4H16V2ZM15 6H8C6.9 6 6.01 6.9 6.01 8L6 22C6 23.1 6.89 24 7.99 24H19C20.1 24 21 23.1 21 22V12L15 6ZM8 22V8H14V13H19V22H8Z\", fill: \"#7F7989\" }));\nexport default SvgCopyToClipboardIcon;\n"],"names":["SvgCopyToClipboardIcon","props","React"],"mappings":";AACK,MAACA,IAAyB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,yJAAyJ,MAAM,UAAS,CAAE,CAAC;"}

package/dist/images/elipsis.svg.mjs

@@ -0,0 +1,6 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z", fill: "#7F7989" }));
+export {
+  t as default
+};
+//# sourceMappingURL=elipsis.svg.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elipsis.svg.mjs","sources":["../../src/lib/images/elipsis.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgElipsis = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z\", fill: \"#7F7989\" }));\nexport default SvgElipsis;\n"],"names":["SvgElipsis","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,oRAAoR,MAAM,UAAS,CAAE,CAAC;"}

package/dist/images/history.svg.mjs

@@ -0,0 +1,6 @@
+import * as C from "react";
+const e = (t) => /* @__PURE__ */ C.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ C.createElement("path", { id: "history", d: "M9.21214 18C6.98183 18 5.0384 17.2375 3.38183 15.7125C1.72527 14.1875 0.775772 12.2833 0.533348 10H2.52123C2.74749 11.7333 3.49496 13.1667 4.76365 14.3C6.03234 15.4333 7.51517 16 9.21214 16C11.103 16 12.7071 15.3208 14.0243 13.9625C15.3414 12.6042 16 10.95 16 9C16 7.05 15.3414 5.39583 14.0243 4.0375C12.7071 2.67917 11.103 2 9.21214 2C8.09698 2 7.05456 2.26667 6.08486 2.8C5.11517 3.33333 4.299 4.06667 3.63638 5H6.30304V7H0.484863V1H2.42426V3.35C3.2485 2.28333 4.25456 1.45833 5.44244 0.875C6.63032 0.291667 7.88688 0 9.21214 0C10.4243 0 11.5596 0.2375 12.6182 0.7125C13.6768 1.1875 14.598 1.82917 15.3818 2.6375C16.1657 3.44583 16.7879 4.39583 17.2485 5.4875C17.7091 6.57917 17.9394 7.75 17.9394 9C17.9394 10.25 17.7091 11.4208 17.2485 12.5125C16.7879 13.6042 16.1657 14.5542 15.3818 15.3625C14.598 16.1708 13.6768 16.8125 12.6182 17.2875C11.5596 17.7625 10.4243 18 9.21214 18ZM11.9273 13.2L8.24244 9.4V4H10.1818V8.6L13.2849 11.8L11.9273 13.2Z", fill: "#7F7989" }));
+export {
+  e as default
+};
+//# sourceMappingURL=history.svg.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"history.svg.mjs","sources":["../../src/lib/images/history.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHistory = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 18, height: 18, viewBox: \"0 0 18 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { id: \"history\", d: \"M9.21214 18C6.98183 18 5.0384 17.2375 3.38183 15.7125C1.72527 14.1875 0.775772 12.2833 0.533348 10H2.52123C2.74749 11.7333 3.49496 13.1667 4.76365 14.3C6.03234 15.4333 7.51517 16 9.21214 16C11.103 16 12.7071 15.3208 14.0243 13.9625C15.3414 12.6042 16 10.95 16 9C16 7.05 15.3414 5.39583 14.0243 4.0375C12.7071 2.67917 11.103 2 9.21214 2C8.09698 2 7.05456 2.26667 6.08486 2.8C5.11517 3.33333 4.299 4.06667 3.63638 5H6.30304V7H0.484863V1H2.42426V3.35C3.2485 2.28333 4.25456 1.45833 5.44244 0.875C6.63032 0.291667 7.88688 0 9.21214 0C10.4243 0 11.5596 0.2375 12.6182 0.7125C13.6768 1.1875 14.598 1.82917 15.3818 2.6375C16.1657 3.44583 16.7879 4.39583 17.2485 5.4875C17.7091 6.57917 17.9394 7.75 17.9394 9C17.9394 10.25 17.7091 11.4208 17.2485 12.5125C16.7879 13.6042 16.1657 14.5542 15.3818 15.3625C14.598 16.1708 13.6768 16.8125 12.6182 17.2875C11.5596 17.7625 10.4243 18 9.21214 18ZM11.9273 13.2L8.24244 9.4V4H10.1818V8.6L13.2849 11.8L11.9273 13.2Z\", fill: \"#7F7989\" }));\nexport default SvgHistory;\n"],"names":["SvgHistory","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,WAAW,GAAG,s7BAAs7B,MAAM,UAAS,CAAE,CAAC;"}

package/dist/images/ml-enlarge.svg.mjs

@@ -0,0 +1,6 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M16.614 6H14V4H20V10H18V7.44238L14.6642 10.7782L13.25 9.36395L16.614 6Z", fill: "#7F7989" }), /* @__PURE__ */ e.createElement("path", { d: "M18.0142 16.614V14H20.0142V20H14.0142V18H16.5718L13.236 14.6642L14.6502 13.25L18.0142 16.614Z", fill: "#7F7989" }), /* @__PURE__ */ e.createElement("path", { d: "M7.38605 18.0141H10V20.0141H4L4 14.0141H6L6 16.5717L9.33579 13.2359L10.75 14.6501L7.38605 18.0141Z", fill: "#7F7989" }), /* @__PURE__ */ e.createElement("path", { d: "M5.98584 7.38605V10H3.98584L3.98584 4L9.98584 4V6L7.42822 6L10.764 9.33579L9.34979 10.75L5.98584 7.38605Z", fill: "#7F7989" }));
+export {
+  l as default
+};
+//# sourceMappingURL=ml-enlarge.svg.mjs.map