@jobber/components 8.20.1 → 8.21.0

package/dist/InputNumberExperimental-cjs.js

@@ -7,9 +7,10 @@ var ActivityIndicator = require('./ActivityIndicator-cjs.js');
 var Button = require('./Button-cjs.js');
 var Icon = require('./Icon-cjs.js');
 var useRenderElement = require('./useRenderElement-cjs.js');
-var clamp = require('./clamp-cjs.js');
-var NumberFieldInput = require('./NumberFieldInput-cjs.js');
+var useButton = require('./useButton-cjs.js');
+var useLabel = require('./useLabel-cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
+var NumberFieldInput = require('./NumberFieldInput-cjs.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -45,7 +46,7 @@ function useFieldsetRootContext(optional = false) {
 }
 
 const LabelableProvider = function LabelableProvider(props) {
-  const defaultId = clamp.useBaseUiId();
+  const defaultId = useButton.useBaseUiId();
   const initialControlId = props.controlId === undefined ? defaultId : props.controlId;
   const [controlId, setControlIdState] = React__namespace.useState(initialControlId);
   const [labelId, setLabelId] = React__namespace.useState(props.labelId);
@@ -53,8 +54,8 @@ const LabelableProvider = function LabelableProvider(props) {
   const registrationsRef = useRenderElement.useRefWithInit(() => new Map());
   const {
     messageIds: parentMessageIds
-  } = NumberFieldInput.useLabelableContext();
-  const registerControlId = clamp.useStableCallback((source, nextId) => {
+  } = useLabel.useLabelableContext();
+  const registerControlId = useButton.useStableCallback((source, nextId) => {
     const registrations = registrationsRef.current;
     if (nextId === undefined) {
       registrations.delete(source);
@@ -95,14 +96,14 @@ const LabelableProvider = function LabelableProvider(props) {
     setMessageIds,
     getDescriptionProps
   }), [controlId, registerControlId, labelId, setLabelId, messageIds, setMessageIds, getDescriptionProps]);
-  return /*#__PURE__*/jsxRuntime.jsx(NumberFieldInput.LabelableContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(useLabel.LabelableContext.Provider, {
     value: contextValue,
     children: props.children
   });
 };
 if (process.env.NODE_ENV !== "production") LabelableProvider.displayName = "LabelableProvider";
 
-const validityKeys = Object.keys(NumberFieldInput.DEFAULT_VALIDITY_STATE);
+const validityKeys = Object.keys(useLabel.DEFAULT_VALIDITY_STATE);
 function isOnlyValueMissing(state) {
   if (!state || state.valid || !state.valueMissing) {
     return false;
@@ -125,7 +126,7 @@ function useFieldValidation(params) {
   const {
     formRef,
     clearErrors
-  } = NumberFieldInput.useFormContext();
+  } = useLabel.useFormContext();
   const {
     setValidityData,
     validate,
@@ -140,10 +141,10 @@ function useFieldValidation(params) {
   const {
     controlId,
     getDescriptionProps
-  } = NumberFieldInput.useLabelableContext();
-  const timeout = clamp.useTimeout();
+  } = useLabel.useLabelableContext();
+  const timeout = useButton.useTimeout();
   const inputRef = React__namespace.useRef(null);
-  const commit = clamp.useStableCallback(async (value, revalidate = false) => {
+  const commit = useButton.useStableCallback(async (value, revalidate = false) => {
     const element = inputRef.current;
     if (!element) {
       return;
@@ -160,7 +161,7 @@ function useFieldValidation(params) {
         const nextValidityData = {
           value,
           state: {
-            ...NumberFieldInput.DEFAULT_VALIDITY_STATE,
+            ...useLabel.DEFAULT_VALIDITY_STATE,
             valid: true
           },
           error: '',
@@ -173,7 +174,7 @@ function useFieldValidation(params) {
           if (currentFieldData) {
             formRef.current.fields.set(controlId, {
               ...currentFieldData,
-              ...NumberFieldInput.getCombinedFieldValidityData(nextValidityData, false) // invalid = false
+              ...useLabel.getCombinedFieldValidityData(nextValidityData, false) // invalid = false
             });
           }
         }
@@ -285,7 +286,7 @@ function useFieldValidation(params) {
         formRef.current.fields.set(controlId, {
           ...currentFieldData,
           // Keep Form-level errors part of overall field validity for submit blocking/focus logic.
-          ...NumberFieldInput.getCombinedFieldValidityData(nextValidityData, invalid)
+          ...useLabel.getCombinedFieldValidityData(nextValidityData, invalid)
         });
       }
     }
@@ -337,7 +338,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     errors,
     validationMode: formValidationMode,
     submitAttemptedRef
-  } = NumberFieldInput.useFormContext();
+  } = useLabel.useFormContext();
   const {
     render,
     className,
@@ -355,7 +356,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
   const {
     disabled: disabledFieldset
   } = useFieldsetRootContext();
-  const validate = clamp.useStableCallback(validateProp || (() => null));
+  const validate = useButton.useStableCallback(validateProp || (() => null));
   const disabled = disabledFieldset || disabledProp;
   const [touchedState, setTouchedUnwrapped] = React__namespace.useState(false);
   const [dirtyState, setDirtyUnwrapped] = React__namespace.useState(false);
@@ -364,7 +365,7 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
   const dirty = dirtyProp ?? dirtyState;
   const touched = touchedProp ?? touchedState;
   const markedDirtyRef = React__namespace.useRef(false);
-  const setDirty = clamp.useStableCallback(value => {
+  const setDirty = useButton.useStableCallback(value => {
     if (dirtyProp !== undefined) {
       return;
     }
@@ -373,17 +374,17 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     }
     setDirtyUnwrapped(value);
   });
-  const setTouched = clamp.useStableCallback(value => {
+  const setTouched = useButton.useStableCallback(value => {
     if (touchedProp !== undefined) {
       return;
     }
     setTouchedUnwrapped(value);
   });
-  const shouldValidateOnChange = clamp.useStableCallback(() => validationMode === 'onChange' || validationMode === 'onSubmit' && submitAttemptedRef.current);
+  const shouldValidateOnChange = useButton.useStableCallback(() => validationMode === 'onChange' || validationMode === 'onSubmit' && submitAttemptedRef.current);
   const hasFormError = !!name && Object.hasOwn(errors, name) && errors[name] !== undefined;
   const invalid = invalidProp === true || hasFormError;
   const [validityData, setValidityData] = React__namespace.useState({
-    state: NumberFieldInput.DEFAULT_VALIDITY_STATE,
+    state: useLabel.DEFAULT_VALIDITY_STATE,
     error: '',
     errors: [],
     value: null,
@@ -442,9 +443,9 @@ const FieldRootInner = /*#__PURE__*/React__namespace.forwardRef(function FieldRo
     ref: forwardedRef,
     state,
     props: elementProps,
-    stateAttributesMapping: NumberFieldInput.fieldValidityMapping
+    stateAttributesMapping: useLabel.fieldValidityMapping
   });
-  return /*#__PURE__*/jsxRuntime.jsx(NumberFieldInput.FieldRootContext.Provider, {
+  return /*#__PURE__*/jsxRuntime.jsx(useLabel.FieldRootContext.Provider, {
     value: contextValue,
     children: element
   });
@@ -481,12 +482,12 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
     nativeLabel = true,
     ...elementProps
   } = componentProps;
-  const fieldRootContext = NumberFieldInput.useFieldRootContext(false);
+  const fieldRootContext = useLabel.useFieldRootContext(false);
   const {
     labelId
-  } = NumberFieldInput.useLabelableContext();
+  } = useLabel.useLabelableContext();
   const labelRef = React__namespace.useRef(null);
-  const labelProps = NumberFieldInput.useLabel({
+  const labelProps = useLabel.useLabel({
     id: labelId ?? idProp,
     native: nativeLabel
   });
@@ -499,14 +500,14 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
       const isLabelTag = labelRef.current.tagName === 'LABEL';
       if (nativeLabel) {
         if (!isLabelTag) {
-          const ownerStackMessage = clamp.SafeReact.captureOwnerStack?.() || '';
+          const ownerStackMessage = useButton.SafeReact.captureOwnerStack?.() || '';
           const message = '<Field.Label> expected a <label> element because the `nativeLabel` prop is true. ' + 'Rendering a non-<label> disables native label association, so `htmlFor` will not ' + 'work. Use a real <label> in the `render` prop, or set `nativeLabel` to `false`.';
-          clamp.error(`${message}${ownerStackMessage}`);
+          useButton.error(`${message}${ownerStackMessage}`);
         }
       } else if (isLabelTag) {
-        const ownerStackMessage = clamp.SafeReact.captureOwnerStack?.() || '';
+        const ownerStackMessage = useButton.SafeReact.captureOwnerStack?.() || '';
         const message = '<Field.Label> expected a non-<label> element because the `nativeLabel` prop is false. ' + 'Rendering a <label> assumes native label behavior while Base UI treats it as ' + 'non-native, which can cause unexpected pointer behavior. Use a non-<label> in the ' + '`render` prop, or set `nativeLabel` to `true`.';
-        clamp.error(`${message}${ownerStackMessage}`);
+        useButton.error(`${message}${ownerStackMessage}`);
       }
     }, [nativeLabel]);
   }
@@ -514,15 +515,15 @@ const FieldLabel = /*#__PURE__*/React__namespace.forwardRef(function FieldLabel(
     ref: [forwardedRef, labelRef],
     state: fieldRootContext.state,
     props: [labelProps, elementProps],
-    stateAttributesMapping: NumberFieldInput.fieldValidityMapping
+    stateAttributesMapping: useLabel.fieldValidityMapping
   });
   return element;
 });
 if (process.env.NODE_ENV !== "production") FieldLabel.displayName = "FieldLabel";
 
 const stateAttributesMapping = {
-  ...NumberFieldInput.fieldValidityMapping,
-  ...clamp.transitionStatusMapping
+  ...useLabel.fieldValidityMapping,
+  ...useButton.transitionStatusMapping
 };
 
 /**
@@ -539,18 +540,18 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     match,
     ...elementProps
   } = componentProps;
-  const id = clamp.useBaseUiId(idProp);
+  const id = useButton.useBaseUiId(idProp);
   const {
     validityData,
     state: fieldState,
     name
-  } = NumberFieldInput.useFieldRootContext(false);
+  } = useLabel.useFieldRootContext(false);
   const {
     setMessageIds
-  } = NumberFieldInput.useLabelableContext();
+  } = useLabel.useLabelableContext();
   const {
     errors
-  } = NumberFieldInput.useFormContext();
+  } = useLabel.useFormContext();
   const formError = name ? errors[name] : null;
   let rendered = false;
   if (formError || match === true) {
@@ -564,8 +565,8 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     mounted,
     transitionStatus,
     setMounted
-  } = clamp.useTransitionStatus(rendered);
-  clamp.useIsoLayoutEffect(() => {
+  } = useButton.useTransitionStatus(rendered);
+  useButton.useIsoLayoutEffect(() => {
     if (!rendered || !id) {
       return undefined;
     }
@@ -592,7 +593,7 @@ const FieldError = /*#__PURE__*/React__namespace.forwardRef(function FieldError(
     setLastRenderedMessageKey(errorKey);
     setLastRenderedMessage(errorMessage);
   }
-  clamp.useOpenChangeComplete({
+  useButton.useOpenChangeComplete({
     open: rendered,
     ref: errorRef,
     onComplete() {
@@ -635,12 +636,12 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     className,
     ...elementProps
   } = componentProps;
-  const id = clamp.useBaseUiId(idProp);
-  const fieldRootContext = NumberFieldInput.useFieldRootContext(false);
+  const id = useButton.useBaseUiId(idProp);
+  const fieldRootContext = useLabel.useFieldRootContext(false);
   const {
     setMessageIds
-  } = NumberFieldInput.useLabelableContext();
-  clamp.useIsoLayoutEffect(() => {
+  } = useLabel.useLabelableContext();
+  useButton.useIsoLayoutEffect(() => {
     if (!id) {
       return undefined;
     }
@@ -655,7 +656,7 @@ const FieldDescription = /*#__PURE__*/React__namespace.forwardRef(function Field
     props: [{
       id
     }, elementProps],
-    stateAttributesMapping: NumberFieldInput.fieldValidityMapping
+    stateAttributesMapping: useLabel.fieldValidityMapping
   });
   return element;
 });

package/dist/InputNumberExperimental-es.js

@@ -6,9 +6,10 @@ import { A as ActivityIndicator } from './ActivityIndicator-es.js';
 import { B as Button } from './Button-es.js';
 import { I as Icon } from './Icon-es.js';
 import { f as formatErrorMessage, a as useRefWithInit, m as mergeProps, E as EMPTY_OBJECT, u as useRenderElement } from './useRenderElement-es.js';
-import { u as useBaseUiId, a as useStableCallback, b as useTimeout, S as SafeReact, e as error, t as transitionStatusMapping, c as useTransitionStatus, d as useIsoLayoutEffect, f as useOpenChangeComplete } from './clamp-es.js';
-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, c as useLabel, N as NumberFieldRoot, d as NumberFieldGroup, e as NumberFieldInput, h as NumberFieldIncrement, i as NumberFieldDecrement } from './NumberFieldInput-es.js';
+import { u as useBaseUiId, a as useStableCallback, b as useTimeout, S as SafeReact, e as error, t as transitionStatusMapping, c as useTransitionStatus, d as useIsoLayoutEffect, f as useOpenChangeComplete } from './useButton-es.js';
+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, c as useLabel } from './useLabel-es.js';
 import { jsx } from 'react/jsx-runtime';
+import { N as NumberFieldRoot, a as NumberFieldGroup, b as NumberFieldInput, c as NumberFieldIncrement, d as NumberFieldDecrement } from './NumberFieldInput-es.js';
 
 const FieldsetRootContext = /*#__PURE__*/React.createContext({
   legendId: undefined,