@jobber/components 9.9.0 → 9.10.1

package/dist/Tooltip/index.cjs

@@ -4,10 +4,8 @@ var Tooltip = require('../Tooltip-cjs.js');
 require('react');
 require('classnames');
 require('../floating-ui.react-cjs.js');
-require('../floating-ui.utils-cjs.js');
 require('react/jsx-runtime');
 require('react-dom');
-require('../floating-ui.react-dom-cjs.js');
 require('framer-motion');
 require('@jobber/hooks');
 

package/dist/Tooltip/index.mjs

@@ -2,9 +2,7 @@ export { T as Tooltip } from '../Tooltip-es.js';
 import 'react';
 import 'classnames';
 import '../floating-ui.react-es.js';
-import '../floating-ui.utils-es.js';
 import 'react/jsx-runtime';
 import 'react-dom';
-import '../floating-ui.react-dom-es.js';
 import 'framer-motion';
 import '@jobber/hooks';

package/dist/Tooltip-cjs.js

@@ -5,7 +5,6 @@ var classnames = require('classnames');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
-var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 
 var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
 
@@ -20,23 +19,23 @@ function useTooltipPositioning({ preferredPlacement, }) {
         placement: preferredPlacement,
         strategy: "absolute",
         middleware: [
-            floatingUi_reactDom.shift({
+            floatingUi_react.shift({
                 mainAxis: true,
                 crossAxis: false,
                 padding: TOOLTIP_SHIFT_PADDING,
-                limiter: floatingUi_reactDom.limitShift(),
+                limiter: floatingUi_react.limitShift(),
             }),
-            floatingUi_reactDom.flip({ fallbackPlacements: ["top", "bottom", "left", "right"] }),
-            floatingUi_reactDom.arrow({
+            floatingUi_react.flip({ fallbackPlacements: ["top", "bottom", "left", "right"] }),
+            floatingUi_react.arrow({
                 element: arrowElement || null,
                 padding: TOOLTIP_ARROW_PADDING,
             }),
-            floatingUi_reactDom.hide(),
+            floatingUi_react.hide(),
         ],
         elements: {
             reference: referenceElement || null,
         },
-        whileElementsMounted: floatingUi_reactDom.autoUpdate,
+        whileElementsMounted: floatingUi_react.autoUpdate,
     });
     const isHidden = (_c = (_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden) !== null && _c !== void 0 ? _c : false;
     return {

package/dist/Tooltip-es.js

@@ -1,9 +1,8 @@
 import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
-import { u as useFloating, F as FloatingPortal } from './floating-ui.react-es.js';
+import { u as useFloating, s as shift, f as flip, a as arrow, h as hide, b as autoUpdate, l as limitShift, F as FloatingPortal } from './floating-ui.react-es.js';
 import { motion } from 'framer-motion';
 import { useSafeLayoutEffect, useIsMounted } from '@jobber/hooks';
-import { s as shift, f as flip, a as arrow, h as hide, b as autoUpdate, l as limitShift } from './floating-ui.react-dom-es.js';
 
 var styles = {"shadowActivator":"sZQ1M6tj8-c-","tooltipWrapper":"_0o-yEgfXmSQ-","tooltip":"Q1YfFqI71cw-","arrow":"ZP3ev-wT-OI-","top":"jlEmO6f6uHg-","bottom":"z9JQ-DR-QYc-","left":"zWATWgq3bS4-","right":"-tDm6lNCCic-","tooltipMessage":"djrmr4mADlA-","hidden":"p92TIli5Sgw-","spinning":"bobYmlUMnuY-"};
 

package/dist/dialogReturnFocus-cjs.js

@@ -237,7 +237,7 @@ DialogBottomSheet.Footer = SharedDialogFooter;
 DialogBottomSheet.ScrollArea = DialogBottomSheetScrollArea;
 
 function DialogModal(props) {
-    return React.createElement(ScrollAreaViewport.DialogRoot, Object.assign({}, props));
+    return React.createElement(DrawerDescription.DialogRoot, Object.assign({}, props));
 }
 function DialogModalTrigger(_a) {
     var { children, render, handle, payload, className, style } = _a, rest = tslib_es6.__rest(_a, ["children", "render", "handle", "payload", "className", "style"]);

package/dist/dialogReturnFocus-es.js

@@ -4,7 +4,7 @@ import { useIsSmallScreen } from '@jobber/hooks';
 import classnames from 'classnames';
 import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
 import { B as Button } from './Button-es.js';
-import { S as ScrollAreaRoot, f as ScrollAreaViewport, g as DrawerContent, h as DialogRoot, i as DialogTrigger$1, j as DialogPortal, k as DialogViewport } from './ScrollAreaViewport-es.js';
+import { S as ScrollAreaRoot, f as ScrollAreaViewport, g as DrawerContent, h as DialogTrigger$1, i as DialogPortal, j as DialogViewport } from './ScrollAreaViewport-es.js';
 import { m as mergeProps } from './useRenderElement-es.js';
 import './OverlaySeparator-es.js';
 import { a as BottomSheet, B as BottomSheetScrollAreaContext } from './BottomSheet-es.js';
@@ -12,7 +12,7 @@ import './HelperText-es.js';
 import './SelectPrimitive-es.js';
 import { H as Heading } from './Heading-es.js';
 import { D as DrawerTitle, a as DrawerClose, b as DialogTitle$1, c as DialogClose$1 } from './DrawerTitle-es.js';
-import { D as DrawerDescription, a as DialogBackdrop, b as DialogPopup, c as DialogDescription, d as createDialogHandle } from './DrawerDescription-es.js';
+import { D as DrawerDescription, a as DialogRoot, b as DialogBackdrop, c as DialogPopup, d as DialogDescription, e as createDialogHandle } from './DrawerDescription-es.js';
 import { i as isEscapeHandledByModal } from './nestedEscape-es.js';
 
 var styles = {"small":"uYYyCR3l6E8-","base":"X1jGz-sLWf4-","large":"_4zFf2PkFhaA-","fullScreen":"nJoCr8oWJ7w-","header":"XFKiCQ8QbQU-","close":"FDOhnO0TT08-","scrollRegion":"_8DjYA23vHXA-","scrollViewport":"Bwr9IUYpLfM-","body":"zp9kx9uue2I-","fullBleed":"EhtwBTy1ai4-","footer":"DRIJhI1knKw-","sheetSurface":"vmcZRwOcNMo-","popup":"mFX7qDCd17I-","backdrop":"NE-BIsVE-hE-","viewport":"hp70o-3Cf-w-","spinning":"Zf-Z8DJcC-Y-"};

package/dist/docs/Gallery/Gallery.md

@@ -24,6 +24,14 @@ beside each other before wrapping subsequent thumbnails to a new line.
 Each of the thumbnails the Gallery displays are tab navigatable. A hover state
 will also slightly dim a particular thumbnail when the cursor hovers over it.
 
+## Download formats
+
+For previewable images, provide `downloadOptions` on a `GalleryFile` to show a
+Download as action in the LightBox toolbar. Each option has a `label` and `url`;
+an optional `detail` is shown alongside the label. The URL is activated only
+when the user selects that option, allowing applications to create transformed
+formats on demand.
+
 ## Mockup
 
 

package/dist/docs/LightBox/LightBox.md

@@ -15,6 +15,13 @@ The LightBox should only be used when displaying an image at a greater scale is
 the primary function of opening it. Additional content types would be better
 suited by using a dialogue or alternative method.
 
+## Download formats
+
+Images can supply `downloadOptions` with a `label`, `url`, and optional
+`detail`. When the current image has options, the toolbar shows Download as
+beside Open image in new tab. The selected URL is activated only after the user
+chooses a format.
+
 
 ## Configuration
 
@@ -39,9 +46,10 @@ components, a more robust solution should be considered.
 
 LightBox exposes its internal building blocks as subcomponents:
 `LightBox.Provider`, `LightBox.Content`, `LightBox.Background`,
-`LightBox.Overlay`, `LightBox.Toolbar`, `LightBox.Slides`,
-`LightBox.Navigation`, `LightBox.Caption`, and `LightBox.Thumbnails`. This gives
-you more control over the LightBox's appearance and behaviour.
+`LightBox.Overlay`, `LightBox.Toolbar`, `LightBox.DownloadAction`,
+`LightBox.OpenInNewTabAction`, `LightBox.Slides`, `LightBox.Navigation`,
+`LightBox.Caption`, and `LightBox.Thumbnails`. This gives you more control over
+the LightBox's appearance and behaviour.
 
 The thumbnail strip is itself composed of smaller subcomponents you can use
 directly: `LightBox.ThumbnailBar`, `LightBox.Thumbnail`, and
@@ -219,6 +227,12 @@ window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
 |------|------|----------|---------|-------------|
 | `className` | `string` | No | — |  |
 
+#### LightBox.DownloadAction
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `ariaLabel` | `string` | No | `"Download as"` | Accessible label for the action, also used as the tooltip message. |
+
 #### LightBox.Navigation
 
 | Prop | Type | Required | Default | Description |