fds-vue-core 8.7.0 → 8.8.0

package/dist/components/FdsDevMode/FdsBreakpointIndicator.vue.d.ts

@@ -3,5 +3,6 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
+    popoverRef: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/FdsDevMode/FdsDevModeOverlay.vue.d.ts

@@ -33,5 +33,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     environment: DevModeEnvironmentKey | null;
     toggles: DevModeOverlayToggle[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    overlayRef: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/composables/keepInViewport.d.ts

@@ -0,0 +1,41 @@
+import { Ref } from 'vue';
+export declare const VIEWPORT_MARGIN = 8;
+export declare function clampBoxToViewport(box: {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}, viewport: {
+    width: number;
+    height: number;
+}, margin?: number): {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export declare function computeAnchoredPlacement(args: {
+    anchorLeft: number;
+    anchorTop: number;
+    anchorWidth: number;
+    anchorHeight: number;
+    contentWidth: number;
+    contentHeight: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    margin?: number;
+    gap?: number;
+    align?: 'start' | 'end';
+}): {
+    above: boolean;
+    left: number;
+    maxHeight: number;
+    maxWidth: number;
+};
+/** Keeps an absolutely positioned popover inside the viewport, anchored to its parent. */
+export declare function useStickInViewport(targetRef: Ref<HTMLElement | null>, options?: {
+    gap?: number;
+    align?: 'start' | 'end';
+}): {
+    style: Ref<Record<string, string>, Record<string, string>>;
+};

package/dist/composables/useModalDragResize.d.ts

@@ -4,6 +4,7 @@ export declare function useModalDragResize(options: {
     resizable: Ref<boolean>;
     elementRef: Ref<HTMLElement | null>;
     heading: Ref<string>;
+    constrainToViewport?: boolean;
 }): {
     isCustomPositioned: import('vue').ComputedRef<boolean>;
     style: import('vue').ComputedRef<Record<string, string> | undefined>;

package/dist/composables/usePreviousLocation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Query on the previous history entry is restored by the browser back button.
+ * `router.push('/path')` drops it.
+ * When that entry's pathname matches, reuse its full path.
+ */
+export declare const usePreviousLocation: () => {
+    hrefFor: (fallbackPath: string, matchPaths?: readonly string[]) => string;
+    goTo: (fallbackPath: string, matchPaths?: readonly string[]) => void;
+};

package/dist/fds-vue-core.cjs.js

@@ -1087,7 +1087,7 @@ const _hoisted_5$f = {
   key: 0,
   class: "w-full flex mt-2"
 };
-const _hoisted_6$c = ["aria-hidden"];
+const _hoisted_6$b = ["aria-hidden"];
 const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
@@ -1204,7 +1204,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
           class: "mb-0-last-child block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_6$c), [
+        ], 8, _hoisted_6$b), [
           [vue.vShow, isOpen.value]
         ])
       ], 16);
@@ -1222,7 +1222,7 @@ const _hoisted_4$g = {
   class: "mb-1"
 };
 const _hoisted_5$e = { class: "flex items-start justify-between gap-4" };
