@jobber/components 6.86.2 → 6.86.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/Autocomplete/index.cjs +12 -13
  2. package/dist/Autocomplete/index.mjs +16 -17
  3. package/dist/Banner-cjs.js +1 -1
  4. package/dist/Banner-es.js +1 -1
  5. package/dist/Chip-cjs.js +2 -2
  6. package/dist/Chip-es.js +3 -3
  7. package/dist/Combobox-cjs.js +1 -1
  8. package/dist/Combobox-es.js +2 -2
  9. package/dist/ComboboxContent-cjs.js +2 -2
  10. package/dist/ComboboxContent-es.js +5 -5
  11. package/dist/ComboboxLoadMore-cjs.js +1 -1
  12. package/dist/ComboboxLoadMore-es.js +2 -2
  13. package/dist/ConfirmationModal-cjs.js +1 -1
  14. package/dist/ConfirmationModal-es.js +2 -2
  15. package/dist/ContentBlock-cjs.js +1 -1
  16. package/dist/ContentBlock-es.js +2 -2
  17. package/dist/DataListActionsMenu-cjs.js +4 -4
  18. package/dist/DataListActionsMenu-es.js +8 -8
  19. package/dist/DataListHeaderTile-cjs.js +1 -1
  20. package/dist/DataListHeaderTile-es.js +2 -2
  21. package/dist/DataListLoadMore-cjs.js +1 -1
  22. package/dist/DataListLoadMore-es.js +2 -2
  23. package/dist/DataListOverflowFade-cjs.js +2 -2
  24. package/dist/DataListOverflowFade-es.js +3 -3
  25. package/dist/DataListSearch-cjs.js +1 -1
  26. package/dist/DataListSearch-es.js +2 -2
  27. package/dist/DataListSortingOptions-cjs.js +2 -2
  28. package/dist/DataListSortingOptions-es.js +4 -4
  29. package/dist/DataTable/test-utilities/index.cjs +1 -1
  30. package/dist/DataTable/test-utilities/index.mjs +1 -1
  31. package/dist/DataTable-cjs.js +3 -3
  32. package/dist/DataTable-es.js +4 -4
  33. package/dist/DatePicker-cjs.js +1 -1
  34. package/dist/DatePicker-es.js +2 -2
  35. package/dist/Disclosure-cjs.js +2 -2
  36. package/dist/Disclosure-es.js +3 -3
  37. package/dist/FormField-cjs.js +5 -1
  38. package/dist/FormField-es.js +5 -1
  39. package/dist/InputText/InputText.d.ts +2 -2
  40. package/dist/InputText/index.cjs +2 -2
  41. package/dist/InputText/index.mjs +3 -3
  42. package/dist/LightBox-cjs.js +67 -51
  43. package/dist/LightBox-es.js +73 -57
  44. package/dist/Menu-cjs.js +11 -6
  45. package/dist/Menu-es.js +16 -11
  46. package/dist/Modal/index.cjs +3 -3
  47. package/dist/Modal/index.mjs +7 -7
  48. package/dist/Page-cjs.js +4 -4
  49. package/dist/Page-es.js +5 -5
  50. package/dist/Popover-cjs.js +1 -1
  51. package/dist/Popover-es.js +3 -3
  52. package/dist/SideDrawer-cjs.js +6 -6
  53. package/dist/SideDrawer-es.js +10 -10
  54. package/dist/Tooltip-cjs.js +2 -2
  55. package/dist/Tooltip-es.js +5 -5
  56. package/dist/floating-ui.react-es.js +1 -1
  57. package/dist/index.cjs +6 -7
  58. package/dist/index.mjs +6 -7
  59. package/dist/throttle-cjs.js +1 -0
  60. package/dist/throttle-es.js +1 -1
  61. package/dist/useDebounce-cjs.js +4383 -70
  62. package/dist/useDebounce-es.js +4384 -72
  63. package/dist/useFocusTrap-cjs.js +8 -3
  64. package/dist/useFocusTrap-es.js +9 -4
  65. package/dist/useInView-cjs.js +10 -5
  66. package/dist/useInView-es.js +11 -6
  67. package/dist/useIsMounted-cjs.js +19 -4
  68. package/dist/useIsMounted-es.js +20 -5
  69. package/dist/useOnKeyDown-cjs.js +7 -2
  70. package/dist/useOnKeyDown-es.js +8 -3
  71. package/dist/useRefocusOnActivator-cjs.js +7 -2
  72. package/dist/useRefocusOnActivator-es.js +8 -3
  73. package/dist/useResizeObserver-cjs.js +92 -64
  74. package/dist/useResizeObserver-es.js +94 -65
  75. package/dist/useSafeLayoutEffect-cjs.js +8 -3
  76. package/dist/useSafeLayoutEffect-es.js +10 -5
  77. package/dist/useScrollToActive-cjs.js +9 -4
  78. package/dist/useScrollToActive-es.js +11 -6
  79. package/package.json +4 -4
