iguazio.dashboard-react-controls 3.0.3 → 3.1.0

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

@@ -0,0 +1,72 @@
+export function useDetails({ applyDetailsChanges, applyDetailsChangesCallback, formInitialValues, isDetailsPopUp, isDetailsScreen, selectedItem }: {
+    applyDetailsChanges: any;
+    applyDetailsChangesCallback: any;
+    formInitialValues: any;
+    isDetailsPopUp: any;
+    isDetailsScreen: any;
+    selectedItem: any;
+}): {
+    DetailsContainer: {
+        ({ blocker, detailsMenu, detailsPanelClassNames, detailsPopUpSelectedTab, detailsRef, detailsStore, commonDetailsStore, doNotLeavePage, formRef, isDetailsPopUp, leavePage, params, renderHeader, renderTabsContent, setBlocker, setDetailsPopUpSelectedTab, shouldDetailsBlock, withActionMenu }: {
+            blocker: any;
+            detailsMenu: any;
+            detailsPanelClassNames: any;
+            detailsPopUpSelectedTab?: string;
+            detailsRef: any;
+            detailsStore: any;
+            commonDetailsStore: any;
+            doNotLeavePage: any;
+            formRef: any;
+            isDetailsPopUp?: any;
+            leavePage: any;
+            params: any;
+            renderHeader: any;
+            renderTabsContent: any;
+            setBlocker: any;
+            setDetailsPopUpSelectedTab?: any;
+            shouldDetailsBlock: any;
+            withActionMenu?: boolean;
+        }): JSX.Element;
+        propTypes: {
+            blocker: any;
+            detailsMenu: any;
+            detailsPanelClassNames: any;
+            detailsPopUpSelectedTab: any;
+            detailsRef: any;
+            detailsStore: any;
+            commonDetailsStore: any;
+            doNotLeavePage: any;
+            formRef: any;
+            isDetailsPopUp: any;
+            leavePage: any;
+            params: any;
+            renderHeader: any;
+            renderTabsContent: any;
+            setBlocker: any;
+            setDetailsPopUpSelectedTab: any;
+            shouldDetailsBlock: any;
+            withActionMenu: any;
+        };
+    };
+    applyChanges: () => void;
+    applyChangesRef: import("react").MutableRefObject<undefined>;
+    blocker: {};
+    cancelChanges: () => void;
+    detailsPanelClassNames: string;
+    detailsRef: import("react").MutableRefObject<undefined>;
+    commonDetailsStore: any;
+    doNotLeavePage: () => void;
+    formRef: import("react").MutableRefObject<import("final-form").FormApi<any, Partial<any>>>;
+    handleShowWarning: (show: any) => void;
+    leavePage: () => void;
+    location: any;
+    params: any;
+    removeDetailsInfo: any;
+    setBlocker: import("react").Dispatch<import("react").SetStateAction<{}>>;
+    setDetailsInfo: any;
+    shouldDetailsBlock: ({ currentLocation, nextLocation }: {
+        currentLocation: any;
+        nextLocation: any;
+    }) => boolean;
+};
+//# sourceMappingURL=useDetails.hook.d.ts.map

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

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

package/dist/hooks/useDetails.hook.mjs

