@jobber/components 8.15.0 → 8.16.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/dist/Card/index.cjs +1 -1
- package/dist/Card/index.mjs +1 -1
- package/dist/DataDump/index.cjs +1 -1
- package/dist/DataDump/index.mjs +1 -1
- package/dist/InputNumberExperimental-cjs.js +16 -16
- package/dist/InputNumberExperimental-es.js +1 -1
- package/dist/Menu/index.cjs +1 -1
- package/dist/Menu/index.mjs +1 -1
- package/dist/MenuSubmenuTrigger-cjs.js +1060 -1060
- package/dist/MenuSubmenuTrigger-es.js +928 -928
- package/dist/NumberFieldInput-cjs.js +53 -53
- package/dist/NumberFieldInput-es.js +1 -1
- package/dist/Page/index.cjs +1 -1
- package/dist/Page/index.mjs +1 -1
- package/dist/ScrollAreaViewport-cjs.js +4436 -4436
- package/dist/ScrollAreaViewport-es.js +4372 -4372
- package/dist/{useValueChanged-cjs.js → clamp-cjs.js} +594 -592
- package/dist/{useValueChanged-es.js → clamp-es.js} +595 -594
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/primitives/BottomSheet/index.cjs +2 -2
- package/dist/primitives/BottomSheet/index.mjs +2 -2
- package/dist/primitives/InputNumberExperimental/index.cjs +2 -2
- package/dist/primitives/InputNumberExperimental/index.mjs +2 -2
- package/dist/primitives/index.cjs +2 -2
- package/dist/primitives/index.mjs +2 -2
- package/dist/unstyledPrimitives/index.cjs +6271 -6134
- package/dist/unstyledPrimitives/index.d.ts +1 -0
- package/dist/unstyledPrimitives/index.mjs +6318 -6182
- package/dist/useRenderElement-cjs.js +30 -30
- package/dist/useRenderElement-es.js +30 -30
- package/package.json +2 -2
package/dist/Card/index.cjs
CHANGED
|
@@ -24,7 +24,7 @@ require('../maxHeight-cjs.js');
|
|
|
24
24
|
require('../useRenderElement-cjs.js');
|
|
25
25
|
require('../BottomSheet-cjs.js');
|
|
26
26
|
require('../ScrollAreaViewport-cjs.js');
|
|
27
|
-
require('../
|
|
27
|
+
require('../clamp-cjs.js');
|
|
28
28
|
require('../OverlaySeparator-cjs.js');
|
|
29
29
|
require('../Separator-cjs.js');
|
|
30
30
|
require('../MenuSubmenuTrigger-cjs.js');
|
package/dist/Card/index.mjs
CHANGED
|
@@ -22,7 +22,7 @@ import '../maxHeight-es.js';
|
|
|
22
22
|
import '../useRenderElement-es.js';
|
|
23
23
|
import '../BottomSheet-es.js';
|
|
24
24
|
import '../ScrollAreaViewport-es.js';
|
|
25
|
-
import '../
|
|
25
|
+
import '../clamp-es.js';
|
|
26
26
|
import '../OverlaySeparator-es.js';
|
|
27
27
|
import '../Separator-es.js';
|
|
28
28
|
import '../MenuSubmenuTrigger-es.js';
|
package/dist/DataDump/index.cjs
CHANGED
|
@@ -25,7 +25,7 @@ require('../maxHeight-cjs.js');
|
|
|
25
25
|
require('../useRenderElement-cjs.js');
|
|
26
26
|
require('../BottomSheet-cjs.js');
|
|
27
27
|
require('../ScrollAreaViewport-cjs.js');
|
|
28
|
-
require('../
|
|
28
|
+
require('../clamp-cjs.js');
|
|
29
29
|
require('../OverlaySeparator-cjs.js');
|
|
30
30
|
require('../Separator-cjs.js');
|
|
31
31
|
require('../MenuSubmenuTrigger-cjs.js');
|
package/dist/DataDump/index.mjs
CHANGED
|
@@ -23,7 +23,7 @@ import '../maxHeight-es.js';
|
|
|
23
23
|
import '../useRenderElement-es.js';
|
|
24
24
|
import '../BottomSheet-es.js';
|
|
25
25
|
import '../ScrollAreaViewport-es.js';
|
|
26
|
-
import '../
|
|
26
|
+
import '../clamp-es.js';
|
|
27
27
|
import '../OverlaySeparator-es.js';
|
|
28
28
|
import '../Separator-es.js';
|
|
29
29
|
import '../MenuSubmenuTrigger-es.js';
|
|
@@ -5,7 +5,7 @@ var classnames = require('classnames');
|
|
|
5
5
|
var ActivityIndicator = require('./ActivityIndicator-cjs.js');
|
|
6
6
|
var Button = require('./Button-cjs.js');
|
|
7
7
|
var Icon = require('./Icon-cjs.js');
|
|
8
|
-
var
|
|
8
|
+
var clamp = require('./clamp-cjs.js');
|
|
9
9
|
var NumberFieldInput = require('./NumberFieldInput-cjs.js');
|
|
10
10
|
var useRenderElement = require('./useRenderElement-cjs.js');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -44,7 +44,7 @@ function useFieldsetRootContext(optional = false) {
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
const LabelableProvider = function LabelableProvider(props) {
|
|
47
|
-
const defaultId =
|
|
47
|
+
const defaultId = clamp.useBaseUiId();
|
|
48
48
|
const initialControlId = props.controlId === undefined ? defaultId : props.controlId;
|
|
49
49
|
const [controlId, setControlIdState] = React__namespace.useState(initialControlId);
|
|
50
50
|
const [labelId, setLabelId] = React__namespace.useState(props.labelId);
|
|
@@ -53,7 +53,7 @@ const LabelableProvider = function LabelableProvider(props) {
|
|
|
53
53
|
const {
|
|
54
54
|
messageIds: parentMessageIds
|
|
55
55
|
} = NumberFieldInput.useLabelableContext();
|
|
56
|
-
const registerControlId =
|
|
56
|
+
const registerControlId = clamp.useStableCallback((source, nextId) => {
|
|
57
57
|
const registrations = registrationsRef.current;
|
|
58
58
|
if (nextId === undefined) {
|
|
59
59
|
registrations.delete(source);
|
|
@@ -140,9 +140,9 @@ function useFieldValidation(params) {
|
|
|
140
140
|
controlId,
|
|
141
141
|
getDescriptionProps
|
|
142
142
|
} = NumberFieldInput.useLabelableContext();
|
|
143
|
-
const timeout =
|
|
143
|
+
const timeout = clamp.useTimeout();
|
|
144
144
|
const inputRef = React__namespace.useRef(null);
|
|
145
|
-
const commit =
|
|
145
|
+
const commit = clamp.useStableCallback(async (value, revalidate = false) => {
|
|
146
146
|
const element = inputRef.current;
|
|
147
147
|
if (!element) {
|
|
148
148
|
return;
|
|
@@ -354,7 +354,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
|
|
|
354
354
|
const {
|
|
355
355
|
disabled: disabledFieldset
|
|
356
356
|
} = useFieldsetRootContext();
|
|
357
|
-
const validate =
|
|
357
|
+
const validate = clamp.useStableCallback(validateProp || (() => null));
|
|
358
358
|
const disabled = disabledFieldset || disabledProp;
|
|
359
359
|
const [touchedState, setTouchedUnwrapped] = React__namespace.useState(false);
|
|
360
360
|
const [dirtyState, setDirtyUnwrapped] = React__namespace.useState(false);
|
|
@@ -363,7 +363,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
|
|
|
363
363
|
const dirty = dirtyProp ?? dirtyState;
|
|
364
364
|
const touched = touchedProp ?? touchedState;
|
|
365
365
|
const markedDirtyRef = React__namespace.useRef(false);
|
|
366
|
-
const setDirty =
|
|
366
|
+
const setDirty = clamp.useStableCallback(value => {
|
|
367
367
|
if (dirtyProp !== undefined) {
|
|
368
368
|
return;
|
|
369
369
|
}
|
|
@@ -372,13 +372,13 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
|
|
|
372
372
|
}
|
|
373
373
|
setDirtyUnwrapped(value);
|
|
374
374
|
});
|
|
375
|
-
const setTouched =
|
|
375
|
+
const setTouched = clamp.useStableCallback(value => {
|
|
376
376
|
if (touchedProp !== undefined) {
|
|
377
377
|
return;
|
|
378
378
|
}
|
|
379
379
|
setTouchedUnwrapped(value);
|
|
380
380
|
});
|
|
381
|
-
const shouldValidateOnChange =
|
|
381
|
+
const shouldValidateOnChange = clamp.useStableCallback(() => validationMode === 'onChange' || validationMode === 'onSubmit' && submitAttemptedRef.current);
|
|
382
382
|
const hasFormError = !!name && Object.hasOwn(errors, name) && errors[name] !== undefined;
|
|
383
383
|
const invalid = invalidProp === true || hasFormError;
|
|
384
384
|
const [validityData, setValidityData] = React__namespace.useState({
|
|
@@ -468,7 +468,7 @@ if (process.env.NODE_ENV !== "production") FieldRoot.displayName = "FieldRoot";
|
|
|
468
468
|
|
|
469
469
|
const stateAttributesMapping = {
|
|
470
470
|
...NumberFieldInput.fieldValidityMapping,
|
|
471
|
-
...
|
|
471
|
+
...clamp.transitionStatusMapping
|
|
472
472
|
};
|
|
473
473
|
|
|
474
474
|
/**
|
|
@@ -485,7 +485,7 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
|
|
|
485
485
|
match,
|
|
486
486
|
...elementProps
|
|
487
487
|
} = componentProps;
|
|
488
|
-
const id =
|
|
488
|
+
const id = clamp.useBaseUiId(idProp);
|
|
489
489
|
const {
|
|
490
490
|
validityData,
|
|
491
491
|
state: fieldState,
|
|
@@ -510,8 +510,8 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
|
|
|
510
510
|
mounted,
|
|
511
511
|
transitionStatus,
|
|
512
512
|
setMounted
|
|
513
|
-
} =
|
|
514
|
-
|
|
513
|
+
} = clamp.useTransitionStatus(rendered);
|
|
514
|
+
clamp.useIsoLayoutEffect(() => {
|
|
515
515
|
if (!rendered || !id) {
|
|
516
516
|
return undefined;
|
|
517
517
|
}
|
|
@@ -538,7 +538,7 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
|
|
|
538
538
|
setLastRenderedMessageKey(errorKey);
|
|
539
539
|
setLastRenderedMessage(errorMessage);
|
|
540
540
|
}
|
|
541
|
-
|
|
541
|
+
clamp.useOpenChangeComplete({
|
|
542
542
|
open: rendered,
|
|
543
543
|
ref: errorRef,
|
|
544
544
|
onComplete() {
|
|
@@ -581,12 +581,12 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
|
|
|
581
581
|
className,
|
|
582
582
|
...elementProps
|
|
583
583
|
} = componentProps;
|
|
584
|
-
const id =
|
|
584
|
+
const id = clamp.useBaseUiId(idProp);
|
|
585
585
|
const fieldRootContext = NumberFieldInput.useFieldRootContext(false);
|
|
586
586
|
const {
|
|
587
587
|
setMessageIds
|
|
588
588
|
} = NumberFieldInput.useLabelableContext();
|
|
589
|
-
|
|
589
|
+
clamp.useIsoLayoutEffect(() => {
|
|
590
590
|
if (!id) {
|
|
591
591
|
return undefined;
|
|
592
592
|
}
|
|
@@ -4,7 +4,7 @@ import classnames from 'classnames';
|
|
|
4
4
|
import { A as ActivityIndicator } from './ActivityIndicator-es.js';
|
|
5
5
|
import { B as Button } from './Button-es.js';
|
|
6
6
|
import { I as Icon } from './Icon-es.js';
|
|
7
|
-
import { u as useBaseUiId, a as useStableCallback, b as useTimeout, t as transitionStatusMapping, c as useTransitionStatus, d as useIsoLayoutEffect, e as useOpenChangeComplete } from './
|
|
7
|
+
import { u as useBaseUiId, a as useStableCallback, b as useTimeout, t as transitionStatusMapping, c as useTransitionStatus, d as useIsoLayoutEffect, e as useOpenChangeComplete } from './clamp-es.js';
|
|
8
8
|
import { u as useLabelableContext, L as LabelableContext, a as useFormContext, D as DEFAULT_VALIDITY_STATE, g as getCombinedFieldValidityData, f as fieldValidityMapping, F as FieldRootContext, b as useFieldRootContext, N as NumberFieldRoot, c as NumberFieldGroup, d as NumberFieldInput, e as NumberFieldIncrement, h as NumberFieldDecrement } from './NumberFieldInput-es.js';
|
|
9
9
|
import { f as formatErrorMessage, a as useRefWithInit, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
|
|
10
10
|
import { jsx } from 'react/jsx-runtime';
|
package/dist/Menu/index.cjs
CHANGED
|
@@ -22,7 +22,7 @@ require('../maxHeight-cjs.js');
|
|
|
22
22
|
require('../useRenderElement-cjs.js');
|
|
23
23
|
require('../BottomSheet-cjs.js');
|
|
24
24
|
require('../ScrollAreaViewport-cjs.js');
|
|
25
|
-
require('../
|
|
25
|
+
require('../clamp-cjs.js');
|
|
26
26
|
require('../OverlaySeparator-cjs.js');
|
|
27
27
|
require('../Separator-cjs.js');
|
|
28
28
|
require('../MenuSubmenuTrigger-cjs.js');
|
package/dist/Menu/index.mjs
CHANGED
|
@@ -20,7 +20,7 @@ import '../maxHeight-es.js';
|
|
|
20
20
|
import '../useRenderElement-es.js';
|
|
21
21
|
import '../BottomSheet-es.js';
|
|
22
22
|
import '../ScrollAreaViewport-es.js';
|
|
23
|
-
import '../
|
|
23
|
+
import '../clamp-es.js';
|
|
24
24
|
import '../OverlaySeparator-es.js';
|
|
25
25
|
import '../Separator-es.js';
|
|
26
26
|
import '../MenuSubmenuTrigger-es.js';
|