@jobber/components 6.110.0 → 6.110.1

package/dist/Autocomplete/index.mjs

@@ -1,5 +1,5 @@
 import React__default, { useState, useRef, useEffect, useCallback, useMemo, forwardRef } from 'react';
-import { u as useFloating, b as autoUpdate, o as offset, f as flip, c as size, r as useClick, e as useListNavigation, d as useDismiss, g as useInteractions, t as useTransitionStyles, F as FloatingPortal, p as FloatingFocusManager } from '../floating-ui.react-es.js';
+import { u as useFloating, b as autoUpdate, o as offset, f as flip, c as size, t as useClick, e as useListNavigation, d as useDismiss, g as useInteractions, v as useTransitionStyles, F as FloatingPortal, q as FloatingFocusManager } from '../floating-ui.react-es.js';
 import classnames from 'classnames';
 import { tokens } from '@jobber/design';
 import { useCallbackRef, useDebounce, useSafeLayoutEffect, useIsMounted, useOnKeyDown } from '@jobber/hooks';

package/dist/ComboboxContent-es.js

@@ -1,6 +1,6 @@
 import React__default, { useContext, useRef, useEffect, useMemo } from 'react';
 import classnames from 'classnames';
-import { h as useFloatingParentNodeId, i as useFloatingNodeId, u as useFloating, o as offset, f as flip, d as useDismiss, g as useInteractions, b as autoUpdate, j as FloatingTree, k as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
+import { i as useFloatingParentNodeId, j as useFloatingNodeId, u as useFloating, o as offset, f as flip, d as useDismiss, g as useInteractions, b as autoUpdate, k as FloatingTree, m as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
 import { C as ComboboxContentSearch } from './ComboboxContentSearch-es.js';
 import { C as ComboboxContentList } from './ComboboxContentList-es.js';
 import { C as ComboboxContentHeader } from './ComboboxContentHeader-es.js';

package/dist/DatePicker-es.js

@@ -1,7 +1,7 @@
 import React__default, { cloneElement, Component, createRef, useRef, useCallback, useEffect, createElement, forwardRef, isValidElement, useState } from 'react';
 import classnames from 'classnames';
 import { c as clsx } from './clsx-es.js';
-import { u as useFloating, b as autoUpdate, f as flip, o as offset, a as arrow, v as FloatingArrow } from './floating-ui.react-es.js';
+import { u as useFloating, b as autoUpdate, f as flip, o as offset, a as arrow, w as FloatingArrow } from './floating-ui.react-es.js';
 import ReactDOM__default from 'react-dom';
 import { useRefocusOnActivator } from '@jobber/hooks';
 import { T as Typography } from './Typography-es.js';

package/dist/Modal/index.mjs

@@ -7,7 +7,7 @@ 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 { j as useFloatingNodeId, u as useFloating, d as useDismiss, p as useRole, g as useInteractions, i as useFloatingParentNodeId, k as FloatingTree, m as FloatingNode, F as FloatingPortal, q as FloatingFocusManager, r as FloatingOverlay } from '../floating-ui.react-es.js';
 import { b as identity } from '../identity-es.js';
 import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
 import '../Typography-es.js';

package/dist/Popover-es.js

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useMemo, createContext, useContext } from 'react';
 import classnames from 'classnames';
-import { a as arrow, u as useFloating, b as autoUpdate, o as offset, s as shift, l as limitShift, m as autoPlacement, f as flip, F as FloatingPortal } from './floating-ui.react-es.js';
+import { a as arrow, u as useFloating, b as autoUpdate, o as offset, s as shift, l as limitShift, n as autoPlacement, f as flip, F as FloatingPortal } from './floating-ui.react-es.js';
 import { useRefocusOnActivator } from '@jobber/hooks';
 import { A as AtlantisPortalContent } from './AtlantisPortalContent-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';

package/dist/Tooltip/useTooltipPositioning.d.ts

@@ -10,6 +10,7 @@ export declare function useTooltipPositioning({ preferredPlacement, }: ToolTipPo
             alignmentOffset?: number;
         }) | undefined;
     };
+    isHidden: boolean;
     placement: import("@floating-ui/utils").Placement;
     shadowRef: import("react").RefObject<HTMLSpanElement | null>;
     setArrowRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;

package/dist/Tooltip-cjs.js

@@ -6,12 +6,12 @@ var floatingUi_react = require('./floating-ui.react-cjs.js');
 var framerMotion = require('framer-motion');
 var jobberHooks = require('@jobber/hooks');
 
