@jobber/components 6.106.3 → 6.106.4-JOB-147120-dc74fc6.2

package/dist/ConfirmationModal/index.cjs

@@ -22,6 +22,7 @@ require('react/jsx-runtime');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
 require('../isObjectLike-cjs.js');
+require('../maxHeight-cjs.js');
 require('../AtlantisPortalContent-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../_baseAssignValue-cjs.js');

package/dist/ConfirmationModal/index.mjs

@@ -20,6 +20,7 @@ import 'react/jsx-runtime';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
 import '../isObjectLike-es.js';
+import '../maxHeight-es.js';
 import '../AtlantisPortalContent-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../_baseAssignValue-es.js';

package/dist/FormatFile/index.cjs

@@ -29,6 +29,7 @@ require('react/jsx-runtime');
 require('../identity-cjs.js');
 require('../isTypedArray-cjs.js');
 require('../isObjectLike-cjs.js');
+require('../maxHeight-cjs.js');
 require('../AtlantisPortalContent-cjs.js');
 require('../AtlantisThemeContext-cjs.js');
 require('../_baseAssignValue-cjs.js');

package/dist/FormatFile/index.mjs

@@ -27,6 +27,7 @@ import 'react/jsx-runtime';
 import '../identity-es.js';
 import '../isTypedArray-es.js';
 import '../isObjectLike-es.js';
+import '../maxHeight-es.js';
 import '../AtlantisPortalContent-es.js';
 import '../AtlantisThemeContext-es.js';
 import '../_baseAssignValue-es.js';

package/dist/Gallery/index.cjs

@@ -37,6 +37,7 @@ require('../Modal/index.cjs');
 require('../noop-cjs.js');
 require('../floating-ui.react-cjs.js');
 require('react/jsx-runtime');
+require('../maxHeight-cjs.js');
 require('../AtlantisPortalContent-cjs.js');
 require('../Markdown-cjs.js');
 require('../Emphasis-cjs.js');

package/dist/Gallery/index.mjs

@@ -35,6 +35,7 @@ import '../Modal/index.mjs';
 import '../noop-es.js';
 import '../floating-ui.react-es.js';
 import 'react/jsx-runtime';
+import '../maxHeight-es.js';
 import '../AtlantisPortalContent-es.js';
 import '../Markdown-es.js';
 import '../Emphasis-es.js';

package/dist/Modal/index.cjs

@@ -11,6 +11,7 @@ var ButtonDismiss = require('../ButtonDismiss-cjs.js');
 var noop = require('../noop-cjs.js');
 var floatingUi_react = require('../floating-ui.react-cjs.js');
 var identity = require('../identity-cjs.js');
+var maxHeight = require('../maxHeight-cjs.js');
 var AtlantisPortalContent = require('../AtlantisPortalContent-cjs.js');
 require('../Typography-cjs.js');
 require('react-router-dom');
@@ -91,6 +92,18 @@ function useModal({ open, activatorRef: refProp, onRequestClose, startedInsideRe
                 onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose();
         },
         open: open,
+        middleware: [
+            floatingUi_react.size({
+                apply({ availableHeight, elements }) {
+                    const maxHeight$1 = maxHeight.calculateMaxHeight(availableHeight, {
+                        maxHeight: availableHeight,
+                    });
+                    Object.assign(elements.floating.style, {
+                        maxHeight: `${maxHeight$1}px`,
+                    });
+                },
+            }),
+        ],
     });
     React.useEffect(() => {
         if (!startedInsideRef)

package/dist/Modal/index.mjs

@@ -7,8 +7,9 @@ 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 { i as useFloatingNodeId, u as useFloating, d as useDismiss, n as useRole, g as useInteractions, h as useFloatingParentNodeId, j as FloatingTree, k as FloatingNode, F as FloatingPortal, p as FloatingFocusManager, q as FloatingOverlay } from '../floating-ui.react-es.js';
+import { i as useFloatingNodeId, u as useFloating, c as size, d as useDismiss, n as useRole, g as useInteractions, h as useFloatingParentNodeId, j as FloatingTree, k as FloatingNode, F as FloatingPortal, p as FloatingFocusManager, q as FloatingOverlay } from '../floating-ui.react-es.js';
 import { b as identity } from '../identity-es.js';
+import { c as calculateMaxHeight } from '../maxHeight-es.js';
 import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
 import '../Typography-es.js';
 import 'react-router-dom';
@@ -89,6 +90,18 @@ function useModal({ open, activatorRef: refProp, onRequestClose, startedInsideRe
                 onRequestClose === null || onRequestClose === void 0 ? void 0 : onRequestClose();
         },
         open: open,
+        middleware: [
+            size({
+                apply({ availableHeight, elements }) {
+                    const maxHeight = calculateMaxHeight(availableHeight, {
+                        maxHeight: availableHeight,
+                    });
+                    Object.assign(elements.floating.style, {
+                        maxHeight: `${maxHeight}px`,
+                    });
+                },
+            }),
+        ],
     });
     useEffect(() => {
         if (!startedInsideRef)

package/dist/styles.css

@@ -4823,6 +4823,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-radius: 8px;
   border-radius: var(--radius-base);
   outline: none;
+  overflow-y: auto;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   -ms-flex: 0 0 auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.106.3",
+  "version": "6.106.4-JOB-147120-dc74fc6.2+dc74fc6e2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "32055bb77f35ebd11e476a2b377dcc7786a728c8"
+  "gitHead": "dc74fc6e2f9e7c6223d3409b7927b8acb72bdc15"
 }