package/dist/Menu-es.js CHANGED
@@ -1,16 +1,21 @@
1
- import React__default, { useState, useEffect, useId, useRef } from 'react';
1
+ import React__default, { useState, useId, useRef } from 'react';
2
2
  import classnames from 'classnames';
3
3
  import { AnimatePresence, motion } from 'framer-motion';
4
- import { u as useRefocusOnActivator } from './useRefocusOnActivator-es.js';
5
- import { u as useFloating, a as useDismiss, b as useInteractions, F as FloatingPortal, o as offset, f as flip, s as size, c as autoUpdate } from './floating-ui.react-es.js';
6
- import { u as useFocusTrap } from './useFocusTrap-es.js';
7
- import { u as useIsMounted } from './useIsMounted-es.js';
4
+ import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
5
+ import { u as useFloating, c as useDismiss, d as useInteractions, F as FloatingPortal, o as offset, f as flip, e as size, b as autoUpdate } from './floating-ui.react-es.js';
6
+ import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
7
+ import { u as useIsMounted_2 } from './useIsMounted-es.js';
8
8
  import { B as Button } from './Button-es.js';
9
9
  import { T as Typography } from './Typography-es.js';
10
10
  import { I as Icon } from './Icon-es.js';
11
11
  import { f as formFieldFocusAttribute } from './useFormFieldFocus-es.js';
12
12
  import { c as calculateMaxHeight } from './maxHeight-es.js';
13
13
 
