@jobber/components 8.26.3 → 8.27.1

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 (65) hide show
  1. package/Select.d.ts +1 -0
  2. package/Select.js +17 -0
  3. package/dist/BottomSheet-cjs.js +8 -7
  4. package/dist/BottomSheet-es.js +9 -8
  5. package/dist/ComboboxChipRemove-cjs.js +2 -1
  6. package/dist/ComboboxChipRemove-es.js +4 -3
  7. package/dist/DrawerDescription-cjs.js +4 -97
  8. package/dist/DrawerDescription-es.js +6 -98
  9. package/dist/FieldDescription-cjs.js +880 -0
  10. package/dist/FieldDescription-es.js +856 -0
  11. package/dist/InputNumberExperimental-cjs.js +5 -875
  12. package/dist/InputNumberExperimental-es.js +2 -854
  13. package/dist/MenuSubmenuTrigger-es.js +4 -4
  14. package/dist/Modal/index.cjs +12 -2
  15. package/dist/Modal/index.mjs +13 -3
  16. package/dist/NumberFieldInput-cjs.js +2 -2
  17. package/dist/NumberFieldInput-es.js +1 -1
  18. package/dist/ScrollAreaViewport-cjs.js +2122 -12
  19. package/dist/ScrollAreaViewport-es.js +2118 -13
  20. package/dist/Select/Select.d.ts +31 -0
  21. package/dist/Select/Select.types.d.ts +145 -0
  22. package/dist/Select/SelectBottomSheet.d.ts +4 -0
  23. package/dist/Select/SelectDropdown.d.ts +4 -0
  24. package/dist/Select/index.cjs +41 -0
  25. package/dist/Select/index.d.ts +2 -0
  26. package/dist/Select/index.mjs +35 -0
  27. package/dist/Select-cjs.js +231 -0
  28. package/dist/Select-es.js +229 -0
  29. package/dist/SelectPrimitive-cjs.js +20 -3
  30. package/dist/SelectPrimitive-es.js +20 -3
  31. package/dist/dialogReturnFocus-cjs.js +8 -5
  32. package/dist/dialogReturnFocus-es.js +9 -6
  33. package/dist/docs/Dialog/Dialog.md +74 -21
  34. package/dist/docs/Select/Select.md +428 -0
  35. package/dist/docs/SelectPrimitive/SelectPrimitive.md +14 -1
  36. package/dist/docs/index.md +1 -0
  37. package/dist/floating-ui.react-dom-es.js +1 -1
  38. package/dist/floating-ui.react-es.js +1 -1
  39. package/dist/floating-ui.utils.dom-es.js +1 -1
  40. package/dist/index.cjs +9 -0
  41. package/dist/index.d.mts +1 -0
  42. package/dist/index.d.ts +1 -0
  43. package/dist/index.mjs +8 -0
  44. package/dist/primitives/ComboboxPrimitive/index.cjs +1 -0
  45. package/dist/primitives/ComboboxPrimitive/index.mjs +1 -0
  46. package/dist/primitives/HelperText/HelperText.d.ts +2 -1
  47. package/dist/primitives/InputNumberExperimental/index.cjs +3 -1
  48. package/dist/primitives/InputNumberExperimental/index.mjs +3 -1
  49. package/dist/primitives/SelectPrimitive/SelectPrimitive.d.ts +11 -0
  50. package/dist/primitives/SelectPrimitive/index.d.ts +1 -1
  51. package/dist/primitives/SelectPrimitive/types.d.ts +15 -0
  52. package/dist/primitives/index.cjs +2 -0
  53. package/dist/primitives/index.mjs +2 -0
  54. package/dist/stringifyLocale-cjs.js +13 -0
  55. package/dist/stringifyLocale-es.js +11 -0
  56. package/dist/styles.css +300 -10
  57. package/dist/unstyledPrimitives/index.cjs +219 -2230
  58. package/dist/unstyledPrimitives/index.mjs +225 -2236
  59. package/dist/useButton-es.js +2 -2
  60. package/dist/useCompositeListItem-es.js +1 -1
  61. package/dist/useLabel-cjs.js +0 -11
  62. package/dist/useLabel-es.js +2 -12
  63. package/dist/useScrollLock-es.js +3 -3
  64. package/dist/utils/meta/meta.json +5 -0
  65. package/package.json +7 -2
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { a as useRefWithInit, E as EMPTY_OBJECT, f as formatErrorMessage, m as mergeProps, d as makeEventPreventable } from './useRenderElement-es.js';
3
- import { i as isShadowRoot, a as isHTMLElement } from './floating-ui.utils.dom-es.js';
3
+ import { a as isShadowRoot, i as isHTMLElement } from './floating-ui.utils.dom-es.js';
4
4
  import * as ReactDOM from 'react-dom';
