@jobber/components 7.10.0 → 7.11.0

package/dist/MenuSubmenuTrigger-es.js

@@ -1,247 +1,14 @@
 import * as React from 'react';
-import { S as SafeReact, u as useIsoLayoutEffect, e as useStableCallback, f as useDialogRootContext, g as createChangeEventDetails, h as closePress, i as useId, j as isMouseLikePointerType, k as useAnimationFrame, l as useTimeout, m as isTypeableElement, n as isClickLikeEvent, t as triggerPress, o as useFloatingParentNodeId, F as FloatingRootStore, P as PopupTriggerMap, p as useFloatingTree, q as getTarget, r as matchesFocusVisible, s as isTargetInsideEnabledTrigger, v as triggerFocus, w as createAttribute, x as activeElement, y as contains, z as isMac, A as isSafari, B as ownerDocument, C as escapeKey, E as useOnMount, T as TYPEABLE_SELECTOR, G as Timeout, H as triggerHover, I as getNodeChildren, J as useValueAsRef, K as getFloatingFocusElement, L as isTypeableCombobox, M as isIndexOutOfListBounds, N as getMinListIndex, O as getMaxListIndex, Q as stopEvent, R as listNavigation, U as createGridCellMap, V as isListIndexDisabled, W as getGridNavigatedIndex, X as getGridCellIndices, Y as getGridCellIndexOfCorner, Z as ARROW_DOWN, _ as ARROW_LEFT, $ as ARROW_RIGHT, a0 as findNonDisabledListIndex, a1 as focusOut, a2 as enqueueFocus, a3 as isVirtualClick, a4 as isVirtualPointerEvent, a5 as ARROW_UP, a6 as isElementVisible, a7 as useTriggerDataForwarding, a8 as useInteractions, a9 as CLICK_TRIGGER_IDENTIFIER, aa as triggerOpenStateMapping, ab as itemPress, ac as transitionStatusMapping, ad as DISABLED_TRANSITIONS_STYLE, ae as popupStateMapping, af as useOpenChangeComplete, ag as COMPOSITE_KEYS, ah as outsidePress, ai as FloatingFocusManager, aj as FloatingPortal, ak as useAnimationsFinished, al as POPUP_COLLISION_AVOIDANCE, am as InternalBackdrop, an as inertValue, ao as FloatingNode, ap as DROPDOWN_COLLISION_AVOIDANCE, aq as siblingOpen, ar as useControlled, as as useTransitionStatus, at as popupStoreSelectors, au as createSelector, av as ReactStore, aw as createInitialPopupStoreState, ax as FloatingTreeStore, ay as fastComponent, az as useOnFirstRender, aA as useFloatingNodeId, aB as useOpenInteractionType, aC as useImplicitActiveTrigger, aD as useOpenStateTransitions, aE as useScrollLock, aF as imperativeAction, aG as useSyncedFloatingRootContext, aH as useDismiss, aI as useRole, aJ as TYPEAHEAD_RESET_MS, aK as FloatingTree, aL as fastComponentRef, aM as cancelOpen, aN as getTabbableBeforeElement, aO as isOutsideEvent, aP as getTabbableAfterElement, aQ as getNextTabbable, aR as pressableTriggerOpenStateMapping, aS as FocusGuard, aT as PATIENT_CLICK_THRESHOLD, aU as useTriggerRegistration } from './DrawerRoot-es.js';
-import { f as formatErrorMessage, m as mergeProps, a as makeEventPreventable, u as useRenderElement, E as EMPTY_OBJECT, b as useRefWithInit, c as useMergedRefs, d as EMPTY_ARRAY } from './useRenderElement-es.js';
+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 { jsx, jsxs } from 'react/jsx-runtime';
-import { a as isHTMLElement, b as isElement, I as getWindow, n as evaluate, z as getPaddingObject, y as getAlignmentAxis, v as getAlignment, C as getAxisLength, B as clamp, o as getSide, p as getSideAxis, h as isLastTraversableNode, j as getParentNode } from './index.esm-es.js';
+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, o as getPaddingObject, n as getAlignmentAxis, k as getAlignment, q as getAxisLength, p as clamp, g as getSide, b as getSideAxis } from './index.esm-es.js';
 import { u as useFloating$1, h as hide$1, f as flip, d as size, b as autoUpdate, o as offset, s as shift, l as limitShift } from './floating-ui.react-dom-es.js';
 import * as ReactDOM from 'react-dom';
 