@@ -0,0 +1,204 @@
+import { jsx as d, jsxs as W } from "react/jsx-runtime";
+import { useState as G, useRef as w, useMemo as J, useEffect as C, useCallback as l } from "react";
+import r from "prop-types";
+import K from "final-form-arrays";
+import Q from "classnames";
+import { Form as X } from "react-final-form";
+import { isEqual as Z, pickBy as y, cloneDeep as U } from "lodash";
+import { createForm as V } from "final-form";
+import { useDispatch as ee, useSelector as te } from "react-redux";
+import { useParams as ne, useLocation as re } from "react-router-dom";
+import se from "../components/BlockerSpy/BlockerSpy.mjs";
+import oe from "../components/ErrorMessage/ErrorMessage.mjs";
+import ae from "../components/Loader/Loader.mjs";
+import ie from "../components/TabsSlider/TabsSlider.mjs";
+import ce from "../components/ConfirmDialog/ConfirmDialog.mjs";
+import { setDetailsPopUpInfoContent as me, removeDetailsPopUpInfoContent as ue, setInfoContent as de, removeInfoContent as le, resetChanges as j, showWarning as A, setFiltersWasHandled as D, setEditMode as he } from "../reducers/commonDetailsReducer.mjs";
+import { PRIMARY_BUTTON as fe, TERTIARY_BUTTON as pe, VIEW_SEARCH_PARAMETER as x } from "../constants.mjs";
+import { DETAILS_MENU as ge } from "../types.mjs";
+import { setFieldState as Re } from "../utils/form.util.mjs";
+const H = ({
+  blocker: p,
+  detailsMenu: g,
+  detailsPanelClassNames: o,
+  detailsPopUpSelectedTab: a = "",
+  detailsRef: E,
+  detailsStore: h,
+  commonDetailsStore: s,
+  doNotLeavePage: R,
+  formRef: q,
+  isDetailsPopUp: t = null,
+  leavePage: T,
+  params: f,
+  renderHeader: n,
+  renderTabsContent: c,
+  setBlocker: S,
+  setDetailsPopUpSelectedTab: b = null,
+  shouldDetailsBlock: v,
+  withActionMenu: k = !0
+}) => /* @__PURE__ */ d(X, { form: q.current, onSubmit: () => {
+}, children: (i) => /* @__PURE__ */ W("div", { className: o, ref: E, "data-testid": "detailsPanel", children: [
+  h.loadingCounter > 0 && /* @__PURE__ */ d(ae, {}),
+  h.error && /* @__PURE__ */ d(oe, { message: h.error.message }),
+  /* @__PURE__ */ W("div", { className: "item-header-wrapper", children: [
+    n(),
+    k && /* @__PURE__ */ d(
+      ie,
+      {
+        initialTab: t ? a : f.tab,
+        isDetailsPopUp: t,
+        onClick: (u) => b && b(u),
+        skipLink: t,
+        tabsList: g
+      }
+    )
+  ] }),
+  /* @__PURE__ */ d("div", { className: "item-info", children: c(i) }),
+  (p.state === "blocked" || s.showWarning) && /* @__PURE__ */ d(
+    ce,
+    {
+      cancelButton: {
+        handler: R,
+        label: "Cancel",
+        variant: pe
+      },
+      closePopUp: R,
+      confirmButton: {
+        handler: T,
+        label: "Yes",
+        variant: fe
+      },
+      header: "You have unsaved changes.",
+      isOpen: p.state === "blocked" || s.showWarning,
+      message: "Do you want to discard the changes?"
+    }
+  ),
+  !t && /* @__PURE__ */ d(se, { setBlocker: S, shouldBlock: v })
+] }) });
+H.propTypes = {
+  blocker: r.object.isRequired,
+  detailsMenu: ge.isRequired,
+  detailsPanelClassNames: r.string.isRequired,
+  detailsPopUpSelectedTab: r.string,
+  detailsRef: r.object.isRequired,
+  detailsStore: r.object.isRequired,
+  commonDetailsStore: r.object.isRequired,
+  doNotLeavePage: r.func.isRequired,
+  formRef: r.object.isRequired,
+  isDetailsPopUp: r.bool,
+  leavePage: r.func.isRequired,
+  params: r.object.isRequired,
+  renderHeader: r.func.isRequired,
+  renderTabsContent: r.func.isRequired,
+  setBlocker: r.func.isRequired,
+  setDetailsPopUpSelectedTab: r.func,
+  shouldDetailsBlock: r.func.isRequired,
+  withActionMenu: r.bool
+};
+const De = ({
+  applyDetailsChanges: p,
+  applyDetailsChangesCallback: g,
+  formInitialValues: o,
+  isDetailsPopUp: a,
+  isDetailsScreen: E,
+  selectedItem: h
+}) => {
+  const [s, R] = G({}), q = w(), t = ee(), T = w(), f = ne(), n = te((e) => e.commonDetailsStore), c = re(), [S, b] = J(() => a ? [me, ue] : [de, le], [a]), v = w(
+    c.pathname.substring(0, c.pathname.lastIndexOf(f.tab))
+  ), k = Q(
+    "table__item",
+    n.showWarning && "pop-up-dialog-opened",
+    E && "table__item_big",
+    a && "table__item-popup"
+  ), i = w(
+    V({
+      initialValues: o,
+      mutators: { ...K, setFieldState: Re },
+      onSubmit: () => {
+      }
+    })
+  );
+  C(() => () => {
+    a || t(j());
+  }, [t, a]);
+  const u = l(
+    (e) => {
+      t(A(e));
+    },
+    [t]
+  ), B = l(
+    (e) => {
+      var m;
+      n.changes.counter > 0 && ((m = document.getElementById("refresh")) != null && m.contains(e.target)) && (u(!0), t(D(!0)));
+    },
+    [n.changes.counter, t, u]
+  );
+  C(() => (window.addEventListener("click", B), () => {
+    window.removeEventListener("click", B);
+  }), [B]);
+  const I = l(
+    ({ currentLocation: e, nextLocation: m }) => {
+      var M, N;
+      const $ = (M = e.search.split(`${x}=`)) == null ? void 0 : M[1], z = (N = m.search.split(`${x}=`)) == null ? void 0 : N[1], P = e.pathname.split("/"), L = m.pathname.split("/");
+      return P.pop(), L.pop(), n.changes.counter > 0 && (P.join("/") !== L.join("/") || $ !== z);
+    },
+    [n.changes.counter]
+  );
+  C(() => {
+    var e, m;
+    i.current && n.changes.counter === 0 && !Z(y(o), y((e = i.current.getState()) == null ? void 0 : e.values)) && !((m = i.current.getState()) != null && m.active) && i.current.restart(o);
+  }, [o, n.changes.counter]), C(() => {
+    const e = c.pathname.substring(
+      0,
+      c.pathname.lastIndexOf(f.tab)
+    );
+    v.current !== e && !a && (i.current.restart(o), t(he(!1)), v.current = e);
+  }, [t, o, a, c.pathname, f.tab]);
+  const O = l(() => {
+    p(n.changes).then(() => {
+      t(j());
+      const e = U(n.changes);
+      setTimeout(() => {
+        g(e, h);
+      });
+    });
+  }, [
+    p,
+    g,
+    n.changes,
+    t,
+    h
+  ]), _ = l(() => {
+    n.changes.counter > 0 && (t(j()), i.current.reset(o));
+  }, [n.changes.counter, t, o]), F = l(() => {
+    var e;
+    _(), u(!1), n.filtersWasHandled ? t(D(!1)) : (e = s.proceed) == null || e.call(s), window.dispatchEvent(new CustomEvent("discardChanges"));
+  }, [s, _, n.filtersWasHandled, t, u]), Y = l(() => {
+    var e;
+    (e = s.reset) == null || e.call(s), t(A(!1)), window.dispatchEvent(new CustomEvent("cancelLeave"));
+  }, [s, t]);
+  return {
+    DetailsContainer: H,
+    applyChanges: O,
+    applyChangesRef: q,
+    blocker: s,
+    cancelChanges: _,
+    detailsPanelClassNames: k,
+    detailsRef: T,
+    commonDetailsStore: n,
+    doNotLeavePage: Y,
+    formRef: i,
+    handleShowWarning: u,
+    leavePage: F,
+    location: c,
+    params: f,
+    removeDetailsInfo: b,
+    setBlocker: R,
+    setDetailsInfo: S,
+    shouldDetailsBlock: I
+  };
+};
+export {
+  De as useDetails
+};
+//# sourceMappingURL=useDetails.hook.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetails.hook.mjs","sources":["../../src/lib/hooks/useDetails.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, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport arrayMutators from 'final-form-arrays'\nimport classnames from 'classnames'\nimport { Form } from 'react-final-form'\nimport { cloneDeep, isEqual, pickBy } from 'lodash'\nimport { createForm } from 'final-form'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { useLocation, useParams } from 'react-router-dom'\n\nimport BlockerSpy from '../components/BlockerSpy/BlockerSpy'\nimport ErrorMessage from '../components/ErrorMessage/ErrorMessage'\nimport Loader from '../components/Loader/Loader'\nimport TabsSlider from '../components/TabsSlider/TabsSlider'\nimport ConfirmDialog from '../components/ConfirmDialog/ConfirmDialog'\n\nimport {\n  removeDetailsPopUpInfoContent,\n  removeInfoContent,\n  resetChanges,\n  setDetailsPopUpInfoContent,\n  setEditMode,\n  setFiltersWasHandled,\n  setInfoContent,\n  showWarning\n} from '../reducers/commonDetailsReducer'\nimport { PRIMARY_BUTTON, TERTIARY_BUTTON } from '../constants'\nimport { VIEW_SEARCH_PARAMETER } from '../constants'\nimport { DETAILS_MENU } from '../types'\nimport { setFieldState } from '../utils/form.util'\n\nconst DetailsContainer = ({\n  blocker,\n  detailsMenu,\n  detailsPanelClassNames,\n  detailsPopUpSelectedTab = '',\n  detailsRef,\n  detailsStore,\n  commonDetailsStore,\n  doNotLeavePage,\n  formRef,\n  isDetailsPopUp = null,\n  leavePage,\n  params,\n  renderHeader,\n  renderTabsContent,\n  setBlocker,\n  setDetailsPopUpSelectedTab = null,\n  shouldDetailsBlock,\n  withActionMenu = true\n}) => {\n  return (\n    <Form form={formRef.current} onSubmit={() => {}}>\n      {formState => (\n        <div className={detailsPanelClassNames} ref={detailsRef} data-testid=\"detailsPanel\">\n          {detailsStore.loadingCounter > 0 && <Loader />}\n          {detailsStore.error && <ErrorMessage message={detailsStore.error.message} />}\n          <div className=\"item-header-wrapper\">\n            {renderHeader()}\n            {withActionMenu && (\n              <TabsSlider\n                initialTab={isDetailsPopUp ? detailsPopUpSelectedTab : params.tab}\n                isDetailsPopUp={isDetailsPopUp}\n                onClick={newTab => setDetailsPopUpSelectedTab && setDetailsPopUpSelectedTab(newTab)}\n                skipLink={isDetailsPopUp}\n                tabsList={detailsMenu}\n              />\n            )}\n          </div>\n          <div className=\"item-info\">{renderTabsContent(formState)}</div>\n          {(blocker.state === 'blocked' || commonDetailsStore.showWarning) && (\n            <ConfirmDialog\n              cancelButton={{\n                handler: doNotLeavePage,\n                label: 'Cancel',\n                variant: TERTIARY_BUTTON\n              }}\n              closePopUp={doNotLeavePage}\n              confirmButton={{\n                handler: leavePage,\n                label: 'Yes',\n                variant: PRIMARY_BUTTON\n              }}\n              header=\"You have unsaved changes.\"\n              isOpen={blocker.state === 'blocked' || commonDetailsStore.showWarning}\n              message=\"Do you want to discard the changes?\"\n            />\n          )}\n          {!isDetailsPopUp && (\n            <BlockerSpy setBlocker={setBlocker} shouldBlock={shouldDetailsBlock} />\n          )}\n        </div>\n      )}\n    </Form>\n  )\n}\n\nDetailsContainer.propTypes = {\n  blocker: PropTypes.object.isRequired,\n  detailsMenu: DETAILS_MENU.isRequired,\n  detailsPanelClassNames: PropTypes.string.isRequired,\n  detailsPopUpSelectedTab: PropTypes.string,\n  detailsRef: PropTypes.object.isRequired,\n  detailsStore: PropTypes.object.isRequired,\n  commonDetailsStore: PropTypes.object.isRequired,\n  doNotLeavePage: PropTypes.func.isRequired,\n  formRef: PropTypes.object.isRequired,\n  isDetailsPopUp: PropTypes.bool,\n  leavePage: PropTypes.func.isRequired,\n  params: PropTypes.object.isRequired,\n  renderHeader: PropTypes.func.isRequired,\n  renderTabsContent: PropTypes.func.isRequired,\n  setBlocker: PropTypes.func.isRequired,\n  setDetailsPopUpSelectedTab: PropTypes.func,\n  shouldDetailsBlock: PropTypes.func.isRequired,\n  withActionMenu: PropTypes.bool\n}\n\nexport const useDetails = ({\n  applyDetailsChanges,\n  applyDetailsChangesCallback,\n  formInitialValues,\n  isDetailsPopUp,\n  isDetailsScreen,\n  selectedItem\n}) => {\n  const [blocker, setBlocker] = useState({})\n  const applyChangesRef = useRef()\n  const dispatch = useDispatch()\n  const detailsRef = useRef()\n  const params = useParams()\n  const commonDetailsStore = useSelector(store => store.commonDetailsStore)\n  const location = useLocation()\n  const [setDetailsInfo, removeDetailsInfo] = useMemo(() => {\n    return isDetailsPopUp\n      ? [setDetailsPopUpInfoContent, removeDetailsPopUpInfoContent]\n      : [setInfoContent, removeInfoContent]\n  }, [isDetailsPopUp])\n  const previousPathnameRef = useRef(\n    location.pathname.substring(0, location.pathname.lastIndexOf(params.tab))\n  )\n  const detailsPanelClassNames = classnames(\n    'table__item',\n    commonDetailsStore.showWarning && 'pop-up-dialog-opened',\n    isDetailsScreen && 'table__item_big',\n    isDetailsPopUp && 'table__item-popup'\n  )\n\n  const formRef = useRef(\n    createForm({\n      initialValues: formInitialValues,\n      mutators: { ...arrayMutators, setFieldState },\n      onSubmit: () => {}\n    })\n  )\n\n  useEffect(() => {\n    return () => {\n      if (!isDetailsPopUp) {\n        dispatch(resetChanges())\n      }\n    }\n  }, [dispatch, isDetailsPopUp])\n\n  const handleShowWarning = useCallback(\n    show => {\n      dispatch(showWarning(show))\n    },\n    [dispatch]\n  )\n\n  const handleRefreshClick = useCallback(\n    event => {\n      if (\n        commonDetailsStore.changes.counter > 0 &&\n        document.getElementById('refresh')?.contains(event.target)\n      ) {\n        handleShowWarning(true)\n        dispatch(setFiltersWasHandled(true))\n      }\n    },\n    [commonDetailsStore.changes.counter, dispatch, handleShowWarning]\n  )\n\n  useEffect(() => {\n    window.addEventListener('click', handleRefreshClick)\n\n    return () => {\n      window.removeEventListener('click', handleRefreshClick)\n    }\n  }, [handleRefreshClick])\n\n  const shouldDetailsBlock = useCallback(\n    ({ currentLocation, nextLocation }) => {\n      const currentDetailsView = currentLocation.search.split(`${VIEW_SEARCH_PARAMETER}=`)?.[1]\n      const nextDetailsView = nextLocation.search.split(`${VIEW_SEARCH_PARAMETER}=`)?.[1]\n      const currentLocationPathname = currentLocation.pathname.split('/')\n      const nextLocationPathname = nextLocation.pathname.split('/')\n      currentLocationPathname.pop()\n      nextLocationPathname.pop()\n\n      return (\n        commonDetailsStore.changes.counter > 0 &&\n        (currentLocationPathname.join('/') !== nextLocationPathname.join('/') ||\n          currentDetailsView !== nextDetailsView)\n      )\n    },\n    [commonDetailsStore.changes.counter]\n  )\n\n  useEffect(() => {\n    if (\n      formRef.current &&\n      commonDetailsStore.changes.counter === 0 &&\n      !isEqual(pickBy(formInitialValues), pickBy(formRef.current.getState()?.values)) &&\n      !formRef.current.getState()?.active\n    ) {\n      formRef.current.restart(formInitialValues)\n    }\n  }, [formInitialValues, commonDetailsStore.changes.counter])\n\n  useEffect(() => {\n    const currentPathname = location.pathname.substring(\n      0,\n      location.pathname.lastIndexOf(params.tab)\n    )\n\n    if (previousPathnameRef.current !== currentPathname && !isDetailsPopUp) {\n      formRef.current.restart(formInitialValues)\n      dispatch(setEditMode(false))\n      previousPathnameRef.current = currentPathname\n    }\n  }, [dispatch, formInitialValues, isDetailsPopUp, location.pathname, params.tab])\n\n  const applyChanges = useCallback(() => {\n    applyDetailsChanges(commonDetailsStore.changes).then(() => {\n      dispatch(resetChanges())\n\n      const changes = cloneDeep(commonDetailsStore.changes)\n\n      // todo [redux-toolkit] rework it after redux-toolkit will be added to the details store. Need to remove setTimeout and use a Promise that resolves after the state is updated.\n      setTimeout(() => {\n        applyDetailsChangesCallback(changes, selectedItem)\n      })\n    })\n  }, [\n    applyDetailsChanges,\n    applyDetailsChangesCallback,\n    commonDetailsStore.changes,\n    dispatch,\n    selectedItem\n  ])\n\n  const cancelChanges = useCallback(() => {\n    if (commonDetailsStore.changes.counter > 0) {\n      dispatch(resetChanges())\n      formRef.current.reset(formInitialValues)\n    }\n  }, [commonDetailsStore.changes.counter, dispatch, formInitialValues])\n\n  const leavePage = useCallback(() => {\n    cancelChanges()\n    handleShowWarning(false)\n\n    if (commonDetailsStore.filtersWasHandled) {\n      dispatch(setFiltersWasHandled(false))\n    } else {\n      blocker.proceed?.()\n    }\n\n    window.dispatchEvent(new CustomEvent('discardChanges'))\n  }, [blocker, cancelChanges, commonDetailsStore.filtersWasHandled, dispatch, handleShowWarning])\n\n  const doNotLeavePage = useCallback(() => {\n    blocker.reset?.()\n    dispatch(showWarning(false))\n    window.dispatchEvent(new CustomEvent('cancelLeave'))\n  }, [blocker, dispatch])\n\n  return {\n    DetailsContainer,\n    applyChanges,\n    applyChangesRef,\n    blocker,\n    cancelChanges,\n    detailsPanelClassNames,\n    detailsRef,\n    commonDetailsStore,\n    doNotLeavePage,\n    formRef,\n    handleShowWarning,\n    leavePage,\n    location,\n    params,\n    removeDetailsInfo,\n    setBlocker,\n    setDetailsInfo,\n    shouldDetailsBlock\n  }\n}\n"],"names":["DetailsContainer","blocker","detailsMenu","detailsPanelClassNames","detailsPopUpSelectedTab","detailsRef","detailsStore","commonDetailsStore","doNotLeavePage","formRef","isDetailsPopUp","leavePage","params","renderHeader","renderTabsContent","setBlocker","setDetailsPopUpSelectedTab","shouldDetailsBlock","withActionMenu","Form","jsxs","jsx","Loader","ErrorMessage","TabsSlider","newTab","formState","ConfirmDialog","TERTIARY_BUTTON","PRIMARY_BUTTON","BlockerSpy","PropTypes","DETAILS_MENU","useDetails","applyDetailsChanges","applyDetailsChangesCallback","formInitialValues","isDetailsScreen","selectedItem","useState","applyChangesRef","useRef","dispatch","useDispatch","useParams","useSelector","store","location","useLocation","setDetailsInfo","removeDetailsInfo","useMemo","setDetailsPopUpInfoContent","removeDetailsPopUpInfoContent","setInfoContent","removeInfoContent","previousPathnameRef","classnames","createForm","arrayMutators","setFieldState","useEffect","resetChanges","handleShowWarning","useCallback","show","showWarning","handleRefreshClick","event","_a","setFiltersWasHandled","currentLocation","nextLocation","currentDetailsView","VIEW_SEARCH_PARAMETER","nextDetailsView","_b","currentLocationPathname","nextLocationPathname","isEqual","pickBy","currentPathname","setEditMode","applyChanges","changes","cloneDeep","cancelChanges"],"mappings":"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"}

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