@jobber/components 6.76.1 → 6.77.0

package/dist/Autocomplete-es.js

@@ -3,7 +3,7 @@ import React__default, { useCallback, useEffect, useState, forwardRef, useMemo,
 import { u as useDebounce_2 } from './useDebounce-es.js';
 import classnames from 'classnames';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
-import { b as useFloating, o as offset, i as flip, q as size, d as autoUpdate, F as FloatingPortal } from './floating-ui.react-es.js';
+import { u as useFloating, o as offset, f as flip, q as size, b as autoUpdate, F as FloatingPortal } from './floating-ui.react-es.js';
 import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
 import { H as Heading } from './Heading-es.js';
 import { T as Text } from './Text-es.js';

package/dist/Chip/index.cjs

@@ -12,11 +12,11 @@ require('@jobber/design');
 require('../useChildComponent-cjs.js');
 require('../Typography-cjs.js');
 require('../Tooltip-cjs.js');
+require('../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../useSafeLayoutEffect-cjs.js');
 require('../useIsMounted-cjs.js');
-require('react-popper');
 require('../tslib.es6-cjs.js');
 
 

package/dist/Chip/index.mjs

@@ -10,9 +10,9 @@ import '@jobber/design';
 import '../useChildComponent-es.js';
 import '../Typography-es.js';
 import '../Tooltip-es.js';
+import '../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../useSafeLayoutEffect-es.js';
 import '../useIsMounted-es.js';
-import 'react-popper';
 import '../tslib.es6-es.js';

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -36,7 +36,6 @@ require('../../useChildComponent-cjs.js');
 require('../../Tooltip-cjs.js');
 require('framer-motion');
 require('../../useIsMounted-cjs.js');
-require('react-popper');
 
 
 

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -34,4 +34,3 @@ import '../../useChildComponent-es.js';
 import '../../Tooltip-es.js';
 import 'framer-motion';
 import '../../useIsMounted-es.js';
-import 'react-popper';

package/dist/Chips/index.cjs

@@ -37,7 +37,6 @@ require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
 require('framer-motion');
 require('../useIsMounted-cjs.js');
-require('react-popper');
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React.createElement(InternalChipDismissible.InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(Chip$1.InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));

package/dist/Chips/index.mjs

@@ -35,7 +35,6 @@ import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
 import 'framer-motion';
 import '../useIsMounted-es.js';
-import 'react-popper';
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React__default.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React__default.createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));

package/dist/Combobox/components/ComboboxActivator/index.cjs

@@ -15,11 +15,11 @@ require('../../../Avatar-cjs.js');
 require('color');
 require('../../../useChildComponent-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../ComboboxProvider-cjs.js');
 require('../../../constants-cjs.js');
 

package/dist/Combobox/components/ComboboxActivator/index.mjs

@@ -13,10 +13,10 @@ import '../../../Avatar-es.js';
 import 'color';
 import '../../../useChildComponent-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../ComboboxProvider-es.js';
 import '../../../constants-es.js';

package/dist/Combobox/components/ComboboxTrigger/index.cjs

@@ -12,11 +12,11 @@ require('@jobber/design');
 require('../../../useChildComponent-cjs.js');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../tslib.es6-cjs.js');
 require('../../../ComboboxProvider-cjs.js');
 

package/dist/Combobox/components/ComboboxTrigger/index.mjs

@@ -10,10 +10,10 @@ import '@jobber/design';
 import '../../../useChildComponent-es.js';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../tslib.es6-es.js';
 import '../../../ComboboxProvider-es.js';

package/dist/Combobox/index.cjs

@@ -38,7 +38,6 @@ require('../useChildComponent-cjs.js');
 require('../Tooltip-cjs.js');
 require('../useSafeLayoutEffect-cjs.js');
 require('../useIsMounted-cjs.js');
-require('react-popper');
 require('../noop-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../useDebounce-cjs.js');

package/dist/Combobox/index.mjs

@@ -36,7 +36,6 @@ import '../useChildComponent-es.js';
 import '../Tooltip-es.js';
 import '../useSafeLayoutEffect-es.js';
 import '../useIsMounted-es.js';
