iguazio.dashboard-react-controls 3.0.4 → 3.1.1

package/dist/elements/TableLinkCell/TableLinkCell.d.ts

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

package/dist/elements/TableLinkCell/TableLinkCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLinkCell.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableLinkCell/TableLinkCell.jsx"],"names":[],"mappings":";AAkCA;;;;;;;;;gBAgGC"}

package/dist/elements/TableLinkCell/TableLinkCell.mjs

@@ -0,0 +1,87 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import "react";
+import { Link as k } from "react-router-dom";
+import a from "prop-types";
+import u from "classnames";
+import r from "../../components/Tooltip/Tooltip.mjs";
+import i from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+import { formatDatetime as N } from "../../utils/datetime.util.mjs";
+import { truncateUid as g } from "../../utils/string.util.mjs";
+import T from "../../images/arrow.svg.mjs";
+/* empty css                    */
+const C = ({
+  cellData: e = {},
+  className: b = "",
+  item: t,
+  link: n,
+  selectItem: f,
+  selectedItem: m = {},
+  showExpandButton: x = !1,
+  toggleRow: p = null
+}) => {
+  const v = u(
+    "table-body__cell",
+    e.className,
+    b,
+    e.bodyCellClassName
+  ), c = u("item-name"), { value: d, label: l, className: h } = t.state ?? {};
+  return /* @__PURE__ */ o("td", { "data-testid": e.headerId, className: v, children: [
+    e.linkIsExternal ? /* @__PURE__ */ s("span", { className: "data-ellipsis", children: /* @__PURE__ */ o("a", { href: n, className: "link", target: "blank", children: [
+      /* @__PURE__ */ s(
+        r,
+        {
+          className: c,
+          template: /* @__PURE__ */ s(i, { text: e.tooltip || e.value || "" }),
+          children: e.value
+        }
+      ),
+      e.showStatus && d && l && /* @__PURE__ */ s(r, { className: "status", template: /* @__PURE__ */ s(i, { text: l }), children: /* @__PURE__ */ s("i", { className: h }) })
+    ] }) }) : /* @__PURE__ */ o(k, { to: n, onClick: () => f(t), className: "data-ellipsis", children: [
+      /* @__PURE__ */ o("div", { className: "name-wrapper", children: [
+        /* @__PURE__ */ o("div", { className: "link", children: [
+          /* @__PURE__ */ s(
+            r,
+            {
+              className: c,
+              template: /* @__PURE__ */ s(i, { text: e.tooltip || e.value || "" }),
+              children: e.value
+            }
+          ),
+          e.showStatus && d && l && /* @__PURE__ */ s(r, { className: "status", template: /* @__PURE__ */ s(i, { text: l }), children: /* @__PURE__ */ s("i", { className: h }) })
+        ] }),
+        e.showTag && /* @__PURE__ */ s(r, { className: "item-tag", template: /* @__PURE__ */ s(i, { text: t.tag }), children: /* @__PURE__ */ s("span", { className: "link-subtext", children: t.tag }) })
+      ] }),
+      (e.showUid || e.showSelectedUid && Object.values(m).length !== 0) && /* @__PURE__ */ o("div", { className: "date-uid-row", children: [
+        (t.startTime || t.created || t.updated) && e.type !== "date" && (e.showDate || e.showUpdatedDate) && /* @__PURE__ */ s("span", { className: "link-subtext", children: e.showUpdatedDate ? N(t.updated, "N/A") : N(
+          t.startTime || t.created,
+          d === "aborted" ? "N/A" : "Not yet started"
+        ) }),
+        e.value !== t.uid && e.value !== t.hash && /* @__PURE__ */ s("span", { className: "link-subtext", children: g(t.uid || t.hash) })
+      ] }),
+      e.additionalInfo && Object.values(m).length !== 0 && /* @__PURE__ */ s("span", { className: "link-subtext", children: e.additionalInfo })
+    ] }),
+    x && /* @__PURE__ */ s(
+      T,
+      {
+        onClick: (w) => {
+          p && p(w, t);
+        },
+        className: "expand-arrow"
+      }
+    )
+  ] });
+};
+C.propTypes = {
+  cellData: a.object,
+  className: a.string,
+  item: a.object.isRequired,
+  link: a.string.isRequired,
+  selectItem: a.func.isRequired,
+  selectedItem: a.object,
+  showExpandButton: a.bool,
+  toggleRow: a.func
+};
+export {
+  C as default
+};
+//# sourceMappingURL=TableLinkCell.mjs.map

