@jobber/components 8.26.3 → 8.27.1

package/dist/MenuSubmenuTrigger-es.js

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { a as useRefWithInit, f as formatErrorMessage, u as useRenderElement, m as mergeProps, c as useMergedRefs, E as EMPTY_OBJECT, b as EMPTY_ARRAY, w as warn } from './useRenderElement-es.js';
-import { X as mergeCleanups, Y as isTypeableElement, Z as matchesFocusVisible, _ as isTargetInsideEnabledTrigger, $ as createAttribute, J as webkit, d as useFloatingTree, u as useFloatingParentNodeId, a0 as isInteractiveElement, a1 as getNodeChildren, p as popupStateMapping, a as FloatingFocusManager, E as FloatingPortal, a2 as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, G as inertValue, a3 as FloatingNode, H as DROPDOWN_COLLISION_AVOIDANCE, t as createSelector, R as ReactStore, P as PopupTriggerMap, a4 as FloatingTreeStore, a5 as fastComponent, a6 as useInitialOpenSync, a7 as useFloatingNodeId, v as useOpenInteractionType, L as useImplicitActiveTrigger, M as useOpenStateTransitions, a8 as attachPreventUnmountOnClose, O as setPopupOpenState, a9 as useSyncedFloatingRootContext, y as useDismiss, r as useDirection, aa as TYPEAHEAD_RESET_MS, F as FOCUSABLE_POPUP_PROPS, N as usePopupInteractionProps, ab as FloatingTree, ac as getTabbableBeforeElement, ad as isOutsideEvent, ae as getTabbableAfterElement, af as getNextTabbable, ag as fastComponentRef, T as useTriggerDataForwarding, x as useClick, B as pressableTriggerOpenStateMapping, ah as FocusGuard, ai as PATIENT_CLICK_THRESHOLD, aj as useTriggerRegistration, W as triggerOpenStateMapping } from './useScrollLock-es.js';
-import { Y as isMouseLikePointerType, h as useTimeout, B as addEventListener, g as getTarget, d as createChangeEventDetails, Z as triggerFocus, p as activeElement, o as ownerDocument, q as contains, _ as mac, $ as triggerPress, a0 as escapeKey, L as useOnMount, T as Timeout, b as useStableCallback, a as useIsoLayoutEffect, a1 as triggerHover, m as useValueAsRef, t as transitionStatusMapping, V as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, Q as outsidePress, a2 as useAnimationsFinished, a3 as siblingOpen, z as useControlled, k as useTransitionStatus, l as useId, v as focusOut, r as listNavigation, i as imperativeAction, a4 as useCompositeRootContext, R as cancelOpen, S as SafeReact } from './useButton-es.js';
+import { K as mergeCleanups, L as isTypeableElement, M as matchesFocusVisible, N as isTargetInsideEnabledTrigger, O as createAttribute, J as webkit, d as useFloatingTree, u as useFloatingParentNodeId, Q as isInteractiveElement, R as getNodeChildren, p as popupStateMapping, a as FloatingFocusManager, E as FloatingPortal, T as POPUP_COLLISION_AVOIDANCE, I as InternalBackdrop, G as inertValue, U as FloatingNode, H as DROPDOWN_COLLISION_AVOIDANCE, t as createSelector, V as ReactStore, P as PopupTriggerMap, W as FloatingTreeStore, X as fastComponent, Y as useInitialOpenSync, Z as useFloatingNodeId, v as useOpenInteractionType, _ as useImplicitActiveTrigger, $ as useOpenStateTransitions, a0 as attachPreventUnmountOnClose, a1 as setPopupOpenState, a2 as useSyncedFloatingRootContext, y as useDismiss, r as useDirection, a3 as TYPEAHEAD_RESET_MS, F as FOCUSABLE_POPUP_PROPS, a4 as usePopupInteractionProps, a5 as FloatingTree, a6 as getTabbableBeforeElement, a7 as isOutsideEvent, a8 as getTabbableAfterElement, a9 as getNextTabbable, aa as fastComponentRef, ab as useTriggerDataForwarding, x as useClick, B as pressableTriggerOpenStateMapping, ac as FocusGuard, ad as PATIENT_CLICK_THRESHOLD, ae as useTriggerRegistration, af as triggerOpenStateMapping } from './useScrollLock-es.js';
+import { W as isMouseLikePointerType, h as useTimeout, B as addEventListener, g as getTarget, d as createChangeEventDetails, X as triggerFocus, p as activeElement, o as ownerDocument, q as contains, Y as mac, Z as triggerPress, _ as escapeKey, L as useOnMount, T as Timeout, b as useStableCallback, a as useIsoLayoutEffect, $ as triggerHover, m as useValueAsRef, t as transitionStatusMapping, V as itemPress, c as useButton, u as useBaseUiId, f as useOpenChangeComplete, Q as outsidePress, a0 as useAnimationsFinished, a1 as siblingOpen, z as useControlled, k as useTransitionStatus, l as useId, v as focusOut, r as listNavigation, i as imperativeAction, a2 as useCompositeRootContext, R as cancelOpen, S as SafeReact } from './useButton-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { h as useCompositeListItem, f as getDisabledMountTransitionStyles, d as useAnchorPositioning, i as adaptiveOrigin, c as useAnchoredPopupScrollLock, e as usePositioner, C as CompositeList, a as useListNavigation, b as useTypeahead, g as getPseudoElementBounds } from './useCompositeListItem-es.js';
 import { u as useToolbarRootContext, i as isElementDisabled } from './isElementDisabled-es.js';
 import { C as COMPOSITE_KEYS } from './scrollEdges-es.js';
