@jobber/components 8.14.0 → 8.15.0

package/dist/MenuSubmenuTrigger-es.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { u as useDialogRootContext, i as isTypeableElement, e as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, f as useFloatingTree, g as getTarget, m as matchesFocusVisible, h as isTargetInsideEnabledTrigger, j as createAttribute, k as activeElement, l as contains, T as TYPEABLE_SELECTOR, n as getNodeChildren, o as getFloatingFocusElement, p as isTypeableCombobox, q as isIndexOutOfListBounds, r as getMinListIndex, s as getMaxListIndex, t as createGridCellMap, v as isListIndexDisabled, w as getGridNavigatedIndex, x as getGridCellIndices, y as getGridCellIndexOfCorner, A as ARROW_DOWN, z as ARROW_LEFT, B as ARROW_RIGHT, C as findNonDisabledListIndex, E as enqueueFocus, G as ARROW_UP, H as isElementVisible, I as useTriggerDataForwarding, J as useInteractions, K as CLICK_TRIGGER_IDENTIFIER, L as triggerOpenStateMapping, M as DISABLED_TRANSITIONS_STYLE, N as popupStateMapping, O as COMPOSITE_KEYS, Q as FloatingFocusManager, R as FloatingPortal, S as POPUP_COLLISION_AVOIDANCE, U as InternalBackdrop, V as inertValue, W as FloatingNode, X as DROPDOWN_COLLISION_AVOIDANCE, Y as popupStoreSelectors, Z as createSelector, _ as ReactStore, $ as createInitialPopupStoreState, a0 as FloatingTreeStore, a1 as fastComponent, a2 as useOnFirstRender, a3 as useFloatingNodeId, a4 as useOpenInteractionType, a5 as useImplicitActiveTrigger, a6 as useOpenStateTransitions, a7 as useScrollLock, a8 as useSyncedFloatingRootContext, a9 as useDismiss, aa as useRole, ab as TYPEAHEAD_RESET_MS, ac as FloatingTree, ad as fastComponentRef, ae as getTabbableBeforeElement, af as isOutsideEvent, ag as getTabbableAfterElement, ah as getNextTabbable, ai as pressableTriggerOpenStateMapping, aj as FocusGuard, ak as PATIENT_CLICK_THRESHOLD, al as useTriggerRegistration } from './DrawerRoot-es.js';
-import { u as useRenderElement, E as EMPTY_OBJECT, b as useRefWithInit, f as formatErrorMessage, m as mergeProps, c as useMergedRefs, d as EMPTY_ARRAY } from './useRenderElement-es.js';
-import { k as createChangeEventDetails, B as closePress, C as isMouseLikePointerType, D as useAnimationFrame, c as useTimeout, E as isClickLikeEvent, F as triggerPress, b as useId, u as useIsoLayoutEffect, G as triggerFocus, H as isMac, I as isSafari, s as ownerDocument, J as escapeKey, f as useOnMount, T as Timeout, a as useStableCallback, K as triggerHover, i as useValueAsRef, z as stopEvent, L as listNavigation, M as focusOut, N as isVirtualClick, O as isVirtualPointerEvent, P as itemPress, t as transitionStatusMapping, e as useOpenChangeComplete, Q as outsidePress, R as useAnimationsFinished, U as siblingOpen, h as useControlled, d as useTransitionStatus, V as imperativeAction, W as cancelOpen } from './useValueChanged-es.js';
-import { a as useButton, u as useBaseUiId, b as useCompositeRootContext } from './useBaseUiId-es.js';
+import { u as useDialogRootContext, g as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, h as useFloatingTree, i as getTarget, j as isTypeableElement, m as matchesFocusVisible, k as isTargetInsideEnabledTrigger, l as createAttribute, n as activeElement, o as contains, T as TYPEABLE_SELECTOR, p as getNodeChildren, q as getFloatingFocusElement, r as isTypeableCombobox, s as isIndexOutOfListBounds, t as getMinListIndex, v as getMaxListIndex, w as createGridCellMap, x as isListIndexDisabled, y as getGridNavigatedIndex, z as getGridCellIndices, A as getGridCellIndexOfCorner, B as ARROW_DOWN, C as ARROW_LEFT, E as ARROW_RIGHT, G as findNonDisabledListIndex, H as enqueueFocus, I as ARROW_UP, J as isElementVisible, K as DISABLED_TRANSITIONS_STYLE, L as popupStateMapping, M as COMPOSITE_KEYS, N as FloatingFocusManager, O as FloatingPortal, Q as useDirection, R as POPUP_COLLISION_AVOIDANCE, U as InternalBackdrop, V as inertValue, W as FloatingNode, X as DROPDOWN_COLLISION_AVOIDANCE, Y as popupStoreSelectors, Z as createSelector, _ as ReactStore, $ as createInitialPopupStoreState, a0 as FloatingTreeStore, a1 as fastComponent, a2 as useOnFirstRender, a3 as useFloatingNodeId, a4 as useOpenInteractionType, a5 as useImplicitActiveTrigger, a6 as useOpenStateTransitions, a7 as useScrollLock, a8 as useSyncedFloatingRootContext, a9 as useDismiss, aa as useRole, ab as TYPEAHEAD_RESET_MS, ac as useInteractions, ad as FloatingTree, ae as fastComponentRef, af as useTriggerDataForwarding, ag as useClick, ah as getTabbableBeforeElement, ai as isOutsideEvent, aj as getTabbableAfterElement, ak as getNextTabbable, al as pressableTriggerOpenStateMapping, am as FocusGuard, an as PATIENT_CLICK_THRESHOLD, ao as useTriggerRegistration, ap as triggerOpenStateMapping } from './ScrollAreaViewport-es.js';
+import { u as useRenderElement, a as useRefWithInit, f as formatErrorMessage, m as mergeProps, b as useMergedRefs, E as EMPTY_OBJECT, d as EMPTY_ARRAY } from './useRenderElement-es.js';
+import { y as useButton, k as createChangeEventDetails, C as closePress, D as isMouseLikePointerType, E as useId, d as useIsoLayoutEffect, b as useTimeout, F as triggerFocus, G as isMac, H as isSafari, s as ownerDocument, I as triggerPress, J as escapeKey, f as useOnMount, T as Timeout, a as useStableCallback, K as triggerHover, i as useValueAsRef, A as stopEvent, L as listNavigation, M as focusOut, N as isVirtualClick, O as isVirtualPointerEvent, u as useBaseUiId, P as itemPress, t as transitionStatusMapping, e as useOpenChangeComplete, Q as outsidePress, R as useAnimationsFinished, S as siblingOpen, h as useControlled, c as useTransitionStatus, U as imperativeAction, V as useCompositeRootContext, W as cancelOpen } from './useValueChanged-es.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { b as isElement, k as getWindow, a as isHTMLElement, d as isLastTraversableNode, e as getParentNode } from './floating-ui.utils.dom-es.js';
 import { e as evaluate, h as getPaddingObject, b as getAlignmentAxis, d as getAlignment, q as getAxisLength, n as clamp, c as getSide, g as getSideAxis } from './index.esm-es.js';