package/dist/elements/TableLinkCell/TableLinkCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLinkCell.mjs","sources":["../../../src/lib/elements/TableLinkCell/TableLinkCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport { Link } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nimport { formatDatetime } from '../../utils/datetime.util'\nimport { truncateUid } from '../../utils/string.util'\n\nimport Arrow from '../../images/arrow.svg?react'\n\nimport './tableLinkCell.scss'\n\nconst TableLinkCell = ({\n  cellData = {},\n  className = '',\n  item,\n  link,\n  selectItem,\n  selectedItem = {},\n  showExpandButton = false,\n  toggleRow = null\n}) => {\n  const tableCellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    className,\n    cellData.bodyCellClassName\n  )\n  const itemNameClassNames = classnames('item-name')\n  const { value: stateValue, label: stateLabel, className: stateClassName } = item.state ?? {}\n\n  return (\n    <td data-testid={cellData.headerId} className={tableCellClassNames}>\n      {cellData.linkIsExternal ? (\n        <span className=\"data-ellipsis\">\n          <a href={link} className=\"link\" target=\"blank\">\n            <Tooltip\n              className={itemNameClassNames}\n              template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n            >\n              {cellData.value}\n            </Tooltip>\n\n            {cellData.showStatus && stateValue && stateLabel && (\n              <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n                <i className={stateClassName} />\n              </Tooltip>\n            )}\n          </a>\n        </span>\n      ) : (\n        <Link to={link} onClick={() => selectItem(item)} className=\"data-ellipsis\">\n          <div className=\"name-wrapper\">\n            <div className=\"link\">\n              <Tooltip\n                className={itemNameClassNames}\n                template={<TextTooltipTemplate text={cellData.tooltip || cellData.value || ''} />}\n              >\n                {cellData.value}\n              </Tooltip>\n\n              {cellData.showStatus && stateValue && stateLabel && (\n                <Tooltip className=\"status\" template={<TextTooltipTemplate text={stateLabel} />}>\n                  <i className={stateClassName} />\n                </Tooltip>\n              )}\n            </div>\n            {cellData.showTag && (\n              <Tooltip className=\"item-tag\" template={<TextTooltipTemplate text={item.tag} />}>\n                <span className=\"link-subtext\">{item.tag}</span>\n              </Tooltip>\n            )}\n          </div>\n          {(cellData.showUid ||\n            (cellData.showSelectedUid && Object.values(selectedItem).length !== 0)) && (\n            <div className=\"date-uid-row\">\n              {(item.startTime || item.created || item.updated) &&\n                cellData.type !== 'date' &&\n                (cellData.showDate || cellData.showUpdatedDate) && (\n                  <span className=\"link-subtext\">\n                    {cellData.showUpdatedDate\n                      ? formatDatetime(item.updated, 'N/A')\n                      : formatDatetime(\n                          item.startTime || item.created,\n                          stateValue === 'aborted' ? 'N/A' : 'Not yet started'\n                        )}\n                  </span>\n                )}\n              {cellData.value !== item.uid && cellData.value !== item.hash && (\n                <span className=\"link-subtext\">{truncateUid(item.uid || item.hash)}</span>\n              )}\n            </div>\n          )}\n          {cellData.additionalInfo && Object.values(selectedItem).length !== 0 && (\n            <span className=\"link-subtext\">{cellData.additionalInfo}</span>\n          )}\n        </Link>\n      )}\n      {showExpandButton && (\n        <Arrow\n          onClick={e => {\n            toggleRow && toggleRow(e, item)\n          }}\n          className=\"expand-arrow\"\n        />\n      )}\n    </td>\n  )\n}\n\nTableLinkCell.propTypes = {\n  cellData: PropTypes.object,\n  className: PropTypes.string,\n  item: PropTypes.object.isRequired,\n  link: PropTypes.string.isRequired,\n  selectItem: PropTypes.func.isRequired,\n  selectedItem: PropTypes.object,\n  showExpandButton: PropTypes.bool,\n  toggleRow: PropTypes.func\n}\n\nexport default TableLinkCell\n"],"names":["TableLinkCell","cellData","className","item","link","selectItem","selectedItem","showExpandButton","toggleRow","tableCellClassNames","classnames","itemNameClassNames","stateValue","stateLabel","stateClassName","jsx","jsxs","Tooltip","TextTooltipTemplate","Link","formatDatetime","truncateUid","Arrow","e","PropTypes"],"mappings":"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"}

package/dist/elements/TableTypeCell/TableTypeCell.d.ts

@@ -0,0 +1,12 @@
+export default TableTypeCell;
+declare function TableTypeCell({ cellData, className }: {
+    cellData: any;
+    className?: string;
+}): JSX.Element;
+declare namespace TableTypeCell {
+    namespace propTypes {
+        let cellData: any;
+        let className: any;
+    }
+}
+//# sourceMappingURL=TableTypeCell.d.ts.map

package/dist/elements/TableTypeCell/TableTypeCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypeCell.d.ts","sourceRoot":"","sources":["../../../src/lib/elements/TableTypeCell/TableTypeCell.jsx"],"names":[],"mappings":";AA2BA;;;gBAsBC"}

package/dist/elements/TableTypeCell/TableTypeCell.mjs

@@ -0,0 +1,37 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import p from "prop-types";
+import { capitalize as l } from "lodash";
+import d from "classnames";
+import y from "../../components/Tooltip/Tooltip.mjs";
+import b from "../../components/TooltipTemplate/TextTooltipTemplate.mjs";
+const c = ({ cellData: e, className: i = "" }) => {
+  var s, t, r, m;
+  const a = d(
+    "table-body__cell",
+    e.className,
+    e.bodyCellClassName,
+    i
+  );
+  return /* @__PURE__ */ o("td", { "data-testid": e.headerId, className: a, children: /* @__PURE__ */ o(
+    y,
+    {
+      className: "table-body__cell_type",
+      template: /* @__PURE__ */ o(
+        b,
+        {
+          text: ((t = (s = e.types) == null ? void 0 : s[e.value]) == null ? void 0 : t.label) ?? l(e.value)
+        }
+      ),
+      children: ((m = (r = e.types) == null ? void 0 : r[e.value]) == null ? void 0 : m.icon) ?? l(e.value)
+    }
+  ) });
+};
+c.propTypes = {
+  cellData: p.object.isRequired,
+  className: p.string
+};
+export {
+  c as default
+};
+//# sourceMappingURL=TableTypeCell.mjs.map

package/dist/elements/TableTypeCell/TableTypeCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypeCell.mjs","sources":["../../../src/lib/elements/TableTypeCell/TableTypeCell.jsx"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\n\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { capitalize } from 'lodash'\nimport classnames from 'classnames'\n\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport TextTooltipTemplate from '../../components/TooltipTemplate/TextTooltipTemplate'\n\nconst TableTypeCell = ({ cellData, className = '' }) => {\n  const cellClassNames = classnames(\n    'table-body__cell',\n    cellData.className,\n    cellData.bodyCellClassName,\n    className\n  )\n\n  return (\n    <td data-testid={cellData.headerId} className={cellClassNames}>\n      <Tooltip\n        className=\"table-body__cell_type\"\n        template={\n          <TextTooltipTemplate\n            text={cellData.types?.[cellData.value]?.label ?? capitalize(cellData.value)}\n          />\n        }\n      >\n        {cellData.types?.[cellData.value]?.icon ?? capitalize(cellData.value)}\n      </Tooltip>\n    </td>\n  )\n}\n\nTableTypeCell.propTypes = {\n  cellData: PropTypes.object.isRequired,\n  className: PropTypes.string\n}\n\nexport default TableTypeCell\n"],"names":["TableTypeCell","cellData","className","cellClassNames","classnames","jsx","Tooltip","TextTooltipTemplate","_b","_a","capitalize","_d","_c","PropTypes"],"mappings":";;;;;;;AA2BA,MAAMA,IAAgB,CAAC,EAAE,UAAAC,GAAU,WAAAC,IAAY,SAAS;;AACtD,QAAMC,IAAiBC;AAAA,IACrB;AAAA,IACAH,EAAS;AAAA,IACTA,EAAS;AAAA,IACTC;AAAA,EACF;AAEA,2BACG,MAAG,EAAA,eAAaD,EAAS,UAAU,WAAWE,GAC7C,UAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,UACE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAMC,KAAAC,IAAAR,EAAS,UAAT,gBAAAQ,EAAiBR,EAAS,WAA1B,gBAAAO,EAAkC,UAASE,EAAWT,EAAS,KAAK;AAAA,QAAA;AAAA,MAC5E;AAAA,MAGD,YAAAU,KAAAC,IAAAX,EAAS,UAAT,gBAAAW,EAAiBX,EAAS,WAA1B,gBAAAU,EAAkC,SAAQD,EAAWT,EAAS,KAAK;AAAA,IAAA;AAAA,EAAA,GAExE;AAEJ;AAEAD,EAAc,YAAY;AAAA,EACxB,UAAUa,EAAU,OAAO;AAAA,EAC3B,WAAWA,EAAU;AACvB;"}