-import 'react-popper';
 import '../noop-es.js';
 import '../_commonjsHelpers-es.js';
 import '../useDebounce-es.js';

package/dist/ComboboxContent-es.js

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

package/dist/DataList/components/DataListActions/index.cjs

@@ -4,11 +4,11 @@ var DataListActions = require('../../../DataListActions-cjs.js');
 require('react');
 require('../../../Tooltip-cjs.js');
 require('classnames');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListActions/index.mjs

@@ -2,11 +2,11 @@ export { D as DataListActions } from '../../../DataListActions-es.js';
 import 'react';
 import '../../../Tooltip-es.js';
 import 'classnames';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';

package/dist/DataList/components/DataListBulkActions/index.cjs

@@ -8,11 +8,11 @@ require('../../../_commonjsHelpers-cjs.js');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('classnames');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListBulkActions/index.mjs

@@ -6,11 +6,11 @@ import '../../../_commonjsHelpers-es.js';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import 'classnames';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';

package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs

@@ -42,7 +42,6 @@ require('../../../../../useChildComponent-cjs.js');
 require('../../../../../Tooltip-cjs.js');
 require('../../../../../useSafeLayoutEffect-cjs.js');
 require('../../../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../../../useDebounce-cjs.js');
 require('../../../../../ComboboxActivator-cjs.js');
 

package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs

@@ -40,6 +40,5 @@ import '../../../../../useChildComponent-es.js';
 import '../../../../../Tooltip-es.js';
 import '../../../../../useSafeLayoutEffect-es.js';
 import '../../../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../../../useDebounce-es.js';
 import '../../../../../ComboboxActivator-es.js';

package/dist/DataList/components/DataListFilters/index.cjs

@@ -43,7 +43,6 @@ require('../../../useChildComponent-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../useDebounce-cjs.js');
 require('../../../ComboboxActivator-cjs.js');
 require('../../../DataListOverflowFade-cjs.js');

package/dist/DataList/components/DataListFilters/index.mjs

@@ -41,7 +41,6 @@ import '../../../useChildComponent-es.js';
 import '../../../Tooltip-es.js';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../useDebounce-es.js';
 import '../../../ComboboxActivator-es.js';
 import '../../../DataListOverflowFade-es.js';

package/dist/DataList/components/DataListHeader/index.cjs

@@ -36,10 +36,10 @@ require('../../../DataList.module-cjs.js');
 require('../../../DataListBulkActions-cjs.js');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../DataListLayoutContext-cjs2.js');
 require('../../../DataListItemActionsOverflow-cjs.js');
 require('../../../DataListActionsMenu-cjs.js');

package/dist/DataList/components/DataListHeader/index.mjs

@@ -34,10 +34,10 @@ import '../../../DataList.module-es.js';
 import '../../../DataListBulkActions-es.js';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../DataListLayoutContext-es2.js';
 import '../../../DataListItemActionsOverflow-es.js';
 import '../../../DataListActionsMenu-es.js';

package/dist/DataList/components/DataListItem/index.cjs

@@ -12,10 +12,10 @@ require('../../../DataList.const-cjs.js');
 require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListItem/index.mjs

@@ -10,10 +10,10 @@ import '../../../DataList.const-es.js';
 import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';

package/dist/DataList/components/DataListItemActions/index.cjs

@@ -8,10 +8,10 @@ require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
 require('classnames');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListItemActions/index.mjs

@@ -6,10 +6,10 @@ import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
 import 'classnames';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';

package/dist/DataList/components/DataListItemActionsOverflow/index.cjs

@@ -10,11 +10,11 @@ require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../DataListActionsMenu-cjs.js');
 require('../../../useFocusTrap-cjs.js');
 require('../../../useRefocusOnActivator-cjs.js');

package/dist/DataList/components/DataListItemActionsOverflow/index.mjs

@@ -8,11 +8,11 @@ import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../DataListActionsMenu-es.js';
 import '../../../useFocusTrap-es.js';
 import '../../../useRefocusOnActivator-es.js';

package/dist/DataList/components/DataListItems/index.cjs