@@ -86,109 +85,6 @@ function isClickLikeOpenEvent(openEventType, interactedInside) {
   return interactedInside || openEventType === 'click' || openEventType === 'mousedown';
 }
 
-/**
- * Opens or closes the floating element when clicking the reference element.
- * @see https://floating-ui.com/docs/useClick
- */
-function useClick(context, props = {}) {
-  const store = 'rootStore' in context ? context.rootStore : context;
-  const dataRef = store.context.dataRef;
-  const {
-    enabled = true,
-    event: eventOption = 'click',
-    toggle = true,
-    ignoreMouse = false,
-    stickIfOpen = true,
-    touchOpenDelay = 0,
-    reason = triggerPress
-  } = props;
-  const pointerTypeRef = React.useRef(undefined);
-  const frame = useAnimationFrame();
-  const touchOpenTimeout = useTimeout();
-  const reference = React.useMemo(() => ({
-    onPointerDown(event) {
-      pointerTypeRef.current = event.pointerType;
-    },
-    onMouseDown(event) {
-      const pointerType = pointerTypeRef.current;
-      const nativeEvent = event.nativeEvent;
-      const open = store.select('open');
-
-      // Ignore all buttons except for the "main" button.
-      // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
-      if (event.button !== 0 || eventOption === 'click' || isMouseLikePointerType(pointerType, true) && ignoreMouse) {
-        return;
-      }
-      const openEvent = dataRef.current.openEvent;
-      const openEventType = openEvent?.type;
-      const hasClickedOnInactiveTrigger = store.select('domReferenceElement') !== event.currentTarget;
-      const nextOpen = open && hasClickedOnInactiveTrigger || !(open && toggle && (openEvent && stickIfOpen ? openEventType === 'click' || openEventType === 'mousedown' : true));
-
-      // Animations sometimes won't run on a typeable element if using a rAF.
-      // Focus is always set on these elements. For touch, we may delay opening.
-      if (isTypeableElement(nativeEvent.target)) {
-        const details = createChangeEventDetails(reason, nativeEvent, nativeEvent.target);
-        if (nextOpen && pointerType === 'touch' && touchOpenDelay > 0) {
-          touchOpenTimeout.start(touchOpenDelay, () => {
-            store.setOpen(true, details);
-          });
-        } else {
-          store.setOpen(nextOpen, details);
-        }
-        return;
-      }
-
-      // Capture the currentTarget before the rAF.
-      // as React sets it to null after the event handler completes.
-      const eventCurrentTarget = event.currentTarget;
-
-      // Wait until focus is set on the element. This is an alternative to
-      // `event.preventDefault()` to avoid :focus-visible from appearing when using a pointer.
-      frame.request(() => {
-        const details = createChangeEventDetails(reason, nativeEvent, eventCurrentTarget);
-        if (nextOpen && pointerType === 'touch' && touchOpenDelay > 0) {
-          touchOpenTimeout.start(touchOpenDelay, () => {
-            store.setOpen(true, details);
-          });
-        } else {
-          store.setOpen(nextOpen, details);
-        }
-      });
-    },
-    onClick(event) {
-      if (eventOption === 'mousedown-only') {
-        return;
-      }
-      const pointerType = pointerTypeRef.current;
-      if (eventOption === 'mousedown' && pointerType) {
-        pointerTypeRef.current = undefined;
-        return;
-      }
-      if (isMouseLikePointerType(pointerType, true) && ignoreMouse) {
-        return;
-      }
-      const open = store.select('open');
-      const openEvent = dataRef.current.openEvent;
-      const hasClickedOnInactiveTrigger = store.select('domReferenceElement') !== event.currentTarget;
-      const nextOpen = open && hasClickedOnInactiveTrigger || !(open && toggle && (openEvent && stickIfOpen ? isClickLikeEvent(openEvent) : true));
-      const details = createChangeEventDetails(reason, event.nativeEvent, event.currentTarget);
-      if (nextOpen && pointerType === 'touch' && touchOpenDelay > 0) {
-        touchOpenTimeout.start(touchOpenDelay, () => {
-          store.setOpen(true, details);
-        });
-      } else {
-        store.setOpen(nextOpen, details);
-      }
-    },
-    onKeyDown() {
-      pointerTypeRef.current = undefined;
-    }
-  }), [dataRef, eventOption, ignoreMouse, store, stickIfOpen, toggle, frame, touchOpenTimeout, touchOpenDelay, reason]);
-  return React.useMemo(() => enabled ? {
-    reference
-  } : EMPTY_OBJECT, [enabled, reference]);
-}
-
 function useFloatingRootContext(options) {
   const {
     open = false,
@@ -2000,66 +1896,6 @@ const DialogTitle = /*#__PURE__*/React.forwardRef(function DialogTitle(component
 });
 if (process.env.NODE_ENV !== "production") DialogTitle.displayName = "DialogTitle";
 
-/**
- * A button that opens the dialog.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)
- */
-const DialogTrigger = /*#__PURE__*/React.forwardRef(function DialogTrigger(componentProps, forwardedRef) {
-  const {
-    render,
-    className,
-    disabled = false,
-    nativeButton = true,
-    id: idProp,
-    payload,
-    handle,
-    ...elementProps
-  } = componentProps;
-  const dialogRootContext = useDialogRootContext(true);
-  const store = handle?.store ?? dialogRootContext?.store;
-  if (!store) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.' : formatErrorMessage(79));
-  }
-  const thisTriggerId = useBaseUiId(idProp);
-  const floatingContext = store.useState('floatingRootContext');
-  const isOpenedByThisTrigger = store.useState('isOpenedByTrigger', thisTriggerId);
-  const triggerElementRef = React.useRef(null);
-  const {
-    registerTrigger,
-    isMountedByThisTrigger
-  } = useTriggerDataForwarding(thisTriggerId, triggerElementRef, store, {
-    payload
-  });
-  const {
-    getButtonProps,
-    buttonRef
-  } = useButton({
-    disabled,
-    native: nativeButton
-  });
-  const click = useClick(floatingContext, {
-    enabled: floatingContext != null
-  });
-  const localInteractionProps = useInteractions([click]);
-  const state = {
-    disabled,
-    open: isOpenedByThisTrigger
-  };
-  const rootTriggerProps = store.useState('triggerProps', isMountedByThisTrigger);
-  return useRenderElement('button', componentProps, {
-    state,
-    ref: [buttonRef, forwardedRef, registerTrigger, triggerElementRef],
-    props: [localInteractionProps.getReferenceProps(), rootTriggerProps, {
-      [CLICK_TRIGGER_IDENTIFIER]: '',
-      id: thisTriggerId
-    }, elementProps, getButtonProps],
-    stateAttributesMapping: triggerOpenStateMapping
-  });
-});
-if (process.env.NODE_ENV !== "production") DialogTrigger.displayName = "DialogTrigger";
-
 /**
  * A heading that labels the drawer.
  * Renders an `<h2>` element.
@@ -2068,14 +1904,6 @@ if (process.env.NODE_ENV !== "production") DialogTrigger.displayName = "DialogTr
  */
 const DrawerTitle = DialogTitle;
 
-/**
- * A button that opens the drawer.
- * Renders a `<button>` element.
- *
- * Documentation: [Base UI Drawer](https://base-ui.com/react/components/drawer)
- */
-const DrawerTrigger = DialogTrigger;
-
 const MenuPositionerContext = /*#__PURE__*/React.createContext(undefined);
 if (process.env.NODE_ENV !== "production") MenuPositionerContext.displayName = "MenuPositionerContext";
 function useMenuPositionerContext(optional) {
@@ -2695,16 +2523,6 @@ const MenuPortal = /*#__PURE__*/React.forwardRef(function MenuPortal(props, forw
 });
 if (process.env.NODE_ENV !== "production") MenuPortal.displayName = "MenuPortal";
 
-/**
- * @internal
- */
-const DirectionContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== "production") DirectionContext.displayName = "DirectionContext";
-function useDirection() {
-  const context = React.useContext(DirectionContext);
-  return context?.direction ?? 'ltr';
-}
-
 /**
  * Fork of the original `arrow` middleware from Floating UI that allows
  * configuring the offset parent.
@@ -4979,4 +4797,4 @@ const MenuSubmenuTrigger = /*#__PURE__*/React.forwardRef(function SubmenuTrigger
 });
 if (process.env.NODE_ENV !== "production") MenuSubmenuTrigger.displayName = "MenuSubmenuTrigger";
 
