@jobber/components 8.14.1 → 8.16.0

package/dist/Menu/index.mjs

@@ -19,9 +19,8 @@ import '../useFormFieldFocus-es.js';
 import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../BottomSheet-es.js';
-import '../DrawerRoot-es.js';
-import '../useValueChanged-es.js';
+import '../ScrollAreaViewport-es.js';
+import '../clamp-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';
-import '../useBaseUiId-es.js';

package/dist/Menu-cjs.js

@@ -12,9 +12,9 @@ var useFormFieldFocus = require('./useFormFieldFocus-cjs.js');
 var maxHeight = require('./maxHeight-cjs.js');
 var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var tslib_es6 = require('./tslib.es6-cjs.js');
 var BottomSheet = require('./BottomSheet-cjs.js');
 var OverlaySeparator = require('./OverlaySeparator-cjs.js');
+var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
 var MenuSubmenuTrigger$1 = require('./MenuSubmenuTrigger-cjs.js');
 
 var styles$2 = {"wrapper":"h-nk89U2n6Q-","floatingContainer":"krpkWzoaVcc-","menu":"_7sU7mp1w0jM-","legacySection":"_4x-vvEmn4gM-","separator":"i0QNcs4S-wk-","triggerWrapper":"_7CsejipGrzM-","ariaMenu":"bO7lGVQC42c-","ariaItem":"u6fDgbWmPck-","ariaSection":"-TSNrZBKZJI-","ariaSectionHeader":"zs7dS2pKjEw-","sectionHeader":"MZJgunQcmdQ-","legacyAction":"_-1GOlrzd098-","action":"NYXV5w4pd0c-","destructive":"baYK2zQ6-GA-","overlay":"A7T14ALVEKg-","fullWidth":"Lgbn9IRPI5Y-","screenReaderOnly":"o-ps580KdWI-","spinning":"f1oTdSTeUOM-"};
@@ -212,51 +212,6 @@ function mergeUnsafeProps(props) {
     });
 }
 
-function assignRef(ref, instance) {
-    if (!ref) {
-        return;
-    }
-    if (typeof ref === "function") {
-        ref(instance);
-        return;
-    }
-    ref.current = instance;
-}
-function mergeRefs(...refs) {
-    return (instance) => {
-        refs.forEach(ref => {
-            assignRef(ref, instance);
-        });
-    };
-}
-function getElementRef(element) {
-    return element.ref;
-}
-function normalizeBaseUiButtonProps(props) {
-    const rest = tslib_es6.__rest(props, ["type"]);
-    return rest;
-}
-function isAtlantisButtonRenderTarget(element) {
-    return React.isValidElement(element) && element.type === Button.Button;
-}
-function renderAtlantisButtonTarget(element) {
-    return function renderButtonTarget(props) {
-        const mergedProps = useRenderElement.mergeProps(normalizeBaseUiButtonProps(props), element.props);
-        return (React.createElement(Button.Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
-    };
-}
-function stripNativeTypeFromButtonRenderTarget(element) {
-    const nativeType = element.props.type;
-    if (nativeType !== "button" &&
-        nativeType !== "submit" &&
-        nativeType !== "reset") {
-        return element;
-    }
-    return React.cloneElement(element, {
-        type: undefined,
-    });
-}
-
 // New composable menu pieces prefer standard DOM props, but we still accept the
 // old UNSAFE_* names during the migration window. Base UI's merge semantics let
 // either API path continue to work while standard props still win on conflicts.
@@ -282,23 +237,23 @@ function resolveMenuTriggerRender({ children, render, }) {
     if (render) {
         if (typeof render === "function") {
             return (props) => {
-                const renderedElement = render(normalizeBaseUiButtonProps(props));
-                return isAtlantisButtonRenderTarget(renderedElement)
-                    ? stripNativeTypeFromButtonRenderTarget(renderedElement)
+                const renderedElement = render(BottomSheet.normalizeBaseUiButtonProps(props));
+                return BottomSheet.isAtlantisButtonRenderTarget(renderedElement)
+                    ? BottomSheet.stripNativeTypeFromButtonRenderTarget(renderedElement)
                     : renderedElement;
             };
         }
-        return isAtlantisButtonRenderTarget(render)
-            ? renderAtlantisButtonTarget(render)
+        return BottomSheet.isAtlantisButtonRenderTarget(render)
+            ? BottomSheet.renderAtlantisButtonTarget(render)
             : render;
     }
-    if (isAtlantisButtonRenderTarget(children)) {
-        return renderAtlantisButtonTarget(children);
+    if (BottomSheet.isAtlantisButtonRenderTarget(children)) {
+        return BottomSheet.renderAtlantisButtonTarget(children);
     }
     if (React.isValidElement(children)) {
         return children;
     }
-    return renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "secondary" },
+    return BottomSheet.renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "secondary" },
         React.createElement(Button.Button.Label, null, children)));
 }
 const MenuItemContext = React.createContext(null);