@@ -14,10 +14,10 @@ require('../../../DataList.const-cjs.js');
 require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListItems/index.mjs

@@ -12,10 +12,10 @@ import '../../../DataList.const-es.js';
 import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';

package/dist/DataList/components/DataListLayout/index.cjs

@@ -15,10 +15,10 @@ require('../../../DataList.const-cjs.js');
 require('@jobber/design');
 require('../../../DataListActions-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../Button-cjs.js');
 require('react-router-dom');
 require('../../../tslib.es6-cjs.js');

package/dist/DataList/components/DataListLayout/index.mjs

@@ -13,10 +13,10 @@ import '../../../DataList.const-es.js';
 import '@jobber/design';
 import '../../../DataListActions-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../Button-es.js';
 import 'react-router-dom';
 import '../../../tslib.es6-es.js';

package/dist/DataList/components/DataListLayoutActions/index.cjs

@@ -15,11 +15,11 @@ require('../../../Icon-cjs.js');
 require('@jobber/design');
 require('../../../Typography-cjs.js');
 require('../../../Tooltip-cjs.js');
+require('../../../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../../../useSafeLayoutEffect-cjs.js');
 require('../../../useIsMounted-cjs.js');
-require('react-popper');
 require('../../../DataListActionsMenu-cjs.js');
 require('../../../useFocusTrap-cjs.js');
 require('../../../useRefocusOnActivator-cjs.js');

package/dist/DataList/components/DataListLayoutActions/index.mjs

@@ -13,11 +13,11 @@ import '../../../Icon-es.js';
 import '@jobber/design';
 import '../../../Typography-es.js';
 import '../../../Tooltip-es.js';
+import '../../../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../../../useSafeLayoutEffect-es.js';
 import '../../../useIsMounted-es.js';
-import 'react-popper';
 import '../../../DataListActionsMenu-es.js';
 import '../../../useFocusTrap-es.js';
 import '../../../useRefocusOnActivator-es.js';

package/dist/DataList/index.cjs

@@ -26,10 +26,10 @@ require('framer-motion');
 require('../DataListItemActions-cjs.js');
 require('../DataListActions-cjs.js');
 require('../Tooltip-cjs.js');
+require('../floating-ui.react-cjs.js');
 require('react-dom');
 require('../useSafeLayoutEffect-cjs.js');
 require('../useIsMounted-cjs.js');
-require('react-popper');
 require('../Button-cjs.js');
 require('react-router-dom');
 require('../Icon-cjs.js');
@@ -60,7 +60,6 @@ require('../DataListFilters-cjs.js');
 require('../DataListSort-cjs.js');
 require('../Combobox-cjs.js');
 require('../ComboboxContent-cjs.js');
-require('../floating-ui.react-cjs.js');
 require('../ComboboxContentSearch-cjs.js');
 require('../ComboboxContentList-cjs.js');
 require('../Spinner-cjs.js');

package/dist/DataList/index.mjs

@@ -24,10 +24,10 @@ import 'framer-motion';
 import '../DataListItemActions-es.js';
 import '../DataListActions-es.js';
 import '../Tooltip-es.js';
+import '../floating-ui.react-es.js';
 import 'react-dom';
 import '../useSafeLayoutEffect-es.js';
 import '../useIsMounted-es.js';
-import 'react-popper';
 import '../Button-es.js';
 import 'react-router-dom';
 import '../Icon-es.js';
@@ -58,7 +58,6 @@ import '../DataListFilters-es.js';
 import '../DataListSort-es.js';
 import '../Combobox-es.js';
 import '../ComboboxContent-es.js';
-import '../floating-ui.react-es.js';
 import '../ComboboxContentSearch-es.js';
 import '../ComboboxContentList-es.js';
 import '../Spinner-es.js';

package/dist/Modal/index.mjs

@@ -9,7 +9,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 { a as useFloatingNodeId, b as useFloating, k as useClick, e as useDismiss, m as useRole, f as useInteractions, u as useFloatingParentNodeId, g as FloatingTree, h as FloatingNode, F as FloatingPortal, n as FloatingOverlay, p as FloatingFocusManager } from '../floating-ui.react-es.js';
+import { d as useFloatingNodeId, u as useFloating, k as useClick, g as useDismiss, m as useRole, h as useInteractions, c as useFloatingParentNodeId, i as FloatingTree, j as FloatingNode, F as FloatingPortal, n as FloatingOverlay, p as FloatingFocusManager } 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

