@jobber/components 8.20.1 → 8.21.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 (84) hide show
  1. package/LegacySelect.d.ts +1 -0
  2. package/{Select.js → LegacySelect.js} +3 -3
  3. package/dist/BottomSheet-cjs.js +9 -58
  4. package/dist/BottomSheet-es.js +2 -47
  5. package/dist/Card/index.cjs +4 -0
  6. package/dist/Card/index.mjs +4 -0
  7. package/dist/ComboboxChipRemove-cjs.js +3418 -0
  8. package/dist/ComboboxChipRemove-es.js +3366 -0
  9. package/dist/ComboboxPrimitive-cjs.js +170 -0
  10. package/dist/ComboboxPrimitive-es.js +168 -0
  11. package/dist/DataDump/index.cjs +4 -0
  12. package/dist/DataDump/index.mjs +4 -0
  13. package/dist/DataTable/index.cjs +1 -1
  14. package/dist/DataTable/index.mjs +1 -1
  15. package/dist/DataTable-cjs.js +3 -3
  16. package/dist/DataTable-es.js +2 -2
  17. package/dist/InputNumberExperimental-cjs.js +45 -44
  18. package/dist/InputNumberExperimental-es.js +3 -2
  19. package/dist/InternalBackdrop-cjs.js +4278 -0
  20. package/dist/InternalBackdrop-es.js +4204 -0
  21. package/dist/LegacySelect/LegacySelect.d.ts +7 -0
  22. package/dist/{Select/Select.types.d.ts → LegacySelect/LegacySelect.types.d.ts} +1 -1
  23. package/dist/{Select → LegacySelect}/index.cjs +3 -3
  24. package/dist/LegacySelect/index.d.ts +3 -0
  25. package/dist/{Select → LegacySelect}/index.mjs +1 -1
  26. package/dist/{Select-cjs.js → LegacySelect-cjs.js} +5 -5
  27. package/dist/{Select-es.js → LegacySelect-es.js} +5 -5
  28. package/dist/Menu/index.cjs +4 -0
  29. package/dist/Menu/index.mjs +4 -0
  30. package/dist/Menu-cjs.js +9 -8
  31. package/dist/Menu-es.js +2 -1
  32. package/dist/MenuSubmenuTrigger-cjs.js +208 -1969
  33. package/dist/MenuSubmenuTrigger-es.js +7 -1759
  34. package/dist/NumberFieldInput-cjs.js +56 -439
  35. package/dist/NumberFieldInput-es.js +6 -376
  36. package/dist/Page/index.cjs +4 -0
  37. package/dist/Page/index.mjs +4 -0
  38. package/dist/ScrollAreaViewport-cjs.js +108 -4356
  39. package/dist/ScrollAreaViewport-es.js +6 -4201
  40. package/dist/buttonRenderAdapter-cjs.js +56 -0
  41. package/dist/buttonRenderAdapter-es.js +51 -0
  42. package/dist/clamp-cjs.js +0 -1194
  43. package/dist/clamp-es.js +1 -1091
  44. package/dist/docs/Autocomplete/Autocomplete.md +1 -1
  45. package/dist/docs/Chip/Chip.md +2 -2
  46. package/dist/docs/{Select/Select.md → LegacySelect/LegacySelect.md} +67 -62
  47. package/dist/docs/Menu/Menu.md +1 -1
  48. package/dist/docs/MultiSelect/MultiSelect.md +1 -1
  49. package/dist/docs/Tabs/Tabs.md +2 -1
  50. package/dist/docs/empty-states/empty-states.md +29 -0
  51. package/dist/docs/index.md +1 -1
  52. package/dist/index.cjs +7 -3
  53. package/dist/index.d.mts +1 -1
  54. package/dist/index.d.ts +1 -1
  55. package/dist/index.mjs +5 -1
  56. package/dist/primitives/BottomSheet/index.cjs +5 -2
  57. package/dist/primitives/BottomSheet/index.mjs +5 -2
  58. package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.d.ts +32 -0
  59. package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.types.d.ts +30 -0
  60. package/dist/primitives/ComboboxPrimitive/index.cjs +28 -0
  61. package/dist/primitives/ComboboxPrimitive/index.d.ts +2 -0
  62. package/dist/primitives/ComboboxPrimitive/index.mjs +22 -0
  63. package/dist/primitives/InputNumberExperimental/index.cjs +4 -2
  64. package/dist/primitives/InputNumberExperimental/index.mjs +4 -2
  65. package/dist/primitives/index.cjs +11 -2
  66. package/dist/primitives/index.d.ts +1 -0
  67. package/dist/primitives/index.mjs +10 -2
  68. package/dist/styles.css +793 -26
  69. package/dist/unstyledPrimitives/index.cjs +237 -3588
  70. package/dist/unstyledPrimitives/index.mjs +96 -3447
  71. package/dist/useButton-cjs.js +1196 -0
  72. package/dist/useButton-es.js +1091 -0
  73. package/dist/useCompositeListItem-cjs.js +1792 -0
  74. package/dist/useCompositeListItem-es.js +1762 -0
  75. package/dist/useLabel-cjs.js +411 -0
  76. package/dist/useLabel-es.js +378 -0
  77. package/dist/utils/meta/meta.json +3 -3
  78. package/package.json +7 -7
  79. package/Select.d.ts +0 -1
  80. package/dist/Select/Select.d.ts +0 -7
  81. package/dist/Select/index.d.ts +0 -3
  82. /package/dist/{Select → LegacySelect}/Option.d.ts +0 -0
  83. /package/dist/{Select → LegacySelect}/OptionGroup.d.ts +0 -0
  84. /package/dist/{Select → LegacySelect}/hooks/useSelectActions.d.ts +0 -0
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ import type { LegacySelectProps } from "./LegacySelect.types";
3
+ export declare function LegacySelect(props: LegacySelectProps): React.JSX.Element;
4
+ export declare namespace LegacySelect {
5
+ var Option: typeof import("./Option").Option;
6
+ var OptionGroup: typeof import("./OptionGroup").OptionGroup;
7
+ }
@@ -1,7 +1,7 @@
1
1
  import type { Ref } from "react";
