@jobber/components 9.5.3 → 9.6.0

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 (178) hide show
  1. package/Combobox.d.ts +1 -0
  2. package/Combobox.js +17 -0
  3. package/dist/Autocomplete/index.cjs +0 -2
  4. package/dist/Autocomplete/index.mjs +0 -2
  5. package/dist/Autocomplete-cjs.js +4 -5
  6. package/dist/Autocomplete-es.js +1 -2
  7. package/dist/Card/index.cjs +2 -2
  8. package/dist/Card/index.mjs +2 -2
  9. package/dist/Chip/index.cjs +0 -2
  10. package/dist/Chip/index.mjs +0 -2
  11. package/dist/Chips/InternalChipDismissible/hooks/index.cjs +0 -2
  12. package/dist/Chips/InternalChipDismissible/hooks/index.mjs +0 -2
  13. package/dist/Chips/InternalChipDismissible/index.cjs +0 -2
  14. package/dist/Chips/InternalChipDismissible/index.mjs +0 -2
  15. package/dist/Chips/index.cjs +0 -2
  16. package/dist/Chips/index.mjs +0 -2
  17. package/dist/Combobox/Combobox.contentSlots.d.ts +5 -0
  18. package/dist/Combobox/Combobox.context.d.ts +34 -0
  19. package/dist/Combobox/Combobox.d.ts +69 -0
  20. package/dist/Combobox/Combobox.footer.d.ts +7 -0
  21. package/dist/Combobox/Combobox.items.d.ts +25 -0
  22. package/dist/Combobox/Combobox.responsive.d.ts +54 -0
  23. package/dist/Combobox/Combobox.selectAll.d.ts +4 -0
  24. package/dist/Combobox/Combobox.slotFactory.d.ts +7 -0
  25. package/dist/Combobox/Combobox.testUtils.d.ts +12 -0
  26. package/dist/Combobox/Combobox.types.d.ts +166 -0
  27. package/dist/Combobox/index.cjs +35 -0
  28. package/dist/Combobox/index.d.ts +2 -0
  29. package/dist/Combobox/index.mjs +29 -0
  30. package/dist/Combobox-cjs.js +675 -0
  31. package/dist/Combobox-es.js +673 -0
  32. package/dist/ComboboxPrimitive-cjs.js +88 -47
  33. package/dist/ComboboxPrimitive-es.js +39 -23
  34. package/dist/{ComboboxChipRemove-cjs.js → ComboboxSeparator-cjs.js} +501 -455
  35. package/dist/{ComboboxChipRemove-es.js → ComboboxSeparator-es.js} +500 -456
  36. package/dist/ConfirmationModal/index.cjs +0 -2
  37. package/dist/ConfirmationModal/index.mjs +0 -2
  38. package/dist/ContentBlock/index.cjs +1 -0
  39. package/dist/ContentBlock/index.mjs +1 -0
  40. package/dist/ContentBlock-cjs.js +2 -18
  41. package/dist/ContentBlock-es.js +1 -17
  42. package/dist/DataDump/index.cjs +2 -2
  43. package/dist/DataDump/index.mjs +2 -2
  44. package/dist/DataList/components/DataListActions/index.cjs +0 -2
  45. package/dist/DataList/components/DataListActions/index.mjs +0 -2
  46. package/dist/DataList/components/DataListBulkActions/index.cjs +0 -2
  47. package/dist/DataList/components/DataListBulkActions/index.mjs +0 -2
  48. package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +0 -2
  49. package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +0 -2
  50. package/dist/DataList/components/DataListFilters/index.cjs +0 -2
  51. package/dist/DataList/components/DataListFilters/index.mjs +0 -2
  52. package/dist/DataList/components/DataListHeader/index.cjs +0 -2
  53. package/dist/DataList/components/DataListHeader/index.mjs +0 -2
  54. package/dist/DataList/components/DataListItem/index.cjs +0 -2
  55. package/dist/DataList/components/DataListItem/index.mjs +0 -2
  56. package/dist/DataList/components/DataListItemActions/index.cjs +0 -2
  57. package/dist/DataList/components/DataListItemActions/index.mjs +0 -2
  58. package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +0 -2
  59. package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +0 -2
  60. package/dist/DataList/components/DataListItems/index.cjs +0 -2
  61. package/dist/DataList/components/DataListItems/index.mjs +0 -2
  62. package/dist/DataList/components/DataListLayout/index.cjs +0 -2
  63. package/dist/DataList/components/DataListLayout/index.mjs +0 -2
  64. package/dist/DataList/components/DataListLayoutActions/index.cjs +0 -2
  65. package/dist/DataList/components/DataListLayoutActions/index.mjs +0 -2
  66. package/dist/DataList/index.cjs +0 -2
  67. package/dist/DataList/index.mjs +0 -2
  68. package/dist/DatePicker/index.cjs +0 -2
  69. package/dist/DatePicker/index.mjs +0 -2
  70. package/dist/DatePicker-cjs.js +4 -5
  71. package/dist/DatePicker-es.js +1 -2
  72. package/dist/Dialog/index.cjs +2 -2
  73. package/dist/Dialog/index.mjs +2 -2
  74. package/dist/DrawerDescription-cjs.js +268 -99
  75. package/dist/DrawerDescription-es.js +270 -103
  76. package/dist/DrawerTitle-cjs.js +2 -6
  77. package/dist/DrawerTitle-es.js +3 -7
  78. package/dist/FieldDescription-cjs.js +184 -181
  79. package/dist/FieldDescription-es.js +187 -184
  80. package/dist/FilterPicker/components/FilterPickerActivator/index.cjs +0 -2
  81. package/dist/FilterPicker/components/FilterPickerActivator/index.mjs +0 -2
  82. package/dist/FilterPicker/components/FilterPickerContent/index.cjs +0 -2
  83. package/dist/FilterPicker/components/FilterPickerContent/index.mjs +0 -2
  84. package/dist/FilterPicker/components/FilterPickerTrigger/index.cjs +0 -2
  85. package/dist/FilterPicker/components/FilterPickerTrigger/index.mjs +0 -2
  86. package/dist/FilterPicker/index.cjs +0 -2
  87. package/dist/FilterPicker/index.mjs +0 -2
  88. package/dist/FilterPickerContent-cjs.js +4 -5
  89. package/dist/FilterPickerContent-es.js +1 -2
  90. package/dist/FormatFile/index.cjs +0 -2
  91. package/dist/FormatFile/index.mjs +0 -2
  92. package/dist/Gallery/index.cjs +0 -2
  93. package/dist/Gallery/index.mjs +0 -2
  94. package/dist/InputDate/index.cjs +0 -2
  95. package/dist/InputDate/index.mjs +0 -2
  96. package/dist/InputNumber/index.cjs +2 -2
  97. package/dist/InputNumber/index.mjs +2 -2
  98. package/dist/InputNumber/types.d.ts +5 -0
  99. package/dist/InputNumber-cjs.js +2 -2
  100. package/dist/InputNumber-es.js +2 -2
  101. package/dist/LightBox/index.cjs +0 -2
  102. package/dist/LightBox/index.mjs +0 -2
  103. package/dist/Menu/index.cjs +2 -2
  104. package/dist/Menu/index.mjs +2 -2
  105. package/dist/Menu-cjs.js +4 -5
  106. package/dist/Menu-es.js +1 -2
  107. package/dist/MenuSubmenuTrigger-cjs.js +206 -164
  108. package/dist/MenuSubmenuTrigger-es.js +194 -152
  109. package/dist/Modal/index.cjs +0 -2
  110. package/dist/Modal/index.mjs +1 -3
  111. package/dist/NumberFieldInput-cjs.js +187 -308
  112. package/dist/NumberFieldInput-es.js +187 -308
  113. package/dist/Page/index.cjs +2 -2
  114. package/dist/Page/index.mjs +2 -2
  115. package/dist/Popover/index.cjs +0 -2
  116. package/dist/Popover/index.mjs +0 -2
  117. package/dist/Popover-cjs.js +7 -8
  118. package/dist/Popover-es.js +1 -2
  119. package/dist/ScrollAreaViewport-cjs.js +747 -1093
  120. package/dist/ScrollAreaViewport-es.js +734 -1081
  121. package/dist/Select/index.cjs +2 -2
  122. package/dist/Select/index.mjs +2 -2
  123. package/dist/SelectGroupLabel-cjs.js +207 -306
  124. package/dist/SelectGroupLabel-es.js +203 -302
  125. package/dist/SelectPrimitive-cjs.js +11 -17
  126. package/dist/SelectPrimitive-es.js +1 -7
  127. package/dist/Tooltip/index.cjs +0 -2
  128. package/dist/Tooltip/index.mjs +0 -2
  129. package/dist/Tooltip-cjs.js +6 -7
  130. package/dist/Tooltip-es.js +1 -2
  131. package/dist/buttonRenderAdapter-cjs.js +2 -1
  132. package/dist/buttonRenderAdapter-es.js +2 -1
  133. package/dist/dialogReturnFocus-cjs.js +1 -1
  134. package/dist/dialogReturnFocus-es.js +2 -2
  135. package/dist/docs/InputNumber/InputNumber.md +2 -2
  136. package/dist/docs/SelectPrimitive/SelectPrimitive.md +1 -1
  137. package/dist/floating-ui.react-cjs.js +2557 -185
  138. package/dist/floating-ui.react-es.js +2512 -149
  139. package/dist/getMappedBreakpointWidth-cjs.js +21 -0
  140. package/dist/getMappedBreakpointWidth-es.js +18 -0
  141. package/dist/index.cjs +15 -10
  142. package/dist/index.d.mts +1 -0
  143. package/dist/index.d.ts +1 -0
  144. package/dist/index.mjs +14 -10
  145. package/dist/mergeClassName-cjs.js +12 -0
  146. package/dist/mergeClassName-es.js +10 -0
  147. package/dist/primitives/BottomSheet/index.cjs +1 -1
  148. package/dist/primitives/BottomSheet/index.mjs +1 -1
  149. package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.d.ts +2 -2
  150. package/dist/primitives/ComboboxPrimitive/index.cjs +4 -5
  151. package/dist/primitives/ComboboxPrimitive/index.mjs +4 -5
  152. package/dist/primitives/SelectPrimitive/index.cjs +1 -2
  153. package/dist/primitives/SelectPrimitive/index.mjs +1 -2
  154. package/dist/primitives/index.cjs +3 -3
  155. package/dist/primitives/index.mjs +3 -3
  156. package/dist/scrollEdges-cjs.js +1 -11
  157. package/dist/scrollEdges-es.js +1 -11
  158. package/dist/scrollable-cjs.js +58 -0
  159. package/dist/scrollable-es.js +54 -0
  160. package/dist/styles.css +759 -42
  161. package/dist/unstyledPrimitives/index.cjs +720 -478
  162. package/dist/unstyledPrimitives/index.mjs +663 -421
  163. package/dist/useCompositeListItem-cjs.js +2108 -361
  164. package/dist/useCompositeListItem-es.js +2076 -331
  165. package/dist/useLabel-cjs.js +2 -3
  166. package/dist/useLabel-es.js +2 -3
  167. package/dist/useRenderElement-cjs.js +9 -7
  168. package/dist/useRenderElement-es.js +9 -7
  169. package/dist/useScrollLock-cjs.js +819 -344
  170. package/dist/useScrollLock-es.js +732 -296
  171. package/dist/useScrollToActive-cjs.js +4 -5
  172. package/dist/useScrollToActive-es.js +1 -2
  173. package/dist/utils/meta/meta.json +43 -1
  174. package/package.json +8 -3
  175. package/dist/floating-ui.react-dom-cjs.js +0 -2103
  176. package/dist/floating-ui.react-dom-es.js +0 -2072
  177. package/dist/floating-ui.utils-cjs.js +0 -342
  178. package/dist/floating-ui.utils-es.js +0 -300