-let set;
-if (process.env.NODE_ENV !== 'production') {
-  set = new Set();
-}
-function error(...messages) {
-  if (process.env.NODE_ENV !== 'production') {
-    const messageKey = messages.join(' ');
-    if (!set.has(messageKey)) {
-      set.add(messageKey);
-      console.error(`Base UI: ${messageKey}`);
-    }
-  }
-}
-
-const CompositeRootContext = /*#__PURE__*/React.createContext(undefined);
-if (process.env.NODE_ENV !== "production") CompositeRootContext.displayName = "CompositeRootContext";
-function useCompositeRootContext(optional = false) {
-  const context = React.useContext(CompositeRootContext);
-  if (context === undefined && !optional) {
-    throw new Error(process.env.NODE_ENV !== "production" ? 'Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.' : formatErrorMessage(16));
-  }
-  return context;
-}
-
-function useFocusableWhenDisabled(parameters) {
-  const {
-    focusableWhenDisabled,
-    disabled,
-    composite = false,
-    tabIndex: tabIndexProp = 0,
-    isNativeButton
-  } = parameters;
-  const isFocusableComposite = composite && focusableWhenDisabled !== false;
-  const isNonFocusableComposite = composite && focusableWhenDisabled === false;
-
-  // we can't explicitly assign `undefined` to any of these props because it
-  // would otherwise prevent subsequently merged props from setting them
-  const props = React.useMemo(() => {
-    const additionalProps = {
-      // allow Tabbing away from focusableWhenDisabled elements
-      onKeyDown(event) {
-        if (disabled && focusableWhenDisabled && event.key !== 'Tab') {
-          event.preventDefault();
-        }
-      }
-    };
-    if (!composite) {
-      additionalProps.tabIndex = tabIndexProp;
-      if (!isNativeButton && disabled) {
-        additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
-      }
-    }
-    if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) {
-      additionalProps['aria-disabled'] = disabled;
-    }
-    if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) {
-      additionalProps.disabled = disabled;
-    }
-    return additionalProps;
-  }, [composite, disabled, focusableWhenDisabled, isFocusableComposite, isNonFocusableComposite, isNativeButton, tabIndexProp]);
-  return {
-    props
-  };
-}
-
-function useButton(parameters = {}) {
-  const {
-    disabled = false,
-    focusableWhenDisabled,
-    tabIndex = 0,
-    native: isNativeButton = true,
-    composite: compositeProp
-  } = parameters;
-  const elementRef = React.useRef(null);
-  const compositeRootContext = useCompositeRootContext(true);
-  const isCompositeItem = compositeProp ?? compositeRootContext !== undefined;
-  const {
-    props: focusableWhenDisabledProps
-  } = useFocusableWhenDisabled({
-    focusableWhenDisabled,
-    disabled,
-    composite: isCompositeItem,
-    tabIndex,
-    isNativeButton
-  });
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useEffect(() => {
-      if (!elementRef.current) {
-        return;
-      }
-      const isButtonTag = isButtonElement(elementRef.current);
-      if (isNativeButton) {
-        if (!isButtonTag) {
-          const ownerStackMessage = SafeReact.captureOwnerStack?.() || '';
-          const message = 'A component that acts as a button expected a native <button> because the ' + '`nativeButton` prop is true. Rendering a non-<button> removes native button ' + 'semantics, which can impact forms and accessibility. Use a real <button> in the ' + '`render` prop, or set `nativeButton` to `false`.';
-          error(`${message}${ownerStackMessage}`);
-        }
-      } else if (isButtonTag) {
-        const ownerStackMessage = SafeReact.captureOwnerStack?.() || '';
-        const message = 'A component that acts as a button expected a non-<button> because the `nativeButton` ' + 'prop is false. Rendering a <button> keeps native behavior while Base UI applies ' + 'non-native attributes and handlers, which can add unintended extra attributes (such ' + 'as `role` or `aria-disabled`). Use a non-<button> in the `render` prop, or set ' + '`nativeButton` to `true`.';
-        error(`${message}${ownerStackMessage}`);
-      }
-    }, [isNativeButton]);
-  }
-
-  // handles a disabled composite button rendering another button, e.g.
-  // <Toolbar.Button disabled render={<Menu.Trigger />} />
-  // the `disabled` prop needs to pass through 2 `useButton`s then finally
-  // delete the `disabled` attribute from DOM
-  const updateDisabled = React.useCallback(() => {
-    const element = elementRef.current;
-    if (!isButtonElement(element)) {
-      return;
-    }
-    if (isCompositeItem && disabled && focusableWhenDisabledProps.disabled === undefined && element.disabled) {
-      element.disabled = false;
-    }
-  }, [disabled, focusableWhenDisabledProps.disabled, isCompositeItem]);
-  useIsoLayoutEffect(updateDisabled, [updateDisabled]);
-  const getButtonProps = React.useCallback((externalProps = {}) => {
-    const {
-      onClick: externalOnClick,
-      onMouseDown: externalOnMouseDown,
-      onKeyUp: externalOnKeyUp,
-      onKeyDown: externalOnKeyDown,
-      onPointerDown: externalOnPointerDown,
-      ...otherExternalProps
-    } = externalProps;
-    const type = isNativeButton ? 'button' : undefined;
-    return mergeProps({
-      type,
-      onClick(event) {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        externalOnClick?.(event);
-      },
-      onMouseDown(event) {
-        if (!disabled) {
-          externalOnMouseDown?.(event);
-        }
-      },
-      onKeyDown(event) {
-        if (disabled) {
-          return;
-        }
-        makeEventPreventable(event);
-        externalOnKeyDown?.(event);
-        if (event.baseUIHandlerPrevented) {
-          return;
-        }
-        const isCurrentTarget = event.target === event.currentTarget;
-        const currentTarget = event.currentTarget;
-        const isButton = isButtonElement(currentTarget);
-        const isLink = !isNativeButton && isValidLinkElement(currentTarget);
-        const shouldClick = isCurrentTarget && (isNativeButton ? isButton : !isLink);
-        const isEnterKey = event.key === 'Enter';
-        const isSpaceKey = event.key === ' ';
-        const role = currentTarget.getAttribute('role');
-        const isTextNavigationRole = role?.startsWith('menuitem') || role === 'option' || role === 'gridcell';
-        if (isCurrentTarget && isCompositeItem && isSpaceKey) {
-          if (event.defaultPrevented && isTextNavigationRole) {
-            return;
-          }
-          event.preventDefault();
-          if (isLink || isNativeButton && isButton) {
-            currentTarget.click();
-            event.preventBaseUIHandler();
-          } else if (shouldClick) {
-            externalOnClick?.(event);
-            event.preventBaseUIHandler();
-          }
-          return;
-        }
-
-        // Keyboard accessibility for native and non-native elements.
-        if (shouldClick) {
-          if (!isNativeButton && (isSpaceKey || isEnterKey)) {
-            event.preventDefault();
-          }
-          if (!isNativeButton && isEnterKey) {
-            externalOnClick?.(event);
-          }
-        }
-      },
-      onKeyUp(event) {
-        if (disabled) {
-          return;
-        }
-
-        // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-        // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
-        makeEventPreventable(event);
-        externalOnKeyUp?.(event);
-        if (event.target === event.currentTarget && isNativeButton && isCompositeItem && isButtonElement(event.currentTarget) && event.key === ' ') {
-          event.preventDefault();
-          return;
-        }
-        if (event.baseUIHandlerPrevented) {
-          return;
-        }
-
-        // Keyboard accessibility for non interactive elements
-        if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && event.key === ' ') {
-          externalOnClick?.(event);
-        }
-      },
-      onPointerDown(event) {
-        if (disabled) {
-          event.preventDefault();
-          return;
-        }
-        externalOnPointerDown?.(event);
-      }
-    }, !isNativeButton ? {
-      role: 'button'
-    } : undefined, focusableWhenDisabledProps, otherExternalProps);
-  }, [disabled, focusableWhenDisabledProps, isCompositeItem, isNativeButton]);
-  const buttonRef = useStableCallback(element => {
-    elementRef.current = element;
-    updateDisabled();
-  });
-  return {
-    getButtonProps,
-    buttonRef
-  };
-}
-function isButtonElement(elem) {
-  return isHTMLElement(elem) && elem.tagName === 'BUTTON';
-}
-function isValidLinkElement(elem) {
-  return Boolean(elem?.tagName === 'A' && elem?.href);
-}
-
 /**
  * A button that closes the dialog.
  * Renders a `<button>` element.
@@ -293,15 +60,6 @@ if (process.env.NODE_ENV !== "production") DialogClose.displayName = "DialogClos
  */
 const DrawerClose = DialogClose;
 