2
2
  import type { FormFieldProps } from "../FormField";
3
3
  import type { FocusEvents, HTMLInputBaseProps, RebuiltInputCommonProps } from "../sharedHelpers/types";
4
- export interface SelectProps extends Omit<HTMLInputBaseProps, "readOnly" | "maxLength">, FocusEvents<HTMLSelectElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "align" | "showMiniLabel">, Pick<FormFieldProps, "prefix" | "suffix" | "align" | "children"> {
4
+ export interface LegacySelectProps extends Omit<HTMLInputBaseProps, "readOnly" | "maxLength">, FocusEvents<HTMLSelectElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "align" | "showMiniLabel">, Pick<FormFieldProps, "prefix" | "suffix" | "align" | "children"> {
5
5
  readonly value?: string | number;
6
6
  onChange?(newValue?: string | number): void;
7
7
  readonly inputRef?: Ref<HTMLSelectElement>;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Select = require('../Select-cjs.js');
3
+ var LegacySelect = require('../LegacySelect-cjs.js');
4
4
  require('react');
5
5
  require('classnames');
6
6
  require('../useAtlantisFormFieldName-cjs.js');
@@ -23,5 +23,5 @@ require('../filterDataAttributes-cjs.js');
23
23
 
24
24
 
25
25
 
26
- exports.Option = Select.SelectOption;
27
- exports.Select = Select.Select;
26
+ exports.LegacySelect = LegacySelect.LegacySelect;
27
+ exports.Option = LegacySelect.SelectOption;
@@ -0,0 +1,3 @@
1
+ export { Option } from "./Option";
2
+ export { LegacySelect } from "./LegacySelect";
3
+ export type { LegacySelectProps } from "./LegacySelect.types";
@@ -1,4 +1,4 @@
1
- export { S as Option, a as Select } from '../Select-es.js';
1
+ export { L as LegacySelect, S as Option } from '../LegacySelect-es.js';
2
2
  import 'react';
3
3
  import 'classnames';
4
4
  import '../useAtlantisFormFieldName-es.js';
@@ -35,13 +35,13 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
35
35
  };
36
36
  }
37
37
 
