mod-arch-shared 1.1.4 → 1.2.0

package/dist/components/DashboardDescriptionListGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardDescriptionListGroup.d.ts","sourceRoot":"","sources":["../../components/DashboardDescriptionListGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,sCAAsC,CAAC;AAG9C,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,CAAC,CAAC;IAAE,UAAU,EAAE,IAAI,CAAA;CAAE,GAAG,aAAa,CAAC,GAAG,CAAC;IAAE,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAEjG,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CA6F/E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"DashboardDescriptionListGroup.d.ts","sourceRoot":"","sources":["../../components/DashboardDescriptionListGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,OAAO,sCAAsC,CAAC;AAK9C,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,CAAC,CAAC;IAAE,UAAU,EAAE,IAAI,CAAA;CAAE,GAAG,aAAa,CAAC,GAAG,CAAC;IAAE,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;AAEjG,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CA6G/E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/components/DashboardDescriptionListGroup.js

@@ -4,23 +4,32 @@ import text from '@patternfly/react-styles/css/utilities/Text/text';
 import { CheckIcon, PencilAltIcon, TimesIcon, OutlinedQuestionCircleIcon, } from '@patternfly/react-icons';
 import './DashboardDescriptionListGroup.scss';
 import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
+import { useBrowserUnloadBlocker } from '../utilities/useBrowserUnloadBlocker';
+import NavigationBlockerModal from './NavigationBlockerModal';
 const DashboardDescriptionListGroup = (props) => {
     const { title, popover, action, isEmpty, contentWhenEmpty, isEditable = false, isEditing, contentWhenEditing, isSavingEdits = false, onEditClick, onSaveEditsClick, onDiscardEditsClick, children, groupTestId, editButtonTestId, saveButtonTestId, cancelButtonTestId, isSaveDisabled, } = props;
-    return (React.createElement(DescriptionListGroup, { "data-testid": groupTestId },
-        action || isEditable ? (React.createElement(DescriptionListTerm, { className: "kubeflow-custom-description-list-term-with-action" },
-            React.createElement(Split, null,
-                React.createElement(SplitItem, { isFilled: true }, title),
-                React.createElement(SplitItem, null, action ||
-                    (isEditing ? (React.createElement(ActionList, { isIconList: true },
-                        React.createElement(ActionListItem, null,
-                            React.createElement(Button, { "data-testid": saveButtonTestId, icon: React.createElement(CheckIcon, null), "aria-label": `Save edits to ${title}`, variant: "link", onClick: onSaveEditsClick, isDisabled: isSavingEdits || isSaveDisabled })),
-                        React.createElement(ActionListItem, null,
-                            React.createElement(Button, { "data-testid": cancelButtonTestId, icon: React.createElement(TimesIcon, null), "aria-label": `Discard edits to ${title} `, variant: "plain", onClick: onDiscardEditsClick, isDisabled: isSavingEdits })))) : (React.createElement(Button, { "data-testid": editButtonTestId, "aria-label": `Edit ${title}`, variant: "link", icon: React.createElement(PencilAltIcon, null), iconPosition: "start", onClick: onEditClick }, "Edit"))))))) : (React.createElement(DescriptionListTerm, null,
-            React.createElement(Flex, { spaceItems: { default: 'spaceItemsNone' }, alignItems: { default: 'alignItemsCenter' } },
-                React.createElement(FlexItem, null, title),
-                popover && (React.createElement(Popover, { bodyContent: popover },
-                    React.createElement(DashboardPopupIconButton, { icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info" })))))),
-        React.createElement(DescriptionListDescription, { className: isEmpty && !isEditing ? text.textColorDisabled : '', "aria-disabled": !!(isEmpty && !isEditing) }, isEditing ? contentWhenEditing : isEmpty ? contentWhenEmpty : children)));
+    const hasUnsavedChanges = !!(isEditable && isEditing);
+    useBrowserUnloadBlocker(hasUnsavedChanges);
+    const handleDiscardEditsClick = React.useCallback(() => {
+        onDiscardEditsClick?.();
+    }, [onDiscardEditsClick]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DescriptionListGroup, { "data-testid": groupTestId },
+            action || isEditable ? (React.createElement(DescriptionListTerm, { className: "kubeflow-custom-description-list-term-with-action" },
+                React.createElement(Split, null,
+                    React.createElement(SplitItem, { isFilled: true }, title),
+                    React.createElement(SplitItem, null, action ||
+                        (isEditing ? (React.createElement(ActionList, { isIconList: true },
+                            React.createElement(ActionListItem, null,
+                                React.createElement(Button, { "data-testid": saveButtonTestId, icon: React.createElement(CheckIcon, null), "aria-label": `Save edits to ${title}`, variant: "link", onClick: onSaveEditsClick, isDisabled: isSavingEdits || isSaveDisabled })),
+                            React.createElement(ActionListItem, null,
+                                React.createElement(Button, { "data-testid": cancelButtonTestId, icon: React.createElement(TimesIcon, null), "aria-label": `Discard edits to ${title} `, variant: "plain", onClick: onDiscardEditsClick, isDisabled: isSavingEdits })))) : (React.createElement(Button, { "data-testid": editButtonTestId, "aria-label": `Edit ${title}`, variant: "link", icon: React.createElement(PencilAltIcon, null), iconPosition: "start", onClick: onEditClick }, "Edit"))))))) : (React.createElement(DescriptionListTerm, null,
+                React.createElement(Flex, { spaceItems: { default: 'spaceItemsNone' }, alignItems: { default: 'alignItemsCenter' } },
+                    React.createElement(FlexItem, null, title),
+                    popover && (React.createElement(Popover, { bodyContent: popover },
+                        React.createElement(DashboardPopupIconButton, { icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info" })))))),
+            React.createElement(DescriptionListDescription, { className: isEmpty && !isEditing ? text.textColorDisabled : '', "aria-disabled": !!(isEmpty && !isEditing) }, isEditing ? contentWhenEditing : isEmpty ? contentWhenEmpty : children)),
+        hasUnsavedChanges && (React.createElement(NavigationBlockerModal, { hasUnsavedChanges: hasUnsavedChanges, onDiscardEditsClick: handleDiscardEditsClick }))));
 };
 export default DashboardDescriptionListGroup;
 //# sourceMappingURL=DashboardDescriptionListGroup.js.map

package/dist/components/DashboardDescriptionListGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardDescriptionListGroup.js","sourceRoot":"","sources":["../../components/DashboardDescriptionListGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DashboardDescriptionListGroup.js","sourceRoot":"","sources":["../../components/DashboardDescriptionListGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/NavigationBlockerModal.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface NavigationBlockerModalProps {
+    hasUnsavedChanges: boolean;
+    onDiscardEditsClick?: () => void;
+}
+/**
+ * A modal that warns users they have unsaved changes when they try to navigate away.
+ * Uses React Router's useBlocker hook to detect navigation attempts.
+ */
+declare const NavigationBlockerModal: React.FC<NavigationBlockerModalProps>;
+export default NavigationBlockerModal;
+//# sourceMappingURL=NavigationBlockerModal.d.ts.map

package/dist/components/NavigationBlockerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBlockerModal.d.ts","sourceRoot":"","sources":["../../components/NavigationBlockerModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,2BAA2B;IACnC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA4FjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/NavigationBlockerModal.js

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { useBlocker } from 'react-router-dom';
+import { Button } from '@patternfly/react-core';
+import { Modal, ModalVariant } from '@patternfly/react-core/deprecated';
+/**
+ * A modal that warns users they have unsaved changes when they try to navigate away.
+ * Uses React Router's useBlocker hook to detect navigation attempts.
+ */
+const NavigationBlockerModal = ({ hasUnsavedChanges, onDiscardEditsClick, }) => {
+    const [showModal, setShowModal] = React.useState(false);
+    const proceedRef = React.useRef();
+    const resetRef = React.useRef();
+    const handlingRef = React.useRef(false);
+    const blocker = useBlocker(React.useCallback(({ currentLocation, nextLocation }) => hasUnsavedChanges &&
+        currentLocation.pathname !== nextLocation.pathname &&
+        !handlingRef.current, [hasUnsavedChanges]));
+    React.useEffect(() => {
+        if (!hasUnsavedChanges && showModal && proceedRef.current) {
+            handlingRef.current = true;
+            proceedRef.current();
+            setShowModal(false);
+        }
+    }, [hasUnsavedChanges, showModal]);
+    React.useEffect(() => {
+        switch (blocker.state) {
+            case 'blocked':
+                proceedRef.current = blocker.proceed;
+                resetRef.current = blocker.reset;
+                setShowModal(true);
+                break;
+            case 'proceeding':
+                handlingRef.current = true;
+                setShowModal(false);
+                break;
+            default:
+                handlingRef.current = false;
+        }
+    }, [blocker]);
+    const handleConfirm = () => {
+        handlingRef.current = true;
+        onDiscardEditsClick?.();
+        setShowModal(false);
+        proceedRef.current?.();
+    };
+    const handleCancel = () => {
+        setShowModal(false);
+        resetRef.current?.();
+        setTimeout(() => {
+            handlingRef.current = false;
+        }, 100);
+    };
+    if (!showModal) {
+        return null;
+    }
+    return (React.createElement(Modal, { variant: ModalVariant.small, title: "Discard unsaved changes?", isOpen: true, onClose: handleCancel, actions: [
+            React.createElement(Button, { key: "confirm", variant: "primary", onClick: handleConfirm, "data-testid": "confirm-discard-changes" }, "Discard"),
+            React.createElement(Button, { key: "cancel", variant: "link", onClick: handleCancel, "data-testid": "cancel-discard-changes" }, "Cancel"),
+        ] }, "One or more of your changes on this page are not saved yet. Discard your changes and leave this page, or cancel to continue editing."));
+};
+export default NavigationBlockerModal;
+//# sourceMappingURL=NavigationBlockerModal.js.map

package/dist/components/NavigationBlockerModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBlockerModal.js","sourceRoot":"","sources":["../../components/NavigationBlockerModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { default as DashboardDescriptionListGroup } from './DashboardDescription
 export { default as DashboardEmptyTableView } from './DashboardEmptyTableView';
 export { default as DashboardHelpTooltip } from './DashboardHelpTooltip';
 export { default as DashboardModalFooter } from './DashboardModalFooter';
+export { default as NavigationBlockerModal } from './NavigationBlockerModal';
 export { default as DashboardSearchField } from './DashboardSearchField';
 export { default as EditableLabelsDescriptionListGroup } from './EditableLabelsDescriptionListGroup';
 export { default as EditableTextDescriptionListGroup } from './EditableTextDescriptionListGroup';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGvE,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGvE,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/components/index.js

@@ -4,6 +4,7 @@ export { default as DashboardDescriptionListGroup } from './DashboardDescription
 export { default as DashboardEmptyTableView } from './DashboardEmptyTableView';
 export { default as DashboardHelpTooltip } from './DashboardHelpTooltip';
 export { default as DashboardModalFooter } from './DashboardModalFooter';
+export { default as NavigationBlockerModal } from './NavigationBlockerModal';
 export { default as DashboardSearchField } from './DashboardSearchField';
 export { default as EditableLabelsDescriptionListGroup } from './EditableLabelsDescriptionListGroup';
 export { default as EditableTextDescriptionListGroup } from './EditableTextDescriptionListGroup';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,sCAAsC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,sCAAsC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/utilities/index.d.ts

@@ -5,4 +5,5 @@ export * from './useDebounceCallback';
 export * from './useDeepCompareMemoize';
 export * from './useEventListener';
 export * from './utils';
+export * from './useBrowserUnloadBlocker';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../utilities/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../utilities/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC"}

package/dist/utilities/index.js

@@ -6,4 +6,5 @@ export * from './useDebounceCallback';
 export * from './useDeepCompareMemoize';
 export * from './useEventListener';
 export * from './utils';
+export * from './useBrowserUnloadBlocker';
 //# sourceMappingURL=index.js.map

package/dist/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utilities/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../utilities/index.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC"}

package/dist/utilities/useBrowserUnloadBlocker.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Use this hook to block the browser from unloading when the user has unsaved changes.
+ * @param shouldBlock - Whether to block the browser from unloading.
+ */
+export declare function useBrowserUnloadBlocker(shouldBlock: boolean): void;
+//# sourceMappingURL=useBrowserUnloadBlocker.d.ts.map

package/dist/utilities/useBrowserUnloadBlocker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrowserUnloadBlocker.d.ts","sourceRoot":"","sources":["../../utilities/useBrowserUnloadBlocker.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAsBlE"}

package/dist/utilities/useBrowserUnloadBlocker.js

@@ -0,0 +1,23 @@
+import { useEffect, useCallback } from 'react';
+/**
+ * Use this hook to block the browser from unloading when the user has unsaved changes.
+ * @param shouldBlock - Whether to block the browser from unloading.
+ */
+export function useBrowserUnloadBlocker(shouldBlock) {
+    const handleBeforeUnload = useCallback((e) => {
+        if (shouldBlock) {
+            e.preventDefault();
+            e.returnValue = '';
+        }
+    }, [shouldBlock]);
+    useEffect(() => {
+        if (!shouldBlock) {
+            return;
+        }
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return () => {
+            window.removeEventListener('beforeunload', handleBeforeUnload);
+        };
+    }, [shouldBlock, handleBeforeUnload]);
+}
+//# sourceMappingURL=useBrowserUnloadBlocker.js.map

package/dist/utilities/useBrowserUnloadBlocker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrowserUnloadBlocker.js","sourceRoot":"","sources":["../../utilities/useBrowserUnloadBlocker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE/C;;;GAGG;AACH,MAAM,UAAU,uBAAuB,CAAC,WAAoB;IAC1D,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,CAAoB,EAAE,EAAE;QACvB,IAAI,WAAW,EAAE,CAAC;YAChB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAE5D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC,CAAC;AACxC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mod-arch-shared",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "Shared UI components and utilities for modular architecture micro-frontend projects",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -53,7 +53,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react-dom": ">=16.8.0",
+    "react-router-dom": ">=6.4.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.21.5",
@@ -80,6 +81,7 @@
     "npm-run-all2": "^7.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2",
     "sass": "^1.83.0",
     "ts-jest": "^29.2.6",
     "tsc-alias": "^1.8.15",