@jobber/components 9.4.0 → 9.5.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.
- package/dist/Autocomplete/index.cjs +0 -1
- package/dist/Autocomplete/index.mjs +0 -1
- package/dist/Card/index.cjs +7 -7
- package/dist/Card/index.mjs +7 -7
- package/dist/Chip/index.cjs +0 -1
- package/dist/Chip/index.mjs +0 -1
- package/dist/Chips/InternalChipDismissible/hooks/index.cjs +0 -1
- package/dist/Chips/InternalChipDismissible/hooks/index.mjs +0 -1
- package/dist/Chips/InternalChipDismissible/index.cjs +0 -1
- package/dist/Chips/InternalChipDismissible/index.mjs +0 -1
- package/dist/Chips/index.cjs +0 -1
- package/dist/Chips/index.mjs +0 -1
- package/dist/ComboboxChipRemove-cjs.js +181 -184
- package/dist/ComboboxChipRemove-es.js +4 -7
- package/dist/ConfirmationModal/index.cjs +0 -1
- package/dist/ConfirmationModal/index.mjs +0 -1
- package/dist/DataDump/index.cjs +7 -7
- package/dist/DataDump/index.mjs +7 -7
- package/dist/DataList/components/DataListActions/index.cjs +0 -1
- package/dist/DataList/components/DataListActions/index.mjs +0 -1
- package/dist/DataList/components/DataListBulkActions/index.cjs +0 -1
- package/dist/DataList/components/DataListBulkActions/index.mjs +0 -1
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.cjs +0 -1
- package/dist/DataList/components/DataListFilters/components/DataListSort/index.mjs +0 -1
- package/dist/DataList/components/DataListFilters/index.cjs +0 -1
- package/dist/DataList/components/DataListFilters/index.mjs +0 -1
- package/dist/DataList/components/DataListHeader/index.cjs +0 -1
- package/dist/DataList/components/DataListHeader/index.mjs +0 -1
- package/dist/DataList/components/DataListItem/index.cjs +0 -1
- package/dist/DataList/components/DataListItem/index.mjs +0 -1
- package/dist/DataList/components/DataListItemActions/index.cjs +0 -1
- package/dist/DataList/components/DataListItemActions/index.mjs +0 -1
- package/dist/DataList/components/DataListItemActionsOverflow/index.cjs +0 -1
- package/dist/DataList/components/DataListItemActionsOverflow/index.mjs +0 -1
- package/dist/DataList/components/DataListItems/index.cjs +0 -1
- package/dist/DataList/components/DataListItems/index.mjs +0 -1
- package/dist/DataList/components/DataListLayout/index.cjs +0 -1
- package/dist/DataList/components/DataListLayout/index.mjs +0 -1
- package/dist/DataList/components/DataListLayoutActions/index.cjs +0 -1
- package/dist/DataList/components/DataListLayoutActions/index.mjs +0 -1
- package/dist/DataList/index.cjs +0 -1
- package/dist/DataList/index.mjs +0 -1
- package/dist/DatePicker/index.cjs +0 -2
- package/dist/DatePicker/index.mjs +0 -2
- package/dist/DatePicker-cjs.js +19 -18
- package/dist/DatePicker-es.js +2 -1
- package/dist/Dialog/index.cjs +11 -6
- package/dist/Dialog/index.mjs +11 -6
- package/dist/DrawerDescription-cjs.js +7 -8
- package/dist/DrawerDescription-es.js +1 -2
- package/dist/DrawerTitle-cjs.js +4 -4
- package/dist/DrawerTitle-es.js +1 -1
- package/dist/FieldDescription-cjs.js +49 -49
- package/dist/FieldDescription-es.js +2 -2
- package/dist/FilterPicker/components/FilterPickerActivator/index.cjs +0 -1
- package/dist/FilterPicker/components/FilterPickerActivator/index.mjs +0 -1
- package/dist/FilterPicker/components/FilterPickerContent/index.cjs +0 -1
- package/dist/FilterPicker/components/FilterPickerContent/index.mjs +0 -1
- package/dist/FilterPicker/components/FilterPickerTrigger/index.cjs +0 -1
- package/dist/FilterPicker/components/FilterPickerTrigger/index.mjs +0 -1
- package/dist/FilterPicker/index.cjs +0 -1
- package/dist/FilterPicker/index.mjs +0 -1
- package/dist/FormatFile/index.cjs +0 -1
- package/dist/FormatFile/index.mjs +0 -1
- package/dist/Gallery/index.cjs +0 -1
- package/dist/Gallery/index.mjs +0 -1
- package/dist/HelperText-cjs.js +3 -2
- package/dist/HelperText-es.js +3 -2
- package/dist/InputDate/index.cjs +0 -2
- package/dist/InputDate/index.mjs +0 -2
- package/dist/InputNumber/InputNumber.d.ts +75 -5
- package/dist/InputNumber/index.cjs +27 -3
- package/dist/InputNumber/index.d.ts +2 -2
- package/dist/InputNumber/index.mjs +27 -3
- package/dist/{primitives/InputNumberExperimental → InputNumber}/types.d.ts +48 -35
- package/dist/InputNumber-cjs.js +267 -4986
- package/dist/InputNumber-es.js +268 -4987
- package/dist/LightBox/index.cjs +0 -1
- package/dist/LightBox/index.mjs +0 -1
- package/dist/Menu/index.cjs +7 -7
- package/dist/Menu/index.mjs +7 -7
- package/dist/Menu-cjs.js +8 -5
- package/dist/Menu-es.js +8 -5
- package/dist/MenuSubmenuTrigger-cjs.js +142 -143
- package/dist/MenuSubmenuTrigger-es.js +5 -6
- package/dist/Modal/index.cjs +0 -1
- package/dist/Modal/index.mjs +0 -1
- package/dist/NumberFieldInput-cjs.js +63 -63
- package/dist/NumberFieldInput-es.js +5 -5
- package/dist/Page/index.cjs +7 -8
- package/dist/Page/index.mjs +7 -8
- package/dist/Popover/index.cjs +0 -1
- package/dist/Popover/index.mjs +0 -1
- package/dist/ScrollAreaViewport-cjs.js +119 -121
- package/dist/ScrollAreaViewport-es.js +3 -5
- package/dist/Select/index.cjs +3 -9
- package/dist/Select/index.mjs +3 -9
- package/dist/SelectGroupLabel-cjs.js +117 -107
- package/dist/SelectGroupLabel-es.js +20 -12
- package/dist/Tooltip/index.cjs +0 -1
- package/dist/Tooltip/index.mjs +0 -1
- package/dist/dialogReturnFocus-cjs.js +4 -1
- package/dist/dialogReturnFocus-es.js +4 -1
- package/dist/docs/InputNumber/InputNumber.md +564 -56
- package/dist/docs/index.md +0 -1
- package/dist/floating-ui.react-cjs.js +34 -35
- package/dist/floating-ui.react-dom-cjs.js +64 -65
- package/dist/floating-ui.react-dom-es.js +1 -2
- package/dist/floating-ui.react-es.js +1 -2
- package/dist/floating-ui.utils-cjs.js +183 -0
- package/dist/floating-ui.utils-es.js +165 -1
- package/dist/index.cjs +10 -15
- package/dist/index.mjs +10 -15
- package/dist/primitives/BottomSheet/index.cjs +2 -5
- package/dist/primitives/BottomSheet/index.mjs +2 -5
- package/dist/primitives/ComboboxPrimitive/index.cjs +3 -7
- package/dist/primitives/ComboboxPrimitive/index.mjs +3 -7
- package/dist/primitives/HelperText/HelperText.d.ts +4 -1
- package/dist/primitives/HelperText/index.cjs +1 -1
- package/dist/primitives/HelperText/index.mjs +1 -1
- package/dist/primitives/SelectPrimitive/index.cjs +3 -9
- package/dist/primitives/SelectPrimitive/index.mjs +3 -9
- package/dist/primitives/index.cjs +2 -16
- package/dist/primitives/index.d.ts +0 -2
- package/dist/primitives/index.mjs +2 -15
- package/dist/scrollEdges-cjs.js +6 -2
- package/dist/scrollEdges-es.js +5 -2
- package/dist/styles.css +573 -902
- package/dist/unstyledPrimitives/index.cjs +105 -111
- package/dist/unstyledPrimitives/index.mjs +5 -11
- package/dist/useCompositeListItem-cjs.js +516 -90
- package/dist/useCompositeListItem-es.js +407 -6
- package/dist/useLabel-cjs.js +10 -10
- package/dist/useLabel-es.js +3 -3
- package/dist/useRenderElement-es.js +1 -1
- package/dist/useScrollLock-cjs.js +1332 -203
- package/dist/useScrollLock-es.js +1068 -5
- package/dist/utils/meta/meta.json +12 -0
- package/package.json +2 -3
- package/dist/InputNumber/InputNumber.types.d.ts +0 -20
- package/dist/InputNumberExperimental-cjs.js +0 -277
- package/dist/InputNumberExperimental-es.js +0 -275
- package/dist/clamp-cjs.js +0 -7
- package/dist/clamp-es.js +0 -5
- package/dist/clsx-cjs.js +0 -5
- package/dist/clsx-es.js +0 -3
- package/dist/docs/InputNumberExperimental/InputNumberExperimental.md +0 -578
- package/dist/floating-ui.utils.dom-cjs.js +0 -185
- package/dist/floating-ui.utils.dom-es.js +0 -165
- package/dist/isElementDisabled-cjs.js +0 -40
- package/dist/isElementDisabled-es.js +0 -18
- package/dist/primitives/InputNumberExperimental/InputNumberExperimental.d.ts +0 -77
- package/dist/primitives/InputNumberExperimental/index.cjs +0 -30
- package/dist/primitives/InputNumberExperimental/index.d.ts +0 -2
- package/dist/primitives/InputNumberExperimental/index.mjs +0 -24
- package/dist/resolveAriaLabelledBy-cjs.js +0 -200
- package/dist/resolveAriaLabelledBy-es.js +0 -166
- package/dist/useButton-cjs.js +0 -1164
- package/dist/useButton-es.js +0 -1071
- package/dist/useLabelableId-cjs.js +0 -278
- package/dist/useLabelableId-es.js +0 -247
|
@@ -1,5 +1,169 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
function hasWindow() {
|
|
4
|
+
return typeof window !== 'undefined';
|
|
5
|
+
}
|
|
6
|
+
function getNodeName(node) {
|
|
7
|
+
if (isNode(node)) {
|
|
8
|
+
return (node.nodeName || '').toLowerCase();
|
|
9
|
+
}
|
|
10
|
+
// Mocked nodes in testing environments may not be instances of Node. By
|
|
11
|
+
// returning `#document` an infinite loop won't occur.
|
|
12
|
+
// https://github.com/floating-ui/floating-ui/issues/2317
|
|
13
|
+
return '#document';
|
|
14
|
+
}
|
|
15
|
+
function getWindow(node) {
|
|
16
|
+
var _node$ownerDocument;
|
|
17
|
+
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
18
|
+
}
|
|
19
|
+
function getDocumentElement(node) {
|
|
20
|
+
var _ref;
|
|
21
|
+
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
|
|
22
|
+
}
|
|
23
|
+
function isNode(value) {
|
|
24
|
+
if (!hasWindow()) {
|
|
25
|
+
return false;
|
|
26
|
+
}
|
|
27
|
+
return value instanceof Node || value instanceof getWindow(value).Node;
|
|
28
|
+
}
|
|
29
|
+
function isElement(value) {
|
|
30
|
+
if (!hasWindow()) {
|
|
31
|
+
return false;
|
|
32
|
+
}
|
|
33
|
+
return value instanceof Element || value instanceof getWindow(value).Element;
|
|
34
|
+
}
|
|
35
|
+
function isHTMLElement(value) {
|
|
36
|
+
if (!hasWindow()) {
|
|
37
|
+
return false;
|
|
38
|
+
}
|
|
39
|
+
return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
|
|
40
|
+
}
|
|
41
|
+
function isShadowRoot(value) {
|
|
42
|
+
if (!hasWindow() || typeof ShadowRoot === 'undefined') {
|
|
43
|
+
return false;
|
|
44
|
+
}
|
|
45
|
+
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
|
|
46
|
+
}
|
|
47
|
+
function isOverflowElement(element) {
|
|
48
|
+
const {
|
|
49
|
+
overflow,
|
|
50
|
+
overflowX,
|
|
51
|
+
overflowY,
|
|
52
|
+
display
|
|
53
|
+
} = getComputedStyle(element);
|
|
54
|
+
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
|
|
55
|
+
}
|
|
56
|
+
function isTableElement(element) {
|
|
57
|
+
return /^(table|td|th)$/.test(getNodeName(element));
|
|
58
|
+
}
|
|
59
|
+
function isTopLayer(element) {
|
|
60
|
+
try {
|
|
61
|
+
if (element.matches(':popover-open')) {
|
|
62
|
+
return true;
|
|
63
|
+
}
|
|
64
|
+
} catch (_e) {
|
|
65
|
+
// no-op
|
|
66
|
+
}
|
|
67
|
+
try {
|
|
68
|
+
return element.matches(':modal');
|
|
69
|
+
} catch (_e) {
|
|
70
|
+
return false;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
|
|
74
|
+
const containRe = /paint|layout|strict|content/;
|
|
75
|
+
const isNotNone = value => !!value && value !== 'none';
|
|
76
|
+
let isWebKitValue;
|
|
77
|
+
function isContainingBlock(elementOrCss) {
|
|
78
|
+
const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
|
|
79
|
+
|
|
80
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
81
|
+
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
82
|
+
return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
|
|
83
|
+
}
|
|
84
|
+
function getContainingBlock(element) {
|
|
85
|
+
let currentNode = getParentNode(element);
|
|
86
|
+
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
87
|
+
if (isContainingBlock(currentNode)) {
|
|
88
|
+
return currentNode;
|
|
89
|
+
} else if (isTopLayer(currentNode)) {
|
|
90
|
+
return null;
|
|
91
|
+
}
|
|
92
|
+
currentNode = getParentNode(currentNode);
|
|
93
|
+
}
|
|
94
|
+
return null;
|
|
95
|
+
}
|
|
96
|
+
function isWebKit() {
|
|
97
|
+
if (isWebKitValue == null) {
|
|
98
|
+
isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
|
|
99
|
+
}
|
|
100
|
+
return isWebKitValue;
|
|
101
|
+
}
|
|
102
|
+
function isLastTraversableNode(node) {
|
|
103
|
+
return /^(html|body|#document)$/.test(getNodeName(node));
|
|
104
|
+
}
|
|
105
|
+
function getComputedStyle(element) {
|
|
106
|
+
return getWindow(element).getComputedStyle(element);
|
|
107
|
+
}
|
|
108
|
+
function getNodeScroll(element) {
|
|
109
|
+
if (isElement(element)) {
|
|
110
|
+
return {
|
|
111
|
+
scrollLeft: element.scrollLeft,
|
|
112
|
+
scrollTop: element.scrollTop
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
return {
|
|
116
|
+
scrollLeft: element.scrollX,
|
|
117
|
+
scrollTop: element.scrollY
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
function getParentNode(node) {
|
|
121
|
+
if (getNodeName(node) === 'html') {
|
|
122
|
+
return node;
|
|
123
|
+
}
|
|
124
|
+
const result =
|
|
125
|
+
// Step into the shadow DOM of the parent of a slotted node.
|
|
126
|
+
node.assignedSlot ||
|
|
127
|
+
// DOM Element detected.
|
|
128
|
+
node.parentNode ||
|
|
129
|
+
// ShadowRoot detected.
|
|
130
|
+
isShadowRoot(node) && node.host ||
|
|
131
|
+
// Fallback.
|
|
132
|
+
getDocumentElement(node);
|
|
133
|
+
return isShadowRoot(result) ? result.host : result;
|
|
134
|
+
}
|
|
135
|
+
function getNearestOverflowAncestor(node) {
|
|
136
|
+
const parentNode = getParentNode(node);
|
|
137
|
+
if (isLastTraversableNode(parentNode)) {
|
|
138
|
+
return node.ownerDocument ? node.ownerDocument.body : node.body;
|
|
139
|
+
}
|
|
140
|
+
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
|
|
141
|
+
return parentNode;
|
|
142
|
+
}
|
|
143
|
+
return getNearestOverflowAncestor(parentNode);
|
|
144
|
+
}
|
|
145
|
+
function getOverflowAncestors(node, list, traverseIframes) {
|
|
146
|
+
var _node$ownerDocument2;
|
|
147
|
+
if (list === void 0) {
|
|
148
|
+
list = [];
|
|
149
|
+
}
|
|
150
|
+
if (traverseIframes === void 0) {
|
|
151
|
+
traverseIframes = true;
|
|
152
|
+
}
|
|
153
|
+
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
154
|
+
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
|
|
155
|
+
const win = getWindow(scrollableAncestor);
|
|
156
|
+
if (isBody) {
|
|
157
|
+
const frameElement = getFrameElement(win);
|
|
158
|
+
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
|
|
159
|
+
} else {
|
|
160
|
+
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
function getFrameElement(win) {
|
|
164
|
+
return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
|
|
165
|
+
}
|
|
166
|
+
|
|
3
167
|
/**
|
|
4
168
|
* Custom positioning reference element.
|
|
5
169
|
* @see https://floating-ui.com/docs/virtual-elements
|
|
@@ -143,14 +307,33 @@ exports.getAlignment = getAlignment;
|
|
|
143
307
|
exports.getAlignmentAxis = getAlignmentAxis;
|
|
144
308
|
exports.getAlignmentSides = getAlignmentSides;
|
|
145
309
|
exports.getAxisLength = getAxisLength;
|
|
310
|
+
exports.getComputedStyle = getComputedStyle;
|
|
311
|
+
exports.getContainingBlock = getContainingBlock;
|
|
312
|
+
exports.getDocumentElement = getDocumentElement;
|
|
146
313
|
exports.getExpandedPlacements = getExpandedPlacements;
|
|
314
|
+
exports.getFrameElement = getFrameElement;
|
|
315
|
+
exports.getNodeName = getNodeName;
|
|
316
|
+
exports.getNodeScroll = getNodeScroll;
|
|
147
317
|
exports.getOppositeAlignmentPlacement = getOppositeAlignmentPlacement;
|
|
148
318
|
exports.getOppositeAxis = getOppositeAxis;
|
|
149
319
|
exports.getOppositeAxisPlacements = getOppositeAxisPlacements;
|
|
150
320
|
exports.getOppositePlacement = getOppositePlacement;
|
|
321
|
+
exports.getOverflowAncestors = getOverflowAncestors;
|
|
151
322
|
exports.getPaddingObject = getPaddingObject;
|
|
323
|
+
exports.getParentNode = getParentNode;
|
|
152
324
|
exports.getSide = getSide;
|
|
153
325
|
exports.getSideAxis = getSideAxis;
|
|
326
|
+
exports.getWindow = getWindow;
|
|
327
|
+
exports.isContainingBlock = isContainingBlock;
|
|
328
|
+
exports.isElement = isElement;
|
|
329
|
+
exports.isHTMLElement = isHTMLElement;
|
|
330
|
+
exports.isLastTraversableNode = isLastTraversableNode;
|
|
331
|
+
exports.isNode = isNode;
|
|
332
|
+
exports.isOverflowElement = isOverflowElement;
|
|
333
|
+
exports.isShadowRoot = isShadowRoot;
|
|
334
|
+
exports.isTableElement = isTableElement;
|
|
335
|
+
exports.isTopLayer = isTopLayer;
|
|
336
|
+
exports.isWebKit = isWebKit;
|
|
154
337
|
exports.max = max;
|
|
155
338
|
exports.min = min;
|
|
156
339
|
exports.placements = placements;
|
|
@@ -1,3 +1,167 @@
|
|
|
1
|
+
function hasWindow() {
|
|
2
|
+
return typeof window !== 'undefined';
|
|
3
|
+
}
|
|
4
|
+
function getNodeName(node) {
|
|
5
|
+
if (isNode(node)) {
|
|
6
|
+
return (node.nodeName || '').toLowerCase();
|
|
7
|
+
}
|
|
8
|
+
// Mocked nodes in testing environments may not be instances of Node. By
|
|
9
|
+
// returning `#document` an infinite loop won't occur.
|
|
10
|
+
// https://github.com/floating-ui/floating-ui/issues/2317
|
|
11
|
+
return '#document';
|
|
12
|
+
}
|
|
13
|
+
function getWindow(node) {
|
|
14
|
+
var _node$ownerDocument;
|
|
15
|
+
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
16
|
+
}
|
|
17
|
+
function getDocumentElement(node) {
|
|
18
|
+
var _ref;
|
|
19
|
+
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
|
|
20
|
+
}
|
|
21
|
+
function isNode(value) {
|
|
22
|
+
if (!hasWindow()) {
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
return value instanceof Node || value instanceof getWindow(value).Node;
|
|
26
|
+
}
|
|
27
|
+
function isElement(value) {
|
|
28
|
+
if (!hasWindow()) {
|
|
29
|
+
return false;
|
|
30
|
+
}
|
|
31
|
+
return value instanceof Element || value instanceof getWindow(value).Element;
|
|
32
|
+
}
|
|
33
|
+
function isHTMLElement(value) {
|
|
34
|
+
if (!hasWindow()) {
|
|
35
|
+
return false;
|
|
36
|
+
}
|
|
37
|
+
return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
|
|
38
|
+
}
|
|
39
|
+
function isShadowRoot(value) {
|
|
40
|
+
if (!hasWindow() || typeof ShadowRoot === 'undefined') {
|
|
41
|
+
return false;
|
|
42
|
+
}
|
|
43
|
+
return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
|
|
44
|
+
}
|
|
45
|
+
function isOverflowElement(element) {
|
|
46
|
+
const {
|
|
47
|
+
overflow,
|
|
48
|
+
overflowX,
|
|
49
|
+
overflowY,
|
|
50
|
+
display
|
|
51
|
+
} = getComputedStyle(element);
|
|
52
|
+
return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
|
|
53
|
+
}
|
|
54
|
+
function isTableElement(element) {
|
|
55
|
+
return /^(table|td|th)$/.test(getNodeName(element));
|
|
56
|
+
}
|
|
57
|
+
function isTopLayer(element) {
|
|
58
|
+
try {
|
|
59
|
+
if (element.matches(':popover-open')) {
|
|
60
|
+
return true;
|
|
61
|
+
}
|
|
62
|
+
} catch (_e) {
|
|
63
|
+
// no-op
|
|
64
|
+
}
|
|
65
|
+
try {
|
|
66
|
+
return element.matches(':modal');
|
|
67
|
+
} catch (_e) {
|
|
68
|
+
return false;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
|
|
72
|
+
const containRe = /paint|layout|strict|content/;
|
|
73
|
+
const isNotNone = value => !!value && value !== 'none';
|
|
74
|
+
let isWebKitValue;
|
|
75
|
+
function isContainingBlock(elementOrCss) {
|
|
76
|
+
const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
|
|
77
|
+
|
|
78
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
|
|
79
|
+
// https://drafts.csswg.org/css-transforms-2/#individual-transforms
|
|
80
|
+
return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
|
|
81
|
+
}
|
|
82
|
+
function getContainingBlock(element) {
|
|
83
|
+
let currentNode = getParentNode(element);
|
|
84
|
+
while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
|
|
85
|
+
if (isContainingBlock(currentNode)) {
|
|
86
|
+
return currentNode;
|
|
87
|
+
} else if (isTopLayer(currentNode)) {
|
|
88
|
+
return null;
|
|
89
|
+
}
|
|
90
|
+
currentNode = getParentNode(currentNode);
|
|
91
|
+
}
|
|
92
|
+
return null;
|
|
93
|
+
}
|
|
94
|
+
function isWebKit() {
|
|
95
|
+
if (isWebKitValue == null) {
|
|
96
|
+
isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
|
|
97
|
+
}
|
|
98
|
+
return isWebKitValue;
|
|
99
|
+
}
|
|
100
|
+
function isLastTraversableNode(node) {
|
|
101
|
+
return /^(html|body|#document)$/.test(getNodeName(node));
|
|
102
|
+
}
|
|
103
|
+
function getComputedStyle(element) {
|
|
104
|
+
return getWindow(element).getComputedStyle(element);
|
|
105
|
+
}
|
|
106
|
+
function getNodeScroll(element) {
|
|
107
|
+
if (isElement(element)) {
|
|
108
|
+
return {
|
|
109
|
+
scrollLeft: element.scrollLeft,
|
|
110
|
+
scrollTop: element.scrollTop
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
return {
|
|
114
|
+
scrollLeft: element.scrollX,
|
|
115
|
+
scrollTop: element.scrollY
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
function getParentNode(node) {
|
|
119
|
+
if (getNodeName(node) === 'html') {
|
|
120
|
+
return node;
|
|
121
|
+
}
|
|
122
|
+
const result =
|
|
123
|
+
// Step into the shadow DOM of the parent of a slotted node.
|
|
124
|
+
node.assignedSlot ||
|
|
125
|
+
// DOM Element detected.
|
|
126
|
+
node.parentNode ||
|
|
127
|
+
// ShadowRoot detected.
|
|
128
|
+
isShadowRoot(node) && node.host ||
|
|
129
|
+
// Fallback.
|
|
130
|
+
getDocumentElement(node);
|
|
131
|
+
return isShadowRoot(result) ? result.host : result;
|
|
132
|
+
}
|
|
133
|
+
function getNearestOverflowAncestor(node) {
|
|
134
|
+
const parentNode = getParentNode(node);
|
|
135
|
+
if (isLastTraversableNode(parentNode)) {
|
|
136
|
+
return node.ownerDocument ? node.ownerDocument.body : node.body;
|
|
137
|
+
}
|
|
138
|
+
if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
|
|
139
|
+
return parentNode;
|
|
140
|
+
}
|
|
141
|
+
return getNearestOverflowAncestor(parentNode);
|
|
142
|
+
}
|
|
143
|
+
function getOverflowAncestors(node, list, traverseIframes) {
|
|
144
|
+
var _node$ownerDocument2;
|
|
145
|
+
if (list === void 0) {
|
|
146
|
+
list = [];
|
|
147
|
+
}
|
|
148
|
+
if (traverseIframes === void 0) {
|
|
149
|
+
traverseIframes = true;
|
|
150
|
+
}
|
|
151
|
+
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
152
|
+
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
|
|
153
|
+
const win = getWindow(scrollableAncestor);
|
|
154
|
+
if (isBody) {
|
|
155
|
+
const frameElement = getFrameElement(win);
|
|
156
|
+
return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
|
|
157
|
+
} else {
|
|
158
|
+
return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
function getFrameElement(win) {
|
|
162
|
+
return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
|
|
163
|
+
}
|
|
164
|
+
|
|
1
165
|
/**
|
|
2
166
|
* Custom positioning reference element.
|
|
3
167
|
* @see https://floating-ui.com/docs/virtual-elements
|
|
@@ -133,4 +297,4 @@ function rectToClientRect(rect) {
|
|
|
133
297
|
};
|
|
134
298
|
}
|
|
135
299
|
|
|
136
|
-
export {
|
|
300
|
+
export { sides as A, getOppositeAxis as B, placements as C, getOppositeAlignmentPlacement as D, getDocumentElement as E, createCoords as F, round as G, isTopLayer as H, isOverflowElement as I, getNodeScroll as J, getWindow as K, isTableElement as L, isContainingBlock as M, getContainingBlock as N, getFrameElement as O, isShadowRoot as a, isElement as b, isNode as c, isLastTraversableNode as d, getParentNode as e, floor as f, getNodeName as g, getComputedStyle as h, isHTMLElement as i, getOverflowAncestors as j, isWebKit as k, getSideAxis as l, getAlignmentAxis as m, getSide as n, getAlignment as o, evaluate as p, getPaddingObject as q, rectToClientRect as r, getOppositePlacement as s, getExpandedPlacements as t, getOppositeAxisPlacements as u, getAlignmentSides as v, clamp as w, min as x, max as y, getAxisLength as z };
|
package/dist/index.cjs
CHANGED
|
@@ -103,7 +103,6 @@ require('./keysIn-cjs.js');
|
|
|
103
103
|
require('./_isIterateeCall-cjs.js');
|
|
104
104
|
require('./_setToString-cjs.js');
|
|
105
105
|
require('./floating-ui.react-cjs.js');
|
|
106
|
-
require('./floating-ui.utils.dom-cjs.js');
|
|
107
106
|
require('./floating-ui.utils-cjs.js');
|
|
108
107
|
require('react/jsx-runtime');
|
|
109
108
|
require('react-dom');
|
|
@@ -171,15 +170,18 @@ require('./DataListLoadMore-cjs.js');
|
|
|
171
170
|
require('./DataListAction-cjs.js');
|
|
172
171
|
require('./DataListLayoutActions-cjs.js');
|
|
173
172
|
require('./DataListStatusBar-cjs.js');
|
|
174
|
-
require('./clsx-cjs.js');
|
|
175
173
|
require('./buttonRenderAdapter-cjs.js');
|
|
176
174
|
require('./useRenderElement-cjs.js');
|
|
177
175
|
require('./ScrollAreaViewport-cjs.js');
|
|
178
176
|
require('./useScrollLock-cjs.js');
|
|
179
|
-
require('./useButton-cjs.js');
|
|
180
177
|
require('./scrollEdges-cjs.js');
|
|
181
|
-
require('./
|
|
178
|
+
require('./OverlaySeparator-cjs.js');
|
|
179
|
+
require('./Separator-cjs.js');
|
|
182
180
|
require('./BottomSheet-cjs.js');
|
|
181
|
+
require('./HelperText-cjs.js');
|
|
182
|
+
require('./SelectPrimitive-cjs.js');
|
|
183
|
+
require('./SelectGroupLabel-cjs.js');
|
|
184
|
+
require('./useCompositeListItem-cjs.js');
|
|
183
185
|
require('./DrawerTitle-cjs.js');
|
|
184
186
|
require('./DrawerDescription-cjs.js');
|
|
185
187
|
require('./nestedEscape-cjs.js');
|
|
@@ -188,19 +190,12 @@ require('filesize');
|
|
|
188
190
|
require('./GridCell-cjs.js');
|
|
189
191
|
require('./FormFieldPostFix-cjs.js');
|
|
190
192
|
require('axios');
|
|
191
|
-
require('./OverlaySeparator-cjs.js');
|
|
192
|
-
require('./Separator-cjs.js');
|
|
193
|
-
require('./MenuSubmenuTrigger-cjs.js');
|
|
194
|
-
require('./useCompositeListItem-cjs.js');
|
|
195
|
-
require('./isElementDisabled-cjs.js');
|
|
196
|
-
require('./AtlantisPortalContent-cjs.js');
|
|
197
|
-
require('./SelectPrimitive-cjs.js');
|
|
198
|
-
require('./SelectGroupLabel-cjs.js');
|
|
199
|
-
require('./useLabelableId-cjs.js');
|
|
200
|
-
require('./resolveAriaLabelledBy-cjs.js');
|
|
201
|
-
require('./HelperText-cjs.js');
|
|
202
193
|
require('./FieldDescription-cjs.js');
|
|
203
194
|
require('./useLabel-cjs.js');
|
|
195
|
+
require('./NumberFieldInput-cjs.js');
|
|
196
|
+
require('./stringifyLocale-cjs.js');
|
|
197
|
+
require('./MenuSubmenuTrigger-cjs.js');
|
|
198
|
+
require('./AtlantisPortalContent-cjs.js');
|
|
204
199
|
require('@jobber/formatters');
|
|
205
200
|
require('react-dom/client');
|
|
206
201
|
|
package/dist/index.mjs
CHANGED
|
@@ -101,7 +101,6 @@ import './keysIn-es.js';
|
|
|
101
101
|
import './_isIterateeCall-es.js';
|
|
102
102
|
import './_setToString-es.js';
|
|
103
103
|
import './floating-ui.react-es.js';
|
|
104
|
-
import './floating-ui.utils.dom-es.js';
|
|
105
104
|
import './floating-ui.utils-es.js';
|
|
106
105
|
import 'react/jsx-runtime';
|
|
107
106
|
import 'react-dom';
|
|
@@ -169,15 +168,18 @@ import './DataListLoadMore-es.js';
|
|
|
169
168
|
import './DataListAction-es.js';
|
|
170
169
|
import './DataListLayoutActions-es.js';
|
|
171
170
|
import './DataListStatusBar-es.js';
|
|
172
|
-
import './clsx-es.js';
|
|
173
171
|
import './buttonRenderAdapter-es.js';
|
|
174
172
|
import './useRenderElement-es.js';
|
|
175
173
|
import './ScrollAreaViewport-es.js';
|
|
176
174
|
import './useScrollLock-es.js';
|
|
177
|
-
import './useButton-es.js';
|
|
178
175
|
import './scrollEdges-es.js';
|
|
179
|
-
import './
|
|
176
|
+
import './OverlaySeparator-es.js';
|
|
177
|
+
import './Separator-es.js';
|
|
180
178
|
import './BottomSheet-es.js';
|
|
179
|
+
import './HelperText-es.js';
|
|
180
|
+
import './SelectPrimitive-es.js';
|
|
181
|
+
import './SelectGroupLabel-es.js';
|
|
182
|
+
import './useCompositeListItem-es.js';
|
|
181
183
|
import './DrawerTitle-es.js';
|
|
182
184
|
import './DrawerDescription-es.js';
|
|
183
185
|
import './nestedEscape-es.js';
|
|
@@ -186,19 +188,12 @@ import 'filesize';
|
|
|
186
188
|
import './GridCell-es.js';
|
|
187
189
|
import './FormFieldPostFix-es.js';
|
|
188
190
|
import 'axios';
|
|
189
|
-
import './OverlaySeparator-es.js';
|
|
190
|
-
import './Separator-es.js';
|
|
191
|
-
import './MenuSubmenuTrigger-es.js';
|
|
192
|
-
import './useCompositeListItem-es.js';
|
|
193
|
-
import './isElementDisabled-es.js';
|
|
194
|
-
import './AtlantisPortalContent-es.js';
|
|
195
|
-
import './SelectPrimitive-es.js';
|
|
196
|
-
import './SelectGroupLabel-es.js';
|
|
197
|
-
import './useLabelableId-es.js';
|
|
198
|
-
import './resolveAriaLabelledBy-es.js';
|
|
199
|
-
import './HelperText-es.js';
|
|
200
191
|
import './FieldDescription-es.js';
|
|
201
192
|
import './useLabel-es.js';
|
|
193
|
+
import './NumberFieldInput-es.js';
|
|
194
|
+
import './stringifyLocale-es.js';
|
|
195
|
+
import './MenuSubmenuTrigger-es.js';
|
|
196
|
+
import './AtlantisPortalContent-es.js';
|
|
202
197
|
import '@jobber/formatters';
|
|
203
198
|
import 'react-dom/client';
|
|
204
199
|
|
|
@@ -13,13 +13,10 @@ require('../../Typography-cjs.js');
|
|
|
13
13
|
require('../../useRenderElement-cjs.js');
|
|
14
14
|
require('../../ScrollAreaViewport-cjs.js');
|
|
15
15
|
require('../../useScrollLock-cjs.js');
|
|
16
|
-
require('../../floating-ui.utils.dom-cjs.js');
|
|
17
|
-
require('../../useButton-cjs.js');
|
|
18
|
-
require('react-dom');
|
|
19
|
-
require('react/jsx-runtime');
|
|
20
16
|
require('../../floating-ui.utils-cjs.js');
|
|
17
|
+
require('react/jsx-runtime');
|
|
18
|
+
require('react-dom');
|
|
21
19
|
require('../../scrollEdges-cjs.js');
|
|
22
|
-
require('../../clamp-cjs.js');
|
|
23
20
|
|
|
24
21
|
|
|
25
22
|
|
|
@@ -11,10 +11,7 @@ import '../../Typography-es.js';
|
|
|
11
11
|
import '../../useRenderElement-es.js';
|
|
12
12
|
import '../../ScrollAreaViewport-es.js';
|
|
13
13
|
import '../../useScrollLock-es.js';
|
|
14
|
-
import '../../floating-ui.utils.dom-es.js';
|
|
15
|
-
import '../../useButton-es.js';
|
|
16
|
-
import 'react-dom';
|
|
17
|
-
import 'react/jsx-runtime';
|
|
18
14
|
import '../../floating-ui.utils-es.js';
|
|
15
|
+
import 'react/jsx-runtime';
|
|
16
|
+
import 'react-dom';
|
|
19
17
|
import '../../scrollEdges-es.js';
|
|
20
|
-
import '../../clamp-es.js';
|
|
@@ -12,16 +12,12 @@ require('@jobber/design');
|
|
|
12
12
|
require('../../Typography-cjs.js');
|
|
13
13
|
require('../../useRenderElement-cjs.js');
|
|
14
14
|
require('../../ComboboxChipRemove-cjs.js');
|
|
15
|
-
require('../../useButton-cjs.js');
|
|
16
|
-
require('../../floating-ui.utils.dom-cjs.js');
|
|
17
|
-
require('react-dom');
|
|
18
|
-
require('../../useLabelableId-cjs.js');
|
|
19
|
-
require('../../useCompositeListItem-cjs.js');
|
|
20
15
|
require('../../useScrollLock-cjs.js');
|
|
21
|
-
require('react/jsx-runtime');
|
|
22
16
|
require('../../floating-ui.utils-cjs.js');
|
|
17
|
+
require('react/jsx-runtime');
|
|
18
|
+
require('react-dom');
|
|
19
|
+
require('../../useCompositeListItem-cjs.js');
|
|
23
20
|
require('../../floating-ui.react-dom-cjs.js');
|
|
24
|
-
require('../../resolveAriaLabelledBy-cjs.js');
|
|
25
21
|
require('../../stringifyLocale-cjs.js');
|
|
26
22
|
require('../../useLabel-cjs.js');
|
|
27
23
|
require('../../Separator-cjs.js');
|
|
@@ -10,16 +10,12 @@ import '@jobber/design';
|
|
|
10
10
|
import '../../Typography-es.js';
|
|
11
11
|
import '../../useRenderElement-es.js';
|
|
12
12
|
import '../../ComboboxChipRemove-es.js';
|
|
13
|
-
import '../../useButton-es.js';
|
|
14
|
-
import '../../floating-ui.utils.dom-es.js';
|
|
15
|
-
import 'react-dom';
|
|
16
|
-
import '../../useLabelableId-es.js';
|
|
17
|
-
import '../../useCompositeListItem-es.js';
|
|
18
13
|
import '../../useScrollLock-es.js';
|
|
19
|
-
import 'react/jsx-runtime';
|
|
20
14
|
import '../../floating-ui.utils-es.js';
|
|
15
|
+
import 'react/jsx-runtime';
|
|
16
|
+
import 'react-dom';
|
|
17
|
+
import '../../useCompositeListItem-es.js';
|
|
21
18
|
import '../../floating-ui.react-dom-es.js';
|
|
22
|
-
import '../../resolveAriaLabelledBy-es.js';
|
|
23
19
|
import '../../stringifyLocale-es.js';
|
|
24
20
|
import '../../useLabel-es.js';
|
|
25
21
|
import '../../Separator-es.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { ReactNode } from "react";
|
|
2
|
+
import type { CSSProperties, ReactNode } from "react";
|
|
3
3
|
export interface HelperTextProps {
|
|
4
4
|
/**
|
|
5
5
|
* The helper message.
|
|
@@ -18,5 +18,8 @@ export interface HelperTextProps {
|
|
|
18
18
|
* `render` prop) to wire `aria-describedby` on their control.
|
|
19
19
|
*/
|
|
20
20
|
readonly id?: string;
|
|
21
|
+
/** Composed with the internal class. */
|
|
22
|
+
readonly className?: string;
|
|
23
|
+
readonly style?: CSSProperties;
|
|
21
24
|
}
|
|
22
25
|
export declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
var HelperText = require('../../HelperText-cjs.js');
|
|
4
4
|
require('../../tslib.es6-cjs.js');
|
|
5
5
|
require('react');
|
|
6
|
+
require('classnames');
|
|
6
7
|
require('../../Text-cjs.js');
|
|
7
8
|
require('../../Typography-cjs.js');
|
|
8
|
-
require('classnames');
|
|
9
9
|
require('../../Icon-cjs.js');
|
|
10
10
|
require('@jobber/design');
|
|
11
11
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { H as HelperText } from '../../HelperText-es.js';
|
|
2
2
|
import '../../tslib.es6-es.js';
|
|
3
3
|
import 'react';
|
|
4
|
+
import 'classnames';
|
|
4
5
|
import '../../Text-es.js';
|
|
5
6
|
import '../../Typography-es.js';
|
|
6
|
-
import 'classnames';
|
|
7
7
|
import '../../Icon-es.js';
|
|
8
8
|
import '@jobber/design';
|
|
@@ -10,19 +10,13 @@ require('../../OverlaySeparator-cjs.js');
|
|
|
10
10
|
require('../../Separator-cjs.js');
|
|
11
11
|
require('../../useRenderElement-cjs.js');
|
|
12
12
|
require('../../SelectGroupLabel-cjs.js');
|
|
13
|
-
require('../../useButton-cjs.js');
|
|
14
|
-
require('../../floating-ui.utils.dom-cjs.js');
|
|
15
|
-
require('react-dom');
|
|
16
13
|
require('../../useScrollLock-cjs.js');
|
|
17
|
-
require('react/jsx-runtime');
|
|
18
14
|
require('../../floating-ui.utils-cjs.js');
|
|
19
|
-
require('
|
|
20
|
-
require('
|
|
21
|
-
require('../../resolveAriaLabelledBy-cjs.js');
|
|
22
|
-
require('../../scrollEdges-cjs.js');
|
|
23
|
-
require('../../clamp-cjs.js');
|
|
15
|
+
require('react/jsx-runtime');
|
|
16
|
+
require('react-dom');
|
|
24
17
|
require('../../useCompositeListItem-cjs.js');
|
|
25
18
|
require('../../floating-ui.react-dom-cjs.js');
|
|
19
|
+
require('../../scrollEdges-cjs.js');
|
|
26
20
|
|
|
27
21
|
|
|
28
22
|
|
|
@@ -8,16 +8,10 @@ import '../../OverlaySeparator-es.js';
|
|
|
8
8
|
import '../../Separator-es.js';
|
|
9
9
|
import '../../useRenderElement-es.js';
|
|
10
10
|
import '../../SelectGroupLabel-es.js';
|
|
11
|
-
import '../../useButton-es.js';
|
|
12
|
-
import '../../floating-ui.utils.dom-es.js';
|
|
13
|
-
import 'react-dom';
|
|
14
11
|
import '../../useScrollLock-es.js';
|
|
15
|
-
import 'react/jsx-runtime';
|
|
16
12
|
import '../../floating-ui.utils-es.js';
|
|
17
|
-
import '
|
|
18
|
-
import '
|
|
19
|
-
import '../../resolveAriaLabelledBy-es.js';
|
|
20
|
-
import '../../scrollEdges-es.js';
|
|
21
|
-
import '../../clamp-es.js';
|
|
13
|
+
import 'react/jsx-runtime';
|
|
14
|
+
import 'react-dom';
|
|
22
15
|
import '../../useCompositeListItem-es.js';
|
|
23
16
|
import '../../floating-ui.react-dom-es.js';
|
|
17
|
+
import '../../scrollEdges-es.js';
|