38
- var styles = {"select":"-hmXAsAfH9U-","selectPostfix":"_5ST4c1fXDYU-","spinning":"oOACJmrVDf0-"};
38
+ var styles = {"select":"Bm9c8--1XKs-","selectPostfix":"LBiZF2RZlxc-","spinning":"oMOHhBwUzbs-"};
39
39
 
40
40
  function OptionGroup({ children, label, disabled, UNSAFE_className, UNSAFE_style, }) {
41
41
  return (React.createElement("optgroup", { label: label, disabled: disabled, className: UNSAFE_className, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container }, children));
42
42
  }
43
43
 
44
- function Select(props) {
44
+ function LegacySelect(props) {
45
45
  var _a;
46
46
  const { mergedRef, wrapperRef } = useSelectRefs(props.inputRef);
47
47
  const dataAttrs = filterDataAttributes.filterDataAttributes(props);
@@ -72,8 +72,8 @@ function useSelectRefs(inputRef) {
72
72
  const wrapperRef = React.useRef(null);
73
73
  return { mergedRef, wrapperRef };
74
74
  }
75
- Select.Option = SelectOption;
76
- Select.OptionGroup = OptionGroup;
75
+ LegacySelect.Option = SelectOption;
76
+ LegacySelect.OptionGroup = OptionGroup;
77
77
 
78
- exports.Select = Select;
78
+ exports.LegacySelect = LegacySelect;
79
79
  exports.SelectOption = SelectOption;
@@ -33,13 +33,13 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
33
33
  };
34
34
  }
35
35
 
36
- var styles = {"select":"-hmXAsAfH9U-","selectPostfix":"_5ST4c1fXDYU-","spinning":"oOACJmrVDf0-"};
36
+ var styles = {"select":"Bm9c8--1XKs-","selectPostfix":"LBiZF2RZlxc-","spinning":"oMOHhBwUzbs-"};
37
37
 
38
38
  function OptionGroup({ children, label, disabled, UNSAFE_className, UNSAFE_style, }) {
39
39
  return (React__default.createElement("optgroup", { label: label, disabled: disabled, className: UNSAFE_className, style: UNSAFE_style === null || UNSAFE_style === void 0 ? void 0 : UNSAFE_style.container }, children));
40
40
  }
41
41
 
