@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 @@
|
|
|
1
|
+
export * from "./dist/LegacySelect";
|
|
@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true,
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var LegacySelect = require("./dist/LegacySelect");
|
|
8
8
|
|
|
9
|
-
Object.keys(
|
|
9
|
+
Object.keys(LegacySelect).forEach(function(key) {
|
|
10
10
|
if (key === "default" || key === "__esModule") return;
|
|
11
11
|
Object.defineProperty(exports, key, {
|
|
12
12
|
enumerable: true,
|
|
13
13
|
get: function get() {
|
|
14
|
-
return
|
|
14
|
+
return LegacySelect[key];
|
|
15
15
|
},
|
|
16
16
|
});
|
|
17
17
|
});
|
package/dist/BottomSheet-cjs.js
CHANGED
|
@@ -3,55 +3,10 @@
|
|
|
3
3
|
var tslib_es6 = require('./tslib.es6-cjs.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var classnames = require('classnames');
|
|
6
|
+
var buttonRenderAdapter = require('./buttonRenderAdapter-cjs.js');
|
|
6
7
|
var Button = require('./Button-cjs.js');
|
|
7
|
-
var useRenderElement = require('./useRenderElement-cjs.js');
|
|
8
8
|
var ScrollAreaViewport = require('./ScrollAreaViewport-cjs.js');
|
|
9
9
|
|
|
10
|
-
function assignRef(ref, instance) {
|
|
11
|
-
if (!ref) {
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
if (typeof ref === "function") {
|
|
15
|
-
ref(instance);
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
ref.current = instance;
|
|
19
|
-
}
|
|
20
|
-
function mergeRefs(...refs) {
|
|
21
|
-
return (instance) => {
|
|
22
|
-
refs.forEach(ref => {
|
|
23
|
-
assignRef(ref, instance);
|
|
24
|
-
});
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
function getElementRef(element) {
|
|
28
|
-
return element.ref;
|
|
29
|
-
}
|
|
30
|
-
function normalizeBaseUiButtonProps(props) {
|
|
31
|
-
const rest = tslib_es6.__rest(props, ["type"]);
|
|
32
|
-
return rest;
|
|
33
|
-
}
|
|
34
|
-
function isAtlantisButtonRenderTarget(element) {
|
|
35
|
-
return React.isValidElement(element) && element.type === Button.Button;
|
|
36
|
-
}
|
|
37
|
-
function renderAtlantisButtonTarget(element) {
|
|
38
|
-
return function renderButtonTarget(props) {
|
|
39
|
-
const mergedProps = useRenderElement.mergeProps(normalizeBaseUiButtonProps(props), element.props);
|
|
40
|
-
return (React.createElement(Button.Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
function stripNativeTypeFromButtonRenderTarget(element) {
|
|
44
|
-
const nativeType = element.props.type;
|
|
45
|
-
if (nativeType !== "button" &&
|
|
46
|
-
nativeType !== "submit" &&
|
|
47
|
-
nativeType !== "reset") {
|
|
48
|
-
return element;
|
|
49
|
-
}
|
|
50
|
-
return React.cloneElement(element, {
|
|
51
|
-
type: undefined,
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
|
|
55
10
|
var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollRoot":"V--tRnN-P0I-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
|
|
56
11
|
|
|
57
12
|
// `resolveBottomSheetTriggerRender` so an Atlantis `<Button>` works as a trigger
|
|
@@ -60,23 +15,23 @@ function resolveBottomSheetTriggerRender({ children, render, }) {
|
|
|
60
15
|
if (render) {
|
|
61
16
|
if (typeof render === "function") {
|
|
62
17
|
return (props) => {
|
|
63
|
-
const renderedElement = render(normalizeBaseUiButtonProps(props));
|
|
64
|
-
return isAtlantisButtonRenderTarget(renderedElement)
|
|
65
|
-
? stripNativeTypeFromButtonRenderTarget(renderedElement)
|
|
18
|
+
const renderedElement = render(buttonRenderAdapter.normalizeBaseUiButtonProps(props));
|
|
19
|
+
return buttonRenderAdapter.isAtlantisButtonRenderTarget(renderedElement)
|
|
20
|
+
? buttonRenderAdapter.stripNativeTypeFromButtonRenderTarget(renderedElement)
|
|
66
21
|
: renderedElement;
|
|
67
22
|
};
|
|
68
23
|
}
|
|
69
|
-
return isAtlantisButtonRenderTarget(render)
|
|
70
|
-
? renderAtlantisButtonTarget(render)
|
|
24
|
+
return buttonRenderAdapter.isAtlantisButtonRenderTarget(render)
|
|
25
|
+
? buttonRenderAdapter.renderAtlantisButtonTarget(render)
|
|
71
26
|
: render;
|
|
72
27
|
}
|
|
73
|
-
if (isAtlantisButtonRenderTarget(children)) {
|
|
74
|
-
return renderAtlantisButtonTarget(children);
|
|
28
|
+
if (buttonRenderAdapter.isAtlantisButtonRenderTarget(children)) {
|
|
29
|
+
return buttonRenderAdapter.renderAtlantisButtonTarget(children);
|
|
75
30
|
}
|
|
76
31
|
if (React.isValidElement(children)) {
|
|
77
32
|
return children;
|
|
78
33
|
}
|
|
79
|
-
return renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "primary" },
|
|
34
|
+
return buttonRenderAdapter.renderAtlantisButtonTarget(React.createElement(Button.Button, { type: "primary" },
|
|
80
35
|
React.createElement(Button.Button.Label, null, children)));
|
|
81
36
|
}
|
|
82
37
|
|
|
@@ -122,7 +77,3 @@ const BottomSheet = Object.assign(BottomSheetComponent, {
|
|
|
122
77
|
});
|
|
123
78
|
|
|
124
79
|
exports.BottomSheet = BottomSheet;
|
|
125
|
-
exports.isAtlantisButtonRenderTarget = isAtlantisButtonRenderTarget;
|
|
126
|
-
exports.normalizeBaseUiButtonProps = normalizeBaseUiButtonProps;
|
|
127
|
-
exports.renderAtlantisButtonTarget = renderAtlantisButtonTarget;
|
|
128
|
-
exports.stripNativeTypeFromButtonRenderTarget = stripNativeTypeFromButtonRenderTarget;
|
package/dist/BottomSheet-es.js
CHANGED
|
@@ -1,55 +1,10 @@
|
|
|
1
1
|
import { _ as __rest } from './tslib.es6-es.js';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
+
import { n as normalizeBaseUiButtonProps, i as isAtlantisButtonRenderTarget, s as stripNativeTypeFromButtonRenderTarget, r as renderAtlantisButtonTarget } from './buttonRenderAdapter-es.js';
|
|
4
5
|
import { B as Button } from './Button-es.js';
|
|
5
|
-
import { m as mergeProps } from './useRenderElement-es.js';
|
|
6
6
|
import { D as DrawerTrigger, a as DrawerRoot, b as DrawerPortal, c as DrawerBackdrop, d as DrawerPopup, S as ScrollAreaRoot, e as ScrollAreaViewport, f as DrawerContent } from './ScrollAreaViewport-es.js';
|
|
7
7
|
|
|
8
|
-
function assignRef(ref, instance) {
|
|
9
|
-
if (!ref) {
|
|
10
|
-
return;
|
|
11
|
-
}
|
|
12
|
-
if (typeof ref === "function") {
|
|
13
|
-
ref(instance);
|
|
14
|
-
return;
|
|
15
|
-
}
|
|
16
|
-
ref.current = instance;
|
|
17
|
-
}
|
|
18
|
-
function mergeRefs(...refs) {
|
|
19
|
-
return (instance) => {
|
|
20
|
-
refs.forEach(ref => {
|
|
21
|
-
assignRef(ref, instance);
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
function getElementRef(element) {
|
|
26
|
-
return element.ref;
|
|
27
|
-
}
|
|
28
|
-
function normalizeBaseUiButtonProps(props) {
|
|
29
|
-
const rest = __rest(props, ["type"]);
|
|
30
|
-
return rest;
|
|
31
|
-
}
|
|
32
|
-
function isAtlantisButtonRenderTarget(element) {
|
|
33
|
-
return React__default.isValidElement(element) && element.type === Button;
|
|
34
|
-
}
|
|
35
|
-
function renderAtlantisButtonTarget(element) {
|
|
36
|
-
return function renderButtonTarget(props) {
|
|
37
|
-
const mergedProps = mergeProps(normalizeBaseUiButtonProps(props), element.props);
|
|
38
|
-
return (React__default.createElement(Button, Object.assign({}, mergedProps, { ref: mergeRefs(props.ref, getElementRef(element)), key: element.key })));
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
function stripNativeTypeFromButtonRenderTarget(element) {
|
|
42
|
-
const nativeType = element.props.type;
|
|
43
|
-
if (nativeType !== "button" &&
|
|
44
|
-
nativeType !== "submit" &&
|
|
45
|
-
nativeType !== "reset") {
|
|
46
|
-
return element;
|
|
47
|
-
}
|
|
48
|
-
return React__default.cloneElement(element, {
|
|
49
|
-
type: undefined,
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
|
|
53
8
|
var styles = {"backdrop":"Qf3IFhKJwQ0-","popup":"_868PDAA3U2M-","content":"eKuxReHyju8-","scrollRoot":"V--tRnN-P0I-","scrollArea":"_1I0eaFciaWo-","bottomFade":"BYEzqcZUGls-","spinning":"IJxq5fm5qdw-"};
|
|
54
9
|
|
|
55
10
|
// `resolveBottomSheetTriggerRender` so an Atlantis `<Button>` works as a trigger
|
|
@@ -119,4 +74,4 @@ const BottomSheet = Object.assign(BottomSheetComponent, {
|
|
|
119
74
|
Content: BottomSheetContent,
|
|
120
75
|
});
|
|
121
76
|
|
|
122
|
-
export { BottomSheet as B
|
|
77
|
+
export { BottomSheet as B };
|
package/dist/Card/index.cjs
CHANGED
|
@@ -22,12 +22,16 @@ require('../floating-ui.react-dom-cjs.js');
|
|
|
22
22
|
require('../useFormFieldFocus-cjs.js');
|
|
23
23
|
require('../maxHeight-cjs.js');
|
|
24
24
|
require('../useRenderElement-cjs.js');
|
|
25
|
+
require('../buttonRenderAdapter-cjs.js');
|
|
25
26
|
require('../BottomSheet-cjs.js');
|
|
26
27
|
require('../ScrollAreaViewport-cjs.js');
|
|
28
|
+
require('../InternalBackdrop-cjs.js');
|
|
29
|
+
require('../useButton-cjs.js');
|
|
27
30
|
require('../clamp-cjs.js');
|
|
28
31
|
require('../OverlaySeparator-cjs.js');
|
|
29
32
|
require('../Separator-cjs.js');
|
|
30
33
|
require('../MenuSubmenuTrigger-cjs.js');
|
|
34
|
+
require('../useCompositeListItem-cjs.js');
|
|
31
35
|
|
|
32
36
|
|
|
33
37
|
|
package/dist/Card/index.mjs
CHANGED
|
@@ -20,9 +20,13 @@ import '../floating-ui.react-dom-es.js';
|
|
|
20
20
|
import '../useFormFieldFocus-es.js';
|
|
21
21
|
import '../maxHeight-es.js';
|
|
22
22
|
import '../useRenderElement-es.js';
|
|
23
|
+
import '../buttonRenderAdapter-es.js';
|
|
23
24
|
import '../BottomSheet-es.js';
|
|
24
25
|
import '../ScrollAreaViewport-es.js';
|
|
26
|
+
import '../InternalBackdrop-es.js';
|
|
27
|
+
import '../useButton-es.js';
|
|
25
28
|
import '../clamp-es.js';
|
|
26
29
|
import '../OverlaySeparator-es.js';
|
|
27
30
|
import '../Separator-es.js';
|
|
28
31
|
import '../MenuSubmenuTrigger-es.js';
|
|
32
|
+
import '../useCompositeListItem-es.js';
|