-const _hoisted_6$b = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_6$a = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7$a = { class: "flex items-start gap-3" };
 const _hoisted_8$6 = {
   key: 1,
@@ -1277,7 +1277,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
           vue.createElementVNode("div", _hoisted_3$i, [
             __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$g, [
               vue.createElementVNode("header", _hoisted_5$e, [
-                vue.createElementVNode("h3", _hoisted_6$b, vue.toDisplayString(__props.heading), 1),
+                vue.createElementVNode("h3", _hoisted_6$a, vue.toDisplayString(__props.heading), 1),
                 vue.createElementVNode("div", _hoisted_7$a, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
@@ -5996,6 +5996,138 @@ function useDevModeToggles() {
   }
   return devModeTogglesInstance;
 }
+const VIEWPORT_MARGIN = 8;
+const viewportSize = () => ({
+  width: document.documentElement.clientWidth || window.innerWidth,
+  height: document.documentElement.clientHeight || window.innerHeight
+});
+function clampBoxToViewport(box, viewport, margin = VIEWPORT_MARGIN) {
+  const width = Math.min(Math.max(box.width, 0), Math.max(viewport.width - margin * 2, 0));
+  const height = Math.min(Math.max(box.height, 0), Math.max(viewport.height - margin * 2, 0));
+  const minLeft = margin;
+  const minTop = margin;
+  const maxLeft = Math.max(minLeft, viewport.width - width - margin);
+  const maxTop = Math.max(minTop, viewport.height - height - margin);
+  return {
+    left: Math.min(Math.max(box.left, minLeft), maxLeft),
+    top: Math.min(Math.max(box.top, minTop), maxTop),
+    width,
+    height
+  };
+}
+function computeAnchoredPlacement(args) {
+  const margin = args.margin ?? VIEWPORT_MARGIN;
+  const gap = args.gap ?? 12;
+  const align = args.align ?? "end";
+  const maxWidth = Math.max(args.viewportWidth - margin * 2, 0);
+  const width = Math.min(Math.max(args.contentWidth, 0), maxWidth);
+  const anchorBottom = args.anchorTop + args.anchorHeight;
+  const spaceAbove = args.anchorTop - margin - gap;
+  const spaceBelow = args.viewportHeight - anchorBottom - margin - gap;
+  const above = spaceAbove >= args.contentHeight || spaceAbove >= spaceBelow;
+  const maxHeight = Math.max(above ? spaceAbove : spaceBelow, 0);
+  let left = align === "end" ? args.anchorWidth - width : 0;
+  let viewportLeft = args.anchorLeft + left;
+  if (viewportLeft < margin) {
+    left += margin - viewportLeft;
+    viewportLeft = margin;
+  }
+  const overflowRight = viewportLeft + width - (args.viewportWidth - margin);
+  if (overflowRight > 0) {
+    left -= overflowRight;
+    viewportLeft -= overflowRight;
+  }
+  if (viewportLeft < margin) {
+    left += margin - viewportLeft;
+  }
+  return { above, left, maxHeight, maxWidth };
+}
+const stylesEqual = (current, next) => {
+  const keys = Object.keys(next);
+  return keys.length === Object.keys(current).length && keys.every((key) => current[key] === next[key]);
+};
+function useStickInViewport(targetRef, options = {}) {
+  const gap = options.gap ?? 12;
+  const align = options.align ?? "end";
+  const style = vue.ref({
+    visibility: "hidden",
+    right: "0px",
+    bottom: `calc(100% + ${gap}px)`,
+    maxWidth: "calc(100vw - 1rem)",
+    maxHeight: "calc(100vh - 1rem)"
+  });
+  let frame = 0;
+  let observer = null;
+  const update = () => {
+    const el = targetRef.value;
+    if (!el?.isConnected || typeof window === "undefined") return;
+    const anchor = el.parentElement;
+    if (!anchor) return;
+    const anchorRect = anchor.getBoundingClientRect();
+    const width = el.offsetWidth;
+    const height = el.scrollHeight;
+    if (width <= 0 && height <= 0) return;
+    const viewport = viewportSize();
+    const placement = computeAnchoredPlacement({
+      anchorLeft: anchorRect.left,
+      anchorTop: anchorRect.top,
+      anchorWidth: anchorRect.width,
+      anchorHeight: anchorRect.height,
+      contentWidth: width,
+      contentHeight: height,
+      viewportWidth: viewport.width,
+      viewportHeight: viewport.height,
+      gap,
+      align
+    });
+    const next = {
+      visibility: "visible",
+      left: `${Math.round(placement.left)}px`,
+      right: "auto",
+      top: placement.above ? "auto" : `calc(100% + ${gap}px)`,
+      bottom: placement.above ? `calc(100% + ${gap}px)` : "auto",
+      maxWidth: `${Math.round(placement.maxWidth)}px`,
+      maxHeight: `${Math.max(Math.round(placement.maxHeight), 0)}px`,
+      overflowY: "auto"
+    };
+    if (!stylesEqual(style.value, next)) {
+      style.value = next;
+    }
+  };
+  const schedule = () => {
+    if (typeof window === "undefined" || frame) return;
+    frame = window.requestAnimationFrame(() => {
+      frame = 0;
+      update();
+    });
+  };
+  vue.watch(
+    targetRef,
+    (el) => {
+      observer?.disconnect();
+      observer = null;
+      if (el && typeof ResizeObserver !== "undefined") {
+        observer = new ResizeObserver(() => schedule());
+        observer.observe(el);
+      }
+      schedule();
+    },
+    { flush: "post", immediate: true }
+  );
+  if (typeof window !== "undefined") {
+    window.addEventListener("resize", schedule);
+    window.addEventListener("pointermove", schedule);
+    window.addEventListener("pointerup", schedule);
+    vue.onScopeDispose(() => {
+      window.removeEventListener("resize", schedule);
+      window.removeEventListener("pointermove", schedule);
+      window.removeEventListener("pointerup", schedule);
+      if (frame) window.cancelAnimationFrame(frame);
+      observer?.disconnect();
+    });
+  }
+  return { style };
+}
 const MIN_WIDTH = 288;
 const MIN_HEIGHT = 200;
 const getStorageKey = (key) => `fds-modal-${key}`;
@@ -6022,6 +6154,34 @@ function useModalDragResize(options) {
     } catch {
     }
   };
+  const viewport = () => ({
+    width: document.documentElement.clientWidth || window.innerWidth,
+    height: document.documentElement.clientHeight || window.innerHeight
+  });
+  const applyViewportClamp = () => {
+    if (!options.constrainToViewport || !modalPosition.value || typeof window === "undefined") return;
+    const el = options.elementRef.value;
+    if (!el) return;
+    const width = el.offsetWidth;
+    const height = el.offsetHeight;
+    if (width <= 0 || height <= 0) return;
+    const clamped = clampBoxToViewport(
+      { left: modalPosition.value.left, top: modalPosition.value.top, width, height },
+      viewport()
+    );
+    if (clamped.left === modalPosition.value.left && clamped.top === modalPosition.value.top) return;
+    modalPosition.value = { left: clamped.left, top: clamped.top };
+  };
+  let clampFrame = 0;
+  const scheduleViewportClamp = () => {
+    applyViewportClamp();
+    if (typeof window === "undefined") return;
+    if (clampFrame) window.cancelAnimationFrame(clampFrame);
+    clampFrame = window.requestAnimationFrame(() => {
+      clampFrame = 0;
+      applyViewportClamp();
+    });
+  };
   const restore = () => {
     if (!canPersist()) return false;
     try {
@@ -6036,6 +6196,7 @@ function useModalDragResize(options) {
         modalSize.value = data.size;
         hasBeenResized.value = true;
       }
+      if (options.constrainToViewport) scheduleViewportClamp();
       return true;
     } catch {
       return false;
@@ -6085,10 +6246,17 @@ function useModalDragResize(options) {
   const onDragMove = (e) => {
     if (!isDragging.value) return;
     e.preventDefault();
-    modalPosition.value = {
-      left: e.clientX - dragOffset.value.x,
-      top: e.clientY - dragOffset.value.y
-    };
+    let left = e.clientX - dragOffset.value.x;
+    let top = e.clientY - dragOffset.value.y;
+    if (options.constrainToViewport && typeof window !== "undefined") {
+      const el = options.elementRef.value;
+      const width = el?.offsetWidth ?? 0;
+      const height = el?.offsetHeight ?? 0;
+      if (width > 0 && height > 0) {
+        ({ left, top } = clampBoxToViewport({ left, top, width, height }, viewport()));
+      }
+    }
+    modalPosition.value = { left, top };
   };
   const onDragEnd = () => {
     isDragging.value = false;
@@ -6140,6 +6308,14 @@ function useModalDragResize(options) {
       newTop = resizeStart.value.top + (resizeStart.value.height - h);
       newHeight = h;
     }
+    if (options.constrainToViewport && typeof window !== "undefined") {
+      ({
+        left: newLeft,
+        top: newTop,
+        width: newWidth,
+        height: newHeight
+      } = clampBoxToViewport({ left: newLeft, top: newTop, width: newWidth, height: newHeight }, viewport()));
+    }
     modalPosition.value = { left: newLeft, top: newTop };
     modalSize.value = { width: newWidth, height: newHeight };
   };
@@ -6167,6 +6343,24 @@ function useModalDragResize(options) {
     document.removeEventListener("mousemove", onResizeMove);
     document.removeEventListener("mouseup", onResizeEnd);
   };
+  if (options.constrainToViewport && typeof window !== "undefined") {
+    const onWindowResize = () => applyViewportClamp();
+    window.addEventListener("resize", onWindowResize);
+    const observer = new ResizeObserver(() => applyViewportClamp());
+    vue.watch(
+      options.elementRef,
+      (el) => {
+        observer.disconnect();
+        if (el) observer.observe(el);
+      },
+      { immediate: true }
+    );
+    vue.onScopeDispose(() => {
+      window.removeEventListener("resize", onWindowResize);
+      observer.disconnect();
+      if (clampFrame) window.cancelAnimationFrame(clampFrame);
+    });
+  }
   const shouldBlockBackdropClick = () => Date.now() - lastInteractionEnd.value < 200;
   return {
     isCustomPositioned,
@@ -6229,6 +6423,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     const { t } = useFdsI18n();
     const showBreakpointList = vue.ref(false);
     const containerRef = vue.ref(null);
+    const popoverRef = vue.ref(null);
+    const { style: popoverStyle } = useStickInViewport(popoverRef, { gap: 8, align: "start" });
     const toggleBreakpointList = () => {
       showBreakpointList.value = !showBreakpointList.value;
     };
@@ -6261,7 +6457,10 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
         }, vue.toDisplayString(vue.unref(currentBreakpoint)), 9, _hoisted_1$q),
         showBreakpointList.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(["absolute bottom-full left-0 mb-2 rounded-lg shadow-lg p-2 text-xs font-mono whitespace-nowrap z-10", __props.popoverClass])
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          class: vue.normalizeClass(["absolute z-10 rounded-lg p-2 font-mono text-xs whitespace-nowrap shadow-lg", __props.popoverClass]),
+          style: vue.normalizeStyle(vue.unref(popoverStyle))
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(breakpoints2), (bp) => {
             return vue.openBlock(), vue.createElementBlock("div", {
@@ -6278,7 +6477,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("FdsDevMode.baseBreakpoint")), 1),
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("FdsDevMode.baseBreakpointRange")), 1)
           ], 2)
-        ], 2)) : vue.createCommentVNode("", true)
+        ], 6)) : vue.createCommentVNode("", true)
       ], 512);
     };
   }