14
+ var useWindowDimensions$1 = {};
15
+
16
+ Object.defineProperty(useWindowDimensions$1, "__esModule", { value: true });
17
+ var useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = useWindowDimensions;
18
+ const react_1 = React__default;
14
19
  function getWindowDimensions() {
15
20
  if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
16
21
  return {
@@ -25,8 +30,8 @@ function getWindowDimensions() {
25
30
  };
26
31
  }
27
32
  function useWindowDimensions() {
28
- const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
29
- useEffect(() => {
33
+ const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
34
+ (0, react_1.useEffect)(() => {
30
35
  function handleResize() {
31
36
  setWindowDimensions(getWindowDimensions());
32
37
  }
@@ -58,7 +63,7 @@ function Menu({ activator, items, UNSAFE_className, UNSAFE_style, }) {
58
63
  var _a;
59
64
  const [visible, setVisible] = useState(false);
60
65
  const [referenceElement, setReferenceElement] = useState(null);
61
- const { width } = useWindowDimensions();
66
+ const { width } = useWindowDimensions_2();
62
67
  const buttonID = useId();
63
68
  const menuID = useId();
64
69
  const fullWidth = ((_a = activator === null || activator === void 0 ? void 0 : activator.props) === null || _a === void 0 ? void 0 : _a.fullWidth) || false;
@@ -66,8 +71,8 @@ function Menu({ activator, items, UNSAFE_className, UNSAFE_style, }) {
66
71
  [styles.fullWidth]: fullWidth,
67
72
  });
68
73
  // useRefocusOnActivator must come before useFocusTrap for them both to work
69
- useRefocusOnActivator(visible);
70
- const menuRef = useFocusTrap(visible);
74
+ useRefocusOnActivator_2(visible);
75
+ const menuRef = useFocusTrap_2(visible);
71
76
  const { refs, floatingStyles, context } = useFloating({
72
77
  open: visible,
73
78
  onOpenChange: setVisible,
@@ -162,7 +167,7 @@ function Action({ label, sectionLabel, icon, iconColor, destructive, UNSAFE_styl
162
167
  label)));
163
168
  }
164
169
  function MenuPortal({ children }) {
165
- const mounted = useIsMounted();
170
+ const mounted = useIsMounted_2();
166
171
  if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
167
172
  return null;
168
173
  }
@@ -35,9 +35,9 @@ var sizes = {"small":"BSZvIAUzFEU-","large":"-ydIALYVvGg-","spinning":"_10FfgKIT
35
35
 
36
36
  function ModalLegacy({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }) {
37
37
  const modalClassName = classnames(styles$1.modal, size && sizes[size]);
38
- useRefocusOnActivator.useRefocusOnActivator(open);
39
- const modalRef = useFocusTrap.useFocusTrap(open);
40
- useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
38
+ useRefocusOnActivator.useRefocusOnActivator_2(open);
39
+ const modalRef = useFocusTrap.useFocusTrap_2(open);
40
+ useOnKeyDown.useOnKeyDown_2(handleRequestClose, "Escape");
41
41
  const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: styles$1.container, tabIndex: 0 },
42
42
  React.createElement(framerMotion.motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
43
43
  React.createElement(framerMotion.motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
@@ -2,14 +2,14 @@ import React__default, { useRef, createContext, useContext } from 'react';
2
2
  import ReactDOM__default from 'react-dom';
3
3
  import classnames from 'classnames';
4
4
  import { AnimatePresence, motion } from 'framer-motion';
5
- import { u as useRefocusOnActivator } from '../useRefocusOnActivator-es.js';
6
- import { u as useOnKeyDown } from '../useOnKeyDown-es.js';
7
- import { u as useFocusTrap } from '../useFocusTrap-es.js';
5
+ import { u as useRefocusOnActivator_2 } from '../useRefocusOnActivator-es.js';
6
+ import { u as useOnKeyDown_2 } from '../useOnKeyDown-es.js';
7
+ import { u as useFocusTrap_2 } from '../useFocusTrap-es.js';
8
8
  import { H as Heading } from '../Heading-es.js';
9
9
  import { B as Button } from '../Button-es.js';
10
10
  import { B as ButtonDismiss } from '../ButtonDismiss-es.js';
11
11
  import { n as noop } from '../noop-es.js';
12
- import { h as useFloatingNodeId, u as useFloating, m as useClick, a as useDismiss, n as useRole, b as useInteractions, g as useFloatingParentNodeId, i as FloatingTree, j as FloatingNode, F as FloatingPortal, p as FloatingOverlay, q as FloatingFocusManager } from '../floating-ui.react-es.js';
12
+ import { h as useFloatingNodeId, u as useFloating, m as useClick, c as useDismiss, n as useRole, d as useInteractions, g as useFloatingParentNodeId, i as FloatingTree, j as FloatingNode, F as FloatingPortal, p as FloatingOverlay, q as FloatingFocusManager } from '../floating-ui.react-es.js';
13
13
  import { b as identity } from '../identity-es.js';
14
14
  import { A as AtlantisPortalContent } from '../AtlantisPortalContent-es.js';
15
15
  import '../Typography-es.js';
@@ -33,9 +33,9 @@ var sizes = {"small":"BSZvIAUzFEU-","large":"-ydIALYVvGg-","spinning":"_10FfgKIT
33
33
 
34
34
  function ModalLegacy({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }) {
35
35
  const modalClassName = classnames(styles$1.modal, size && sizes[size]);
36
- useRefocusOnActivator(open);
37
- const modalRef = useFocusTrap(open);
38
- useOnKeyDown(handleRequestClose, "Escape");
36
+ useRefocusOnActivator_2(open);
37
+ const modalRef = useFocusTrap_2(open);
38
+ useOnKeyDown_2(handleRequestClose, "Escape");
39
39
  const template = (React__default.createElement(AnimatePresence, null, open && (React__default.createElement("div", { ref: modalRef, role: "dialog", className: styles$1.container, tabIndex: 0 },
40
40
  React__default.createElement(motion.div, { key: styles$1.overlay, className: styles$1.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
41
41
  React__default.createElement(motion.div, { key: styles$1.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {
package/dist/Page-cjs.js CHANGED
@@ -15,11 +15,11 @@ var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA
15
15
 
16
16
  function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
17
17
  const pageStyles = classnames(styles.page, styles[width]);
18
- const [titleBarRef, { width: titleBarWidth = useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver();
18
+ const [titleBarRef, { width: titleBarWidth = useResizeObserver.useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver.useResizeObserver();
19
19
  const titleBarClasses = classnames(styles.titleBar, {
20
- [styles.small]: titleBarWidth > useResizeObserver.Breakpoints.smaller,
21
- [styles.medium]: titleBarWidth > useResizeObserver.Breakpoints.small,
22
- [styles.large]: titleBarWidth > useResizeObserver.Breakpoints.base,
20
+ [styles.small]: titleBarWidth > useResizeObserver.useResizeObserver.Breakpoints.smaller,
21
+ [styles.medium]: titleBarWidth > useResizeObserver.useResizeObserver.Breakpoints.small,
22
+ [styles.large]: titleBarWidth > useResizeObserver.useResizeObserver.Breakpoints.base,
23
23
  });
24
24
  const showMenu = moreActionsMenu.length > 0;
25
25
  const showActionGroup = showMenu || primaryAction || secondaryAction;
package/dist/Page-es.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import classnames from 'classnames';
3
- import { u as useResizeObserver, B as Breakpoints } from './useResizeObserver-es.js';
3
+ import { u as useResizeObserver } from './useResizeObserver-es.js';
4
4
  import { H as Heading } from './Heading-es.js';
5
5
  import { T as Text } from './Text-es.js';
6
6
  import { C as Content } from './Content-es.js';
@@ -13,11 +13,11 @@ var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA
13
13
 
14
14
  function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
15
15
  const pageStyles = classnames(styles.page, styles[width]);
16
- const [titleBarRef, { width: titleBarWidth = Breakpoints.large }] = useResizeObserver();
16
+ const [titleBarRef, { width: titleBarWidth = useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver();
17
17
  const titleBarClasses = classnames(styles.titleBar, {
18
- [styles.small]: titleBarWidth > Breakpoints.smaller,
19
- [styles.medium]: titleBarWidth > Breakpoints.small,
20
- [styles.large]: titleBarWidth > Breakpoints.base,
18
+ [styles.small]: titleBarWidth > useResizeObserver.Breakpoints.smaller,
19
+ [styles.medium]: titleBarWidth > useResizeObserver.Breakpoints.small,
20
+ [styles.large]: titleBarWidth > useResizeObserver.Breakpoints.base,
21
21
  });
22
22
  const showMenu = moreActionsMenu.length > 0;
23
23
  const showActionGroup = showMenu || primaryAction || secondaryAction;
@@ -53,7 +53,7 @@ const usePopover = ({ preferredPlacement, attachTo, open, }) => {
53
53
  // (which we are), not hidden with css. https://floating-ui.com/docs/autoUpdate
54
54
  whileElementsMounted: floatingUi_react.autoUpdate,
55
55
  });
56
- useRefocusOnActivator.useRefocusOnActivator(open);
56
+ useRefocusOnActivator.useRefocusOnActivator_2(open);
57
57
  return {
58
58
  setFloatingElement: refs.setFloating,
59
59
  setArrowElement,
@@ -1,8 +1,8 @@
1
1
  import { _ as __rest } from './tslib.es6-es.js';
2
2
  import React__default, { useState, useMemo, createContext, useContext } from 'react';
3
3
  import classnames from 'classnames';
4
- import { o as offset, d as shift, l as limitShift, k as autoPlacement, f as flip, e as arrow, u as useFloating, c as autoUpdate, F as FloatingPortal } from './floating-ui.react-es.js';
5
- import { u as useRefocusOnActivator } from './useRefocusOnActivator-es.js';
4
+ import { o as offset, s as shift, l as limitShift, k as autoPlacement, f as flip, a as arrow, u as useFloating, b as autoUpdate, F as FloatingPortal } from './floating-ui.react-es.js';
5
+ import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
6
6
  import { A as AtlantisPortalContent } from './AtlantisPortalContent-es.js';
7
7
  import { B as ButtonDismiss } from './ButtonDismiss-es.js';
8
8
 
@@ -51,7 +51,7 @@ const usePopover = ({ preferredPlacement, attachTo, open, }) => {
51
51
  // (which we are), not hidden with css. https://floating-ui.com/docs/autoUpdate
52
52
  whileElementsMounted: autoUpdate,
53
53
  });
54
- useRefocusOnActivator(open);
54
+ useRefocusOnActivator_2(open);
55
55
  return {
56
56
  setFloatingElement: refs.setFloating,
57
57
  setArrowElement,
@@ -87,10 +87,10 @@ const useSideDrawerState = (open) => {
87
87
  backButton: false,
88
88
  });
89
89
  const { toolbar, title, actions, backButton, footer } = useSlotIDs();
90
- useRefocusOnActivator.useRefocusOnActivator(open);
91
- const sideDrawerRef = useFocusTrap.useFocusTrap(open);
92
- const [headerShadowRef, noHeaderShadow] = useInView.useInView();
93
- const [footerShadowRef, noFooterShadow] = useInView.useInView();
90
+ useRefocusOnActivator.useRefocusOnActivator_2(open);
91
+ const sideDrawerRef = useFocusTrap.useFocusTrap_2(open);
92
+ const [headerShadowRef, noHeaderShadow] = useInView.useInView_2();
93
+ const [footerShadowRef, noFooterShadow] = useInView.useInView_2();
94
94
  return {
95
95
  ref,
96
96
  setRef,
@@ -107,9 +107,9 @@ const useSideDrawerState = (open) => {
107
107
  function SideDrawer({ children, onRequestClose, open, variation = "base", scrollDirection, inline = false, UNSAFE_className, UNSAFE_style, }) {
108
108
  var _a;
109
109
  const { ref, setRef, components, setComponents, slots, sideDrawerRef, headerShadowRef, noHeaderShadow, footerShadowRef, noFooterShadow, } = useSideDrawerState(open);
110
- useRefocusOnActivator.useRefocusOnActivator(open);
110
+ useRefocusOnActivator.useRefocusOnActivator_2(open);
111
111
  const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
112
- const isMounted = useIsMounted.useIsMounted();
112
+ const isMounted = useIsMounted.useIsMounted_2();
113
113
  if (!isMounted.current && !container)
114
114
  return null;
115
115
  const SideDrawerRender = (React.createElement(SideDrawerContext.Provider, { value: {
@@ -1,11 +1,11 @@
1
1
  import React__default, { createContext, useContext, useEffect, useState, useId } from 'react';
2
2
  import { createPortal } from 'react-dom';
3
3
  import { AnimatePresence, motion } from 'framer-motion';
4
- import { u as useRefocusOnActivator } from './useRefocusOnActivator-es.js';
5
- import { u as useFocusTrap } from './useFocusTrap-es.js';
4
+ import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-es.js';
5
+ import { u as useFocusTrap_2 } from './useFocusTrap-es.js';
6
6
  import classnames from 'classnames';
7
- import { u as useInView } from './useInView-es.js';
8
- import { u as useIsMounted } from './useIsMounted-es.js';
7
+ import { u as useInView_2 } from './useInView-es.js';
8
+ import { u as useIsMounted_2 } from './useIsMounted-es.js';
9
9
  import { tokens } from '@jobber/design';
10
10
  import { H as Heading } from './Heading-es.js';
11
11
  import { B as Button } from './Button-es.js';
@@ -85,10 +85,10 @@ const useSideDrawerState = (open) => {
85
85
  backButton: false,
86
86
  });
87
87
  const { toolbar, title, actions, backButton, footer } = useSlotIDs();
88
- useRefocusOnActivator(open);
89
- const sideDrawerRef = useFocusTrap(open);
90
- const [headerShadowRef, noHeaderShadow] = useInView();
91
- const [footerShadowRef, noFooterShadow] = useInView();
88
+ useRefocusOnActivator_2(open);
89
+ const sideDrawerRef = useFocusTrap_2(open);
90
+ const [headerShadowRef, noHeaderShadow] = useInView_2();
91
+ const [footerShadowRef, noFooterShadow] = useInView_2();
92
92
  return {
93
93
  ref,
94
94
  setRef,
@@ -105,9 +105,9 @@ const useSideDrawerState = (open) => {
105
105
  function SideDrawer({ children, onRequestClose, open, variation = "base", scrollDirection, inline = false, UNSAFE_className, UNSAFE_style, }) {
106
106
  var _a;
107
107
  const { ref, setRef, components, setComponents, slots, sideDrawerRef, headerShadowRef, noHeaderShadow, footerShadowRef, noFooterShadow, } = useSideDrawerState(open);
108
- useRefocusOnActivator(open);
108
+ useRefocusOnActivator_2(open);
109
109
  const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
110
- const isMounted = useIsMounted();
110
+ const isMounted = useIsMounted_2();
111
111
  if (!isMounted.current && !container)
112
112
  return null;
113
113
  const SideDrawerRender = (React__default.createElement(SideDrawerContext.Provider, { value: {
@@ -122,7 +122,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
122
122
  activator.removeEventListener("blur", hideTooltip);
123
123
  }
124
124
  };
125
- useSafeLayoutEffect.useSafeLayoutEffect(() => {
125
+ useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
126
126
  injectAttributes();
127
127
  addListeners();
128
128
  return () => {
@@ -132,7 +132,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
132
132
  }
133
133
  }
134
134
  function TooltipPortal({ children }) {
135
- const mounted = useIsMounted.useIsMounted();
135
+ const mounted = useIsMounted.useIsMounted_2();
136
136
  if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
137
137
  return null;
138
138
  }
@@ -1,9 +1,9 @@
1
1
  import React__default, { useRef, useState } from 'react';
2
2
  import classnames from 'classnames';
3
- import { u as useFloating, d as shift, f as flip, e as arrow, c as autoUpdate, l as limitShift, F as FloatingPortal } from './floating-ui.react-es.js';
3
+ 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';
4
4
  import { motion } from 'framer-motion';
5
- import { u as useSafeLayoutEffect } from './useSafeLayoutEffect-es.js';
6
- import { u as useIsMounted } from './useIsMounted-es.js';
5
+ import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-es.js';
6
+ import { u as useIsMounted_2 } from './useIsMounted-es.js';
7
7
 
8
8
  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-"};
9
9
 
@@ -120,7 +120,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
120
120
  activator.removeEventListener("blur", hideTooltip);
121
121
  }
122
122
  };
123
- useSafeLayoutEffect(() => {
123
+ useSafeLayoutEffect_1(() => {
124
124
  injectAttributes();
125
125
  addListeners();
126
126
  return () => {
@@ -130,7 +130,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
130
130
  }
131
131
  }
132
132
  function TooltipPortal({ children }) {
133
- const mounted = useIsMounted();
133
+ const mounted = useIsMounted_2();
134
134
  if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
135
135
  return null;
136
136
  }
@@ -7015,4 +7015,4 @@ function useTransitionStyles(context, props) {
7015
7015
  };
7016
7016
  }
7017
7017
 
7018
- export { FloatingPortal as F, useDismiss as a, useInteractions as b, autoUpdate as c, shift as d, arrow as e, flip as f, useFloatingParentNodeId as g, useFloatingNodeId as h, FloatingTree as i, FloatingNode as j, autoPlacement as k, limitShift as l, useClick as m, useRole as n, offset as o, FloatingOverlay as p, FloatingFocusManager as q, useListNavigation as r, size as s, useTransitionStyles as t, useFloating as u };
7018
+ export { FloatingPortal as F, arrow as a, autoUpdate as b, useDismiss as c, useInteractions as d, size as e, flip as f, useFloatingParentNodeId as g, useFloatingNodeId as h, FloatingTree as i, FloatingNode as j, autoPlacement as k, limitShift as l, useClick as m, useRole as n, offset as o, FloatingOverlay as p, FloatingFocusManager as q, useListNavigation as r, shift as s, useTransitionStyles as t, useFloating as u };
package/dist/index.cjs CHANGED
@@ -30,7 +30,7 @@ var Countdown = require('./Countdown-cjs.js');
30
30
  var DataDump = require('./DataDump-cjs.js');
31
31
  var DataList = require('./DataList-cjs.js');
32
32
  var DataTable = require('./DataTable-cjs.js');
33
- require('./isObjectLike-cjs.js');
33
+ require('./useResizeObserver-cjs.js');
34
34
  require('./DataTableTable-cjs.js');
35
35
  var reactTable = require('@tanstack/react-table');
36
36
  var DatePicker = require('./DatePicker-cjs.js');
@@ -101,6 +101,7 @@ require('@jobber/design');
101
101
  require('./_commonjsHelpers-cjs.js');
102
102
  require('./identity-cjs.js');
103
103
  require('./isTypedArray-cjs.js');
104
+ require('./isObjectLike-cjs.js');
104
105
  require('./_baseAssignValue-cjs.js');
105
106
  require('./_baseFor-cjs.js');
106
107
  require('./keysIn-cjs.js');
@@ -109,18 +110,13 @@ require('./_setToString-cjs.js');
109
110
  require('./floating-ui.react-cjs.js');
110
111
  require('react-dom');
111
112
  require('classnames');
112
- require('@jobber/hooks');
113
+ require('./useDebounce-cjs.js');
113
114
  require('./maxHeight-cjs.js');
114
115
  require('./tslib.es6-cjs.js');
115
- require('./useDebounce-cjs.js');
116
116
  require('./useIsMounted-cjs.js');
117
117
  require('./useSafeLayoutEffect-cjs.js');
118
118
  require('./useOnKeyDown-cjs.js');
119
119
  require('color');
120
- require('./useResizeObserver-cjs.js');
121
- require('./throttle-cjs.js');
122
- require('./debounce-cjs.js');
123
- require('./isSymbol-cjs.js');
124
120
  require('react-router-dom');
125
121
  require('./getMappedAtlantisSpaceToken-cjs.js');
126
122
  require('react-hook-form');
@@ -131,7 +127,9 @@ require('./useScrollToActive-cjs.js');
131
127
  require('./_baseFlatten-cjs.js');
132
128
  require('./_baseGet-cjs.js');
133
129
  require('./_getTag-cjs.js');
130
+ require('./isSymbol-cjs.js');
134
131
  require('./_baseEach-cjs.js');
132
+ require('./debounce-cjs.js');
135
133
  require('./ComboboxContent-cjs.js');
136
134
  require('./ComboboxContentSearch-cjs.js');
137
135
  require('./ComboboxContentList-cjs.js');
@@ -180,6 +178,7 @@ require('./DataListLoadMore-cjs.js');
180
178
  require('./DataListAction-cjs.js');
181
179
  require('./DataListLayoutActions-cjs.js');
182
180
  require('./DataListStatusBar-cjs.js');
181
+ require('./throttle-cjs.js');
183
182
  require('./omit-cjs.js');
184
183
  require('./useFormFieldFocus-cjs.js');
185
184
  require('filesize');
package/dist/index.mjs CHANGED
@@ -28,7 +28,7 @@ export { C as Countdown } from './Countdown-es.js';
28
28
  export { D as DataDump } from './DataDump-es.js';
29
29
  export { D as DataList } from './DataList-es.js';
30
30
  export { D as DataTable } from './DataTable-es.js';
31
- import './isObjectLike-es.js';
31
+ import './useResizeObserver-es.js';
32
32
  import './DataTableTable-es.js';
33
33
  export { createColumnHelper } from '@tanstack/react-table';
34
34
  export { D as DatePicker } from './DatePicker-es.js';
@@ -99,6 +99,7 @@ import '@jobber/design';
99
99
  import './_commonjsHelpers-es.js';
100
100
  import './identity-es.js';
101
101
  import './isTypedArray-es.js';
102
+ import './isObjectLike-es.js';
102
103
  import './_baseAssignValue-es.js';
103
104
  import './_baseFor-es.js';
104
105
  import './keysIn-es.js';
@@ -107,18 +108,13 @@ import './_setToString-es.js';
107
108
  import './floating-ui.react-es.js';
108
109
  import 'react-dom';
109
110
  import 'classnames';
110
- import '@jobber/hooks';
111
+ import './useDebounce-es.js';
111
112
  import './maxHeight-es.js';
112
113
  import './tslib.es6-es.js';
113
- import './useDebounce-es.js';
114
114
  import './useIsMounted-es.js';
115
115
  import './useSafeLayoutEffect-es.js';
116
116
  import './useOnKeyDown-es.js';
117
117
  import 'color';
118
- import './useResizeObserver-es.js';
119
- import './throttle-es.js';
120
- import './debounce-es.js';
121
- import './isSymbol-es.js';
122
118
  import 'react-router-dom';
123
119
  import './getMappedAtlantisSpaceToken-es.js';
124
120
  import 'react-hook-form';
@@ -129,7 +125,9 @@ import './useScrollToActive-es.js';
129
125
  import './_baseFlatten-es.js';
130
126
  import './_baseGet-es.js';
131
127
  import './_getTag-es.js';
128
+ import './isSymbol-es.js';
132
129
  import './_baseEach-es.js';
130
+ import './debounce-es.js';
133
131
  import './ComboboxContent-es.js';
134
132
  import './ComboboxContentSearch-es.js';
135
133
  import './ComboboxContentList-es.js';
@@ -178,6 +176,7 @@ import './DataListLoadMore-es.js';
178
176
  import './DataListAction-es.js';
179
177
  import './DataListLayoutActions-es.js';
180
178
  import './DataListStatusBar-es.js';
179
+ import './throttle-es.js';
181
180
  import './omit-es.js';
182
181
  import './useFormFieldFocus-es.js';
183
182
  import 'filesize';
@@ -77,3 +77,4 @@ var throttle_1 = throttle;
77
77
  var throttle$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(throttle_1);
78
78
 
79
79
  exports.throttle = throttle$1;
80
+ exports.throttle_1 = throttle_1;
@@ -74,4 +74,4 @@ var throttle_1 = throttle;
74
74
 
75
75
  var throttle$1 = /*@__PURE__*/getDefaultExportFromCjs(throttle_1);
76
76
 
77
- export { throttle$1 as t };
77
+ export { throttle_1 as a, throttle$1 as t };