@jobber/components 8.15.0 → 8.17.0

package/dist/NumberFieldInput-cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var useValueChanged = require('./useValueChanged-cjs.js');
+var clamp = require('./clamp-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
 var floatingUi_utils_dom = require('./floating-ui.utils.dom-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -205,8 +205,8 @@ function useField(params) {
     validityData,
     setValidityData
   } = useFieldRootContext();
-  const getValue = useValueChanged.useStableCallback(params.getValue);
-  useValueChanged.useIsoLayoutEffect(() => {
+  const getValue = clamp.useStableCallback(params.getValue);
+  clamp.useIsoLayoutEffect(() => {
     if (!enabled) {
       return;
     }
@@ -221,7 +221,7 @@ function useField(params) {
       }));
     }
   }, [enabled, setValidityData, value, validityData.initialValue, getValue]);
-  useValueChanged.useIsoLayoutEffect(() => {
+  clamp.useIsoLayoutEffect(() => {
     if (!enabled || !id) {
       return;
     }
@@ -245,7 +245,7 @@ function useField(params) {
       }
     });
   }, [commit, controlRef, enabled, formRef, getValue, id, invalid, markedDirtyRef, name, validityData, value]);
-  useValueChanged.useIsoLayoutEffect(() => {
+  clamp.useIsoLayoutEffect(() => {
     const fields = formRef.current.fields;
     return () => {
       if (id) {
@@ -283,19 +283,19 @@ function useLabelableId(params = {}) {
     controlId,
     registerControlId
   } = useLabelableContext();
-  const defaultId = useValueChanged.useBaseUiId(id);
+  const defaultId = clamp.useBaseUiId(id);
   const controlIdForEffect = implicit ? controlId : undefined;
   const controlSourceRef = useRenderElement.useRefWithInit(() => Symbol('labelable-control'));
   const hasRegisteredRef = React__namespace.useRef(false);
   const hadExplicitIdRef = React__namespace.useRef(id != null);
-  const unregisterControlId = useValueChanged.useStableCallback(() => {
+  const unregisterControlId = clamp.useStableCallback(() => {
     if (!hasRegisteredRef.current || registerControlId === useRenderElement.NOOP) {
       return;
     }
     hasRegisteredRef.current = false;
     registerControlId(controlSourceRef.current, undefined);
   });
-  useValueChanged.useIsoLayoutEffect(() => {
+  clamp.useIsoLayoutEffect(() => {
     if (registerControlId === useRenderElement.NOOP) {
       return undefined;
     }
@@ -358,7 +358,7 @@ function formatNumberMaxPrecision(value, locale, options) {
 }
 
 const EMPTY = 0;
-class Interval extends useValueChanged.Timeout {
+class Interval extends clamp.Timeout {
   static create() {
     return new Interval();
   }
@@ -385,7 +385,7 @@ class Interval extends useValueChanged.Timeout {
  */
 function useInterval() {
   const timeout = useRenderElement.useRefWithInit(Interval.create).current;
-  useValueChanged.useOnMount(timeout.disposeEffect);
+  clamp.useOnMount(timeout.disposeEffect);
   return timeout;
 }
 
@@ -684,7 +684,7 @@ function toValidatedNumber(value, {
   if (value === null) {
     return value;
   }
-  const clampedValue = shouldClamp ? useValueChanged.clamp(value, minWithDefault, maxWithDefault) : value;
+  const clampedValue = shouldClamp ? clamp.clamp(value, minWithDefault, maxWithDefault) : value;
   if (step != null && snapOnStep) {
     if (step === 0) {
       return removeFloatingPointErrors(clampedValue, format);
@@ -751,27 +751,27 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   const id = useLabelableId({
     id: idProp
   });
-  const [valueUnwrapped, setValueUnwrapped] = useValueChanged.useControlled({
+  const [valueUnwrapped, setValueUnwrapped] = clamp.useControlled({
     controlled: valueProp,
     default: defaultValue,
     name: 'NumberField',
     state: 'value'
   });
   const value = valueUnwrapped ?? null;
-  const valueRef = useValueChanged.useValueAsRef(value);
-  useValueChanged.useIsoLayoutEffect(() => {
+  const valueRef = clamp.useValueAsRef(value);
+  clamp.useIsoLayoutEffect(() => {
     setFilled(value !== null);
   }, [setFilled, value]);
   const forceRender = useForcedRerendering();
-  const formatOptionsRef = useValueChanged.useValueAsRef(format);
+  const formatOptionsRef = clamp.useValueAsRef(format);
   const hasPendingCommitRef = React__namespace.useRef(false);
-  const onValueCommitted = useValueChanged.useStableCallback((nextValue, eventDetails) => {
+  const onValueCommitted = clamp.useStableCallback((nextValue, eventDetails) => {
     hasPendingCommitRef.current = false;
     onValueCommittedProp?.(nextValue, eventDetails);
   });
-  const startTickTimeout = useValueChanged.useTimeout();
+  const startTickTimeout = clamp.useTimeout();
   const tickInterval = useInterval();
-  const intentionalTouchCheckTimeout = useValueChanged.useTimeout();
+  const intentionalTouchCheckTimeout = clamp.useTimeout();
   const isPressedRef = React__namespace.useRef(false);
   const movesAfterTouchRef = React__namespace.useRef(0);
   const allowInputSyncRef = React__namespace.useRef(true);
@@ -789,7 +789,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     return formatNumber(value, locale, format);
   });
   const [inputMode, setInputMode] = React__namespace.useState('numeric');
-  const getAllowedNonNumericKeys = useValueChanged.useStableCallback(() => {
+  const getAllowedNonNumericKeys = clamp.useStableCallback(() => {
     const {
       decimal,
       group,
@@ -834,7 +834,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     }
     return keys;
   });
-  const getStepAmount = useValueChanged.useStableCallback(event => {
+  const getStepAmount = clamp.useStableCallback(event => {
     if (event?.altKey) {
       return smallStep;
     }
@@ -843,13 +843,13 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     }
     return step;
   });
-  const setValue = useValueChanged.useStableCallback((unvalidatedValue, details) => {
+  const setValue = clamp.useStableCallback((unvalidatedValue, details) => {
     const eventWithOptionalKeyState = details.event;
     const dir = details.direction;
     const reason = details.reason;
     // Only allow out-of-range values for direct text entry (native-like behavior).
     // Step-based interactions (keyboard arrows, buttons, wheel, scrub) still clamp to min/max.
-    const shouldClampValue = !allowOutOfRange || !(reason === useValueChanged.inputChange || reason === useValueChanged.inputBlur || reason === useValueChanged.inputPaste || reason === useValueChanged.inputClear || reason === useValueChanged.none);
+    const shouldClampValue = !allowOutOfRange || !(reason === clamp.inputChange || reason === clamp.inputBlur || reason === clamp.inputPaste || reason === clamp.inputClear || reason === clamp.none);
     const validatedValue = toValidatedNumber(unvalidatedValue, {
       step: dir ? getStepAmount(eventWithOptionalKeyState) * dir : undefined,
       format: formatOptionsRef.current,
@@ -864,7 +864,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     // Determine whether we should notify about a change even if the numeric value is unchanged.
     // This is needed when the user input is clamped/snapped to the same current value, or when
     // the source value differs but validation normalizes to the existing value.
-    const isInputReason = details.reason === useValueChanged.inputChange || details.reason === useValueChanged.inputClear || details.reason === useValueChanged.inputBlur || details.reason === useValueChanged.inputPaste || details.reason === useValueChanged.none;
+    const isInputReason = details.reason === clamp.inputChange || details.reason === clamp.inputClear || details.reason === clamp.inputBlur || details.reason === clamp.inputPaste || details.reason === clamp.none;
     const shouldFireChange = validatedValue !== value || isInputReason && (unvalidatedValue !== value || allowInputSyncRef.current === false);
     if (shouldFireChange) {
       lastChangedValueRef.current = validatedValue;
@@ -889,7 +889,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     forceRender();
     return shouldFireChange;
   });
-  const incrementValue = useValueChanged.useStableCallback((amount, {
+  const incrementValue = clamp.useStableCallback((amount, {
     direction,
     currentValue,
     event,
@@ -898,18 +898,18 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     const prevValue = currentValue == null ? valueRef.current : currentValue;
     const nextValue = typeof prevValue === 'number' ? prevValue + amount * direction : Math.max(0, min ?? 0);
     const nativeEvent = event;
-    return setValue(nextValue, useValueChanged.createChangeEventDetails(reason, nativeEvent, undefined, {
+    return setValue(nextValue, clamp.createChangeEventDetails(reason, nativeEvent, undefined, {
       direction
     }));
   });
-  const stopAutoChange = useValueChanged.useStableCallback(() => {
+  const stopAutoChange = clamp.useStableCallback(() => {
     intentionalTouchCheckTimeout.clear();
     startTickTimeout.clear();
     tickInterval.clear();
     unsubscribeFromGlobalContextMenuRef.current();
     movesAfterTouchRef.current = 0;
   });
-  const startAutoChange = useValueChanged.useStableCallback((isIncrement, triggerEvent) => {
+  const startAutoChange = clamp.useStableCallback((isIncrement, triggerEvent) => {
     stopAutoChange();
     if (!inputRef.current) {
       return;
@@ -929,8 +929,8 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       isPressedRef.current = false;
       stopAutoChange();
       const committed = lastChangedValueRef.current ?? valueRef.current;
-      const commitReason = isIncrement ? useValueChanged.incrementPress : useValueChanged.decrementPress;
-      onValueCommitted(committed, useValueChanged.createGenericEventDetails(commitReason, event));
+      const commitReason = isIncrement ? clamp.incrementPress : clamp.decrementPress;
+      onValueCommitted(committed, clamp.createGenericEventDetails(commitReason, event));
     }, {
       once: true
     });
@@ -965,7 +965,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
   // ESLint is disabled because it needs to run even if the parsed value hasn't changed, since the
   // value still can be formatted differently.
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  useValueChanged.useIsoLayoutEffect(function syncFormattedInputValueOnValueChange() {
+  clamp.useIsoLayoutEffect(function syncFormattedInputValueOnValueChange() {
     // This ensures the value is only updated on blur rather than every keystroke, but still
     // allows the input value to be updated when the value is changed externally.
     if (!allowInputSyncRef.current) {
@@ -976,8 +976,8 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       setInputValue(nextInputValue);
     }
   });
-  useValueChanged.useIsoLayoutEffect(function setDynamicInputModeForIOS() {
-    if (!useValueChanged.isIOS) {
+  clamp.useIsoLayoutEffect(function setDynamicInputModeForIOS() {
+    if (!clamp.isIOS) {
       return;
     }
 
@@ -1004,7 +1004,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
     function handleWheel(event) {
       if (
       // Allow pinch-zooming.
-      event.ctrlKey || useValueChanged.ownerDocument(inputRef.current).activeElement !== inputRef.current) {
+      event.ctrlKey || clamp.ownerDocument(inputRef.current).activeElement !== inputRef.current) {
         return;
       }
 
@@ -1089,7 +1089,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
           // Handle browser autofill.
           const nextValue = event.currentTarget.valueAsNumber;
           const parsedValue = Number.isNaN(nextValue) ? null : nextValue;
-          const details = useValueChanged.createChangeEventDetails(useValueChanged.none, event.nativeEvent);
+          const details = clamp.createChangeEventDetails(clamp.none, event.nativeEvent);
           setDirty(parsedValue !== validityData.initialValue);
           setValue(parsedValue, details);
           if (shouldValidateOnChange()) {
@@ -1111,7 +1111,7 @@ const NumberFieldRoot = /*#__PURE__*/React__namespace.forwardRef(function Number
       required: required,
       "aria-hidden": true,
       tabIndex: -1,
-      style: name ? useValueChanged.visuallyHiddenInput : useValueChanged.visuallyHidden
+      style: name ? clamp.visuallyHiddenInput : clamp.visuallyHidden
     })]
   });
 });
@@ -1194,7 +1194,7 @@ function useNumberFieldButton(params) {
       // The increment value function needs to know the current input value to increment it
       // correctly.
       valueRef.current = parsedValue;
-      setValue(parsedValue, useValueChanged.createChangeEventDetails(pressReason, nativeEvent, undefined, {
+      setValue(parsedValue, clamp.createChangeEventDetails(pressReason, nativeEvent, undefined, {
         direction: isIncrement ? 1 : -1
       }));
     }
@@ -1235,7 +1235,7 @@ function useNumberFieldButton(params) {
       });
       const committed = lastChangedValueRef.current ?? valueRef.current;
       if (committed !== prev) {
-        onValueCommitted(committed, useValueChanged.createGenericEventDetails(pressReason, event.nativeEvent));
+        onValueCommitted(committed, clamp.createGenericEventDetails(pressReason, event.nativeEvent));
       }
     },
     onPointerDown(event) {
@@ -1393,7 +1393,7 @@ const NumberFieldIncrement = /*#__PURE__*/React__namespace.forwardRef(function N
   const {
     getButtonProps,
     buttonRef
-  } = useValueChanged.useButton({
+  } = clamp.useButton({
     disabled,
     native: nativeButton,
     focusableWhenDisabled: true
@@ -1477,7 +1477,7 @@ const NumberFieldDecrement = /*#__PURE__*/React__namespace.forwardRef(function N
   const {
     getButtonProps,
     buttonRef
-  } = useValueChanged.useButton({
+  } = clamp.useButton({
     disabled,
     native: nativeButton,
     focusableWhenDisabled: true
@@ -1564,7 +1564,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
     name,
     getValue: () => value ?? null
   });
-  useValueChanged.useValueChanged(value, previousValue => {
+  clamp.useValueChanged(value, previousValue => {
     const validateOnChange = shouldValidateOnChange();
     clearErrors(name);
     if (validateOnChange) {
@@ -1622,11 +1622,11 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const hadPendingProgrammaticChange = hasPendingCommitRef.current;
       allowInputSyncRef.current = true;
       if (inputValue.trim() === '') {
-        setValue(null, useValueChanged.createChangeEventDetails(useValueChanged.inputClear, event.nativeEvent));
+        setValue(null, clamp.createChangeEventDetails(clamp.inputClear, event.nativeEvent));
         if (validationMode === 'onBlur') {
           validation.commit(null);
         }
-        onValueCommitted(null, useValueChanged.createGenericEventDetails(useValueChanged.inputClear, event.nativeEvent));
+        onValueCommitted(null, clamp.createGenericEventDetails(clamp.inputClear, event.nativeEvent));
         return;
       }
       const formatOptions = formatOptionsRef.current;
@@ -1639,7 +1639,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const hasExplicitPrecision = formatOptions?.maximumFractionDigits != null || formatOptions?.minimumFractionDigits != null;
       const maxFrac = formatOptions?.maximumFractionDigits;
       const committed = hasExplicitPrecision && typeof maxFrac === 'number' ? Number(parsedValue.toFixed(maxFrac)) : parsedValue;
-      const nextEventDetails = useValueChanged.createGenericEventDetails(useValueChanged.inputBlur, event.nativeEvent);
+      const nextEventDetails = clamp.createGenericEventDetails(clamp.inputBlur, event.nativeEvent);
       const shouldUpdateValue = value !== committed;
       const shouldCommit = hadManualInput || shouldUpdateValue || hadPendingProgrammaticChange;
       if (validationMode === 'onBlur') {
@@ -1647,7 +1647,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       }
       if (shouldUpdateValue) {
         blockRevalidationRef.current = true;
-        setValue(committed, useValueChanged.createChangeEventDetails(useValueChanged.inputBlur, event.nativeEvent));
+        setValue(committed, clamp.createChangeEventDetails(clamp.inputBlur, event.nativeEvent));
       }
       if (shouldCommit) {
         onValueCommitted(committed, nextEventDetails);
@@ -1670,7 +1670,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const targetValue = event.target.value;
       if (targetValue.trim() === '') {
         setInputValue(targetValue);
-        setValue(null, useValueChanged.createChangeEventDetails(useValueChanged.inputClear, event.nativeEvent));
+        setValue(null, clamp.createChangeEventDetails(clamp.inputClear, event.nativeEvent));
         return;
       }
 
@@ -1693,7 +1693,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const parsedValue = parseNumber(targetValue, locale, formatOptionsRef.current);
       setInputValue(targetValue);
       if (parsedValue !== null) {
-        setValue(parsedValue, useValueChanged.createChangeEventDetails(useValueChanged.inputChange, event.nativeEvent));
+        setValue(parsedValue, clamp.createChangeEventDetails(clamp.inputChange, event.nativeEvent));
       }
     },
     onKeyDown(event) {
@@ -1753,14 +1753,14 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const amount = getStepAmount(event) ?? DEFAULT_STEP;
 
       // Prevent insertion of text or caret from moving.
-      useValueChanged.stopEvent(event);
-      const commitDetails = useValueChanged.createGenericEventDetails(useValueChanged.keyboard, nativeEvent);
+      clamp.stopEvent(event);
+      const commitDetails = clamp.createGenericEventDetails(clamp.keyboard, nativeEvent);
       if (event.key === 'ArrowUp') {
         incrementValue(amount, {
           direction: 1,
           currentValue: parsedValue,
           event: nativeEvent,
-          reason: useValueChanged.keyboard
+          reason: clamp.keyboard
         });
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       } else if (event.key === 'ArrowDown') {
@@ -1768,14 +1768,14 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
           direction: -1,
           currentValue: parsedValue,
           event: nativeEvent,
-          reason: useValueChanged.keyboard
+          reason: clamp.keyboard
         });
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       } else if (event.key === 'Home' && min != null) {
-        setValue(min, useValueChanged.createChangeEventDetails(useValueChanged.keyboard, nativeEvent));
+        setValue(min, clamp.createChangeEventDetails(clamp.keyboard, nativeEvent));
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       } else if (event.key === 'End' && max != null) {
-        setValue(max, useValueChanged.createChangeEventDetails(useValueChanged.keyboard, nativeEvent));
+        setValue(max, clamp.createChangeEventDetails(clamp.keyboard, nativeEvent));
         onValueCommitted(lastChangedValueRef.current ?? valueRef.current, commitDetails);
       }
     },
@@ -1791,7 +1791,7 @@ const NumberFieldInput = /*#__PURE__*/React__namespace.forwardRef(function Numbe
       const parsedValue = parseNumber(pastedData, locale, formatOptionsRef.current);
       if (parsedValue !== null) {
         allowInputSyncRef.current = false;
-        setValue(parsedValue, useValueChanged.createChangeEventDetails(useValueChanged.inputPaste, event.nativeEvent));
+        setValue(parsedValue, clamp.createChangeEventDetails(clamp.inputPaste, event.nativeEvent));
         setInputValue(pastedData);
       }
     }

package/dist/NumberFieldInput-es.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { a as useStableCallback, d as useIsoLayoutEffect, u as useBaseUiId, f as useOnMount, T as Timeout, g as clamp, h as useControlled, i as useValueAsRef, b as useTimeout, j as isIOS, k as createChangeEventDetails, n as none, v as visuallyHiddenInput, l as visuallyHidden, m as inputChange, o as inputClear, p as inputBlur, q as inputPaste, r as createGenericEventDetails, s as ownerDocument, w as incrementPress, x as decrementPress, y as useButton, z as useValueChanged, A as stopEvent, B as keyboard } from './useValueChanged-es.js';
+import { a as useStableCallback, d as useIsoLayoutEffect, u as useBaseUiId, f as useOnMount, T as Timeout, g as clamp, h as useControlled, i as useValueAsRef, b as useTimeout, j as isIOS, k as createChangeEventDetails, n as none, v as visuallyHiddenInput, l as visuallyHidden, m as inputChange, o as inputClear, p as inputBlur, q as inputPaste, r as createGenericEventDetails, s as ownerDocument, w as incrementPress, x as decrementPress, y as useButton, z as useValueChanged, A as stopEvent, B as keyboard } from './clamp-es.js';
 import { N as NOOP, f as formatErrorMessage, E as EMPTY_OBJECT, a as useRefWithInit, b as useMergedRefs, u as useRenderElement } from './useRenderElement-es.js';
 import { b as isElement, k as getWindow } from './floating-ui.utils.dom-es.js';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/Page/index.cjs

@@ -29,7 +29,7 @@ require('../maxHeight-cjs.js');
 require('../useRenderElement-cjs.js');
 require('../BottomSheet-cjs.js');
 require('../ScrollAreaViewport-cjs.js');
-require('../useValueChanged-cjs.js');
+require('../clamp-cjs.js');
 require('../OverlaySeparator-cjs.js');
 require('../Separator-cjs.js');
 require('../MenuSubmenuTrigger-cjs.js');

package/dist/Page/index.mjs

@@ -27,7 +27,7 @@ import '../maxHeight-es.js';
 import '../useRenderElement-es.js';
 import '../BottomSheet-es.js';
 import '../ScrollAreaViewport-es.js';
-import '../useValueChanged-es.js';
+import '../clamp-es.js';
 import '../OverlaySeparator-es.js';
 import '../Separator-es.js';
 import '../MenuSubmenuTrigger-es.js';