@contember/interface 2.0.0-alpha.14 → 2.0.0-alpha.15

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/interface",
   "license": "Apache-2.0",
-  "version": "2.0.0-alpha.14",
+  "version": "2.0.0-alpha.15",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -28,13 +28,13 @@
     "ae:test": "api-extractor run"
   },
   "dependencies": {
-    "@contember/react-binding": "2.0.0-alpha.14",
-    "@contember/react-client": "2.0.0-alpha.14",
-    "@contember/react-dataview": "2.0.0-alpha.14",
-    "@contember/react-devbar": "2.0.0-alpha.14",
-    "@contember/react-identity": "2.0.0-alpha.14",
-    "@contember/react-routing": "2.0.0-alpha.14",
-    "@contember/utilities": "2.0.0-alpha.14",
+    "@contember/react-binding": "2.0.0-alpha.15",
+    "@contember/react-client": "2.0.0-alpha.15",
+    "@contember/react-dataview": "2.0.0-alpha.15",
+    "@contember/react-devbar": "2.0.0-alpha.15",
+    "@contember/react-identity": "2.0.0-alpha.15",
+    "@contember/react-routing": "2.0.0-alpha.15",
+    "@contember/utilities": "2.0.0-alpha.15",
     "@radix-ui/react-slot": "^1.0.2",
     "stacktracey": "^2.1.8"
   },

package/src/bootstrap/ApplicationEntrypoint.tsx

@@ -1,7 +1,7 @@
 import { Environment, EnvironmentContext, EnvironmentExtensionProvider } from '@contember/react-binding'
 import { ContemberClient, ContemberClientProps } from '@contember/react-client'
 import { ReactNode } from 'react'
-import { RequestProvider, RouteMap, RoutingContext, RoutingContextValue, RoutingProvider, SelectedDimension } from '@contember/react-routing'
+import { RouteMap, RoutingContextValue, RoutingProvider } from '@contember/react-routing'
 import { DataViewPageNameKeyProvider } from './DataViewPageNameKeyProvider'
 import { IdentityEnvironmentProvider, IdentityProvider, projectEnvironmentExtension } from '@contember/react-identity'
 

package/src/hooks/index.ts

@@ -1 +1,2 @@
 export * from './useIsApplicationOutdated'
+export * from './useBlockNavigationOnDirtyState'

package/src/hooks/useBlockNavigationOnDirtyState.ts

@@ -0,0 +1,40 @@
+import { ErrorPersistResult, SuccessfulPersistResult, useDirtinessState, useMutationState, usePersist } from '@contember/react-binding'
+import { useCallback, useRef } from 'react'
+import { useRegisterRequestChangeListener } from '@contember/react-routing'
+
+export type BlockNavigationOnDirtyStateResult = 'save' | 'discard' | 'cancel'
+
+export const useBlockNavigationOnDirtyState = (handler: () => Promise<BlockNavigationOnDirtyStateResult>, options?: {
+	onPersistSuccess?: (result: SuccessfulPersistResult) => void
+	onPersistError?: (result: ErrorPersistResult) => void
+}) => {
+	const isDirty = useDirtinessState()
+	const isDirtyRef = useRef(isDirty)
+	isDirtyRef.current = isDirty
+	const isMutating = useMutationState()
+	const isMutatingRef = useRef(isMutating)
+	isMutatingRef.current = isMutating
+	const persist = usePersist()
+
+	useRegisterRequestChangeListener(useCallback(async event => {
+		if (!isDirtyRef.current || isMutatingRef.current) {
+			return
+		}
+		const result = await handler()
+		if (result === 'cancel') {
+			event.abortNavigation()
+			return
+		}
+
+		if (result === 'save') {
+			try {
+				const result = await persist()
+				options?.onPersistSuccess?.(result)
+			} catch (e: any) {
+				options?.onPersistError?.(e)
+				event.abortNavigation()
+				return
+			}
+		}
+	}, [handler, options, persist]))
+}