package/dist/elements/index.d.ts

@@ -1,7 +1,11 @@
+import ActionsMenuItem from './ActionsMenuItem/ActionsMenuItem';
 import FormActionButton from './FormActionButton/FormActionButton';
 import FormRowActions from './FormRowActions/FormRowActions';
 import OptionsMenu from './OptionsMenu/OptionsMenu';
 import SelectOption from './SelectOption/SelectOption';
+import TableHead from './TableHead/TableHead';
+import TableLinkCell from './TableLinkCell/TableLinkCell';
+import TableTypeCell from './TableTypeCell/TableTypeCell';
 import ValidationTemplate from './ValidationTemplate/ValidationTemplate';
-export { FormActionButton, FormRowActions, OptionsMenu, SelectOption, ValidationTemplate };
+export { ActionsMenuItem, FormActionButton, FormRowActions, OptionsMenu, SelectOption, TableHead, TableLinkCell, TableTypeCell, ValidationTemplate };
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"6BAiB6B,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;+BACvB,yCAAyC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/elements/index.js"],"names":[],"mappings":"4BAiB4B,mCAAmC;6BAClC,qCAAqC;2BACvC,iCAAiC;wBACpC,2BAA2B;yBAC1B,6BAA6B;sBAChC,uBAAuB;0BACnB,+BAA+B;0BAC/B,+BAA+B;+BAC1B,yCAAyC"}