-/**
- * Wraps `useId` and prefixes generated `id`s with `base-ui-`
- * @param {string | undefined} idOverride overrides the generated id when provided
- * @returns {string | undefined}
- */
-function useBaseUiId(idOverride) {
-  return useId(idOverride, 'base-ui');
-}
-
 function resolveValue(value, pointerType) {
   if (pointerType != null && !isMouseLikePointerType(pointerType)) {
     return 0;
@@ -5221,4 +4979,4 @@ const MenuSubmenuTrigger = /*#__PURE__*/React.forwardRef(function SubmenuTrigger
 });
 if (process.env.NODE_ENV !== "production") MenuSubmenuTrigger.displayName = "MenuSubmenuTrigger";
 
-export { useListNavigation as A, useTypeahead as B, useButton as C, DrawerTrigger as D, getPseudoElementBounds as E, CompositeList as F, useAnchorPositioning as G, getDisabledMountTransitionStyles as H, IndexGuessBehavior as I, error as J, 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, useMenuRootContext as p, useMenuPositionerContext as q, useContextMenuRootContext as r, useCompositeListItem as s, useMenuItem as t, useBaseUiId as u, itemMapping as v, useDirection as w, MenuStore as x, useFloatingRootContext as y, useClick as z };
+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 };

package/dist/Modal/index.cjs

@@ -18,6 +18,7 @@ require('react-router-dom');
 require('../Icon-cjs.js');
 require('@jobber/design');
 require('../_commonjsHelpers-cjs.js');
+require('../floating-ui.utils.dom-cjs.js');
 require('../index.esm-cjs.js');
 require('react/jsx-runtime');
 require('../floating-ui.react-dom-cjs.js');

package/dist/Modal/index.mjs

@@ -16,6 +16,7 @@ import 'react-router-dom';
 import '../Icon-es.js';
 import '@jobber/design';
 import '../_commonjsHelpers-es.js';
+import '../floating-ui.utils.dom-es.js';
 import '../index.esm-es.js';
 import 'react/jsx-runtime';
 import '../floating-ui.react-dom-es.js';