@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.
@@ -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('../useValueChanged-cjs.js');
27
+ require('../clamp-cjs.js');
28
28
  require('../OverlaySeparator-cjs.js');
29
29
  require('../Separator-cjs.js');
30
30
  require('../MenuSubmenuTrigger-cjs.js');
@@ -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 '../useValueChanged-es.js';
25
+ import '../clamp-es.js';
26
26
  import '../OverlaySeparator-es.js';
27
27
  import '../Separator-es.js';
28
28
  import '../MenuSubmenuTrigger-es.js';
@@ -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('../useValueChanged-cjs.js');
28
+ require('../clamp-cjs.js');
29
29
  require('../OverlaySeparator-cjs.js');
30
30
  require('../Separator-cjs.js');
31
31
  require('../MenuSubmenuTrigger-cjs.js');
@@ -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 '../useValueChanged-es.js';
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 useValueChanged = require('./useValueChanged-cjs.js');
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 = useValueChanged.useBaseUiId();
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 = useValueChanged.useStableCallback((source, nextId) => {
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 = useValueChanged.useTimeout();
143
+ const timeout = clamp.useTimeout();
144
144
  const inputRef = React__namespace.useRef(null);
145
- const commit = useValueChanged.useStableCallback(async (value, revalidate = false) => {
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 = useValueChanged.useStableCallback(validateProp || (() => null));
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 = useValueChanged.useStableCallback(value => {
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 = useValueChanged.useStableCallback(value => {
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 = useValueChanged.useStableCallback(() => validationMode === 'onChange' || validationMode === 'onSubmit' && submitAttemptedRef.current);
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
- ...useValueChanged.transitionStatusMapping
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 = useValueChanged.useBaseUiId(idProp);
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
- } = useValueChanged.useTransitionStatus(rendered);
514
- useValueChanged.useIsoLayoutEffect(() => {
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
- useValueChanged.useOpenChangeComplete({
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 = useValueChanged.useBaseUiId(idProp);
584
+ const id = clamp.useBaseUiId(idProp);
585
585
  const fieldRootContext = NumberFieldInput.useFieldRootContext(false);
586
586
  const {
587
587
  setMessageIds
588
588
  } = NumberFieldInput.useLabelableContext();
589
- useValueChanged.useIsoLayoutEffect(() => {
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 './useValueChanged-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 './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';
@@ -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('../useValueChanged-cjs.js');
25
+ require('../clamp-cjs.js');
26
26
  require('../OverlaySeparator-cjs.js');
27
27
  require('../Separator-cjs.js');
28
28
  require('../MenuSubmenuTrigger-cjs.js');
@@ -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 '../useValueChanged-es.js';
23
+ import '../clamp-es.js';
24
24
  import '../OverlaySeparator-es.js';
25
25
  import '../Separator-es.js';
26
26
  import '../MenuSubmenuTrigger-es.js';