@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.
- package/LegacySelect.d.ts +1 -0
- package/{Select.js → LegacySelect.js} +3 -3
- package/dist/BottomSheet-cjs.js +9 -58
- package/dist/BottomSheet-es.js +2 -47
- package/dist/Card/index.cjs +4 -0
- package/dist/Card/index.mjs +4 -0
- package/dist/ComboboxChipRemove-cjs.js +3418 -0
- package/dist/ComboboxChipRemove-es.js +3366 -0
- package/dist/ComboboxPrimitive-cjs.js +170 -0
- package/dist/ComboboxPrimitive-es.js +168 -0
- package/dist/DataDump/index.cjs +4 -0
- package/dist/DataDump/index.mjs +4 -0
- package/dist/DataTable/index.cjs +1 -1
- package/dist/DataTable/index.mjs +1 -1
- package/dist/DataTable-cjs.js +3 -3
- package/dist/DataTable-es.js +2 -2
- package/dist/InputNumberExperimental-cjs.js +45 -44
- package/dist/InputNumberExperimental-es.js +3 -2
- package/dist/InternalBackdrop-cjs.js +4278 -0
- package/dist/InternalBackdrop-es.js +4204 -0
- package/dist/LegacySelect/LegacySelect.d.ts +7 -0
- package/dist/{Select/Select.types.d.ts → LegacySelect/LegacySelect.types.d.ts} +1 -1
- package/dist/{Select → LegacySelect}/index.cjs +3 -3
- package/dist/LegacySelect/index.d.ts +3 -0
- package/dist/{Select → LegacySelect}/index.mjs +1 -1
- package/dist/{Select-cjs.js → LegacySelect-cjs.js} +5 -5
- package/dist/{Select-es.js → LegacySelect-es.js} +5 -5
- package/dist/Menu/index.cjs +4 -0
- package/dist/Menu/index.mjs +4 -0
- package/dist/Menu-cjs.js +9 -8
- package/dist/Menu-es.js +2 -1
- package/dist/MenuSubmenuTrigger-cjs.js +208 -1969
- package/dist/MenuSubmenuTrigger-es.js +7 -1759
- package/dist/NumberFieldInput-cjs.js +56 -439
- package/dist/NumberFieldInput-es.js +6 -376
- package/dist/Page/index.cjs +4 -0
- package/dist/Page/index.mjs +4 -0
- package/dist/ScrollAreaViewport-cjs.js +108 -4356
- package/dist/ScrollAreaViewport-es.js +6 -4201
- package/dist/buttonRenderAdapter-cjs.js +56 -0
- package/dist/buttonRenderAdapter-es.js +51 -0
- package/dist/clamp-cjs.js +0 -1194
- package/dist/clamp-es.js +1 -1091
- package/dist/docs/Autocomplete/Autocomplete.md +1 -1
- package/dist/docs/Chip/Chip.md +2 -2
- package/dist/docs/{Select/Select.md → LegacySelect/LegacySelect.md} +67 -62
- package/dist/docs/Menu/Menu.md +1 -1
- package/dist/docs/MultiSelect/MultiSelect.md +1 -1
- package/dist/docs/Tabs/Tabs.md +2 -1
- package/dist/docs/empty-states/empty-states.md +29 -0
- package/dist/docs/index.md +1 -1
- package/dist/index.cjs +7 -3
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +5 -1
- package/dist/primitives/BottomSheet/index.cjs +5 -2
- package/dist/primitives/BottomSheet/index.mjs +5 -2
- package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.d.ts +32 -0
- package/dist/primitives/ComboboxPrimitive/ComboboxPrimitive.types.d.ts +30 -0
- package/dist/primitives/ComboboxPrimitive/index.cjs +28 -0
- package/dist/primitives/ComboboxPrimitive/index.d.ts +2 -0
- package/dist/primitives/ComboboxPrimitive/index.mjs +22 -0
- package/dist/primitives/InputNumberExperimental/index.cjs +4 -2
- package/dist/primitives/InputNumberExperimental/index.mjs +4 -2
- package/dist/primitives/index.cjs +11 -2
- package/dist/primitives/index.d.ts +1 -0
- package/dist/primitives/index.mjs +10 -2
- package/dist/styles.css +793 -26
- package/dist/unstyledPrimitives/index.cjs +237 -3588
- package/dist/unstyledPrimitives/index.mjs +96 -3447
- package/dist/useButton-cjs.js +1196 -0
- package/dist/useButton-es.js +1091 -0
- package/dist/useCompositeListItem-cjs.js +1792 -0
- package/dist/useCompositeListItem-es.js +1762 -0
- package/dist/useLabel-cjs.js +411 -0
- package/dist/useLabel-es.js +378 -0
- package/dist/utils/meta/meta.json +3 -3
- package/package.json +7 -7
- package/Select.d.ts +0 -1
- package/dist/Select/Select.d.ts +0 -7
- package/dist/Select/index.d.ts +0 -3
- /package/dist/{Select → LegacySelect}/Option.d.ts +0 -0
- /package/dist/{Select → LegacySelect}/OptionGroup.d.ts +0 -0
- /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
|
|
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
|
|
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.
|
|
27
|
-
exports.
|
|
26
|
+
exports.LegacySelect = LegacySelect.LegacySelect;
|
|
27
|
+
exports.Option = LegacySelect.SelectOption;
|
|
@@ -35,13 +35,13 @@ function useSelectActions({ onChange, onBlur, onFocus, }) {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
var styles = {"select":"-
|
|
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
|
|
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
|
-
|
|
76
|
-
|
|
75
|
+
LegacySelect.Option = SelectOption;
|
|
76
|
+
LegacySelect.OptionGroup = OptionGroup;
|
|
77
77
|
|
|
78
|
-
exports.
|
|
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":"-
|
|
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
|
|
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
|
-
|
|
74
|
-
|
|
73
|
+
LegacySelect.Option = SelectOption;
|
|
74
|
+
LegacySelect.OptionGroup = OptionGroup;
|
|
75
75
|
|
|
76
|
-
export {
|
|
76
|
+
export { LegacySelect as L, SelectOption as S };
|
package/dist/Menu/index.cjs
CHANGED
|
@@ -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
|
|
package/dist/Menu/index.mjs
CHANGED
|
@@ -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(
|
|
241
|
-
return
|
|
242
|
-
?
|
|
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
|
|
247
|
-
?
|
|
247
|
+
return buttonRenderAdapter.isAtlantisButtonRenderTarget(render)
|
|
248
|
+
? buttonRenderAdapter.renderAtlantisButtonTarget(render)
|
|
248
249
|
: render;
|
|
249
250
|
}
|
|
250
|
-
if (
|
|
251
|
-
return
|
|
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
|
|
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
|
|
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';
|