5
5
 
6
6
  let set;
@@ -1068,4 +1068,4 @@ function isValidLinkElement(elem) {
1068
1068
  return Boolean(elem?.tagName === 'A' && elem?.href);
1069
1069
  }
1070
1070
 
1071
- export { triggerPress as $, ios as A, addEventListener as B, none as C, visuallyHiddenInput as D, visuallyHidden as E, inputChange as F, inputClear as G, inputBlur as H, inputPaste as I, createGenericEventDetails as J, wheel as K, useOnMount as L, incrementPress as M, decrementPress as N, useValueChanged as O, keyboard as P, outsidePress as Q, cancelOpen as R, SafeReact as S, Timeout as T, windowResize as U, itemPress as V, android as W, closeWatcher as X, isMouseLikePointerType as Y, triggerFocus as Z, mac as _, useIsoLayoutEffect as a, escapeKey as a0, triggerHover as a1, useAnimationsFinished as a2, siblingOpen as a3, useCompositeRootContext as a4, inputPress as a5, clearPress as a6, chipRemovePress as a7, lowerUserAgent as a8, apple as a9, resolveRef as aa, isReactEvent as ab, isClickLikeEvent as ac, TransitionStatusDataAttributes as ad, AnimationFrame as ae, pointer as af, swipe as ag, scrub as ah, useStableCallback as b, useButton as c, createChangeEventDetails as d, closePress as e, useOpenChangeComplete as f, getTarget as g, useTimeout as h, imperativeAction as i, error as j, useTransitionStatus as k, useId as l, useValueAsRef as m, useAnimationFrame as n, ownerDocument as o, activeElement as p, contains as q, listNavigation as r, stopEvent as s, transitionStatusMapping as t, useBaseUiId as u, focusOut as v, isVirtualClick as w, isVirtualPointerEvent as x, jsdom as y, useControlled as z };
1071
+ export { triggerHover as $, ios as A, addEventListener as B, none as C, visuallyHiddenInput as D, visuallyHidden as E, inputChange as F, inputClear as G, inputBlur as H, inputPaste as I, createGenericEventDetails as J, wheel as K, useOnMount as L, incrementPress as M, decrementPress as N, useValueChanged as O, keyboard as P, outsidePress as Q, cancelOpen as R, SafeReact as S, Timeout as T, windowResize as U, itemPress as V, isMouseLikePointerType as W, triggerFocus as X, mac as Y, triggerPress as Z, escapeKey as _, useIsoLayoutEffect as a, useAnimationsFinished as a0, siblingOpen as a1, useCompositeRootContext as a2, android as a3, closeWatcher as a4, TransitionStatusDataAttributes as a5, swipe as a6, inputPress as a7, clearPress as a8, chipRemovePress as a9, lowerUserAgent as aa, apple as ab, resolveRef as ac, isReactEvent as ad, isClickLikeEvent as ae, AnimationFrame as af, pointer as ag, scrub as ah, useStableCallback as b, useButton as c, createChangeEventDetails as d, closePress as e, useOpenChangeComplete as f, getTarget as g, useTimeout as h, imperativeAction as i, error as j, useTransitionStatus as k, useId as l, useValueAsRef as m, useAnimationFrame as n, ownerDocument as o, activeElement as p, contains as q, listNavigation as r, stopEvent as s, transitionStatusMapping as t, useBaseUiId as u, focusOut as v, isVirtualClick as w, isVirtualPointerEvent as x, jsdom as y, useControlled as z };
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { l as useId, a as useIsoLayoutEffect, m as useValueAsRef, b as useStableCallback, n as useAnimationFrame, p as activeElement, o as ownerDocument, q as contains, s as stopEvent, d as createChangeEventDetails, r as listNavigation, g as getTarget, v as focusOut, w as isVirtualClick, x as isVirtualPointerEvent, h as useTimeout, y as jsdom } from './useButton-es.js';
3
- import { b as isElement, a as isHTMLElement, o as getWindow } from './floating-ui.utils.dom-es.js';
3
+ import { b as isElement, i as isHTMLElement, o as getWindow } from './floating-ui.utils.dom-es.js';
4
4
  import { u as useFloatingParentNodeId, b as FloatingRootStore, P as PopupTriggerMap, d as useFloatingTree, g as getFloatingFocusElement, i as isTypeableCombobox, e as isIndexOutOfListBounds, f as getMinListIndex, h as getMaxListIndex, j as findNonDisabledListIndex, k as enqueueFocus, A as ARROW_UP, l as ARROW_DOWN, m as ARROW_LEFT, n as ARROW_RIGHT, o as isListIndexDisabled, q as isElementVisible, r as useDirection, D as DISABLED_TRANSITIONS_STYLE, p as popupStateMapping, s as useScrollLock } from './useScrollLock-es.js';