@@ -8,10 +8,8 @@ require('@jobber/hooks');
8
8
  require('../Menu-cjs.js');
9
9
  require('framer-motion');
10
10
  require('../floating-ui.react-cjs.js');
11
- require('../floating-ui.utils-cjs.js');
12
11
  require('react/jsx-runtime');
13
12
  require('react-dom');
14
- require('../floating-ui.react-dom-cjs.js');
15
13
  require('../useAtlantisI18n-cjs.js');
16
14
  require('../AtlantisContext-cjs.js');
17
15
  require('../Button-cjs.js');
@@ -29,9 +27,11 @@ require('../BottomSheet-cjs.js');
29
27
  require('../ScrollAreaViewport-cjs.js');
30
28
  require('../useScrollLock-cjs.js');
31
29
  require('../scrollEdges-cjs.js');
30
+ require('../scrollable-cjs.js');
32
31
  require('../HelperText-cjs.js');
33
32
  require('../Text-cjs.js');
34
33
  require('../SelectPrimitive-cjs.js');
34
+ require('../mergeClassName-cjs.js');
35
35
  require('../SelectGroupLabel-cjs.js');
36
36
  require('../useCompositeListItem-cjs.js');
37
37
  require('../DrawerTitle-cjs.js');
@@ -6,10 +6,8 @@ import '@jobber/hooks';
6
6
  import '../Menu-es.js';