@@ -2,7 +2,7 @@ import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useMemo, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import ReactDOM__default from 'react-dom';
-import { o as offset, s as shift, l as limitShift, c as autoPlacement, i as flip, j as arrow, b as useFloating, d as autoUpdate } from './floating-ui.react-es.js';
+import { o as offset, s as shift, l as limitShift, e as autoPlacement, f as flip, a as arrow, u as useFloating, b as autoUpdate } from './floating-ui.react-es.js';
 import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
 import { A as AtlantisPortalContent } from './AtlantisPortalContent-es.js';
 import { B as ButtonDismiss } from './ButtonDismiss-es.js';

package/dist/Tooltip/index.cjs

@@ -3,11 +3,11 @@
 var Tooltip = require('../Tooltip-cjs.js');
 require('react');
 require('classnames');
+require('../floating-ui.react-cjs.js');
 require('react-dom');
 require('framer-motion');
 require('../useSafeLayoutEffect-cjs.js');
 require('../useIsMounted-cjs.js');
-require('react-popper');
 
 
 

package/dist/Tooltip/index.mjs

@@ -1,8 +1,8 @@
 export { T as Tooltip } from '../Tooltip-es.js';
 import 'react';
 import 'classnames';
+import '../floating-ui.react-es.js';
 import 'react-dom';
 import 'framer-motion';
 import '../useSafeLayoutEffect-es.js';
 import '../useIsMounted-es.js';
-import 'react-popper';

package/dist/Tooltip/useTooltipPositioning.d.ts

@@ -3,20 +3,16 @@ interface ToolTipPositionOptions {
     readonly preferredPlacement?: Placement;
 }
 export declare function useTooltipPositioning({ preferredPlacement, }: ToolTipPositionOptions): {
-    placement: "bottom" | "left" | "right" | "top" | "auto" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "auto-start" | "auto-end";
-    shadowRef: import("react").RefObject<HTMLSpanElement>;
-    setArrowRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
-    setTooltipRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
     styles: {
-        [key: string]: React.CSSProperties;
-    };
-    attributes: {
-        [key: string]: {
-            [key: string]: string;
-        } | undefined;
+        float: import("react").CSSProperties;
+        arrow: (Partial<import("@floating-ui/core").Coords> & {
+            centerOffset: number;
+            alignmentOffset?: number;
+        }) | undefined;
     };
-    state: import("@popperjs/core").State | null;
-    update: import("@popperjs/core").Instance["update"] | null;
-    forceUpdate: import("@popperjs/core").Instance["forceUpdate"] | null;
+    placement: import("@floating-ui/utils").Placement;
+    shadowRef: import("react").RefObject<HTMLSpanElement>;
+    setArrowRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null | undefined>>;
+    setTooltipRef: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
 };
 export {};

package/dist/Tooltip-cjs.js

@@ -2,33 +2,51 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var ReactDOM = require('react-dom');
+var floatingUi_react = require('./floating-ui.react-cjs.js');
 var framerMotion = require('framer-motion');
 var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
 var useIsMounted = require('./useIsMounted-cjs.js');
-var reactPopper = require('react-popper');
 
 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-"};
 
