@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.
- package/dist/Autocomplete/index.cjs +12 -13
- package/dist/Autocomplete/index.mjs +16 -17
- package/dist/Banner-cjs.js +1 -1
- package/dist/Banner-es.js +1 -1
- package/dist/Chip-cjs.js +2 -2
- package/dist/Chip-es.js +3 -3
- package/dist/Combobox-cjs.js +1 -1
- package/dist/Combobox-es.js +2 -2
- package/dist/ComboboxContent-cjs.js +2 -2
- package/dist/ComboboxContent-es.js +5 -5
- package/dist/ComboboxLoadMore-cjs.js +1 -1
- package/dist/ComboboxLoadMore-es.js +2 -2
- package/dist/ConfirmationModal-cjs.js +1 -1
- package/dist/ConfirmationModal-es.js +2 -2
- package/dist/ContentBlock-cjs.js +1 -1
- package/dist/ContentBlock-es.js +2 -2
- package/dist/DataListActionsMenu-cjs.js +4 -4
- package/dist/DataListActionsMenu-es.js +8 -8
- package/dist/DataListHeaderTile-cjs.js +1 -1
- package/dist/DataListHeaderTile-es.js +2 -2
- package/dist/DataListLoadMore-cjs.js +1 -1
- package/dist/DataListLoadMore-es.js +2 -2
- package/dist/DataListOverflowFade-cjs.js +2 -2
- package/dist/DataListOverflowFade-es.js +3 -3
- package/dist/DataListSearch-cjs.js +1 -1
- package/dist/DataListSearch-es.js +2 -2
- package/dist/DataListSortingOptions-cjs.js +2 -2
- package/dist/DataListSortingOptions-es.js +4 -4
- package/dist/DataTable/test-utilities/index.cjs +1 -1
- package/dist/DataTable/test-utilities/index.mjs +1 -1
- package/dist/DataTable-cjs.js +3 -3
- package/dist/DataTable-es.js +4 -4
- package/dist/DatePicker-cjs.js +1 -1
- package/dist/DatePicker-es.js +2 -2
- package/dist/Disclosure-cjs.js +2 -2
- package/dist/Disclosure-es.js +3 -3
- package/dist/FormField-cjs.js +5 -1
- package/dist/FormField-es.js +5 -1
- package/dist/InputText/InputText.d.ts +2 -2
- package/dist/InputText/index.cjs +2 -2
- package/dist/InputText/index.mjs +3 -3
- package/dist/LightBox-cjs.js +67 -51
- package/dist/LightBox-es.js +73 -57
- package/dist/Menu-cjs.js +11 -6
- package/dist/Menu-es.js +16 -11
- package/dist/Modal/index.cjs +3 -3
- package/dist/Modal/index.mjs +7 -7
- package/dist/Page-cjs.js +4 -4
- package/dist/Page-es.js +5 -5
- package/dist/Popover-cjs.js +1 -1
- package/dist/Popover-es.js +3 -3
- package/dist/SideDrawer-cjs.js +6 -6
- package/dist/SideDrawer-es.js +10 -10
- package/dist/Tooltip-cjs.js +2 -2
- package/dist/Tooltip-es.js +5 -5
- package/dist/floating-ui.react-es.js +1 -1
- package/dist/index.cjs +6 -7
- package/dist/index.mjs +6 -7
- package/dist/throttle-cjs.js +1 -0
- package/dist/throttle-es.js +1 -1
- package/dist/useDebounce-cjs.js +4383 -70
- package/dist/useDebounce-es.js +4384 -72
- package/dist/useFocusTrap-cjs.js +8 -3
- package/dist/useFocusTrap-es.js +9 -4
- package/dist/useInView-cjs.js +10 -5
- package/dist/useInView-es.js +11 -6
- package/dist/useIsMounted-cjs.js +19 -4
- package/dist/useIsMounted-es.js +20 -5
- package/dist/useOnKeyDown-cjs.js +7 -2
- package/dist/useOnKeyDown-es.js +8 -3
- package/dist/useRefocusOnActivator-cjs.js +7 -2
- package/dist/useRefocusOnActivator-es.js +8 -3
- package/dist/useResizeObserver-cjs.js +92 -64
- package/dist/useResizeObserver-es.js +94 -65
- package/dist/useSafeLayoutEffect-cjs.js +8 -3
- package/dist/useSafeLayoutEffect-es.js +10 -5
- package/dist/useScrollToActive-cjs.js +9 -4
- package/dist/useScrollToActive-es.js +11 -6
- package/package.json +4 -4
package/dist/Menu-es.js
CHANGED
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
import React__default, { useState,
|
|
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
|
|
5
|
-
import { u as useFloating,
|
|
6
|
-
import { u as
|
|
7
|
-
import { u as
|
|
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 } =
|
|
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
|
-
|
|
70
|
-
const menuRef =
|
|
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 =
|
|
170
|
+
const mounted = useIsMounted_2();
|
|
166
171
|
if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
|
|
167
172
|
return null;
|
|
168
173
|
}
|
package/dist/Modal/index.cjs
CHANGED
|
@@ -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.
|
|
39
|
-
const modalRef = useFocusTrap.
|
|
40
|
-
useOnKeyDown.
|
|
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: {
|
package/dist/Modal/index.mjs
CHANGED
|
@@ -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
|
|
6
|
-
import { u as
|
|
7
|
-
import { u as
|
|
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,
|
|
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
|
-
|
|
37
|
-
const modalRef =
|
|
38
|
-
|
|
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
|
|
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;
|
package/dist/Popover-cjs.js
CHANGED
|
@@ -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.
|
|
56
|
+
useRefocusOnActivator.useRefocusOnActivator_2(open);
|
|
57
57
|
return {
|
|
58
58
|
setFloatingElement: refs.setFloating,
|
|
59
59
|
setArrowElement,
|
package/dist/Popover-es.js
CHANGED
|
@@ -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,
|
|
5
|
-
import { u as
|
|
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
|
-
|
|
54
|
+
useRefocusOnActivator_2(open);
|
|
55
55
|
return {
|
|
56
56
|
setFloatingElement: refs.setFloating,
|
|
57
57
|
setArrowElement,
|
package/dist/SideDrawer-cjs.js
CHANGED
|
@@ -87,10 +87,10 @@ const useSideDrawerState = (open) => {
|
|
|
87
87
|
backButton: false,
|
|
88
88
|
});
|
|
89
89
|
const { toolbar, title, actions, backButton, footer } = useSlotIDs();
|
|
90
|
-
useRefocusOnActivator.
|
|
91
|
-
const sideDrawerRef = useFocusTrap.
|
|
92
|
-
const [headerShadowRef, noHeaderShadow] = useInView.
|
|
93
|
-
const [footerShadowRef, noFooterShadow] = 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.
|
|
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.
|
|
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: {
|
package/dist/SideDrawer-es.js
CHANGED
|
@@ -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
|
|
5
|
-
import { u as
|
|
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
|
|
8
|
-
import { u as
|
|
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
|
-
|
|
89
|
-
const sideDrawerRef =
|
|
90
|
-
const [headerShadowRef, noHeaderShadow] =
|
|
91
|
-
const [footerShadowRef, noFooterShadow] =
|
|
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
|
-
|
|
108
|
+
useRefocusOnActivator_2(open);
|
|
109
109
|
const container = ((_a = globalThis.document) === null || _a === void 0 ? void 0 : _a.body) || null;
|
|
110
|
-
const isMounted =
|
|
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: {
|
package/dist/Tooltip-cjs.js
CHANGED
|
@@ -122,7 +122,7 @@ function Tooltip({ message, children, preferredPlacement = "top", setTabIndex =
|
|
|
122
122
|
activator.removeEventListener("blur", hideTooltip);
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
|
-
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.
|
|
135
|
+
const mounted = useIsMounted.useIsMounted_2();
|
|
136
136
|
if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
|
|
137
137
|
return null;
|
|
138
138
|
}
|
package/dist/Tooltip-es.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React__default, { useRef, useState } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import { u as useFloating,
|
|
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
|
|
6
|
-
import { u as
|
|
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
|
-
|
|
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 =
|
|
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,
|
|
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('./
|
|
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('
|
|
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 './
|
|
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 '
|
|
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';
|
package/dist/throttle-cjs.js
CHANGED
package/dist/throttle-es.js
CHANGED