-export { useTypeahead as A, getPseudoElementBounds as B, CompositeList as C, DrawerTrigger as D, useAnchorPositioning as E, getDisabledMountTransitionStyles as F, IndexGuessBehavior as I, MenuTrigger as M, REGULAR_ITEM as R, DrawerTitle as a, DrawerClose as b, MenuLinkItem as c, MenuItem as d, MenuRadioItem as e, MenuRadioItemIndicator as f, MenuSubmenuTrigger as g, MenuRoot as h, MenuPortal as i, MenuPositioner as j, MenuPopup as k, MenuRadioGroup as l, MenuGroup as m, MenuSubmenuRoot as n, MenuGroupLabel as o, useMenuPositionerContext as p, useContextMenuRootContext as q, useCompositeListItem as r, useMenuItem as s, itemMapping as t, useMenuRootContext as u, useDirection as v, MenuStore as w, useFloatingRootContext as x, useClick as y, useListNavigation as z };
+export { getDisabledMountTransitionStyles as A, CompositeList as C, DrawerTitle as D, IndexGuessBehavior as I, MenuTrigger as M, REGULAR_ITEM as R, DrawerClose as a, MenuLinkItem as b, MenuItem as c, MenuRadioItem as d, MenuRadioItemIndicator as e, MenuSubmenuTrigger as f, MenuRoot as g, MenuPortal as h, MenuPositioner as i, MenuPopup as j, MenuRadioGroup as k, MenuGroup as l, MenuSubmenuRoot as m, MenuGroupLabel as n, useMenuPositionerContext as o, useContextMenuRootContext as p, useCompositeListItem as q, useMenuItem as r, itemMapping as s, MenuStore as t, useMenuRootContext as u, useFloatingRootContext as v, useListNavigation as w, useTypeahead as x, getPseudoElementBounds as y, useAnchorPositioning as z };