package/dist/elements/index.mjs

@@ -1,13 +1,21 @@
-import { default as e } from "./FormActionButton/FormActionButton.mjs";
-import { default as r } from "./FormRowActions/FormRowActions.mjs";
-import { default as l } from "./OptionsMenu/OptionsMenu.mjs";
-import { default as p } from "./SelectOption/SelectOption.mjs";
-import { default as s } from "./ValidationTemplate/ValidationTemplate.mjs";
+import { default as o } from "./ActionsMenuItem/ActionsMenuItem.mjs";
+import { default as r } from "./FormActionButton/FormActionButton.mjs";
+import { default as f } from "./FormRowActions/FormRowActions.mjs";
+import { default as p } from "./OptionsMenu/OptionsMenu.mjs";
+import { default as u } from "./SelectOption/SelectOption.mjs";
+import { default as n } from "./TableHead/TableHead.mjs";
+import { default as i } from "./TableLinkCell/TableLinkCell.mjs";
+import { default as c } from "./TableTypeCell/TableTypeCell.mjs";
+import { default as A } from "./ValidationTemplate/ValidationTemplate.mjs";
 export {
-  e as FormActionButton,
-  r as FormRowActions,
-  l as OptionsMenu,
-  p as SelectOption,
-  s as ValidationTemplate
+  o as ActionsMenuItem,
+  r as FormActionButton,
+  f as FormRowActions,
+  p as OptionsMenu,
+  u as SelectOption,
+  n as TableHead,
+  i as TableLinkCell,
+  c as TableTypeCell,
+  A as ValidationTemplate
 };
 //# sourceMappingURL=index.mjs.map

package/dist/elements/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/hooks/index.d.ts

@@ -1,6 +1,9 @@
 export { useChipCell } from "./useChipCell.hook";
 export { useDebounce } from "./useDebounce.hook";
+export { useDetails } from "./useDetails.hook";
+export { useDetailsHeader } from "./useDetailsHeader.hook";
 export { useDetectOutsideClick } from "./useDetectOutsideClick.hook";
 export { useFormTable } from "./useFormTable.hook";
 export { useHiddenChipsBlock } from "./useHiddenChipsBlock.hook";
+export { useTable } from "./useTable.hook";
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.mjs

@@ -1,13 +1,19 @@
 import { useChipCell as r } from "./useChipCell.hook.mjs";
-import { useDebounce as p } from "./useDebounce.hook.mjs";
-import { useDetectOutsideClick as u } from "./useDetectOutsideClick.hook.mjs";
-import { useFormTable as f } from "./useFormTable.hook.mjs";
-import { useHiddenChipsBlock as l } from "./useHiddenChipsBlock.hook.mjs";
+import { useDebounce as s } from "./useDebounce.hook.mjs";
+import { useDetails as u } from "./useDetails.hook.mjs";
+import { useDetailsHeader as f } from "./useDetailsHeader.hook.mjs";
+import { useDetectOutsideClick as x } from "./useDetectOutsideClick.hook.mjs";
+import { useFormTable as a } from "./useFormTable.hook.mjs";
+import { useHiddenChipsBlock as d } from "./useHiddenChipsBlock.hook.mjs";
+import { useTable as D } from "./useTable.hook.mjs";
 export {
   r as useChipCell,
-  p as useDebounce,
-  u as useDetectOutsideClick,
-  f as useFormTable,
-  l as useHiddenChipsBlock
+  s as useDebounce,
+  u as useDetails,
+  f as useDetailsHeader,
+  x as useDetectOutsideClick,
+  a as useFormTable,
+  d as useHiddenChipsBlock,
+  D as useTable
 };
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/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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"}