-import { o as getWindow, b as isElement, a as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
-import { p as popupStoreSelectors, l as createInitialPopupStoreState } from './ScrollAreaViewport-es.js';
+import { o as getWindow, b as isElement, i as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
+import { p as popupStoreSelectors, n as createInitialPopupStoreState } from './ScrollAreaViewport-es.js';
 import * as ReactDOM from 'react-dom';
 
 function resolveValue(value, pointerType) {

package/dist/Modal/index.cjs

@@ -42,8 +42,7 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
     jobberHooks.useRefocusOnActivator(open);
     const modalRef = jobberHooks.useFocusTrap(open);
-    jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
-    const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel },
+    const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel, onKeyDown: handleKeyDown },
         React.createElement(framerMotion.motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React.createElement(framerMotion.motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
                 duration: 0.2,
@@ -60,6 +59,17 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
             onRequestClose();
         }
     }
+    function handleKeyDown(event) {
+        if (event.key === "Escape") {
+            // Stop the Escape from bubbling to outer overlays (e.g. a Base UI Dialog
+            // this Modal is nested within, whose dismissal listens at the document
+            // level). Without this, one Escape closes both layers; instead only the
+            // top-most layer — this Modal — should close. Mirrors SideDrawer's
+            // Escape containment.
+            event.stopPropagation();
+            handleRequestClose();
+        }
+    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/Modal/index.mjs

@@ -2,7 +2,7 @@ import React__default, { useRef, useEffect, createContext, useContext } from 're
 import ReactDOM__default from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
+import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
 import { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
@@ -40,8 +40,7 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
     const containerClassName = classnames(styles$1.container, size === "fullScreen" && styles$1.containerFullScreen);
     useRefocusOnActivator(open);
     const modalRef = useFocusTrap(open);
-    useOnKeyDown(handleRequestClose, "Escape");
-    const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel },
+    const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: containerClassName, tabIndex: 0, "aria-modal": "true", "aria-labelledby": title ? MODAL_HEADER_ID : undefined, "aria-label": ariaLabel, onKeyDown: handleKeyDown },
         React__default.createElement(motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React__default.createElement(motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
                 duration: 0.2,
@@ -58,6 +57,17 @@ function ModalLegacy({ open = false, title, size, dismissible = true, children,
             onRequestClose();
         }
     }
+    function handleKeyDown(event) {
+        if (event.key === "Escape") {
+            // Stop the Escape from bubbling to outer overlays (e.g. a Base UI Dialog
+            // this Modal is nested within, whose dismissal listens at the document
+            // level). Without this, one Escape closes both layers; instead only the
+            // top-most layer — this Modal — should close. Mirrors SideDrawer's
+            // Escape containment.
+            event.stopPropagation();
+            handleRequestClose();
+        }
+    }
 }
 function Header({ title, dismissible, onRequestClose }) {
     return (React__default.createElement("div", { className: styles$1.header, "data-testid": "modal-header" },

package/dist/NumberFieldInput-cjs.js

@@ -6,7 +6,7 @@ var useRenderElement = require('./useRenderElement-cjs.js');
 var useLabelableId = require('./useLabelableId-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
-var useLabel = require('./useLabel-cjs.js');
+var stringifyLocale = require('./stringifyLocale-cjs.js');
 var clamp = require('./clamp-cjs.js');
 
 function _interopNamespaceDefault(e) {
@@ -41,7 +41,7 @@ function useForcedRerendering() {
 const cache = new Map();
 function getFormatter(locale, options) {
   const optionsString = JSON.stringify({
-    locale: useLabel.stringifyLocale(locale),
+    locale: stringifyLocale.stringifyLocale(locale),
     options
   });
   const cachedFormatter = cache.get(optionsString);

package/dist/NumberFieldInput-es.js

@@ -4,7 +4,7 @@ import { f as formatErrorMessage, c as useMergedRefs, u as useRenderElement, a a
 import { f as fieldValidityMapping, b as useFieldRootContext, a as useFormContext, c as useLabelableId, u as useLabelableContext, d as useRegisterFieldControl } from './useLabelableId-es.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { o as getWindow } from './floating-ui.utils.dom-es.js';
-import { s as stringifyLocale } from './useLabel-es.js';
+import { s as stringifyLocale } from './stringifyLocale-es.js';
 import { c as clamp } from './clamp-es.js';
 
 /**