-const DEFAULT_PLACEMENT = "top";
+const TOOLTIP_SHIFT_PADDING = 8;
+const TOOLTIP_ARROW_PADDING = 6;
 function useTooltipPositioning({ preferredPlacement, }) {
-    var _a, _b;
+    var _a;
     const shadowRef = React.useRef(null);
-    const [positionElement, setTooltipRef] = React.useState();
     const [arrowElement, setArrowRef] = React.useState();
-    const popper = reactPopper.usePopper((_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling, positionElement, {
+    const referenceElement = (_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
+    const { refs, floatingStyles, middlewareData, placement } = floatingUi_react.useFloating({
         placement: preferredPlacement,
-        modifiers: [
-            { name: "flip", options: { fallbackPlacements: ["bottom"] } },
-            {
-                name: "arrow",
-                options: { element: arrowElement },
-            },
+        strategy: "absolute",
+        middleware: [
+            floatingUi_react.shift({
+                mainAxis: true,
+                crossAxis: false,
+                padding: TOOLTIP_SHIFT_PADDING,
+                limiter: floatingUi_react.limitShift(),
+            }),
+            floatingUi_react.flip({ fallbackPlacements: ["bottom", "left", "right"] }),
+            floatingUi_react.arrow({
+                element: arrowElement || null,
+                padding: TOOLTIP_ARROW_PADDING,
+            }),
         ],
+        elements: {
+            reference: referenceElement || null,
+        },
+        whileElementsMounted: floatingUi_react.autoUpdate,
     });
-    return Object.assign(Object.assign({}, popper), { placement: ((_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement) || DEFAULT_PLACEMENT, shadowRef,
+    return {
+        styles: {
+            float: floatingStyles,
+            arrow: middlewareData.arrow,
+        },
+        placement: placement,
+        shadowRef,
         setArrowRef,
-        setTooltipRef });
+        setTooltipRef: refs.setFloating,
+    };
 }
 
 const variation = {
@@ -36,21 +54,33 @@ const variation = {
     done: { opacity: 1 },
 };
 function Tooltip({ message, children, preferredPlacement = "top", setTabIndex = true, }) {
+    var _a, _b, _c, _d;
     const [show, setShow] = React.useState(false);
-    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
+    const { placement, shadowRef, styles: floatingStyles, setArrowRef, setTooltipRef, } = 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 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 = {
+        position: "absolute",
+        left: arrowX !== null && arrowX !== undefined
+            ? `${(_c = floatingStyles.arrow) === null || _c === void 0 ? void 0 : _c.x}px`
+            : "",
+        top: arrowY !== null && arrowY !== undefined
+            ? `${(_d = floatingStyles.arrow) === null || _d === void 0 ? void 0 : _d.y}px`
+            : "",
+    };
     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", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+        React.createElement(TooltipPortal, null, show && Boolean(message) && (React.createElement("div", { className: toolTipClassNames, style: floatingStyles.float, ref: setTooltipRef, role: "tooltip", "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,
                     delay: 0.3,
                 } },
                 React.createElement("p", { className: styles.tooltipMessage }, message),
-                React.createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
+                React.createElement("div", { ref: setArrowRef, style: arrowStyles, className: styles.arrow })))))));
     function initializeListeners() {
         const showTooltip = () => {
             setShow(true);
@@ -106,7 +136,7 @@ function TooltipPortal({ children }) {
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }
-    return ReactDOM.createPortal(children, document.body);
+    return React.createElement(floatingUi_react.FloatingPortal, null, children);
 }
 
 exports.Tooltip = Tooltip;

package/dist/Tooltip-es.js

@@ -1,32 +1,50 @@
 import React__default, { useRef, useState } from 'react';
 import classnames from 'classnames';
-import ReactDOM__default from 'react-dom';
+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 { motion } from 'framer-motion';
 import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
 import { u as useIsMounted_2 } from './useIsMounted-es.js';
-import { usePopper } from 'react-popper';
 
 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-"};
 
-const DEFAULT_PLACEMENT = "top";
+const TOOLTIP_SHIFT_PADDING = 8;
+const TOOLTIP_ARROW_PADDING = 6;
 function useTooltipPositioning({ preferredPlacement, }) {
-    var _a, _b;
+    var _a;
     const shadowRef = useRef(null);
-    const [positionElement, setTooltipRef] = useState();
     const [arrowElement, setArrowRef] = useState();
-    const popper = usePopper((_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling, positionElement, {
+    const referenceElement = (_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling;
+    const { refs, floatingStyles, middlewareData, placement } = useFloating({
         placement: preferredPlacement,
-        modifiers: [
-            { name: "flip", options: { fallbackPlacements: ["bottom"] } },
-            {
-                name: "arrow",
-                options: { element: arrowElement },
-            },
+        strategy: "absolute",
+        middleware: [
+            shift({
+                mainAxis: true,
+                crossAxis: false,
+                padding: TOOLTIP_SHIFT_PADDING,
+                limiter: limitShift(),
+            }),
+            flip({ fallbackPlacements: ["bottom", "left", "right"] }),
+            arrow({
+                element: arrowElement || null,
+                padding: TOOLTIP_ARROW_PADDING,
+            }),
         ],
+        elements: {
+            reference: referenceElement || null,
+        },
+        whileElementsMounted: autoUpdate,
     });
-    return Object.assign(Object.assign({}, popper), { placement: ((_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement) || DEFAULT_PLACEMENT, shadowRef,
+    return {
+        styles: {
+            float: floatingStyles,
+            arrow: middlewareData.arrow,
+        },
+        placement: placement,
+        shadowRef,
         setArrowRef,
-        setTooltipRef });
+        setTooltipRef: refs.setFloating,
+    };
 }
 
 const variation = {
@@ -34,21 +52,33 @@ const variation = {
     done: { opacity: 1 },
 };
 function Tooltip({ message, children, preferredPlacement = "top", setTabIndex = true, }) {
+    var _a, _b, _c, _d;
     const [show, setShow] = useState(false);
-    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning({ preferredPlacement: preferredPlacement });
+    const { placement, shadowRef, styles: floatingStyles, setArrowRef, setTooltipRef, } = 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 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 = {
+        position: "absolute",
+        left: arrowX !== null && arrowX !== undefined
+            ? `${(_c = floatingStyles.arrow) === null || _c === void 0 ? void 0 : _c.x}px`
+            : "",
+        top: arrowY !== null && arrowY !== undefined
+            ? `${(_d = floatingStyles.arrow) === null || _d === void 0 ? void 0 : _d.y}px`
+            : "",
+    };
     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", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+        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(motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
                     ease: "easeOut",
                     duration: 0.15,
                     delay: 0.3,
                 } },
                 React__default.createElement("p", { className: styles.tooltipMessage }, message),
-                React__default.createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
+                React__default.createElement("div", { ref: setArrowRef, style: arrowStyles, className: styles.arrow })))))));
     function initializeListeners() {
         const showTooltip = () => {
             setShow(true);
@@ -104,7 +134,7 @@ function TooltipPortal({ children }) {
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }
-    return ReactDOM__default.createPortal(children, document.body);
+    return React__default.createElement(FloatingPortal, null, children);
 }
 
 export { Tooltip as T };

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

@@ -6029,4 +6029,4 @@ function useRole(context, props) {
   } : {}, [enabled, reference, floating, item]);
 }
 