package/dist/Modal/index.mjs

@@ -7,7 +7,7 @@ import { H as Heading } from '../Heading-es.js';
 import { B as Button } from '../Button-es.js';
 import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
 import { n as noop } from '../noop-es.js';
-import { b as useFloatingNodeId, u as useFloating, c as useDismiss, g as useRole, d as useInteractions, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal, h as FloatingFocusManager, i as FloatingOverlay } from '../floating-ui.react-es.js';
+import { b as useFloatingNodeId, u as useFloating, c as useDismiss, h as useRole, d as useInteractions, a as useFloatingParentNodeId, e as FloatingTree, f as FloatingNode, F as FloatingPortal, i as FloatingFocusManager, j as FloatingOverlay } from '../floating-ui.react-es.js';
 import { b as identity } from '../identity-es.js';
 import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
 import '../Typography-es.js';

package/dist/NumberFieldInput-cjs.js

@@ -4,7 +4,6 @@ var React = require('react');
 var useValueChanged = require('./useValueChanged-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
-var useBaseUiId = require('./useBaseUiId-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
 
@@ -284,7 +283,7 @@ function useLabelableId(params = {}) {
     controlId,
     registerControlId
   } = useLabelableContext();
-  const defaultId = useBaseUiId.useBaseUiId(id);
+  const defaultId = useValueChanged.useBaseUiId(id);
   const controlIdForEffect = implicit ? controlId : undefined;
   const controlSourceRef = useRenderElement.useRefWithInit(() => Symbol('labelable-control'));
   const hasRegisteredRef = React__namespace.useRef(false);
@@ -1394,7 +1393,7 @@ const NumberFieldIncrement = /*#__PURE__*/React__namespace.forwardRef(function N
   const {
     getButtonProps,
     buttonRef
-  } = useBaseUiId.useButton({
+  } = useValueChanged.useButton({
     disabled,
     native: nativeButton,
     focusableWhenDisabled: true
@@ -1478,7 +1477,7 @@ const NumberFieldDecrement = /*#__PURE__*/React__namespace.forwardRef(function N
   const {
     getButtonProps,
     buttonRef
-  } = useBaseUiId.useButton({
+  } = useValueChanged.useButton({
     disabled,
     native: nativeButton,
     focusableWhenDisabled: true

package/dist/NumberFieldInput-es.js

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { a as useStableCallback, u as useIsoLayoutEffect, f as useOnMount, T as Timeout, g as clamp, h as useControlled, i as useValueAsRef, c as useTimeout, j as isIOS, k as createChangeEventDetails, n as none, v as visuallyHiddenInput, l as visuallyHidden, m as inputChange, o as inputClear, p as inputBlur, q as inputPaste, r as createGenericEventDetails, s as ownerDocument, w as incrementPress, x as decrementPress, y as useValueChanged, z as stopEvent, A as keyboard } from './useValueChanged-es.js';
-import { N as NOOP, f as formatErrorMessage, E as EMPTY_OBJECT, b as useRefWithInit, c as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
+import { a as useStableCallback, d as useIsoLayoutEffect, u as useBaseUiId, f as useOnMount, T as Timeout, g as clamp, h as useControlled, i as useValueAsRef, b as useTimeout, j as isIOS, k as createChangeEventDetails, n as none, v as visuallyHiddenInput, l as visuallyHidden, m as inputChange, o as inputClear, p as inputBlur, q as inputPaste, r as createGenericEventDetails, s as ownerDocument, w as incrementPress, x as decrementPress, y as useButton, z as useValueChanged, A as stopEvent, B as keyboard } from './useValueChanged-es.js';
+import { N as NOOP, f as formatErrorMessage, E as EMPTY_OBJECT, a as useRefWithInit, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
 import { b as isElement, k as getWindow } from './floating-ui.utils.dom-es.js';
-import { u as useBaseUiId, a as useButton } from './useBaseUiId-es.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 

package/dist/Page/index.cjs

@@ -28,12 +28,11 @@ require('../useFormFieldFocus-cjs.js');
 require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../BottomSheet-cjs.js');
-require('../DrawerRoot-cjs.js');
+require('../ScrollAreaViewport-cjs.js');
 require('../useValueChanged-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');
-require('../useBaseUiId-cjs.js');
 require('../filterDataAttributes-cjs.js');
 
 

package/dist/Page/index.mjs

@@ -26,10 +26,9 @@ import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../BottomSheet-es.js';
-import '../DrawerRoot-es.js';
+import '../ScrollAreaViewport-es.js';
 import '../useValueChanged-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useBaseUiId-es.js';
 import '../filterDataAttributes-es.js';