@@ -6705,20 +6904,16 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$n = {
-  key: 0,
-  class: "absolute bottom-full right-0 mb-3 z-60 flex min-w-54 flex-col font-normal"
-};
-const _hoisted_2$h = {
   key: 0,
   class: "rounded-t-xl border border-b-0 border-gray-200 bg-white p-2 text-sm text-gray-900"
 };
-const _hoisted_3$h = { class: "flex flex-col gap-2" };
-const _hoisted_4$f = { key: 0 };
-const _hoisted_5$d = {
+const _hoisted_2$h = { class: "flex flex-col gap-2" };
+const _hoisted_3$h = { key: 0 };
+const _hoisted_4$f = {
   key: 1,
   class: "flex flex-col gap-1"
 };
-const _hoisted_6$a = { key: 2 };
+const _hoisted_5$d = { key: 2 };
 const OVERLAY_OPEN_KEY = "devModeOverlayOpen";
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsDevModeOverlay",
@@ -6783,13 +6978,21 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         value: toggle.value
       });
     };
+    const overlayRef = vue.ref(null);
+    const { style: overlayStyle } = useStickInViewport(overlayRef, { gap: 12, align: "end" });
     const hasContent = vue.computed(
       () => checkToggles.value.length > 0 || radioToggles.value.length > 0 || buttonToggles.value.length > 0 || canToggleI18nKeys.value || showLocaleSwitcher.value
     );
     return (_ctx, _cache) => {
-      return hasContent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
-        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
-          vue.createElementVNode("div", _hoisted_3$h, [
+      return hasContent.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        ref_key: "overlayRef",
+        ref: overlayRef,
+        class: "absolute z-60 flex w-max min-w-[min(13.5rem,calc(100vw-1rem))] flex-col font-normal",
+        style: vue.normalizeStyle(vue.unref(overlayStyle))
+      }, [
+        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+          vue.createElementVNode("div", _hoisted_2$h, [
             vue.createElementVNode("div", null, [
               vue.unref(canToggleI18nKeys) ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
                 key: 0,
@@ -6816,7 +7019,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 }, 1032, ["checked", "onChange"]);
               }), 128))
             ]),