-export { FloatingPortal as F, useFloatingNodeId as a, useFloating as b, autoPlacement as c, autoUpdate as d, useDismiss as e, useInteractions as f, FloatingTree as g, FloatingNode as h, flip as i, arrow as j, useClick as k, limitShift as l, useRole as m, FloatingOverlay as n, offset as o, FloatingFocusManager as p, size as q, shift as s, useFloatingParentNodeId as u };
+export { FloatingPortal as F, arrow as a, autoUpdate as b, useFloatingParentNodeId as c, useFloatingNodeId as d, autoPlacement as e, flip as f, useDismiss as g, useInteractions as h, FloatingTree as i, FloatingNode as j, useClick as k, limitShift as l, useRole as m, FloatingOverlay as n, offset as o, FloatingFocusManager as p, size as q, shift as s, useFloating as u };

package/dist/useScrollToActive-es.js

@@ -9,7 +9,7 @@ import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 import { a as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
-import { b as useFloating, o as offset, i as flip, q as size, d as autoUpdate } from './floating-ui.react-es.js';
+import { u as useFloating, o as offset, f as flip, q as size, b as autoUpdate } from './floating-ui.react-es.js';
 
 var baseEach = _baseEach,
     isArrayLike = isArrayLike_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.76.1",
+  "version": "6.77.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -542,5 +542,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "62bd6cfe6ddd31d0c95fc0c27c71eb942176853d"
+  "gitHead": "284376c3bbf5298daf999ad4be17984cf699b73d"
 }