@jobber/components 6.106.4-CLEANUPre-396e26e.1 → 6.106.4-JOB-147120-f23d7b5.3

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,19 @@ 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,
+                        edgePadding: 40,
+                    });
+                    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,19 @@ 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,
+                        edgePadding: 40,
+                    });
+                    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;
@@ -6719,6 +6720,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   padding: var(--space-small) var(--space-base);
 }
 
+@charset "UTF-8";
  {
   /* sr-only utility class for accessibility */
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.106.4-CLEANUPre-396e26e.1+396e26e23",
+  "version": "6.106.4-JOB-147120-f23d7b5.3+f23d7b538",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "396e26e232b4b137526f428f34094f6b0eaf2c65"
+  "gitHead": "f23d7b5387cc2bf42dedc78d04bd8ffa32a9c79e"
 }

package/rollup.config.mjs

@@ -21,23 +21,6 @@ import nodePolyfills from "rollup-plugin-polyfill-node";
  */
 const PREBUILD_CSS = process.env.PREBUILD_CSS === "true";
 
-/**
- * PostCSS plugin to remove @charset declarations.
- *
- * The @charset rule (from react-datepicker) ends up in the middle of
- * the bundled CSS when imported via postcss-import. Since @charset must be
- * the first line of a CSS file to be valid, and it's unnecessary for
- * HTTP-served content (Content-Type header takes precedence), we remove it.
- */
-const removeCharset = {
-  postcssPlugin: "remove-charset",
-  AtRule: {
-    charset: atRule => {
-      atRule.remove();
-    },
-  },
-};
-
 export default {
   input: PREBUILD_CSS ? "src/index.ts" : `src/**/index.{ts,tsx}`,
   plugins: [
@@ -59,7 +42,6 @@ export default {
       autoModules: false,
       plugins: [
         postcssimport,
-        removeCharset,
         autoprefixer,
         tools({
           files: ["../design/dist/foundation.css"],