42
- function Select(props) {
42
+ function LegacySelect(props) {
43
43
  var _a;
44
44
  const { mergedRef, wrapperRef } = useSelectRefs(props.inputRef);
45
45
  const dataAttrs = filterDataAttributes(props);
@@ -70,7 +70,7 @@ function useSelectRefs(inputRef) {
70
70
  const wrapperRef = useRef(null);
71
71
  return { mergedRef, wrapperRef };
72
72
  }
73
- Select.Option = SelectOption;
74
- Select.OptionGroup = OptionGroup;
73
+ LegacySelect.Option = SelectOption;
74
+ LegacySelect.OptionGroup = OptionGroup;
75
75
 
76
- export { SelectOption as S, Select as a };
76
+ export { LegacySelect as L, SelectOption as S };
@@ -20,12 +20,16 @@ require('../Typography-cjs.js');
20
20
  require('../useFormFieldFocus-cjs.js');
21
21
  require('../maxHeight-cjs.js');
22
22
  require('../useRenderElement-cjs.js');
23
+ require('../buttonRenderAdapter-cjs.js');
23
24
  require('../BottomSheet-cjs.js');
24
25
  require('../ScrollAreaViewport-cjs.js');
26
+ require('../InternalBackdrop-cjs.js');
27
+ require('../useButton-cjs.js');
25
28
  require('../clamp-cjs.js');
26
29
  require('../OverlaySeparator-cjs.js');
27
30
  require('../Separator-cjs.js');
28
31
  require('../MenuSubmenuTrigger-cjs.js');
32
+ require('../useCompositeListItem-cjs.js');
29
33
 
30
34
 
31
35
 
@@ -18,9 +18,13 @@ import '../Typography-es.js';
18
18
  import '../useFormFieldFocus-es.js';
19
19
  import '../maxHeight-es.js';
20
20
  import '../useRenderElement-es.js';
21
+ import '../buttonRenderAdapter-es.js';
21
22
  import '../BottomSheet-es.js';
22
23
  import '../ScrollAreaViewport-es.js';
24
+ import '../InternalBackdrop-es.js';
25
+ import '../useButton-es.js';
23
26
  import '../clamp-es.js';
24
27
  import '../OverlaySeparator-es.js';
25
28
  import '../Separator-es.js';
26
29
  import '../MenuSubmenuTrigger-es.js';
30
+ import '../useCompositeListItem-es.js';
package/dist/Menu-cjs.js CHANGED
@@ -12,6 +12,7 @@ var useFormFieldFocus = require('./useFormFieldFocus-cjs.js');
12
12
  var maxHeight = require('./maxHeight-cjs.js');
13
13
  var floatingUi_reactDom = require('./floating-ui.react-dom-cjs.js');
14
14
  var useRenderElement = require('./useRenderElement-cjs.js');
15
+ var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
15
16
  var BottomSheet = require('./BottomSheet-cjs.js');
16
17
  var OverlaySeparator = require('./OverlaySeparator-cjs.js');
17
18
  var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
@@ -237,23 +238,23 @@ function resolveMenuTriggerRender({ children, render, }) {
237
238
  if (render) {
238
239
  if (typeof render === "function") {
239
240
  return (props) => {
240
- const renderedElement = render(BottomSheet.normalizeBaseUiButtonProps(props));
241
- return BottomSheet.isAtlantisButtonRenderTarget(renderedElement)
242
- ? BottomSheet.stripNativeTypeFromButtonRenderTarget(renderedElement)
241
+ const renderedElement = render(buttonRenderAdapter.normalizeBaseUiButtonProps(props));
242
+ return buttonRenderAdapter.isAtlantisButtonRenderTarget(renderedElement)
243
+ ? buttonRenderAdapter.stripNativeTypeFromButtonRenderTarget(renderedElement)
243
244
  : renderedElement;
244
245
  };
245
246
  }
246
- return BottomSheet.isAtlantisButtonRenderTarget(render)
247
- ? BottomSheet.renderAtlantisButtonTarget(render)
247
+ return buttonRenderAdapter.isAtlantisButtonRenderTarget(render)
248
+ ? buttonRenderAdapter.renderAtlantisButtonTarget(render)
248
249
  : render;
249
250
  }
250
- if (BottomSheet.isAtlantisButtonRenderTarget(children)) {
251
- return BottomSheet.renderAtlantisButtonTarget(children);
251
+ if (buttonRenderAdapter.isAtlantisButtonRenderTarget(children)) {
252
+ return buttonRenderAdapter.renderAtlantisButtonTarget(children);
252
253
  }
253
254
  if (React.isValidElement(children)) {
254
255
  return children;
255
256
  }
256
- return BottomSheet.renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "secondary" },
257
+ return buttonRenderAdapter.renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "secondary" },
257
258
  React.createElement(Button.Button.Label, null, children)));
258
259
  }
259
260
  const MenuItemContext = React.createContext(null);
package/dist/Menu-es.js CHANGED
@@ -10,7 +10,8 @@ import { f as formFieldFocusAttribute } from './useFormFieldFocus-es.js';
10
10
  import { c as calculateMaxHeight } from './maxHeight-es.js';
11
11
  import { o as offset, f as flip, d as size, b as autoUpdate } from './floating-ui.react-dom-es.js';
12
12
  import { m as mergeProps } from './useRenderElement-es.js';
13
- import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget, B as BottomSheet } from './BottomSheet-es.js';
13
+ import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
14
+ import { B as BottomSheet } from './BottomSheet-es.js';
14
15
  import { O as OverlaySeparator } from './OverlaySeparator-es.js';
15
16
  import { D as DrawerTrigger } from './ScrollAreaViewport-es.js';
16
17
  import { D as DrawerTitle, a as DrawerClose, M as MenuTrigger$1, b as MenuLinkItem, c as MenuItem$1, d as MenuRadioItem$1, e as MenuRadioItemIndicator, f as MenuSubmenuTrigger$1, g as MenuRoot, h as MenuPortal$1, i as MenuPositioner, j as MenuPopup, k as MenuRadioGroup$1, l as MenuGroup$1, m as MenuSubmenuRoot, n as MenuGroupLabel$1 } from './MenuSubmenuTrigger-es.js';