@jobber/components 9.6.1 → 9.6.2
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 +2 -0
- package/dist/Autocomplete/index.mjs +2 -0
- package/dist/Autocomplete-cjs.js +5 -4
- package/dist/Autocomplete-es.js +2 -1
- package/dist/Card/index.cjs +2 -1
- package/dist/Card/index.mjs +2 -1
- package/dist/Chip/index.cjs +2 -0
- package/dist/Chip/index.mjs +2 -0
- package/dist/Chips/InternalChipDismissible/hooks/index.cjs +2 -0
- package/dist/Chips/InternalChipDismissible/hooks/index.mjs +2 -0
- package/dist/Chips/InternalChipDismissible/index.cjs +2 -0
- package/dist/Chips/InternalChipDismissible/index.mjs +2 -0
- package/dist/Chips/index.cjs +2 -0
- package/dist/Chips/index.mjs +2 -0
- package/dist/Combobox/index.cjs +4 -2
- package/dist/Combobox/index.mjs +4 -2
- package/dist/{ComboboxSeparator-cjs.js → ComboboxChipRemove-cjs.js} +455 -501
- package/dist/{ComboboxSeparator-es.js → ComboboxChipRemove-es.js} +456 -500
- package/dist/ComboboxPrimitive-cjs.js +30 -29
- package/dist/ComboboxPrimitive-es.js +3 -2
- package/dist/ConfirmationModal/index.cjs +2 -0
- package/dist/ConfirmationModal/index.mjs +2 -0
- package/dist/DataDump/index.cjs +2 -1
- package/dist/DataDump/index.mjs +2 -1
- package/dist/DataList/components/DataListActions/index.cjs +2 -0
- package/dist/DataList/components/DataListActions/index.mjs +2 -0
- package/dist/DataList/components/DataListBulkActions/index.cjs +2 -0
- package/dist/DataList/components/DataListBulkActions/index.mjs +2 -0
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +2 -0
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +2 -0
- package/dist/DataList/components/DataListFilters/index.cjs +2 -0
- package/dist/DataList/components/DataListFilters/index.mjs +2 -0
- package/dist/DataList/components/DataListHeader/index.cjs +2 -0
- package/dist/DataList/components/DataListHeader/index.mjs +2 -0
- package/dist/DataList/components/DataListItem/index.cjs +2 -0
- package/dist/DataList/components/DataListItem/index.mjs +2 -0
- package/dist/DataList/components/DataListItemActions/index.cjs +2 -0
- package/dist/DataList/components/DataListItemActions/index.mjs +2 -0
- package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +2 -0
- package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +2 -0
- package/dist/DataList/components/DataListItems/index.cjs +2 -0
- package/dist/DataList/components/DataListItems/index.mjs +2 -0
- package/dist/DataList/components/DataListLayout/index.cjs +2 -0
- package/dist/DataList/components/DataListLayout/index.mjs +2 -0
- package/dist/DataList/components/DataListLayoutActions/index.cjs +2 -0
- package/dist/DataList/components/DataListLayoutActions/index.mjs +2 -0
- package/dist/DataList/index.cjs +2 -0
- package/dist/DataList/index.mjs +2 -0
- package/dist/DatePicker/index.cjs +2 -0
- package/dist/DatePicker/index.mjs +2 -0
- package/dist/DatePicker-cjs.js +5 -4
- package/dist/DatePicker-es.js +2 -1
- package/dist/Dialog/index.cjs +2 -1
- package/dist/Dialog/index.mjs +2 -1
- package/dist/DrawerDescription-cjs.js +99 -268
- package/dist/DrawerDescription-es.js +103 -270
- package/dist/DrawerTitle-cjs.js +6 -2
- package/dist/DrawerTitle-es.js +7 -3
- package/dist/FieldDescription-cjs.js +181 -184
- package/dist/FieldDescription-es.js +184 -187
- package/dist/FilterPicker/components/FilterPickerActivator/index.cjs +2 -0
- package/dist/FilterPicker/components/FilterPickerActivator/index.mjs +2 -0
- package/dist/FilterPicker/components/FilterPickerContent/index.cjs +2 -0
- package/dist/FilterPicker/components/FilterPickerContent/index.mjs +2 -0
- package/dist/FilterPicker/components/FilterPickerTrigger/index.cjs +2 -0
- package/dist/FilterPicker/components/FilterPickerTrigger/index.mjs +2 -0
- package/dist/FilterPicker/index.cjs +2 -0
- package/dist/FilterPicker/index.mjs +2 -0
- package/dist/FilterPickerContent-cjs.js +5 -4
- package/dist/FilterPickerContent-es.js +2 -1
- package/dist/FormatFile/index.cjs +2 -0
- package/dist/FormatFile/index.mjs +2 -0
- package/dist/Gallery/index.cjs +2 -0
- package/dist/Gallery/index.mjs +2 -0
- package/dist/InputDate/index.cjs +2 -0
- package/dist/InputDate/index.mjs +2 -0
- package/dist/InputNumber/index.cjs +2 -1
- package/dist/InputNumber/index.mjs +2 -1
- package/dist/LightBox/index.cjs +2 -0
- package/dist/LightBox/index.mjs +2 -0
- package/dist/Menu/index.cjs +2 -1
- package/dist/Menu/index.mjs +2 -1
- package/dist/Menu-cjs.js +5 -4
- package/dist/Menu-es.js +2 -1
- package/dist/MenuSubmenuTrigger-cjs.js +164 -206
- package/dist/MenuSubmenuTrigger-es.js +152 -194
- package/dist/Modal/index.cjs +2 -0
- package/dist/Modal/index.mjs +3 -1
- package/dist/NumberFieldInput-cjs.js +308 -187
- package/dist/NumberFieldInput-es.js +308 -187
- package/dist/Page/index.cjs +2 -1
- package/dist/Page/index.mjs +2 -1
- package/dist/Popover/index.cjs +2 -0
- package/dist/Popover/index.mjs +2 -0
- package/dist/Popover-cjs.js +8 -7
- package/dist/Popover-es.js +2 -1
- package/dist/ScrollAreaViewport-cjs.js +1093 -747
- package/dist/ScrollAreaViewport-es.js +1081 -734
- package/dist/Select/index.cjs +2 -1
- package/dist/Select/index.mjs +2 -1
- package/dist/SelectGroupLabel-cjs.js +306 -207
- package/dist/SelectGroupLabel-es.js +302 -203
- package/dist/Tooltip/index.cjs +2 -0
- package/dist/Tooltip/index.mjs +2 -0
- package/dist/Tooltip-cjs.js +7 -6
- package/dist/Tooltip-es.js +2 -1
- package/dist/dialogReturnFocus-cjs.js +1 -1
- package/dist/dialogReturnFocus-es.js +2 -2
- package/dist/floating-ui.react-cjs.js +192 -2564
- package/dist/floating-ui.react-dom-cjs.js +2103 -0
- package/dist/floating-ui.react-dom-es.js +2072 -0
- package/dist/floating-ui.react-es.js +156 -2519
- package/dist/floating-ui.utils-cjs.js +342 -0
- package/dist/floating-ui.utils-es.js +300 -0
- package/dist/index.cjs +4 -3
- package/dist/index.mjs +4 -3
- package/dist/primitives/BottomSheet/index.cjs +1 -1
- package/dist/primitives/BottomSheet/index.mjs +1 -1
- package/dist/primitives/ComboboxPrimitive/index.cjs +4 -2
- package/dist/primitives/ComboboxPrimitive/index.mjs +4 -2
- package/dist/primitives/SelectPrimitive/index.cjs +2 -0
- package/dist/primitives/SelectPrimitive/index.mjs +2 -0
- package/dist/primitives/index.cjs +3 -2
- package/dist/primitives/index.mjs +3 -2
- package/dist/scrollEdges-cjs.js +11 -1
- package/dist/scrollEdges-es.js +11 -1
- package/dist/unstyledPrimitives/index.cjs +478 -720
- package/dist/unstyledPrimitives/index.mjs +421 -663
- package/dist/useCompositeListItem-cjs.js +361 -2108
- package/dist/useCompositeListItem-es.js +331 -2076
- package/dist/useLabel-cjs.js +3 -2
- package/dist/useLabel-es.js +3 -2
- package/dist/useRenderElement-cjs.js +7 -9
- package/dist/useRenderElement-es.js +7 -9
- package/dist/useScrollLock-cjs.js +344 -819
- package/dist/useScrollLock-es.js +296 -732
- package/dist/useScrollToActive-cjs.js +5 -4
- package/dist/useScrollToActive-es.js +2 -1
- package/package.json +3 -3
- package/dist/scrollable-cjs.js +0 -58
- package/dist/scrollable-es.js +0 -54
|
@@ -6,8 +6,10 @@ require('react');
|
|
|
6
6
|
require('../FilterPickerContent-cjs.js');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('../floating-ui.react-cjs.js');
|
|
9
|
+
require('../floating-ui.utils-cjs.js');
|
|
9
10
|
require('react/jsx-runtime');
|
|
10
11
|
require('react-dom');
|
|
12
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
11
13
|
require('../FilterPickerContentSearch-cjs.js');
|
|
12
14
|
require('../Icon-cjs.js');
|
|
13
15
|
require('@jobber/design');
|
|
@@ -4,8 +4,10 @@ import 'react';
|
|
|
4
4
|
import '../FilterPickerContent-es.js';
|
|
5
5
|
import 'classnames';
|
|
6
6
|
import '../floating-ui.react-es.js';
|
|
7
|
+
import '../floating-ui.utils-es.js';
|
|
7
8
|
import 'react/jsx-runtime';
|
|
8
9
|
import 'react-dom';
|
|
10
|
+
import '../floating-ui.react-dom-es.js';
|
|
9
11
|
import '../FilterPickerContentSearch-es.js';
|
|
10
12
|
import '../Icon-es.js';
|
|
11
13
|
import '@jobber/design';
|
|
@@ -8,6 +8,7 @@ var FilterPickerContentList = require('./FilterPickerContentList-cjs.js');
|
|
|
8
8
|
var FilterPickerContentHeader = require('./FilterPickerContentHeader-cjs.js');
|
|
9
9
|
var FilterPickerProvider = require('./FilterPickerProvider-cjs.js');
|
|
10
10
|
var jobberHooks = require('@jobber/hooks');
|
|
11
|
+
var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
|
|
11
12
|
var constants = require('./constants-cjs.js');
|
|
12
13
|
|
|
13
14
|
var styles = {"content":"bog6pntD050-","hidden":"CLGExWp0HOc-","actions":"Tuw6ng4mYhg-","actionPadding":"uC0PW9BRcl4-","spinning":"TWLS2ZoEtnQ-"};
|
|
@@ -64,8 +65,8 @@ function useFilterPickerAccessibility(selectionCallback, filteredOptions, option
|
|
|
64
65
|
handleClose();
|
|
65
66
|
},
|
|
66
67
|
middleware: [
|
|
67
|
-
|
|
68
|
-
|
|
68
|
+
floatingUi_reactDom.offset(FILTER_PICKER_OFFSET),
|
|
69
|
+
floatingUi_reactDom.flip({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
|
|
69
70
|
],
|
|
70
71
|
});
|
|
71
72
|
const dismiss = floatingUi_react.useDismiss(context);
|
|
@@ -74,10 +75,10 @@ function useFilterPickerAccessibility(selectionCallback, filteredOptions, option
|
|
|
74
75
|
// set up and tear down autoUpdate manually to avoid unnecessary observers.
|
|
75
76
|
React.useEffect(() => {
|
|
76
77
|
if (open && elements.reference && elements.floating) {
|
|
77
|
-
const cleanup =
|
|
78
|
+
const cleanup = floatingUi_reactDom.autoUpdate(elements.reference, elements.floating, update);
|
|
78
79
|
return cleanup;
|
|
79
80
|
}
|
|
80
|
-
}, [open,
|
|
81
|
+
}, [open, floatingUi_reactDom.autoUpdate, elements, update]);
|
|
81
82
|
React.useEffect(() => {
|
|
82
83
|
focusedIndex.current = null;
|
|
83
84
|
if (open) {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React__default, { useContext, useRef, useEffect, useMemo } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import {
|
|
3
|
+
import { a as useFloatingParentNodeId, b as useFloatingNodeId, u as useFloating, c as useDismiss, d as useInteractions, e as FloatingTree, f as FloatingNode, F as FloatingPortal } from './floating-ui.react-es.js';
|
|
4
4
|
import { F as FilterPickerContentSearch } from './FilterPickerContentSearch-es.js';
|
|
5
5
|
import { F as FilterPickerContentList } from './FilterPickerContentList-es.js';
|
|
6
6
|
import { F as FilterPickerContentHeader } from './FilterPickerContentHeader-es.js';
|
|
7
7
|
import { a as FilterPickerContext } from './FilterPickerProvider-es.js';
|
|
8
8
|
import { useRefocusOnActivator, useFocusTrap } from '@jobber/hooks';
|
|
9
|
+
import { o as offset, f as flip, b as autoUpdate } from './floating-ui.react-dom-es.js';
|
|
9
10
|
import { F as FILTER_PICKER_MENU_ID } from './constants-es.js';
|
|
10
11
|
|
|
11
12
|
var styles = {"content":"bog6pntD050-","hidden":"CLGExWp0HOc-","actions":"Tuw6ng4mYhg-","actionPadding":"uC0PW9BRcl4-","spinning":"TWLS2ZoEtnQ-"};
|
|
@@ -28,7 +28,9 @@ require('../ButtonDismiss-cjs.js');
|
|
|
28
28
|
require('../noop-cjs.js');
|
|
29
29
|
require('../_commonjsHelpers-cjs.js');
|
|
30
30
|
require('../floating-ui.react-cjs.js');
|
|
31
|
+
require('../floating-ui.utils-cjs.js');
|
|
31
32
|
require('react/jsx-runtime');
|
|
33
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
32
34
|
require('../identity-cjs.js');
|
|
33
35
|
require('../isTypedArray-cjs.js');
|
|
34
36
|
require('../isObjectLike-cjs.js');
|
|
@@ -26,7 +26,9 @@ import '../ButtonDismiss-es.js';
|
|
|
26
26
|
import '../noop-es.js';
|
|
27
27
|
import '../_commonjsHelpers-es.js';
|
|
28
28
|
import '../floating-ui.react-es.js';
|
|
29
|
+
import '../floating-ui.utils-es.js';
|
|
29
30
|
import 'react/jsx-runtime';
|
|
31
|
+
import '../floating-ui.react-dom-es.js';
|
|
30
32
|
import '../identity-es.js';
|
|
31
33
|
import '../isTypedArray-es.js';
|
|
32
34
|
import '../isObjectLike-es.js';
|
package/dist/Gallery/index.cjs
CHANGED
|
@@ -22,7 +22,9 @@ require('../Text-cjs.js');
|
|
|
22
22
|
require('../Heading-cjs.js');
|
|
23
23
|
require('../Tooltip-cjs.js');
|
|
24
24
|
require('../floating-ui.react-cjs.js');
|
|
25
|
+
require('../floating-ui.utils-cjs.js');
|
|
25
26
|
require('react/jsx-runtime');
|
|
27
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
26
28
|
require('../AtlantisThemeContext-cjs.js');
|
|
27
29
|
require('../identity-cjs.js');
|
|
28
30
|
require('../isTypedArray-cjs.js');
|
package/dist/Gallery/index.mjs
CHANGED
|
@@ -20,7 +20,9 @@ import '../Text-es.js';
|
|
|
20
20
|
import '../Heading-es.js';
|
|
21
21
|
import '../Tooltip-es.js';
|
|
22
22
|
import '../floating-ui.react-es.js';
|
|
23
|
+
import '../floating-ui.utils-es.js';
|
|
23
24
|
import 'react/jsx-runtime';
|
|
25
|
+
import '../floating-ui.react-dom-es.js';
|
|
24
26
|
import '../AtlantisThemeContext-es.js';
|
|
25
27
|
import '../identity-es.js';
|
|
26
28
|
import '../isTypedArray-es.js';
|
package/dist/InputDate/index.cjs
CHANGED
|
@@ -7,8 +7,10 @@ require('../AtlantisContext-cjs.js');
|
|
|
7
7
|
require('../DatePicker-cjs.js');
|
|
8
8
|
require('classnames');
|
|
9
9
|
require('../floating-ui.react-cjs.js');
|
|
10
|
+
require('../floating-ui.utils-cjs.js');
|
|
10
11
|
require('react/jsx-runtime');
|
|
11
12
|
require('react-dom');
|
|
13
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
12
14
|
require('@jobber/hooks');
|
|
13
15
|
require('../Typography-cjs.js');
|
|
14
16
|
require('../Button-cjs.js');
|
package/dist/InputDate/index.mjs
CHANGED
|
@@ -5,8 +5,10 @@ import '../AtlantisContext-es.js';
|
|
|
5
5
|
import '../DatePicker-es.js';
|
|
6
6
|
import 'classnames';
|
|
7
7
|
import '../floating-ui.react-es.js';
|
|
8
|
+
import '../floating-ui.utils-es.js';
|
|
8
9
|
import 'react/jsx-runtime';
|
|
9
10
|
import 'react-dom';
|
|
11
|
+
import '../floating-ui.react-dom-es.js';
|
|
10
12
|
import '@jobber/hooks';
|
|
11
13
|
import '../Typography-es.js';
|
|
12
14
|
import '../Button-es.js';
|
|
@@ -20,16 +20,17 @@ require('../BottomSheet-cjs.js');
|
|
|
20
20
|
require('../buttonRenderAdapter-cjs.js');
|
|
21
21
|
require('../ScrollAreaViewport-cjs.js');
|
|
22
22
|
require('../useScrollLock-cjs.js');
|
|
23
|
+
require('../floating-ui.utils-cjs.js');
|
|
23
24
|
require('react/jsx-runtime');
|
|
24
25
|
require('react-dom');
|
|
25
26
|
require('../scrollEdges-cjs.js');
|
|
26
|
-
require('../scrollable-cjs.js');
|
|
27
27
|
require('../HelperText-cjs.js');
|
|
28
28
|
require('../Text-cjs.js');
|
|
29
29
|
require('../SelectPrimitive-cjs.js');
|
|
30
30
|
require('../mergeClassName-cjs.js');
|
|
31
31
|
require('../SelectGroupLabel-cjs.js');
|
|
32
32
|
require('../useCompositeListItem-cjs.js');
|
|
33
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
33
34
|
require('../FieldDescription-cjs.js');
|
|
34
35
|
require('../useLabel-cjs.js');
|
|
35
36
|
require('../NumberFieldInput-cjs.js');
|
|
@@ -18,16 +18,17 @@ import '../BottomSheet-es.js';
|
|
|
18
18
|
import '../buttonRenderAdapter-es.js';
|
|
19
19
|
import '../ScrollAreaViewport-es.js';
|
|
20
20
|
import '../useScrollLock-es.js';
|
|
21
|
+
import '../floating-ui.utils-es.js';
|
|
21
22
|
import 'react/jsx-runtime';
|
|
22
23
|
import 'react-dom';
|
|
23
24
|
import '../scrollEdges-es.js';
|
|
24
|
-
import '../scrollable-es.js';
|
|
25
25
|
import '../HelperText-es.js';
|
|
26
26
|
import '../Text-es.js';
|
|
27
27
|
import '../SelectPrimitive-es.js';
|
|
28
28
|
import '../mergeClassName-es.js';
|
|
29
29
|
import '../SelectGroupLabel-es.js';
|
|
30
30
|
import '../useCompositeListItem-es.js';
|
|
31
|
+
import '../floating-ui.react-dom-es.js';
|
|
31
32
|
import '../FieldDescription-es.js';
|
|
32
33
|
import '../useLabel-es.js';
|
|
33
34
|
import '../NumberFieldInput-es.js';
|
package/dist/LightBox/index.cjs
CHANGED
|
@@ -21,7 +21,9 @@ require('../Text-cjs.js');
|
|
|
21
21
|
require('../Heading-cjs.js');
|
|
22
22
|
require('../Tooltip-cjs.js');
|
|
23
23
|
require('../floating-ui.react-cjs.js');
|
|
24
|
+
require('../floating-ui.utils-cjs.js');
|
|
24
25
|
require('react/jsx-runtime');
|
|
26
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
25
27
|
require('../AtlantisThemeContext-cjs.js');
|
|
26
28
|
require('../identity-cjs.js');
|
|
27
29
|
require('../isTypedArray-cjs.js');
|
package/dist/LightBox/index.mjs
CHANGED
|
@@ -19,7 +19,9 @@ import '../Text-es.js';
|
|
|
19
19
|
import '../Heading-es.js';
|
|
20
20
|
import '../Tooltip-es.js';
|
|
21
21
|
import '../floating-ui.react-es.js';
|
|
22
|
+
import '../floating-ui.utils-es.js';
|
|
22
23
|
import 'react/jsx-runtime';
|
|
24
|
+
import '../floating-ui.react-dom-es.js';
|
|
23
25
|
import '../AtlantisThemeContext-es.js';
|
|
24
26
|
import '../identity-es.js';
|
|
25
27
|
import '../isTypedArray-es.js';
|
package/dist/Menu/index.cjs
CHANGED
|
@@ -6,8 +6,10 @@ require('@jobber/hooks');
|
|
|
6
6
|
require('classnames');
|
|
7
7
|
require('framer-motion');
|
|
8
8
|
require('../floating-ui.react-cjs.js');
|
|
9
|
+
require('../floating-ui.utils-cjs.js');
|
|
9
10
|
require('react/jsx-runtime');
|
|
10
11
|
require('react-dom');
|
|
12
|
+
require('../floating-ui.react-dom-cjs.js');
|
|
11
13
|
require('../useAtlantisI18n-cjs.js');
|
|
12
14
|
require('../AtlantisContext-cjs.js');
|
|
13
15
|
require('../Button-cjs.js');
|
|
@@ -26,7 +28,6 @@ require('../BottomSheet-cjs.js');
|
|
|
26
28
|
require('../ScrollAreaViewport-cjs.js');
|
|
27
29
|
require('../useScrollLock-cjs.js');
|
|
28
30
|
require('../scrollEdges-cjs.js');
|
|
29
|
-
require('../scrollable-cjs.js');
|
|
30
31
|
require('../HelperText-cjs.js');
|
|
31
32
|
require('../Text-cjs.js');
|
|
32
33
|
require('../SelectPrimitive-cjs.js');
|
package/dist/Menu/index.mjs
CHANGED
|
@@ -4,8 +4,10 @@ import '@jobber/hooks';
|
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import 'framer-motion';
|
|
6
6
|
import '../floating-ui.react-es.js';
|
|
7
|
+
import '../floating-ui.utils-es.js';
|
|
7
8
|
import 'react/jsx-runtime';
|
|
8
9
|
import 'react-dom';
|
|
10
|
+
import '../floating-ui.react-dom-es.js';
|
|
9
11
|
import '../useAtlantisI18n-es.js';
|
|
10
12
|
import '../AtlantisContext-es.js';
|
|
11
13
|
import '../Button-es.js';
|
|
@@ -24,7 +26,6 @@ import '../BottomSheet-es.js';
|
|
|
24
26
|
import '../ScrollAreaViewport-es.js';
|
|
25
27
|
import '../useScrollLock-es.js';
|
|
26
28
|
import '../scrollEdges-es.js';
|
|
27
|
-
import '../scrollable-es.js';
|
|
28
29
|
import '../HelperText-es.js';
|
|
29
30
|
import '../Text-es.js';
|
|
30
31
|
import '../SelectPrimitive-es.js';
|
package/dist/Menu-cjs.js
CHANGED
|
@@ -12,6 +12,7 @@ var Typography = require('./Typography-cjs.js');
|
|
|
12
12
|
var Icon = require('./Icon-cjs.js');
|
|
13
13
|
var useFormFieldFocus = require('./useFormFieldFocus-cjs.js');
|
|
14
14
|
var maxHeight = require('./maxHeight-cjs.js');
|
|
15
|
+
var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
|
|
15
16
|
var useRenderElement = require('./useRenderElement-cjs.js');
|
|
16
17
|
var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
|
|
17
18
|
var OverlaySeparator = require('./OverlaySeparator-cjs.js');
|
|
@@ -94,9 +95,9 @@ function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
|
|
|
94
95
|
const middleware = React.useMemo(() => {
|
|
95
96
|
if (isLargeScreen) {
|
|
96
97
|
return [
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
98
|
+
floatingUi_reactDom.offset(MENU_OFFSET),
|
|
99
|
+
floatingUi_reactDom.flip({ fallbackPlacements: ["bottom-end", "top-start", "top-end"] }),
|
|
100
|
+
floatingUi_reactDom.size({
|
|
100
101
|
apply({ availableHeight, elements }) {
|
|
101
102
|
const menuElement = elements.floating.querySelector('[role="menu"]');
|
|
102
103
|
if (menuElement) {
|
|
@@ -126,7 +127,7 @@ function MenuLegacy({ activator, items, UNSAFE_className, UNSAFE_style, }) {
|
|
|
126
127
|
elements: {
|
|
127
128
|
reference: referenceElement,
|
|
128
129
|
},
|
|
129
|
-
whileElementsMounted:
|
|
130
|
+
whileElementsMounted: floatingUi_reactDom.autoUpdate,
|
|
130
131
|
});
|
|
131
132
|
const dismiss = floatingUi_react.useDismiss(context);
|
|
132
133
|
const listNavigation = floatingUi_react.useListNavigation(context, {
|
package/dist/Menu-es.js
CHANGED
|
@@ -2,7 +2,7 @@ import React__default, { useState, useRef, useId, useMemo } from 'react';
|
|
|
2
2
|
import { useWindowDimensions, useRefocusOnActivator, useIsSmallScreen } from '@jobber/hooks';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
5
|
-
import {
|
|
5
|
+
import { u as useFloating, c as useDismiss, g as useListNavigation, d as useInteractions, F as FloatingPortal } from './floating-ui.react-es.js';
|
|
6
6
|
import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
|
|
7
7
|
import './AtlantisContext-es.js';
|
|
8
8
|
import { B as Button } from './Button-es.js';
|
|
@@ -10,6 +10,7 @@ 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
|
+
import { o as offset, f as flip, d as size, b as autoUpdate } from './floating-ui.react-dom-es.js';
|
|
13
14
|
import { m as mergeProps } from './useRenderElement-es.js';
|
|
14
15
|
import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
|
|
15
16
|
import { O as OverlaySeparator } from './OverlaySeparator-es.js';
|