iguazio.dashboard-react-controls 3.2.14 → 3.2.15

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

@@ -1 +0,0 @@
-{"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 { useDispatch, 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, performDetailsActionHelper } 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  handleActionClick,\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={event => {\n              handleActionClick(event, actionButton.onClick)\n            }}\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.hideCloseBtn &&\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  handleActionClick: 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 dispatch = useDispatch()\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 handleActionClick = async (event, handler) => {\n    const actionCanBePerformed = await performDetailsActionHelper(\n      commonDetailsStore.changes,\n      dispatch\n    )\n\n    if (actionCanBePerformed) {\n      handler(event)\n    }\n  }\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    handleActionClick,\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","handleActionClick","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","event","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","dispatch","useDispatch","useParams","useNavigate","getViewMode","useRef","useLocation","handler","performDetailsActionHelper","handleBackClick","useCallback"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-export function useDetectOutsideClick(ref: React.node, handler: Function): void;
-//# sourceMappingURL=useDetectOutsideClick.hook.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDetectOutsideClick.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useDetectOutsideClick.hook.js"],"names":[],"mappings":"AAwBO,2CAHI,KAAK,CAAC,IAAI,2BAmBpB"}

package/dist/hooks/useDetectOutsideClick.hook.mjs

@@ -1,15 +0,0 @@
-import { useEffect as i } from "react";
-const r = (t, e) => {
-  i(() => {
-    const c = (n) => {
-      n.stopPropagation(), t.current !== null && !t.current.contains(n.target) && e(n);
-    };
-    return window.addEventListener("click", c), () => {
-      window.removeEventListener("click", c);
-    };
-  }, [t, e]);
-};
-export {
-  r as useDetectOutsideClick
-};
-//# sourceMappingURL=useDetectOutsideClick.hook.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDetectOutsideClick.hook.mjs","sources":["../../src/lib/hooks/useDetectOutsideClick.hook.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*/\nimport { useEffect } from 'react'\n\n/**\n * Hook for handling closing when clicking outside an element\n * @function useDetectOutsideClick\n * @param {React.node} ref\n * @param {function} handler A callback function to use on outside click\n */\nexport const useDetectOutsideClick = (ref, handler) => {\n  useEffect(() => {\n    const onClick = e => {\n      e.stopPropagation()\n      // If the active element exists and is clicked outside of\n      if (ref.current !== null && !ref.current.contains(e.target)) {\n        handler(e)\n      }\n    }\n    // If the item is active (ie open) then listen for clicks outside\n    window.addEventListener('click', onClick)\n\n    return () => {\n      window.removeEventListener('click', onClick)\n    }\n  }, [ref, handler])\n}\n"],"names":["useDetectOutsideClick","ref","handler","useEffect","onClick","e"],"mappings":";AAwBY,MAACA,IAAwB,CAACC,GAAKC,MAAY;AACrD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,CAAAC,MAAK;AACnB,MAAAA,EAAE,gBAAe,GAEbJ,EAAI,YAAY,QAAQ,CAACA,EAAI,QAAQ,SAASI,EAAE,MAAM,KACxDH,EAAQG,CAAC;AAAA,IAEb;AAEA,kBAAO,iBAAiB,SAASD,CAAO,GAEjC,MAAM;AACX,aAAO,oBAAoB,SAASA,CAAO;AAAA,IAC7C;AAAA,EACF,GAAG,CAACH,GAAKC,CAAO,CAAC;AACnB;"}

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

@@ -1,16 +0,0 @@
-export function useFormTable(formState: any, exitEditModeTriggerItem: any, onExitEditModeCallback: any): {
-    addNewRow: (event: any, fields: any, fieldsPath: any, newItem: any) => void;
-    applyChanges: (event: any, index: any) => void;
-    applyOrDiscardOrDelete: (event?: any) => void;
-    bottomScrollRef: import("react").MutableRefObject<any>;
-    deleteRow: (event: any, fieldsPath: any, index: any) => void;
-    discardChanges: (event: any, fieldsPath: any, index: any) => void;
-    discardOrDelete: (event: any, fieldsPath: any, index: any) => void;
-    editingItem: any;
-    editingItemRef: import("react").MutableRefObject<any>;
-    enterEditMode: (event: any, fields: any, fieldsPath: any, index: any) => void;
-    exitEditMode: () => void;
-    getTableArrayErrors: (fieldsPath: any) => any;
-    isCurrentRowEditing: (rowPath: any) => boolean;
-};
-//# sourceMappingURL=useFormTable.hook.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormTable.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useFormTable.hook.js"],"names":[],"mappings":"AAuBO;;;;;;;;;;;;;;EA0ON"}

package/dist/hooks/useFormTable.hook.mjs

@@ -1,128 +0,0 @@
-import { useState as V, useRef as p, useLayoutEffect as b, useEffect as C } from "react";
-import { get as m, omit as A } from "lodash";
-import { ARRAY_ERROR as L } from "final-form";
-const G = (l, F, E) => {
-  const [i, $] = V(null), r = p(null), d = p(null), o = p(null), O = p(null), f = p(E);
-  b(() => {
-    const e = m(l == null ? void 0 : l.errors, i == null ? void 0 : i.ui.fieldsPath, []);
-    d.current = m(e, i == null ? void 0 : i.ui.index, null);
-  }, [i == null ? void 0 : i.ui.fieldsPath, i == null ? void 0 : i.ui.index, l == null ? void 0 : l.errors]), b(() => {
-    o.current = l;
-  }, [l]), b(() => {
-    f.current = E;
-  }, [E]);
-  const a = () => {
-    var e, t;
-    (e = r.current) != null && e.data && Object.entries((t = r.current) == null ? void 0 : t.data).forEach(([n]) => {
-      var u, c, s;
-      (s = o.current) == null || s.form.mutators.setFieldState(
-        `${(u = r.current) == null ? void 0 : u.ui.fieldsPath}[${(c = r.current) == null ? void 0 : c.ui.index}].data.${n}`,
-        {
-          modified: !1
-        }
-      );
-    }), r.current = null, $(null), f != null && f.current && f.current();
-  };
-  C(() => {
-    const e = () => {
-      var t, n, u, c, s, h, N, T;
-      if (r != null && r.current)
-        if (!d.current)
-          a();
-        else {
-          if ((n = (t = r.current) == null ? void 0 : t.ui) != null && n.isNew) {
-            const P = m(o.current.values, (u = r.current) == null ? void 0 : u.ui.fieldsPath);
-            (P == null ? void 0 : P.length) > 1 ? o.current.form.mutators.remove(
-              (c = r.current) == null ? void 0 : c.ui.fieldsPath,
-              (s = r.current) == null ? void 0 : s.ui.index
-            ) : o.current.form.change((h = r.current) == null ? void 0 : h.ui.fieldsPath, []);
-          } else
-            o.current.form.mutators.update(
-              (N = r.current) == null ? void 0 : N.ui.fieldsPath,
-              (T = r.current) == null ? void 0 : T.ui.index,
-              A(r.current, ["ui"])
-            );
-          a();
-        }
-    };
-    return () => {
-      e();
-    };
-  }, [F]);
-  const j = (e, t, n, u) => {
-    w(e), o.current.form.mutators.push(n, u), $(() => {
-      var s;
-      const c = {
-        ...u,
-        ui: {
-          isNew: !0,
-          fieldsPath: n,
-          index: ((s = t.value) == null ? void 0 : s.length) || 0
-        }
-      };
-      return r.current = c, c;
-    }), D();
-  }, R = (e, t) => {
-    var n, u;
-    r.current && (d.current ? Object.entries((u = d.current) == null ? void 0 : u.data).forEach(([c]) => {
-      var s, h;
-      (h = o.current) == null || h.form.mutators.setFieldState(
-        `${(s = r.current) == null ? void 0 : s.ui.fieldsPath}[${t}].data.${c}`,
-        {
-          modified: !0
-        }
-      );
-    }) : ((n = r.current) != null && n.ui.isNew && D(), a()));
-  }, g = (e, t, n) => {
-    r.current && n !== r.current.ui.index && w(e);
-    const u = m(o.current.values, t);
-    (u == null ? void 0 : u.length) > 1 ? o.current.form.mutators.remove(t, n) : o.current.form.change(t, []), a(), e && e.stopPropagation();
-  }, x = (e, t, n) => {
-    o.current.form.mutators.update(
-      t,
-      n,
-      A(r.current, ["ui"])
-    ), a(), e && e.stopPropagation();
-  }, y = (e, t, n) => {
-    var u, c;
-    !r.current || (c = (u = r.current) == null ? void 0 : u.ui) != null && c.isNew ? g(e, t, n) : x(e, t, n);
-  }, w = (e = null) => {
-    var t, n, u;
-    r != null && r.current && (d.current ? y(
-      e,
-      (n = r.current) == null ? void 0 : n.ui.fieldsPath,
-      (u = r.current) == null ? void 0 : u.ui.index
-    ) : R(e, (t = r.current) == null ? void 0 : t.ui.index));
-  }, v = (e, t, n, u) => {
-    w(e), setTimeout(() => {
-      const c = t.value[u];
-      $(() => {
-        const s = { ...c, ui: { fieldsPath: n, index: u } };
-        return r.current = s, s;
-      });
-    });
-  }, D = () => {
-    O.current && setTimeout(() => {
-      O.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
-    });
-  };
-  return {
-    addNewRow: j,
-    applyChanges: R,
-    applyOrDiscardOrDelete: w,
-    bottomScrollRef: O,
-    deleteRow: g,
-    discardChanges: x,
-    discardOrDelete: y,
-    editingItem: i,
-    editingItemRef: r,
-    enterEditMode: v,
-    exitEditMode: a,
-    getTableArrayErrors: (e) => l.submitFailed && l.invalid ? m(l, `errors.${e}.${L}`, []) : [],
-    isCurrentRowEditing: (e) => (r == null ? void 0 : r.current) && `${r.current.ui.fieldsPath}[${r.current.ui.index}]` === e
-  };
-};
-export {
-  G as useFormTable
-};
-//# sourceMappingURL=useFormTable.hook.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormTable.hook.mjs","sources":["../../src/lib/hooks/useFormTable.hook.js"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { get, omit } from 'lodash'\nimport { ARRAY_ERROR } from 'final-form'\n\nexport const useFormTable = (formState, exitEditModeTriggerItem, onExitEditModeCallback) => {\n  // `editingItem` should contain the `data` object with all fields that are used in the `formState`.\n  // Properties that aren't used in the `formState` should be placed directly in the `editingItem` object\n  // `editingItem` also has an `ui` property which is used internally in this hook\n  //\n  // e.g.\n  // editingItem = {\n  //   data: {\n  //     <fieldName>: <fieldValue>,\n  //     <fieldName2>: <fieldValue2>\n  //   },\n  //   <anotherProperty>: <anotherPropertyValue>\n  //   ui: {\n  //     isNew: <true|false>, // `true` if we are creating a new row, if we are editing it's `false`\n  //     fieldsPath: <\"the.path\">, // the path where table data is placed in the `formState`\n  //     index: <0|1|...> // index of the editing row\n  //   }\n  // }\n  const [editingItem, setEditingItem] = useState(null)\n  const editingItemRef = useRef(null)\n  const editingItemErrorsRef = useRef(null)\n  const formStateRef = useRef(null)\n  const bottomScrollRef = useRef(null)\n  const onExitEditModeCallbackRef = useRef(onExitEditModeCallback)\n\n  useLayoutEffect(() => {\n    const tableErrors = get(formState?.errors, editingItem?.ui.fieldsPath, [])\n    editingItemErrorsRef.current = get(tableErrors, editingItem?.ui.index, null)\n  }, [editingItem?.ui.fieldsPath, editingItem?.ui.index, formState?.errors])\n\n  useLayoutEffect(() => {\n    formStateRef.current = formState\n  }, [formState])\n\n  useLayoutEffect(() => {\n    onExitEditModeCallbackRef.current = onExitEditModeCallback\n  }, [onExitEditModeCallback])\n\n  const exitEditMode = () => {\n    if (editingItemRef.current?.data) {\n      Object.entries(editingItemRef.current?.data).forEach(([fieldName]) => {\n        formStateRef.current?.form.mutators.setFieldState(\n          `${editingItemRef.current?.ui.fieldsPath}[${editingItemRef.current?.ui.index}].data.${fieldName}`,\n          {\n            modified: false\n          }\n        )\n      })\n    }\n\n    editingItemRef.current = null\n    setEditingItem(null)\n    onExitEditModeCallbackRef?.current && onExitEditModeCallbackRef.current()\n  }\n\n  useEffect(() => {\n    const applyOrDiscardOrDeleteInEffect = () => {\n      if (editingItemRef?.current) {\n        if (!editingItemErrorsRef.current) {\n          exitEditMode()\n        } else {\n          if (editingItemRef.current?.ui?.isNew) {\n            const values = get(formStateRef.current.values, editingItemRef.current?.ui.fieldsPath)\n\n            if (values?.length > 1) {\n              formStateRef.current.form.mutators.remove(\n                editingItemRef.current?.ui.fieldsPath,\n                editingItemRef.current?.ui.index\n              )\n            } else {\n              formStateRef.current.form.change(editingItemRef.current?.ui.fieldsPath, [])\n            }\n          } else {\n            formStateRef.current.form.mutators.update(\n              editingItemRef.current?.ui.fieldsPath,\n              editingItemRef.current?.ui.index,\n              omit(editingItemRef.current, ['ui'])\n            )\n          }\n\n          exitEditMode()\n        }\n      }\n    }\n\n    return () => {\n      applyOrDiscardOrDeleteInEffect()\n    }\n  }, [exitEditModeTriggerItem])\n\n  const addNewRow = (event, fields, fieldsPath, newItem) => {\n    applyOrDiscardOrDelete(event)\n    formStateRef.current.form.mutators.push(fieldsPath, newItem)\n    setEditingItem(() => {\n      const newEditingItem = {\n        ...newItem,\n        ui: {\n          isNew: true,\n          fieldsPath,\n          index: fields.value?.length || 0\n        }\n      }\n      editingItemRef.current = newEditingItem\n\n      return newEditingItem\n    })\n\n    scrollIntoView()\n  }\n\n  const applyChanges = (event, index) => {\n    if (editingItemRef.current) {\n      if (!editingItemErrorsRef.current) {\n        if (editingItemRef.current?.ui.isNew) {\n          scrollIntoView()\n        }\n\n        exitEditMode()\n      } else {\n        // Mark all empty fields as `modified` in order to highlight the error if the field is invalid\n        Object.entries(editingItemErrorsRef.current?.data).forEach(([fieldName]) => {\n          formStateRef.current?.form.mutators.setFieldState(\n            `${editingItemRef.current?.ui.fieldsPath}[${index}].data.${fieldName}`,\n            {\n              modified: true\n            }\n          )\n        })\n      }\n    }\n  }\n\n  const deleteRow = (event, fieldsPath, index) => {\n    if (editingItemRef.current && index !== editingItemRef.current.ui.index) {\n      applyOrDiscardOrDelete(event)\n    }\n\n    const values = get(formStateRef.current.values, fieldsPath)\n\n    if (values?.length > 1) {\n      formStateRef.current.form.mutators.remove(fieldsPath, index)\n    } else {\n      formStateRef.current.form.change(fieldsPath, [])\n    }\n\n    exitEditMode()\n    event && event.stopPropagation()\n  }\n\n  const discardChanges = (event, fieldsPath, index) => {\n    formStateRef.current.form.mutators.update(\n      fieldsPath,\n      index,\n      omit(editingItemRef.current, ['ui'])\n    )\n    exitEditMode()\n    event && event.stopPropagation()\n  }\n\n  const discardOrDelete = (event, fieldsPath, index) => {\n    if (!editingItemRef.current || editingItemRef.current?.ui?.isNew) {\n      deleteRow(event, fieldsPath, index)\n    } else {\n      discardChanges(event, fieldsPath, index)\n    }\n  }\n\n  const applyOrDiscardOrDelete = (event = null) => {\n    if (editingItemRef?.current) {\n      if (!editingItemErrorsRef.current) {\n        applyChanges(event, editingItemRef.current?.ui.index)\n      } else {\n        discardOrDelete(\n          event,\n          editingItemRef.current?.ui.fieldsPath,\n          editingItemRef.current?.ui.index\n        )\n      }\n    }\n  }\n\n  const enterEditMode = (event, fields, fieldsPath, index) => {\n    applyOrDiscardOrDelete(event)\n\n    setTimeout(() => {\n      const editItem = fields.value[index]\n\n      setEditingItem(() => {\n        const newEditingItem = { ...editItem, ui: { fieldsPath, index } }\n        editingItemRef.current = newEditingItem\n\n        return newEditingItem\n      })\n    })\n  }\n\n  const scrollIntoView = () => {\n    if (bottomScrollRef.current) {\n      setTimeout(() => {\n        bottomScrollRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n      })\n    }\n  }\n\n  const isCurrentRowEditing = rowPath => {\n    return (\n      editingItemRef?.current &&\n      `${editingItemRef.current.ui.fieldsPath}[${editingItemRef.current.ui.index}]` === rowPath\n    )\n  }\n\n  const getTableArrayErrors = fieldsPath => {\n    if (formState.submitFailed && formState.invalid) {\n      return get(formState, `errors.${fieldsPath}.${ARRAY_ERROR}`, [])\n    } else {\n      return []\n    }\n  }\n\n  return {\n    addNewRow,\n    applyChanges,\n    applyOrDiscardOrDelete,\n    bottomScrollRef,\n    deleteRow,\n    discardChanges,\n    discardOrDelete,\n    editingItem,\n    editingItemRef,\n    enterEditMode,\n    exitEditMode,\n    getTableArrayErrors,\n    isCurrentRowEditing\n  }\n}\n"],"names":["useFormTable","formState","exitEditModeTriggerItem","onExitEditModeCallback","editingItem","setEditingItem","useState","editingItemRef","useRef","editingItemErrorsRef","formStateRef","bottomScrollRef","onExitEditModeCallbackRef","useLayoutEffect","tableErrors","get","exitEditMode","_a","_b","fieldName","_c","useEffect","applyOrDiscardOrDeleteInEffect","values","_d","_e","_f","_g","_h","omit","addNewRow","event","fields","fieldsPath","newItem","applyOrDiscardOrDelete","newEditingItem","scrollIntoView","applyChanges","index","deleteRow","discardChanges","discardOrDelete","enterEditMode","editItem","ARRAY_ERROR","rowPath"],"mappings":"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"}

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

@@ -1,4 +0,0 @@
-export function useHiddenChipsBlock(hiddenChipsCounterRef: any, hiddenChipsPopUpRef: any): {
-    hiddenChipsBlockClassNames: string;
-};
-//# sourceMappingURL=useHiddenChipsBlock.hook.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useHiddenChipsBlock.hook.d.ts","sourceRoot":"","sources":["../../src/lib/hooks/useHiddenChipsBlock.hook.js"],"names":[],"mappings":"AAwBO;;EA6FN"}

package/dist/hooks/useHiddenChipsBlock.hook.mjs

@@ -1,51 +0,0 @@
-import { useState as u, useMemo as v, useCallback as E, useEffect as g } from "react";
-import y from "classnames";
-import { getTransitionEndEventName as H } from "../utils/common.util.mjs";
-const T = (r, t) => {
-  const [f, i] = u(!1), [x, b] = u(!1), [w, M] = u(!1), a = v(() => H(), []), k = y(
-    "chip-block-hidden",
-    f ? "chip-block-hidden_top" : "chip-block-hidden_bottom",
-    x ? "chip-block-hidden_left" : "chip-block-hidden_right",
-    w && "chip-block-hidden_visible"
-  ), c = E(() => {
-    if (t != null && t.current && (r != null && r.current)) {
-      const e = r.current.getBoundingClientRect(), o = Math.floor(window.innerWidth - e.left - e.width), n = Math.floor(
-        window.innerHeight - e.top - e.height
-      );
-      let l = !1, s = !1;
-      if (t.current.style.maxWidth = "100%", t.current.style.maxHeight = "100%", e.left > t.current.clientWidth)
-        l = !0;
-      else if (o > t.current.clientWidth)
-        l = !1;
-      else {
-        l = e.left > o;
-        const m = Math.max(e.left, o);
-        t.current.style.maxWidth = `${m}px`;
-      }
-      if (t.current.style.right = l ? `${o}px` : "unset", t.current.style.left = l ? "unset" : `${e.left}px`, e.top > t.current.clientHeight + 10 + 20)
-        s = !0;
-      else if (n > t.current.clientHeight + 10 + 20)
-        s = !1;
-      else {
-        s = e.top > n + 10;
-        const m = Math.max(e.top, n) - 10 - 20;
-        t.current.style.maxHeight = `${m}px`;
-      }
-      t.current.style.bottom = s ? `${n + e.height + 10}px` : "unset", t.current.style.top = s ? "unset" : `${e.bottom + 10}px`, i(s), b(l), M(!0);
-    }
-  }, [r, t]);
-  return g(() => {
-    if (t != null && t.current && (r != null && r.current))
-      return window.addEventListener("resize", c), window.addEventListener(a, c), () => {
-        window.removeEventListener("resize", c), window.removeEventListener(a, c);
-      };
-  }, [t, r, c, a]), g(() => {
-    c();
-  }, [c]), {
-    hiddenChipsBlockClassNames: k
-  };
-};
-export {
-  T as useHiddenChipsBlock
-};
-//# sourceMappingURL=useHiddenChipsBlock.hook.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useHiddenChipsBlock.hook.mjs","sources":["../../src/lib/hooks/useHiddenChipsBlock.hook.js"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport classnames from 'classnames'\n\nimport { getTransitionEndEventName } from '../utils/common.util'\n\nexport const useHiddenChipsBlock = (hiddenChipsCounterRef, hiddenChipsPopUpRef) => {\n  const [isTop, setIsTop] = useState(false)\n  const [isLeft, setIsLeft] = useState(false)\n  const [isVisible, setIsVisible] = useState(false)\n  const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n  const hiddenChipsBlockClassNames = classnames(\n    'chip-block-hidden',\n    isTop ? 'chip-block-hidden_top' : 'chip-block-hidden_bottom',\n    isLeft ? 'chip-block-hidden_left' : 'chip-block-hidden_right',\n    isVisible && 'chip-block-hidden_visible'\n  )\n\n  const resizePopUp = useCallback(() => {\n    if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {\n      const offset = 10\n      const offsetMargin = 20\n      const elementRect = hiddenChipsCounterRef.current.getBoundingClientRect()\n\n      // Calculate the distance from the right edge of the window to the element's right edge\n      const elementRectRight = Math.floor(window.innerWidth - elementRect.left - elementRect.width)\n\n      // Calculate the distance from the bottom edge of the window to the element's bottom edge\n      const elementRectBottom = Math.floor(\n        window.innerHeight - elementRect.top - elementRect.height\n      )\n      let isLeftPosition = false\n      let isTopPosition = false\n      hiddenChipsPopUpRef.current.style.maxWidth = '100%'\n      hiddenChipsPopUpRef.current.style.maxHeight = '100%'\n\n      // Determine if the left position is preferred based on the element's position and available width\n      if (elementRect.left > hiddenChipsPopUpRef.current.clientWidth) {\n        isLeftPosition = true\n      } else if (elementRectRight > hiddenChipsPopUpRef.current.clientWidth) {\n        isLeftPosition = false\n      } else {\n        // Compare elementRect.left and elementRectRight to choose the larger value as the max width\n        isLeftPosition = elementRect.left > elementRectRight\n        const popUpMaxWidth = Math.max(elementRect.left, elementRectRight)\n        hiddenChipsPopUpRef.current.style.maxWidth = `${popUpMaxWidth}px`\n      }\n\n      hiddenChipsPopUpRef.current.style.right = isLeftPosition ? `${elementRectRight}px` : 'unset'\n      hiddenChipsPopUpRef.current.style.left = isLeftPosition ? 'unset' : `${elementRect.left}px`\n\n      // Determine if the top position is preferred based on the element's position and available height\n      if (elementRect.top > hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin) {\n        isTopPosition = true\n      } else if (\n        elementRectBottom >\n        hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin\n      ) {\n        isTopPosition = false\n      } else {\n        // Compare elementRect.top and elementRectBottom to choose the larger value as the max height\n        isTopPosition = elementRect.top > elementRectBottom + offset\n        const popUpMaxHeight = Math.max(elementRect.top, elementRectBottom) - offset - offsetMargin\n        hiddenChipsPopUpRef.current.style.maxHeight = `${popUpMaxHeight}px`\n      }\n\n      hiddenChipsPopUpRef.current.style.bottom = isTopPosition\n        ? `${elementRectBottom + elementRect.height + offset}px`\n        : 'unset'\n      hiddenChipsPopUpRef.current.style.top = isTopPosition\n        ? 'unset'\n        : `${elementRect.bottom + offset}px`\n\n      setIsTop(isTopPosition)\n      setIsLeft(isLeftPosition)\n      setIsVisible(true)\n    }\n  }, [hiddenChipsCounterRef, hiddenChipsPopUpRef])\n\n  useEffect(() => {\n    if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {\n      window.addEventListener('resize', resizePopUp)\n      window.addEventListener(transitionEndEventName, resizePopUp)\n\n      return () => {\n        window.removeEventListener('resize', resizePopUp)\n        window.removeEventListener(transitionEndEventName, resizePopUp)\n      }\n    }\n  }, [hiddenChipsPopUpRef, hiddenChipsCounterRef, resizePopUp, transitionEndEventName])\n\n  useEffect(() => {\n    resizePopUp()\n  }, [resizePopUp])\n\n  return {\n    hiddenChipsBlockClassNames\n  }\n}\n"],"names":["useHiddenChipsBlock","hiddenChipsCounterRef","hiddenChipsPopUpRef","isTop","setIsTop","useState","isLeft","setIsLeft","isVisible","setIsVisible","transitionEndEventName","useMemo","getTransitionEndEventName","hiddenChipsBlockClassNames","classnames","resizePopUp","useCallback","elementRect","elementRectRight","elementRectBottom","isLeftPosition","isTopPosition","popUpMaxWidth","popUpMaxHeight","useEffect"],"mappings":";;;AAwBY,MAACA,IAAsB,CAACC,GAAuBC,MAAwB;AACjF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1CK,IAAyBC,EAAQ,MAAMC,EAAyB,GAAI,CAAA,CAAE,GAEtEC,IAA6BC;AAAA,IACjC;AAAA,IACAX,IAAQ,0BAA0B;AAAA,IAClCG,IAAS,2BAA2B;AAAA,IACpCE,KAAa;AAAA,EACjB,GAEQO,IAAcC,EAAY,MAAM;AACpC,QAAId,KAAA,QAAAA,EAAqB,YAAWD,KAAA,QAAAA,EAAuB,UAAS;AAGlE,YAAMgB,IAAchB,EAAsB,QAAQ,sBAAqB,GAGjEiB,IAAmB,KAAK,MAAM,OAAO,aAAaD,EAAY,OAAOA,EAAY,KAAK,GAGtFE,IAAoB,KAAK;AAAA,QAC7B,OAAO,cAAcF,EAAY,MAAMA,EAAY;AAAA,MAC3D;AACM,UAAIG,IAAiB,IACjBC,IAAgB;AAKpB,UAJAnB,EAAoB,QAAQ,MAAM,WAAW,QAC7CA,EAAoB,QAAQ,MAAM,YAAY,QAG1Ce,EAAY,OAAOf,EAAoB,QAAQ;AACjD,QAAAkB,IAAiB;AAAA,eACRF,IAAmBhB,EAAoB,QAAQ;AACxD,QAAAkB,IAAiB;AAAA,WACZ;AAEL,QAAAA,IAAiBH,EAAY,OAAOC;AACpC,cAAMI,IAAgB,KAAK,IAAIL,EAAY,MAAMC,CAAgB;AACjE,QAAAhB,EAAoB,QAAQ,MAAM,WAAW,GAAGoB,CAAa;AAAA,MAC/D;AAMA,UAJApB,EAAoB,QAAQ,MAAM,QAAQkB,IAAiB,GAAGF,CAAgB,OAAO,SACrFhB,EAAoB,QAAQ,MAAM,OAAOkB,IAAiB,UAAU,GAAGH,EAAY,IAAI,MAGnFA,EAAY,MAAMf,EAAoB,QAAQ,eAAe,KAAS;AACxE,QAAAmB,IAAgB;AAAA,eAEhBF,IACAjB,EAAoB,QAAQ,eAAe,KAAS;AAEpD,QAAAmB,IAAgB;AAAA,WACX;AAEL,QAAAA,IAAgBJ,EAAY,MAAME,IAAoB;AACtD,cAAMI,IAAiB,KAAK,IAAIN,EAAY,KAAKE,CAAiB,IAAI,KAAS;AAC/E,QAAAjB,EAAoB,QAAQ,MAAM,YAAY,GAAGqB,CAAc;AAAA,MACjE;AAEA,MAAArB,EAAoB,QAAQ,MAAM,SAASmB,IACvC,GAAGF,IAAoBF,EAAY,SAAS,EAAM,OAClD,SACJf,EAAoB,QAAQ,MAAM,MAAMmB,IACpC,UACA,GAAGJ,EAAY,SAAS,EAAM,MAElCb,EAASiB,CAAa,GACtBd,EAAUa,CAAc,GACxBX,EAAa,EAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAACR,GAAuBC,CAAmB,CAAC;AAE/C,SAAAsB,EAAU,MAAM;AACd,QAAItB,KAAA,QAAAA,EAAqB,YAAWD,KAAA,QAAAA,EAAuB;AACzD,oBAAO,iBAAiB,UAAUc,CAAW,GAC7C,OAAO,iBAAiBL,GAAwBK,CAAW,GAEpD,MAAM;AACX,eAAO,oBAAoB,UAAUA,CAAW,GAChD,OAAO,oBAAoBL,GAAwBK,CAAW;AAAA,MAChE;AAAA,EAEJ,GAAG,CAACb,GAAqBD,GAAuBc,GAAaL,CAAsB,CAAC,GAEpFc,EAAU,MAAM;AACd,IAAAT,EAAW;AAAA,EACb,GAAG,CAACA,CAAW,CAAC,GAET;AAAA,IACL,4BAAAF;AAAA,EACJ;AACA;"}

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

@@ -1,66 +0,0 @@
-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;
-};
-export function useTableScroll({ content, selectedItem, isAllVersions, tableId }: {
-    content: any;
-    selectedItem: any;
-    isAllVersions: any;
-    tableId?: string;
-}): void;
-//# sourceMappingURL=useTable.hook.d.ts.map

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

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

