iguazio.dashboard-react-controls 3.2.15 → 3.2.17

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.hook.mjs","sources":["../../src/lib/hooks/useDebounce.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 { useCallback, useRef } from 'react'\n\nexport const useDebounce = () => {\n  const timeout = useRef(null)\n  const lastValue = useRef(null)\n  const lastResult = useRef(null)\n\n  return useCallback((validate, time) => {\n    return value => {\n      return new Promise(resolve => {\n        if (timeout.current) {\n          timeout.current()\n        }\n\n        if (value !== lastValue.current) {\n          const timerId = setTimeout(() => {\n            lastValue.current = value\n            lastResult.current = validate(value)\n            resolve(lastResult.current)\n          }, time)\n\n          timeout.current = () => {\n            clearTimeout(timerId)\n            resolve(true)\n          }\n        } else {\n          resolve(lastResult.current)\n        }\n      })\n    }\n  }, [])\n}\n"],"names":["useDebounce","timeout","useRef","lastValue","lastResult","useCallback","validate","time","value","resolve","timerId"],"mappings":";AAkBY,MAACA,IAAc,MAAM;AAC/B,QAAMC,IAAUC,EAAO,IAAI,GACrBC,IAAYD,EAAO,IAAI,GACvBE,IAAaF,EAAO,IAAI;AAE9B,SAAOG,EAAY,CAACC,GAAUC,MACrB,CAAAC,MACE,IAAI,QAAQ,CAAAC,MAAW;AAK5B,QAJIR,EAAQ,WACVA,EAAQ,QAAO,GAGbO,MAAUL,EAAU,SAAS;AAC/B,YAAMO,IAAU,WAAW,MAAM;AAC/B,QAAAP,EAAU,UAAUK,GACpBJ,EAAW,UAAUE,EAASE,CAAK,GACnCC,EAAQL,EAAW,OAAO;AAAA,MAC5B,GAAGG,CAAI;AAEP,MAAAN,EAAQ,UAAU,MAAM;AACtB,qBAAaS,CAAO,GACpBD,EAAQ,EAAI;AAAA,MACd;AAAA,IACF;AACE,MAAAA,EAAQL,EAAW,OAAO;AAAA,EAE9B,CAAC,GAEF,CAAA,CAAE;AACP;"}

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, commonDetailsStore, detailsMenu, detailsPanelClassNames, detailsPopUpSelectedTab, detailsRef, detailsStore, doNotLeavePage, formRef, isDetailsPopUp, leavePage, params, renderHeader, renderTabsContent, setBlocker, setDetailsPopUpSelectedTab, shouldDetailsBlock, withActionMenu }: {
+            blocker: any;
+            commonDetailsStore: any;
+            detailsMenu: any;
+            detailsPanelClassNames: any;
+            detailsPopUpSelectedTab?: string;
+            detailsRef: any;
+            detailsStore: 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: import("react-router-dom").Location<any>;
+    params: Readonly<import("react-router-dom").Params<string>>;
+    removeDetailsInfo: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"commonDetailsStore/removeDetailsPopUpInfoContent"> | import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"commonDetailsStore/removeInfoContent">;
+    setBlocker: import("react").Dispatch<import("react").SetStateAction<{}>>;
+    setDetailsInfo: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "commonDetailsStore/setDetailsPopUpInfoContent"> | import("@reduxjs/toolkit").ActionCreatorWithPayload<any, "commonDetailsStore/setInfoContent">;
+    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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuLN"}

package/dist/hooks/useDetails.hook.mjs

@@ -0,0 +1,205 @@
+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 ce from "../components/TabsSlider/TabsSlider.mjs";
+import ie 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: f,
+  commonDetailsStore: p,
+  detailsMenu: o,
+  detailsPanelClassNames: a,
+  detailsPopUpSelectedTab: E = "",
+  detailsRef: g,
+  detailsStore: s,
+  doNotLeavePage: R,
+  formRef: q,
+  isDetailsPopUp: t = null,
+  leavePage: T,
+  params: h,
+  renderHeader: n,
+  renderTabsContent: i,
+  setBlocker: S,
+  setDetailsPopUpSelectedTab: b = null,
+  shouldDetailsBlock: v,
+  withActionMenu: k = !0
+}) => /* @__PURE__ */ d(X, { form: q.current, onSubmit: () => {
+}, children: (c) => /* @__PURE__ */ W("div", { className: a, ref: g, "data-testid": "detailsPanel", children: [
+  s.loadingCounter > 0 && /* @__PURE__ */ d(ae, {}),
+  s.error && /* @__PURE__ */ d(oe, { message: s.error.message }),
+  /* @__PURE__ */ W("div", { className: "item-header-wrapper", children: [
+    n(),
+    k && /* @__PURE__ */ d(
+      ce,
+      {
+        initialTab: t ? E : h.tab,
+        isDetailsPopUp: t,
+        onClick: (u) => b && b(u),
+        skipLink: t,
+        tabsList: o
+      }
+    )
+  ] }),
+  /* @__PURE__ */ d("div", { className: "item-info", children: i(c) }),
+  (f.state === "blocked" || p.showWarning) && /* @__PURE__ */ d(
+    ie,
+    {
+      cancelButton: {
+        handler: R,
+        label: "Cancel",
+        variant: pe
+      },
+      closePopUp: R,
+      confirmButton: {
+        handler: T,
+        label: "Yes",
+        variant: fe
+      },
+      header: "You have unsaved changes.",
+      isOpen: f.state === "blocked" || p.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: f,
+  applyDetailsChangesCallback: p,
+  formInitialValues: o,
+  isDetailsPopUp: a,
+  isDetailsScreen: E,
+  selectedItem: g
+}) => {
+  const [s, R] = G({}), q = w(), t = ee(), T = w(), h = ne(), n = te((e) => e.commonDetailsStore), i = re(), [S, b] = J(() => a ? [me, ue] : [de, le], [a]), v = w(
+    i.pathname.substring(0, i.pathname.lastIndexOf(h.tab))
+  ), k = Q(
+    "table__item",
+    n.showWarning && "pop-up-dialog-opened",
+    E && "table__item_big",
+    a && "table__item-popup"
+  ), c = 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;
+    c.current && n.changes.counter === 0 && !Z(y(o), y((e = c.current.getState()) == null ? void 0 : e.values)) && !((m = c.current.getState()) != null && m.active) && c.current.restart(o);
+  }, [o, n.changes.counter]), C(() => {
+    const e = i.pathname.substring(
+      0,
+      i.pathname.lastIndexOf(h.tab)
+    );
+    v.current !== e && !a && (c.current.restart(o), t(he(!1)), v.current = e);
+  }, [t, o, a, i.pathname, h.tab]);
+  const O = l(() => {
+    f(n.changes).then(() => {
+      t(j());
+      const e = U(n.changes);
+      setTimeout(() => {
+        p(e, g);
+      });
+    }).catch(() => {
+    });
+  }, [
+    f,
+    p,
+    n.changes,
+    t,
+    g
+  ]), _ = l(() => {
+    n.changes.counter > 0 && (t(j()), c.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: c,
+    handleShowWarning: u,
+    leavePage: F,
+    location: i,
+    params: h,
+    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  commonDetailsStore,\n  detailsMenu,\n  detailsPanelClassNames,\n  detailsPopUpSelectedTab = '',\n  detailsRef,\n  detailsStore,\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)\n      .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      .catch(() => {})\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    }\n\n    blocker.proceed?.()\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","commonDetailsStore","detailsMenu","detailsPanelClassNames","detailsPopUpSelectedTab","detailsRef","detailsStore","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,80 @@
+export function useDetailsHeader({ handleCancel, handleShowWarning, isDetailsPopUp, pageData }: {
+    handleCancel: any;
+    handleShowWarning: any;
+    isDetailsPopUp: any;
+    pageData: any;
+}): {
+    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 }: {
+            actionButton?: any;
+            actionsMenu: any;
+            applyChanges: any;
+            applyChangesRef: any;
+            cancelChanges: any;
+            commonDetailsStore: any;
+            getCloseDetailsLink?: any;
+            getDefaultCloseDetailsLink: any;
+            handleActionClick: 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;
+            handleActionClick: 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;
+    handleActionClick: (event: any, handler: any) => Promise<void>;
+    handleBackClick: () => void;
+    handleCancelClick: () => void;
+    headerRef: import("react").MutableRefObject<undefined>;
+    location: import("react-router-dom").Location<any>;
+    navigate: import("react-router-dom").NavigateFunction;
+    params: Readonly<import("react-router-dom").Params<string>>;
+    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":"AA0OO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDN"}

package/dist/hooks/useDetailsHeader.hook.mjs

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