-            radioToggles.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, [
+            radioToggles.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$h, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(radioToggles.value, (toggle) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: `${toggle.key}-${toggle.checked}`,
@@ -6833,7 +7036,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 }, 1032, ["name", "value", "checked", "onChange"]);
               }), 128))
             ])) : vue.createCommentVNode("", true),
-            buttonToggles.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
+            buttonToggles.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$f, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(buttonToggles.value, (toggle) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$G, {
                   key: toggle.key,
@@ -6844,7 +7047,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["text", "onClick"]);
               }), 128))
             ])) : vue.createCommentVNode("", true),
-            showLocaleSwitcher.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [
+            showLocaleSwitcher.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localeOptions.value, (localeCode) => {
                 return vue.openBlock(), vue.createBlock(_sfc_main$y, {
                   key: localeCode,
@@ -6883,7 +7086,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["name"])
           ])
         ], 2)
-      ])) : vue.createCommentVNode("", true);
+      ], 4)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -11603,7 +11806,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       movable: vue.computed(() => true),
       resizable: vue.computed(() => false),
       elementRef: bannerRef,
-      heading: bannerStorageKey
+      heading: bannerStorageKey,
+      constrainToViewport: true
     });
     vue.onBeforeUnmount(() => {
       cleanupBannerDrag();
@@ -11633,9 +11837,11 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       return "";
     });
     const envBannerPositionClasses = vue.computed(() => {
-      if (isCustomPositioned.value) return "fixed cursor-move select-none";
-      if (isLocalhost.value) return "fixed bottom-0 my-6 right-18";
-      return "fixed bottom-0 my-6 right-8";
+      if (isCustomPositioned.value) {
+        return "fixed max-w-[calc(100vw-1rem)] max-h-[calc(100vh-1rem)] cursor-move select-none";
+      }
+      if (isLocalhost.value) return "fixed bottom-0 my-6 right-18 max-w-[calc(100vw-5rem)] max-h-[calc(100vh-2rem)]";
+      return "fixed bottom-0 my-6 right-8 max-w-[calc(100vw-2.5rem)] max-h-[calc(100vh-2rem)]";
     });
     const envBannerFillColor = vue.computed(() => {
       if (isDevMode.value) return "fill-white";
@@ -21548,6 +21754,30 @@ const teardownRouterLinkInterceptor = () => {
   }
   globalRouter = null;
 };
+const withoutHash = (location) => location.split("#")[0] ?? location;
+const pathOf = (location) => withoutHash(location).split("?")[0] ?? location;
+const usePreviousLocation = () => {
+  const route = vueRouter.useRoute();
+  const router = vueRouter.useRouter();
+  const hrefFor = (fallbackPath, matchPaths = [fallbackPath]) => {
+    void route.fullPath;
+    const previous = router.options.history.state.back;
+    if (typeof previous !== "string" || previous === "") return fallbackPath;
+    const full = withoutHash(previous);
+    if (!matchPaths.includes(pathOf(full))) return fallbackPath;
+    return full;
+  };
+  const goTo = (fallbackPath, matchPaths) => {
+    const href = hrefFor(fallbackPath, matchPaths);
+    const previous = router.options.history.state.back;
+    if (typeof previous === "string" && withoutHash(previous) === href) {
+      router.back();
+      return;
+    }
+    void router.push(href);
+  };
+  return { hrefFor, goTo };
+};
 const isArr = (v) => Array.isArray(v);
 const clone = (v) => isArr(v) ? [...v] : v;
 const cloneRecord = (defaults2) => {
@@ -22071,6 +22301,7 @@ exports.useExitConfirmationGuardState = useExitConfirmationGuardState;
 exports.useFileSizeValidation = useFileSizeValidation;
 exports.useFileValidation = useFileValidation;
 exports.useIsPid = useIsPid;
+exports.usePreviousLocation = usePreviousLocation;
 exports.useRouteFilters = useRouteFilters;
 exports.useRouteScrollPositions = useRouteScrollPositions;
 exports.useTreeState = useTreeState;