package/dist/hooks/useTable.hook.mjs

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

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

@@ -1 +0,0 @@
-{"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, useMemo, 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\nexport const useTableScroll = ({\n  content,\n  selectedItem,\n  isAllVersions,\n  tableId = MAIN_TABLE_ID\n}) => {\n  const lastSelectedItemDataRef = useRef(null)\n  const itemIdentifierKey = useMemo(\n    () => (isAllVersions ? 'identifierUnique' : 'identifier'),\n    [isAllVersions]\n  )\n\n  const handleSelectItemChanges = useCallback(\n    (identifier, content, async = false) => {\n      const selectedItemIndex = content?.findIndex(\n        item => item?.ui?.[itemIdentifierKey] === identifier\n      )\n\n      const triggerScroll = () => {\n        const tableElement = document.getElementById(tableId)\n\n        if (selectedItemIndex && tableElement) {\n          const rows = tableElement.getElementsByTagName('tr')\n\n          if (selectedItemIndex <= rows.length) {\n            const theadHeight =\n              tableElement.querySelector('thead')?.getBoundingClientRect().height ?? 0\n            const rowRect = rows[selectedItemIndex].getBoundingClientRect()\n            const tableRect = tableElement.getBoundingClientRect()\n            const rowCenterY = rowRect.height / 2\n            const tableCenterY = (tableRect.height - theadHeight) / 2\n            const heightToRow = rowRect.height * (selectedItemIndex + 1)\n            const scrollY = heightToRow - rowCenterY - tableCenterY\n\n            tableElement.scrollTo({\n              top: scrollY\n            })\n          }\n        }\n      }\n\n      if (selectedItemIndex >= 0) {\n        if (async) {\n          requestAnimationFrame(() => {\n            triggerScroll()\n          })\n        } else {\n          triggerScroll()\n        }\n      }\n    },\n    [itemIdentifierKey, tableId]\n  )\n\n  useEffect(() => {\n    try {\n      if (!isEmpty(selectedItem)) {\n        if (!lastSelectedItemDataRef.current) {\n          lastSelectedItemDataRef.current = selectedItem.ui\n          handleSelectItemChanges(selectedItem?.ui?.[itemIdentifierKey], content, true)\n        } else {\n          lastSelectedItemDataRef.current = selectedItem.ui\n        }\n      } else if (lastSelectedItemDataRef.current) {\n        handleSelectItemChanges(lastSelectedItemDataRef.current?.[itemIdentifierKey], content)\n\n        lastSelectedItemDataRef.current = null\n      }\n    } catch {\n      lastSelectedItemDataRef.current = null\n    }\n  }, [selectedItem, content, handleSelectItemChanges, itemIdentifierKey])\n\n  useEffect(() => {\n    return () => {\n      lastSelectedItemDataRef.current = null\n    }\n  }, [content])\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","useTableScroll","content","isAllVersions","tableId","lastSelectedItemDataRef","itemIdentifierKey","useMemo","handleSelectItemChanges","identifier","async","selectedItemIndex","item","_a","triggerScroll","tableElement","rows","theadHeight","rowRect","tableRect","rowCenterY","tableCenterY","scrollY","_b"],"mappings":"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"}