7
7
  import 'framer-motion';
8
8
  import '../floating-ui.react-es.js';
9
- import '../floating-ui.utils-es.js';
10
9
  import 'react/jsx-runtime';
11
10
  import 'react-dom';
12
- import '../floating-ui.react-dom-es.js';
13
11
  import '../useAtlantisI18n-es.js';
14
12
  import '../AtlantisContext-es.js';
15
13
  import '../Button-es.js';
@@ -27,9 +25,11 @@ import '../BottomSheet-es.js';
27
25
  import '../ScrollAreaViewport-es.js';
28
26
  import '../useScrollLock-es.js';
29
27
  import '../scrollEdges-es.js';
28
+ import '../scrollable-es.js';
30
29
  import '../HelperText-es.js';
31
30
  import '../Text-es.js';
32
31
  import '../SelectPrimitive-es.js';
32
+ import '../mergeClassName-es.js';
33
33
  import '../SelectGroupLabel-es.js';
34
34
  import '../useCompositeListItem-es.js';
35
35
  import '../DrawerTitle-es.js';
@@ -5,10 +5,8 @@ require('../tslib.es6-cjs.js');
5
5
  require('react');
6
6
  require('classnames');
7
7
  require('../floating-ui.react-cjs.js');
8
- require('../floating-ui.utils-cjs.js');
9
8
  require('react/jsx-runtime');
