@jobber/components 9.6.1 → 9.6.2

package/dist/useScrollToActive-cjs.js

@@ -14,6 +14,7 @@ var debounce = require('./debounce-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var floatingUi_react = require('./floating-ui.react-cjs.js');
 var maxHeight = require('./maxHeight-cjs.js');
+var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
 
 var baseEach = _baseEach._baseEach,
     isArrayLike = isTypedArray.isArrayLike_1;
@@ -538,9 +539,9 @@ function useRepositionMenu(attachTo) {
     const { refs, floatingStyles } = floatingUi_react.useFloating({
         placement: "bottom",
         middleware: [
-            floatingUi_react.offset(ROUNDED_BORDER_ARROW_EDGE_OFFSET),
-            floatingUi_react.flip({ fallbackPlacements: ["top"] }),
-            floatingUi_react.size({
+            floatingUi_reactDom.offset(ROUNDED_BORDER_ARROW_EDGE_OFFSET),
+            floatingUi_reactDom.flip({ fallbackPlacements: ["top"] }),
+            floatingUi_reactDom.size({
                 apply({ availableHeight, elements, rects }) {
                     const maxHeight$1 = maxHeight.calculateMaxHeight(availableHeight, {
                         maxHeight: PREFERRED_MAX_HEIGHT,
@@ -555,7 +556,7 @@ function useRepositionMenu(attachTo) {
         elements: {
             reference: attachTo,
         },
-        whileElementsMounted: floatingUi_react.autoUpdate,
+        whileElementsMounted: floatingUi_reactDom.autoUpdate,
     });
     return {
         setFloatingRef: refs.setFloating,

package/dist/useScrollToActive-es.js

@@ -10,8 +10,9 @@ import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 import { useLiveAnnounce } from '@jobber/hooks';
 import { d as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
-import { u as useFloating, o as offset, f as flip, m as size, b as autoUpdate } from './floating-ui.react-es.js';
+import { u as useFloating } from './floating-ui.react-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';
 
 var baseEach = _baseEach,
     isArrayLike = isArrayLike_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "9.6.1",
+  "version": "9.6.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -469,7 +469,7 @@
     "dist/docs/**/*"
   ],
   "dependencies": {
-    "@base-ui/react": "1.7.0",
+    "@base-ui/react": "1.6.0",
     "@floating-ui/react": "^0.27.5",
     "@floating-ui/utils": "0.2.11",
     "@jobber/formatters": "^0.5.0",
@@ -549,5 +549,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "25cd8815738e86b9f49311096e7d4ffd02d843b5"
+  "gitHead": "a3e6d42140c69289bcda7f63dadfc2d47688b5d5"
 }

package/dist/scrollable-cjs.js

@@ -1,58 +0,0 @@
-'use strict';
-
-var useScrollLock = require('./useScrollLock-cjs.js');
-
-function isScrollableY(element, allowOverflowIntent = false) {
-  const {
-    overflowY
-  } = useScrollLock.getComputedStyle(element);
-  if (overflowY !== 'auto' && overflowY !== 'scroll') {
-    return false;
-  }
-  // When `allowOverflowIntent` is true, a container that overflows only once extra space is
-  // added (e.g. drawer keyboard scroll slack) still counts, as long as it has layout size on
-  // the axis.
-  return allowOverflowIntent ? element.clientHeight > 0 : element.scrollHeight > element.clientHeight;
-}
-function isScrollableX(element, allowOverflowIntent = false) {
-  const {
-    overflowX
-  } = useScrollLock.getComputedStyle(element);
-  if (overflowX !== 'auto' && overflowX !== 'scroll') {
-    return false;
-  }
-  return allowOverflowIntent ? element.clientWidth > 0 : element.scrollWidth > element.clientWidth;
-}
-function isScrollable(element, axis, allowOverflowIntent = false) {
-  return axis === 'vertical' ? isScrollableY(element, allowOverflowIntent) : isScrollableX(element, allowOverflowIntent);
-}
-function hasScrollableAncestor(target, root, axes) {
-  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
-  // still walks up to scrollable ancestors in the light DOM.
-  let node = target;
-  while (useScrollLock.isHTMLElement(node) && node !== root && !useScrollLock.isLastTraversableNode(node)) {
-    for (const axis of axes) {
-      if (isScrollable(node, axis)) {
-        return true;
-      }
-    }
-    node = useScrollLock.getParentNode(node);
-  }
-  return false;
-}
-function findScrollableTouchTarget(target, root, axis = 'vertical', allowOverflowIntent = false) {
-  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
-  // still reaches a scrollable ancestor in the light DOM.
-  let node = useScrollLock.isHTMLElement(target) ? target : null;
-  while (useScrollLock.isHTMLElement(node) && node !== root && !useScrollLock.isLastTraversableNode(node)) {
-    if (isScrollable(node, axis, allowOverflowIntent)) {
-      return node;
-    }
-    node = useScrollLock.getParentNode(node);
-  }
-  return isScrollable(root, axis, allowOverflowIntent) ? root : null;
-}
-
-exports.findScrollableTouchTarget = findScrollableTouchTarget;
-exports.hasScrollableAncestor = hasScrollableAncestor;
-exports.isScrollableY = isScrollableY;

package/dist/scrollable-es.js

@@ -1,54 +0,0 @@
-import { g as getComputedStyle, i as isHTMLElement, a as isLastTraversableNode, b as getParentNode } from './useScrollLock-es.js';
-
-function isScrollableY(element, allowOverflowIntent = false) {
-  const {
-    overflowY
-  } = getComputedStyle(element);
-  if (overflowY !== 'auto' && overflowY !== 'scroll') {
-    return false;
-  }
-  // When `allowOverflowIntent` is true, a container that overflows only once extra space is
-  // added (e.g. drawer keyboard scroll slack) still counts, as long as it has layout size on
-  // the axis.
-  return allowOverflowIntent ? element.clientHeight > 0 : element.scrollHeight > element.clientHeight;
-}
-function isScrollableX(element, allowOverflowIntent = false) {
-  const {
-    overflowX
-  } = getComputedStyle(element);
-  if (overflowX !== 'auto' && overflowX !== 'scroll') {
-    return false;
-  }
-  return allowOverflowIntent ? element.clientWidth > 0 : element.scrollWidth > element.clientWidth;
-}
-function isScrollable(element, axis, allowOverflowIntent = false) {
-  return axis === 'vertical' ? isScrollableY(element, allowOverflowIntent) : isScrollableX(element, allowOverflowIntent);
-}
-function hasScrollableAncestor(target, root, axes) {
-  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
-  // still walks up to scrollable ancestors in the light DOM.
-  let node = target;
-  while (isHTMLElement(node) && node !== root && !isLastTraversableNode(node)) {
-    for (const axis of axes) {
-      if (isScrollable(node, axis)) {
-        return true;
-      }
-    }
-    node = getParentNode(node);
-  }
-  return false;
-}
-function findScrollableTouchTarget(target, root, axis = 'vertical', allowOverflowIntent = false) {
-  // `getParentNode` crosses shadow boundaries (and slots), so a target inside a shadow root
-  // still reaches a scrollable ancestor in the light DOM.
-  let node = isHTMLElement(target) ? target : null;
-  while (isHTMLElement(node) && node !== root && !isLastTraversableNode(node)) {
-    if (isScrollable(node, axis, allowOverflowIntent)) {
-      return node;
-    }
-    node = getParentNode(node);
-  }
-  return isScrollable(root, axis, allowOverflowIntent) ? root : null;
-}
-
-export { findScrollableTouchTarget as f, hasScrollableAncestor as h, isScrollableY as i };