-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-","spinning":"bobYmlUMnuY-"};
+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-"};
 
 const TOOLTIP_SHIFT_PADDING = 8;
 const TOOLTIP_ARROW_PADDING = 6;
 function useTooltipPositioning({ preferredPlacement, }) {
-    var _a;
+    var _a, _b, _c;
     const shadowRef = React.useRef(null);
     const [arrowElement, setArrowRef] = React.useState();
     const referenceElement = (_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
@@ -30,17 +30,20 @@ function useTooltipPositioning({ preferredPlacement, }) {
                 element: arrowElement || null,
                 padding: TOOLTIP_ARROW_PADDING,
             }),
+            floatingUi_react.hide(),
         ],
         elements: {
             reference: referenceElement || null,
         },
         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 {
         styles: {
             float: floatingStyles,
             arrow: middlewareData.arrow,
         },
+        isHidden,
         placement: placement,
         shadowRef,
         setArrowRef,
@@ -55,9 +58,9 @@ const variation = {
 function Tooltip({ message, children, preferredPlacement = "top", setTabIndex = true, }) {
     var _a, _b, _c, _d;
     const [show, setShow] = React.useState(false);
-    const { placement, shadowRef, styles: floatingStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
+    const { placement, shadowRef, styles: floatingStyles, setArrowRef, setTooltipRef, isHidden, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
     initializeListeners();
-    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.bottom, placement === "top" && styles.top, placement === "left" && styles.left, placement === "right" && styles.right);
+    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.bottom, placement === "top" && styles.top, placement === "left" && styles.left, placement === "right" && styles.right, isHidden && styles.hidden);
     const arrowX = (_a = floatingStyles.arrow) === null || _a === void 0 ? void 0 : _a.x;
     const arrowY = (_b = floatingStyles.arrow) === null || _b === void 0 ? void 0 : _b.y;
     const arrowStyles = {
@@ -72,7 +75,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
     return (React.createElement(React.Fragment, null,
         React.createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
         children,
-        React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", { className: toolTipClassNames, style: floatingStyles.float, ref: setTooltipRef, role: "tooltip", "data-placement": placement },
+        React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", { className: toolTipClassNames, style: floatingStyles.float, ref: setTooltipRef, role: "tooltip", hidden: isHidden, "data-placement": placement },
             React.createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
                     ease: "easeOut",
                     duration: 0.15,

package/dist/Tooltip-es.js

@@ -1,15 +1,15 @@
 import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
-import { u as useFloating, s as shift, f as flip, a as arrow, b as autoUpdate, l as limitShift, 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';
 
-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-","spinning":"bobYmlUMnuY-"};
+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-"};
 
 const TOOLTIP_SHIFT_PADDING = 8;
 const TOOLTIP_ARROW_PADDING = 6;
 function useTooltipPositioning({ preferredPlacement, }) {
-    var _a;
+    var _a, _b, _c;
     const shadowRef = useRef(null);
     const [arrowElement, setArrowRef] = useState();
     const referenceElement = (_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
@@ -28,17 +28,20 @@ function useTooltipPositioning({ preferredPlacement, }) {
                 element: arrowElement || null,
                 padding: TOOLTIP_ARROW_PADDING,
             }),
+            hide(),
         ],
         elements: {
             reference: referenceElement || null,
         },
         whileElementsMounted: autoUpdate,
     });
+    const isHidden = (_c = (_b = middlewareData.hide) === null || _b === void 0 ? void 0 : _b.referenceHidden) !== null && _c !== void 0 ? _c : false;
     return {
         styles: {
             float: floatingStyles,
             arrow: middlewareData.arrow,
         },
+        isHidden,
         placement: placement,
         shadowRef,
         setArrowRef,
@@ -53,9 +56,9 @@ const variation = {
 function Tooltip({ message, children, preferredPlacement = "top", setTabIndex = true, }) {
     var _a, _b, _c, _d;
     const [show, setShow] = useState(false);
-    const { placement, shadowRef, styles: floatingStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
+    const { placement, shadowRef, styles: floatingStyles, setArrowRef, setTooltipRef, isHidden, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
     initializeListeners();
-    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.bottom, placement === "top" && styles.top, placement === "left" && styles.left, placement === "right" && styles.right);
+    const toolTipClassNames = classnames(styles.tooltipWrapper, placement === "bottom" && styles.bottom, placement === "top" && styles.top, placement === "left" && styles.left, placement === "right" && styles.right, isHidden && styles.hidden);
     const arrowX = (_a = floatingStyles.arrow) === null || _a === void 0 ? void 0 : _a.x;
     const arrowY = (_b = floatingStyles.arrow) === null || _b === void 0 ? void 0 : _b.y;
     const arrowStyles = {
@@ -70,7 +73,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
         children,
-        React__default.createElement(TooltipPortal, null, show && Boolean(message) && (React__default.createElement("div", { className: toolTipClassNames, style: floatingStyles.float, ref: setTooltipRef, role: "tooltip", "data-placement": placement },
+        React__default.createElement(TooltipPortal, null, show && Boolean(message) && (React__default.createElement("div", { className: toolTipClassNames, style: floatingStyles.float, ref: setTooltipRef, role: "tooltip", hidden: isHidden, "data-placement": placement },
             React__default.createElement(motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
                     ease: "easeOut",
                     duration: 0.15,

package/dist/floating-ui.react-cjs.js

@@ -1923,6 +1923,75 @@ const flip$2 = function (options) {
   };
 };
 
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return sides.some(side => overflow[side] >= 0);
+}
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide$2 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'hide',
+    options,
+    async fn(state) {
+      const {
+        rects
+      } = state;
+      const {
+        strategy = 'referenceHidden',
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      switch (strategy) {
+        case 'referenceHidden':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              elementContext: 'reference'
+            });
+            const offsets = getSideOffsets(overflow, rects.reference);
+            return {
+              data: {
+                referenceHiddenOffsets: offsets,
+                referenceHidden: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        case 'escaped':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              altBoundary: true
+            });
+            const offsets = getSideOffsets(overflow, rects.floating);
+            return {
+              data: {
+                escapedOffsets: offsets,
+                escaped: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        default:
+          {
+            return {};
+          }
+      }
+    }
+  };
+};
+
 const originSides = /*#__PURE__*/new Set(['left', 'top']);
 
 // For type backwards-compatibility, the `OffsetOptions` type was also
@@ -2951,6 +3020,13 @@ const flip$1 = flip$2;
  */
 const size$1 = size$2;
 
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide$1 = hide$2;
+
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -3319,6 +3395,16 @@ const autoPlacement = (options, deps) => ({
   options: [options, deps]
 });
 
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide = (options, deps) => ({
+  ...hide$1(options),
+  options: [options, deps]
+});
+
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -6053,6 +6139,7 @@ exports.arrow = arrow;
 exports.autoPlacement = autoPlacement;
 exports.autoUpdate = autoUpdate;
 exports.flip = flip;
+exports.hide = hide;
 exports.limitShift = limitShift;
 exports.offset = offset;
 exports.shift = shift;

package/dist/floating-ui.react-es.js

@@ -1902,6 +1902,75 @@ const flip$2 = function (options) {
   };
 };
 
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return sides.some(side => overflow[side] >= 0);
+}
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide$2 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'hide',
+    options,
+    async fn(state) {
+      const {
+        rects
+      } = state;
+      const {
+        strategy = 'referenceHidden',
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      switch (strategy) {
+        case 'referenceHidden':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              elementContext: 'reference'
+            });
+            const offsets = getSideOffsets(overflow, rects.reference);
+            return {
+              data: {
+                referenceHiddenOffsets: offsets,
+                referenceHidden: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        case 'escaped':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              altBoundary: true
+            });
+            const offsets = getSideOffsets(overflow, rects.floating);
+            return {
+              data: {
+                escapedOffsets: offsets,
+                escaped: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        default:
+          {
+            return {};
+          }
+      }
+    }
+  };
+};
+
 const originSides = /*#__PURE__*/new Set(['left', 'top']);
 
 // For type backwards-compatibility, the `OffsetOptions` type was also
@@ -2930,6 +2999,13 @@ const flip$1 = flip$2;
  */
 const size$1 = size$2;
 
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide$1 = hide$2;
+
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -3298,6 +3374,16 @@ const autoPlacement = (options, deps) => ({
   options: [options, deps]
 });
 
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide = (options, deps) => ({
+  ...hide$1(options),
+  options: [options, deps]
+});
+
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -6022,4 +6108,4 @@ function useTransitionStyles(context, props) {
   };
 }
 
-export { FloatingPortal as F, arrow as a, autoUpdate as b, size as c, useDismiss as d, useListNavigation as e, flip as f, useInteractions as g, useFloatingParentNodeId as h, useFloatingNodeId as i, FloatingTree as j, FloatingNode as k, limitShift as l, autoPlacement as m, useRole as n, offset as o, FloatingFocusManager as p, FloatingOverlay as q, useClick as r, shift as s, useTransitionStyles as t, useFloating as u, FloatingArrow as v };
+export { FloatingPortal as F, arrow as a, autoUpdate as b, size as c, useDismiss as d, useListNavigation as e, flip as f, useInteractions as g, hide as h, useFloatingParentNodeId as i, useFloatingNodeId as j, FloatingTree as k, limitShift as l, FloatingNode as m, autoPlacement as n, offset as o, useRole as p, FloatingFocusManager as q, FloatingOverlay as r, shift as s, useClick as t, useFloating as u, useTransitionStyles as v, FloatingArrow as w };

package/dist/styles.css

@@ -4016,6 +4016,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   line-height: var(--typography--lineHeight-base);
 }
 
+.p92TIli5Sgw- {
+  display: none;
+}
+
 .XRnU90M2-fs- {
   display: -ms-flexbox;
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.110.0",
+  "version": "6.110.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8c986f28ec1bc68fb16cc16110bb76af64ab3e1e"
+  "gitHead": "e3b22e719eadef5d682e75700a590438e700b227"
 }