package/dist/images/add-circle-question.svg

@@ -1,7 +0,0 @@
-<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="15" r="10.5" stroke="#ADABB0"/>
-<path d="M11.5 10.5H12.5V19.5H11.5V10.5Z" fill="#ADABB0"/>
-<path d="M7.5 15.5L7.5 14.5L16.5 14.5L16.5 15.5L7.5 15.5Z" fill="#ADABB0"/>
-<rect x="15" width="13" height="13" rx="6.5" fill="#869CFF"/>
-<path d="M20.8633 7.25391C20.8633 6.88932 20.9076 6.59896 20.9961 6.38281C21.0846 6.16667 21.2461 5.95443 21.4805 5.74609C21.7174 5.53516 21.875 5.36458 21.9531 5.23438C22.0312 5.10156 22.0703 4.96224 22.0703 4.81641C22.0703 4.3763 21.8672 4.15625 21.4609 4.15625C21.2682 4.15625 21.1133 4.21615 20.9961 4.33594C20.8815 4.45312 20.8216 4.61589 20.8164 4.82422H19.6836C19.6888 4.32682 19.849 3.9375 20.1641 3.65625C20.4818 3.375 20.9141 3.23438 21.4609 3.23438C22.013 3.23438 22.4414 3.36849 22.7461 3.63672C23.0508 3.90234 23.2031 4.27865 23.2031 4.76562C23.2031 4.98698 23.1536 5.19661 23.0547 5.39453C22.9557 5.58984 22.7826 5.80729 22.5352 6.04688L22.2188 6.34766C22.0208 6.53776 21.9076 6.76042 21.8789 7.01562L21.8633 7.25391H20.8633ZM20.75 8.45312C20.75 8.27865 20.8086 8.13542 20.9258 8.02344C21.0456 7.90885 21.1979 7.85156 21.3828 7.85156C21.5677 7.85156 21.7188 7.90885 21.8359 8.02344C21.9557 8.13542 22.0156 8.27865 22.0156 8.45312C22.0156 8.625 21.957 8.76693 21.8398 8.87891C21.7253 8.99089 21.5729 9.04688 21.3828 9.04688C21.1927 9.04688 21.0391 8.99089 20.9219 8.87891C20.8073 8.76693 20.75 8.625 20.75 8.45312Z" fill="white"/>
-</svg>

package/dist/images/add-circle.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="11" fill="#869CFF"/>
-<path d="M11.5 7.50002H12.5V16.5H11.5V7.50002Z" fill="white"/>
-<path d="M7.5 12.5L7.5 11.5L16.5 11.5L16.5 12.5L7.5 12.5Z" fill="white"/>
-</svg>