@@ -529,7 +484,7 @@ const BottomSheetTrigger = React.forwardRef(function BottomSheetTrigger({ ariaLa
         UNSAFE_className,
         UNSAFE_style,
     });
-    return (React.createElement(MenuSubmenuTrigger$1.DrawerTrigger, { "aria-label": ariaLabel, className: classnames(styles.triggerWrapper, resolvedBaseProps.className), style: resolvedBaseProps.style, render: resolveMenuTriggerRender({ children, render }), ref: ref }));
+    return (React.createElement(ScrollAreaViewport.DrawerTrigger, { "aria-label": ariaLabel, className: classnames(styles.triggerWrapper, resolvedBaseProps.className), style: resolvedBaseProps.style, render: resolveMenuTriggerRender({ children, render }), ref: ref }));
 });
 function BottomSheetContent({ children, style, className, UNSAFE_style, UNSAFE_className, }) {
     const { focusModalityRef, submenuOpen } = useBottomSheetContext();
@@ -675,7 +630,7 @@ const BottomSheetSubmenuTrigger = React.forwardRef(function BottomSheetSubmenuTr
     // header can read it the moment it mounts. Prefer the explicit textValue
     // used for type-to-select, and fall back to the rendered text content.
     titleRef.current = textValue !== null && textValue !== void 0 ? textValue : getTextContent(children).trim();
-    return (React.createElement(MenuSubmenuTrigger$1.DrawerTrigger, Object.assign({ ref: ref, role: "menuitem", "aria-haspopup": "menu", "data-highlighted": isHighlighted ? "" : undefined, className: classnames(styles.action, styles.composableItem, {
+    return (React.createElement(ScrollAreaViewport.DrawerTrigger, Object.assign({ ref: ref, role: "menuitem", "aria-haspopup": "menu", "data-highlighted": isHighlighted ? "" : undefined, className: classnames(styles.action, styles.composableItem, {
             [styles.composableItemNoLeadingSlot]: !hasLeadingContent,
         }, resolvedBaseProps.className), style: resolvedBaseProps.style, nativeButton: true }, interactionProps, { render: React.createElement("button", { type: "button" }) }),
         children,

package/dist/Menu-es.js

@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useId, useMemo } from 'react';
 import { useWindowDimensions, useRefocusOnActivator } from '@jobber/hooks';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { u as useFloating, c as useDismiss, k as useListNavigation, d as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
+import { u as useFloating, c as useDismiss, g as useListNavigation, d as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
 import { B as Button } from './Button-es.js';
 import { T as Typography } from './Typography-es.js';
 import { I as Icon } from './Icon-es.js';
@@ -10,10 +10,10 @@ import { f as formFieldFocusAttribute } from './useFormFieldFocus-es.js';
 import { c as calculateMaxHeight } from './maxHeight-es.js';
 import { o as offset, f as flip, d as size, b as autoUpdate } from './floating-ui.react-dom-es.js';
 import { m as mergeProps } from './useRenderElement-es.js';
-import { _ as __rest } from './tslib.es6-es.js';
-import { B as BottomSheet } from './BottomSheet-es.js';
+import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget, B as BottomSheet } from './BottomSheet-es.js';
 import { O as OverlaySeparator } from './OverlaySeparator-es.js';
-import { D as DrawerTrigger, a as DrawerTitle, b as DrawerClose, M as MenuTrigger$1, c as MenuLinkItem, d as MenuItem$1, e as MenuRadioItem$1, f as MenuRadioItemIndicator, g as MenuSubmenuTrigger$1, h as MenuRoot, i as MenuPortal$1, j as MenuPositioner, k as MenuPopup, l as MenuRadioGroup$1, m as MenuGroup$1, n as MenuSubmenuRoot, o as MenuGroupLabel$1 } from './MenuSubmenuTrigger-es.js';
+import { D as DrawerTrigger } from './ScrollAreaViewport-es.js';
+import { D as DrawerTitle, a as DrawerClose, M as MenuTrigger$1, b as MenuLinkItem, c as MenuItem$1, d as MenuRadioItem$1, e as MenuRadioItemIndicator, f as MenuSubmenuTrigger$1, g as MenuRoot, h as MenuPortal$1, i as MenuPositioner, j as MenuPopup, k as MenuRadioGroup$1, l as MenuGroup$1, m as MenuSubmenuRoot, n as MenuGroupLabel$1 } from './MenuSubmenuTrigger-es.js';
 
 var styles$2 = {"wrapper":"h-nk89U2n6Q-","floatingContainer":"krpkWzoaVcc-","menu":"_7sU7mp1w0jM-","legacySection":"_4x-vvEmn4gM-","separator":"i0QNcs4S-wk-","triggerWrapper":"_7CsejipGrzM-","ariaMenu":"bO7lGVQC42c-","ariaItem":"u6fDgbWmPck-","ariaSection":"-TSNrZBKZJI-","ariaSectionHeader":"zs7dS2pKjEw-","sectionHeader":"MZJgunQcmdQ-","legacyAction":"_-1GOlrzd098-","action":"NYXV5w4pd0c-","destructive":"baYK2zQ6-GA-","overlay":"A7T14ALVEKg-","fullWidth":"Lgbn9IRPI5Y-","screenReaderOnly":"o-ps580KdWI-","spinning":"f1oTdSTeUOM-"};
 
@@ -210,51 +210,6 @@ function mergeUnsafeProps(props) {
     });
 }
 
-function assignRef(ref, instance) {
-    if (!ref) {
-        return;
-    }
-    if (typeof ref === "function") {
-        ref(instance);
-        return;
-    }
-    ref.current = instance;
-}
-function mergeRefs(...refs) {
-    return (instance) => {
-        refs.forEach(ref => {
-            assignRef(ref, instance);
-        });
-    };
-}
-function getElementRef(element) {
-    return element.ref;
-}
-function normalizeBaseUiButtonProps(props) {
-    const rest = __rest(props, ["type"]);
-    return rest;
-}
-function isAtlantisButtonRenderTarget(element) {
-    return React__default.isValidElement(element) && element.type === Button;
-}
-function renderAtlantisButtonTarget(element) {
-    return function renderButtonTarget(props) {
-        const mergedProps = mergeProps(normalizeBaseUiButtonProps(props), element.props);
-        return (React__default.createElement(Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
-    };
-}
-function stripNativeTypeFromButtonRenderTarget(element) {
-    const nativeType = element.props.type;
-    if (nativeType !== "button" &&
-        nativeType !== "submit" &&
-        nativeType !== "reset") {
-        return element;
-    }
-    return React__default.cloneElement(element, {
-        type: undefined,
-    });
-}
-
 // New composable menu pieces prefer standard DOM props, but we still accept the
 // old UNSAFE_* names during the migration window. Base UI's merge semantics let
 // either API path continue to work while standard props still win on conflicts.