5
5
  import { a as useRefWithInit, b as EMPTY_ARRAY, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
6
6
  import { jsx } from 'react/jsx-runtime';
@@ -4,16 +4,6 @@ var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
4
4
  var useButton = require('./useButton-cjs.js');
5
5
  var useLabelableId = require('./useLabelableId-cjs.js');
6
6
 
7
- function stringifyLocale(locale) {
8
- if (Array.isArray(locale)) {
9
- return locale.map(value => stringifyLocale(value)).join(',');
10
- }
11
- if (locale == null) {
12
- return '';
13
- }
14
- return String(locale);
15
- }
16
-
17
7
  function useRegisteredLabelId(idProp, setLabelId) {
18
8
  const id = useButton.useBaseUiId(idProp);
19
9
  useButton.useIsoLayoutEffect(() => {
@@ -91,5 +81,4 @@ function focusElementWithVisible(element) {
91
81
  });
92
82
  }
93
83
 
94
- exports.stringifyLocale = stringifyLocale;
95
84
  exports.useLabel = useLabel;
@@ -1,17 +1,7 @@
1
- import { a as isHTMLElement } from './floating-ui.utils.dom-es.js';
1
+ import { i as isHTMLElement } from './floating-ui.utils.dom-es.js';
2
2
  import { u as useBaseUiId, a as useIsoLayoutEffect, b as useStableCallback, g as getTarget, o as ownerDocument } from './useButton-es.js';
3
3
  import { u as useLabelableContext } from './useLabelableId-es.js';
4
4
 
5
- function stringifyLocale(locale) {
6
- if (Array.isArray(locale)) {
7
- return locale.map(value => stringifyLocale(value)).join(',');
8
- }
9
- if (locale == null) {
10
- return '';
11
- }
12
- return String(locale);
13
- }
14
-
15
5
  function useRegisteredLabelId(idProp, setLabelId) {
16
6
  const id = useBaseUiId(idProp);
17
7
  useIsoLayoutEffect(() => {
@@ -89,4 +79,4 @@ function focusElementWithVisible(element) {
89
79
  });
90
80
  }
91
81
 
92
- export { stringifyLocale as s, useLabel as u };
82
+ export { useLabel as u };
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
- import { a as isHTMLElement, b as isElement, f as getComputedStyle, g as getNodeName, i as isShadowRoot, c as isNode, o as getWindow, d as isLastTraversableNode, e as getParentNode, m as isOverflowElement } from './floating-ui.utils.dom-es.js';
4
- import { a as useIsoLayoutEffect, b as useStableCallback, a8 as lowerUserAgent, a9 as apple, q as contains, y as jsdom, E as visuallyHidden, s as stopEvent, o as ownerDocument, p as activeElement, B as addEventListener, d as createChangeEventDetails, v as focusOut, l as useId, m as useValueAsRef, h as useTimeout, n as useAnimationFrame, aa as resolveRef, a1 as triggerHover, Q as outsidePress, w as isVirtualClick, x as isVirtualPointerEvent, g as getTarget, Y as isMouseLikePointerType, $ as triggerPress, ab as isReactEvent, a0 as escapeKey, T as Timeout, ac as isClickLikeEvent, C as none, k as useTransitionStatus, f as useOpenChangeComplete, A as ios, O as useValueChanged, ad as TransitionStatusDataAttributes, ae as AnimationFrame } from './useButton-es.js';
3
+ import { i as isHTMLElement, b as isElement, f as getComputedStyle, g as getNodeName, a as isShadowRoot, c as isNode, o as getWindow, d as isLastTraversableNode, e as getParentNode, m as isOverflowElement } from './floating-ui.utils.dom-es.js';
4
+ import { a as useIsoLayoutEffect, b as useStableCallback, aa as lowerUserAgent, ab as apple, q as contains, y as jsdom, E as visuallyHidden, s as stopEvent, o as ownerDocument, p as activeElement, B as addEventListener, d as createChangeEventDetails, v as focusOut, l as useId, m as useValueAsRef, h as useTimeout, n as useAnimationFrame, ac as resolveRef, $ as triggerHover, Q as outsidePress, w as isVirtualClick, x as isVirtualPointerEvent, g as getTarget, W as isMouseLikePointerType, Z as triggerPress, ad as isReactEvent, _ as escapeKey, T as Timeout, ae as isClickLikeEvent, C as none, k as useTransitionStatus, f as useOpenChangeComplete, A as ios, O as useValueChanged, a5 as TransitionStatusDataAttributes, af as AnimationFrame } from './useButton-es.js';
5
5
  import { f as formatErrorMessage, a as useRefWithInit, i as isReactVersionAtLeast, N as NOOP, u as useRenderElement, E as EMPTY_OBJECT, c as useMergedRefs } from './useRenderElement-es.js';
6
6
  import { jsx, jsxs } from 'react/jsx-runtime';
7
7
  import { f as floor } from './floating-ui.utils-es.js';
@@ -4244,4 +4244,4 @@ function useScrollLock(enabled = true, referenceElement = null) {
4244
4244
  }, [enabled, referenceElement]);
4245
4245
  }
4246
4246
 
4247
- export { createAttribute as $, ARROW_UP as A, pressableTriggerOpenStateMapping as B, CommonPopupDataAttributes as C, DISABLED_TRANSITIONS_STYLE as D, FloatingPortal as E, FOCUSABLE_POPUP_PROPS as F, inertValue as G, DROPDOWN_COLLISION_AVOIDANCE as H, InternalBackdrop as I, webkit as J, usePopupRootSync as K, useImplicitActiveTrigger as L, useOpenStateTransitions as M, usePopupInteractionProps as N, setPopupOpenState as O, PopupTriggerMap as P, usePopupStore as Q, ReactStore as R, Store as S, useTriggerDataForwarding as T, useOpenMethodTriggerProps as U, CLICK_TRIGGER_IDENTIFIER as V, triggerOpenStateMapping as W, mergeCleanups as X, isTypeableElement as Y, matchesFocusVisible as Z, isTargetInsideEnabledTrigger as _, FloatingFocusManager as a, isInteractiveElement as a0, getNodeChildren as a1, POPUP_COLLISION_AVOIDANCE as a2, FloatingNode as a3, FloatingTreeStore as a4, fastComponent as a5, useInitialOpenSync as a6, useFloatingNodeId as a7, attachPreventUnmountOnClose as a8, useSyncedFloatingRootContext as a9, TYPEAHEAD_RESET_MS as aa, FloatingTree as ab, getTabbableBeforeElement as ac, isOutsideEvent as ad, getTabbableAfterElement as ae, getNextTabbable as af, fastComponentRef as ag, FocusGuard as ah, PATIENT_CLICK_THRESHOLD as ai, useTriggerRegistration as aj, getGridNavigatedIndex as ak, gecko as al, BASE_UI_SWIPE_IGNORE_SELECTOR as am, FloatingRootStore as b, createDefaultInitialFocus as c, useFloatingTree as d, isIndexOutOfListBounds as e, getMinListIndex as f, getFloatingFocusElement as g, getMaxListIndex as h, isTypeableCombobox as i, findNonDisabledListIndex as j, enqueueFocus as k, ARROW_DOWN as l, ARROW_LEFT as m, ARROW_RIGHT as n, isListIndexDisabled as o, popupStateMapping as p, isElementVisible as q, useDirection as r, useScrollLock as s, createSelector as t, useFloatingParentNodeId as u, useOpenInteractionType as v, useStore as w, useClick as x, useDismiss as y, useOnFirstRender as z };
4247
+ export { useOpenStateTransitions as $, ARROW_UP as A, pressableTriggerOpenStateMapping as B, CommonPopupDataAttributes as C, DISABLED_TRANSITIONS_STYLE as D, FloatingPortal as E, FOCUSABLE_POPUP_PROPS as F, inertValue as G, DROPDOWN_COLLISION_AVOIDANCE as H, InternalBackdrop as I, webkit as J, mergeCleanups as K, isTypeableElement as L, matchesFocusVisible as M, isTargetInsideEnabledTrigger as N, createAttribute as O, PopupTriggerMap as P, isInteractiveElement as Q, getNodeChildren as R, Store as S, POPUP_COLLISION_AVOIDANCE as T, FloatingNode as U, ReactStore as V, FloatingTreeStore as W, fastComponent as X, useInitialOpenSync as Y, useFloatingNodeId as Z, useImplicitActiveTrigger as _, FloatingFocusManager as a, attachPreventUnmountOnClose as a0, setPopupOpenState as a1, useSyncedFloatingRootContext as a2, TYPEAHEAD_RESET_MS as a3, usePopupInteractionProps as a4, FloatingTree as a5, getTabbableBeforeElement as a6, isOutsideEvent as a7, getTabbableAfterElement as a8, getNextTabbable as a9, fastComponentRef as aa, useTriggerDataForwarding as ab, FocusGuard as ac, PATIENT_CLICK_THRESHOLD as ad, useTriggerRegistration as ae, triggerOpenStateMapping as af, usePopupRootSync as ag, usePopupStore as ah, useOpenMethodTriggerProps as ai, CLICK_TRIGGER_IDENTIFIER as aj, BASE_UI_SWIPE_IGNORE_SELECTOR as ak, getGridNavigatedIndex as al, gecko as am, FloatingRootStore as b, createDefaultInitialFocus as c, useFloatingTree as d, isIndexOutOfListBounds as e, getMinListIndex as f, getFloatingFocusElement as g, getMaxListIndex as h, isTypeableCombobox as i, findNonDisabledListIndex as j, enqueueFocus as k, ARROW_DOWN as l, ARROW_LEFT as m, ARROW_RIGHT as n, isListIndexDisabled as o, popupStateMapping as p, isElementVisible as q, useDirection as r, useScrollLock as s, createSelector as t, useFloatingParentNodeId as u, useOpenInteractionType as v, useStore as w, useClick as x, useDismiss as y, useOnFirstRender as z };
@@ -213,6 +213,11 @@
213
213
  "SegmentedControlContext.Consumer",
214
214
  "SegmentedControlContext.Provider",
215
215
  "SegmentedControlProvider",
216
+ "Select",
217
+ "Select.Group",
218
+ "Select.GroupLabel",
219
+ "Select.Item",
220
+ "Select.Separator",
216
221
  "SideDrawer",
217
222
  "SideDrawer.Actions",
218
223
  "SideDrawer.BackButton",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "8.26.3",
3
+ "version": "8.27.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -355,6 +355,11 @@
355
355
  "import": "./dist/SegmentedControl/index.mjs",
356
356
  "require": "./dist/SegmentedControl/index.cjs"
357
357
  },
358
+ "./Select": {
359
+ "types": "./dist/Select/index.d.ts",
360
+ "import": "./dist/Select/index.mjs",
361
+ "require": "./dist/Select/index.cjs"
362
+ },
358
363
  "./SideKick": {
359
364
  "types": "./dist/SideKick/index.d.ts",
360
365
  "import": "./dist/SideKick/index.mjs",
@@ -540,5 +545,5 @@
540
545
  "> 1%",
541
546
  "IE 10"
542
547
  ],
543
- "gitHead": "37b9c3bc407715b1dc2190912665cfc41e8cc335"
548
+ "gitHead": "54328e5ade908b51ca935c5e2854f019cc57e57d"
544
549
  }