10
9
  require('react-dom');
11
- require('../floating-ui.react-dom-cjs.js');
12
10
  require('@jobber/hooks');
13
11
  require('../AtlantisPortalContent-cjs.js');
14
12
  require('../AtlantisThemeContext-cjs.js');
@@ -3,10 +3,8 @@ import '../tslib.es6-es.js';
3
3
  import 'react';
4
4
  import 'classnames';
5
5
  import '../floating-ui.react-es.js';
6
- import '../floating-ui.utils-es.js';
7
6
  import 'react/jsx-runtime';
8
7
  import 'react-dom';
9
- import '../floating-ui.react-dom-es.js';
10
8
  import '@jobber/hooks';
11
9
  import '../AtlantisPortalContent-es.js';
12
10
  import '../AtlantisThemeContext-es.js';
@@ -5,7 +5,6 @@ var React = require('react');
5
5
  var classnames = require('classnames');
6
6
  var floatingUi_react = require('./floating-ui.react-cjs.js');
7
7
  var jobberHooks = require('@jobber/hooks');
8
- var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
9
8
  var AtlantisPortalContent = require('./AtlantisPortalContent-cjs.js');
10
9
  var useAtlantisI18n = require('./useAtlantisI18n-cjs.js');
11
10
  var ButtonDismiss = require('./ButtonDismiss-cjs.js');
@@ -17,25 +16,25 @@ const usePopover = ({ preferredPlacement, attachTo, open, }) => {
17
16
  const [arrowElement, setArrowElement] = React.useState();
18
17
  const modifiers = React.useMemo(() => {
19
18
  const baseModifiers = [
20
- floatingUi_reactDom.offset(POPOVER_OFFSET),
21
- floatingUi_reactDom.shift({
19
+ floatingUi_react.offset(POPOVER_OFFSET),
20
+ floatingUi_react.shift({
22
21
  mainAxis: true,
23
22
  crossAxis: false,
24
23
  padding: POPOVER_SHIFT_PADDING,
25
- limiter: floatingUi_reactDom.limitShift(),
24
+ limiter: floatingUi_react.limitShift(),
26
25
  }),
27
26
  ];
28
27
  const placementMiddleware = preferredPlacement === "auto"
29
- ? floatingUi_reactDom.autoPlacement({
28
+ ? floatingUi_react.autoPlacement({
30
29
  allowedPlacements: ["top", "bottom", "left", "right"],
31
30
  })
32
- : floatingUi_reactDom.flip({
31
+ : floatingUi_react.flip({
33
32
  fallbackPlacements: ["top", "bottom", "left", "right"],
34
33
  });
35
34
  return [
36
35
  ...baseModifiers,
37
36
  placementMiddleware,
38
- floatingUi_reactDom.arrow({
37
+ floatingUi_react.arrow({
39
38
  element: arrowElement || null,
40
39
  padding: POPOVER_ARROW_PADDING,
41
40
  }),
@@ -53,7 +52,7 @@ const usePopover = ({ preferredPlacement, attachTo, open, }) => {
53
52
  },
54
53
  // Only use this option when the floating element is conditionally rendered
55
54
  // (which we are), not hidden with css. https://floating-ui.com/docs/autoUpdate
56
- whileElementsMounted: floatingUi_reactDom.autoUpdate,
55
+ whileElementsMounted: floatingUi_react.autoUpdate,
57
56
  });
58
57
  jobberHooks.useRefocusOnActivator(open);
59
58
  return {
@@ -1,9 +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 { u as useFloating, F as FloatingPortal } from './floating-ui.react-es.js';
4
+ import { a as arrow, u as useFloating, b as autoUpdate, o as offset, s as shift, l as limitShift, k as autoPlacement, f as flip, F as FloatingPortal } from './floating-ui.react-es.js';
5
5
  import { useRefocusOnActivator } from '@jobber/hooks';
6
- import { a as arrow, b as autoUpdate, o as offset, s as shift, l as limitShift, c as autoPlacement, f as flip } from './floating-ui.react-dom-es.js';
7
6
  import { A as AtlantisPortalContent } from './AtlantisPortalContent-es.js';
8
7
  import { d as defineMessages, u as useAtlantisI18n } from './useAtlantisI18n-es.js';
9
8
  import { B as ButtonDismiss } from './ButtonDismiss-es.js';