@react-md/core 6.3.3 → 6.4.0

package/dist/spinbutton/types.d.ts

@@ -0,0 +1,324 @@
+import { type AriaAttributes, type FocusEvent, type FormEvent, type HTMLAttributes, type KeyboardEvent, type Ref, type RefObject } from "react";
+import { type FormComponentStates } from "../form/types.js";
+import { type MinMaxRange, type UseStateInitializer } from "../types.js";
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonEventHandlers<E extends HTMLElement = HTMLDivElement> = Pick<HTMLAttributes<E>, "onInput" | "onClick" | "onFocus" | "onBlur" | "onKeyDown">;
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonAriaAttributes = Pick<AriaAttributes, "aria-required" | "aria-invalid" | "aria-readonly" | "aria-disabled" | "aria-valuemin" | "aria-valuemax" | "aria-valuenow" | "aria-valuetext">;
+/**
+ * This is a way to map a single character to a value within a spinbutton and
+ * was mostly added to support time inputs. The main example is:
+ *
+ * @example Day Period Mapping
+ * ```ts
+ * const AM_PM: SpinButtonCharacterValueMap = {
+ *   a: 0,
+ *   p: 1,
+ * };
+ * ```
+ *
+ * **If the mapping is provided, all other input events are ignored**.
+ *
+ * @since 6.4.0
+ */
+export type SpinButtonCharacterValueMap = Readonly<Record<string, number>>;
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonValue = number | null;
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonGetValueText = (value: SpinButtonValue) => string | undefined;
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonChangeEvent<E extends HTMLElement = HTMLDivElement> = FormEvent<E> | KeyboardEvent<E> | FocusEvent<E>;
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonChangeReason = "change" | "type" | "typed-to-completion" | "cleared";
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonChangeEventOptions<E extends HTMLElement = HTMLDivElement> {
+    event: SpinButtonChangeEvent<E>;
+    value: SpinButtonValue;
+    reason: SpinButtonChangeReason;
+}
+/**
+ * This callback will be fired whenever the spinbutton value has changed.
+ *
+ * The `reason` will be "typed-to-completion"` when:
+ * - the `value` is not `null` and:
+ *   - the user uses the `ArrowUp`, `ArrowDown`, `Home`, `End`, `PageUp`, or
+ *     `PageDown` keys to change the value
+ *   - the user has typed the max amount of digits based on the `max` value
+ *
+ * Examples with: `min=0` and `max=12`
+ * - `1` -> (1, false)
+ *   - `Tab` or blur (1, true)
+ *   - `1` ->  (11, true)
+ * - `0` - (1, false)
+ *   - `Tab` or blur (0, true)
+ *   - `3` (3, true)
+ * - `3` -> (3, true)
+ *   - there are no more characters that could have been typed
+ *
+ *
+ * @since 6.4.0
+ */
+export type SpinButtonValueChange<E extends HTMLElement = HTMLDivElement> = (options: SpinButtonChangeEventOptions<E>) => void;
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonUnknownValueOptions<E extends HTMLElement = HTMLDivElement> {
+    value?: SpinButtonValue;
+    defaultValue?: UseStateInitializer<SpinButtonValue>;
+    onValueChange?: SpinButtonValueChange<E>;
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonControlledValueOptions<E extends HTMLElement = HTMLDivElement> {
+    value: SpinButtonValue;
+    defaultValue?: never;
+    onValueChange: SpinButtonValueChange<E>;
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonUncontrolledValueOptions<E extends HTMLElement = HTMLDivElement> {
+    value?: never;
+    defaultValue?: UseStateInitializer<SpinButtonValue>;
+    onValueChange?: SpinButtonValueChange<E>;
+}
+/**
+ * @since 6.4.0
+ */
+export type SpinButtonValueOptions<E extends HTMLElement = HTMLDivElement> = SpinButtonControlledValueOptions<E> | SpinButtonUncontrolledValueOptions<E>;
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonDigitRangeOptions {
+    /**
+     * This is the minimum number of digits that should be shown in the spin
+     * button as the user is typing. If the current value is less than this
+     * value, the {@link placeholderChar} will be used as a `padStart` value.
+     *
+     * @example Get Text Content Example
+     * ```ts
+     * const textContent1 = getTextContent({
+     *   value: null,
+     *   fallback: "HH",
+     *   placeholderChar: "0",
+     * });
+     * // ^ textContent1 === "HH"
+     *
+     * const textContent2 = getTextContent({
+     *   value: 3,
+     *   fallback: "HH",
+     *   placeholderChar: "0",
+     * });
+     * // ^ textContent2 === "03"
+     *
+     * const textContent3 = getTextContent({
+     *   value: 12,
+     *   fallback: "HH",
+     *   placeholderChar: "0",
+     * });
+     * // ^ textContent3 === "12"
+     * ```
+     *
+     * @example Year Example
+     * ```ts
+     * const textContent1 = getTextContent({
+     *   value: null,
+     *   fallback: "YYYY",
+     *   minDigits: 4,
+     * });
+     * // ^ textContent1 === "YYYY"
+     *
+     * const textContent2 = getTextContent({
+     *   value: 2,
+     *   fallback: "YYYY",
+     *   minDigits: 4,
+     * });
+     * // ^ textContent2 === "0002"
+     *
+     * const textContent3 = getTextContent({
+     *   value: 200,
+     *   fallback: "YYYY",
+     *   minDigits: 4,
+     * });
+     * // ^ textContent3 === "0200"
+     *
+     * const textContent4 = getTextContent({
+     *   value: 2025,
+     *   fallback: "YYYY",
+     *   minDigits: 4,
+     * });
+     * // ^ textContent4 === "2025"
+     * ```
+     *
+     * @see {@link SpinButtonTextPlaceholderOptions.placeholderChar}
+     * @defaultValue `fallback?.length ?? getNumberOfDigits(min)`
+     */
+    minDigits?: number;
+    /**
+     * This is the maximum number of digits that should be shown in the spin
+     * button as the user is typing and is used to determine if the user has
+     * `"typed-to-completion"`.
+     *
+     * @example Year Example
+     * ```tsx
+     * // this _could_ also be 9999
+     * const max = undefined;
+     * const maxDigits = 4;
+     *
+     * // if the current value is `null` and the user types `2`
+     * onValueChange({
+     *   event,
+     *   reason: "change",
+     *   nextValue: 2,
+     * });
+     *
+     * // if the current value is `2` and the user types `0`
+     * onValueChange({
+     *   event,
+     *   reason: "change",
+     *   nextValue: 20,
+     * });
+     *
+     * // if the current value is `20` and the user types `2`
+     * onValueChange({
+     *   event,
+     *   reason: "change",
+     *   nextValue: 202,
+     * });
+     *
+     * // if the current value is `202` and the user types `5`:
+     * onValueChange({
+     *   event,
+     *   reason: "typed-to-completion",
+     *   nextValue: 2025,
+     * });
+     * ```
+     *
+     * @defaultValue `getNumberOfDigits(max)`
+     */
+    maxDigits?: number;
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonRangeOptions extends Partial<MinMaxRange>, SpinButtonDigitRangeOptions {
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonTextPlaceholderOptions extends SpinButtonRangeOptions {
+    /**
+     * An optional fallback value to display when the spin button's value is
+     * `null`. For example: if the spin button is used to set the specific hour
+     * in a time field, set the fallback to `"HH"` to show that until the user
+     * has typed a value.
+     */
+    fallback?: string;
+    /**
+     * This is the character to use to fill the remaining number of digits to
+     * display in the spin button.
+     *
+     * @see {@link minDigits}
+     * @defaultValue `"0"`
+     */
+    placeholderChar?: string;
+}
+/**
+ * @since 6.4.0
+ */
+export interface GetSpinButtonTextContentOptions extends SpinButtonTextPlaceholderOptions {
+    /**
+     * The current value in the spin button to convert to text. **This will be
+     * called with numbers outside of the allowed range**.
+     */
+    value: SpinButtonValue;
+}
+/**
+ * @since 6.4.0
+ */
+export type GetSpinButtonTextContent = (options: GetSpinButtonTextContentOptions) => string;
+/**
+ * @since 6.4.0
+ */
+export type GetSpinButtonValueText = (value: SpinButtonValue) => string | undefined;
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonFormStates extends Omit<FormComponentStates, "active"> {
+    required?: boolean;
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonOptions<E extends HTMLElement = HTMLDivElement> extends SpinButtonEventHandlers<E>, SpinButtonUnknownValueOptions<E>, SpinButtonFormStates, SpinButtonTextPlaceholderOptions {
+    /**
+     * @defaultValue `"spinbutton-" + useId()`
+     */
+    id?: string;
+    ref?: Ref<E>;
+    form?: string;
+    /**
+     * The default value to use when the increment or decrement action is fired
+     * from the spinbutton through keyboard events before a value has been set.
+     * So when the increment action is fired, this will be
+     * `defaultKeyboardValue + 1`.
+     *
+     * @defaultValue `min ?? max ?? 0`
+     */
+    defaultKeyboardValue?: UseStateInitializer<number>;
+    /**
+     * NOTE: This isn't actually supported yet
+     *
+     * @defaultValue `1`
+     */
+    step?: number;
+    /** @see {@link SpinButtonCharacterValueMap} */
+    mappings?: SpinButtonCharacterValueMap;
+    /**
+     * Used to provide an `aria-valuenow` string for a specific value in the
+     * `SpinButton`.
+     *
+     * @defaultValue `(value) => value === null ? "No value selected" : undefined`
+     */
+    getValueText?: GetSpinButtonValueText;
+    getTextContent?: GetSpinButtonTextContent;
+}
+/**
+ * @since 6.4.0
+ */
+export interface ProvidedSpinButtonProps<E extends HTMLElement = HTMLDivElement> extends Required<SpinButtonEventHandlers<E>>, SpinButtonAriaAttributes {
+    id: string;
+    ref: Ref<E>;
+    role: "spinbutton";
+    inputMode: "numeric";
+    spellCheck: boolean;
+    autoCapitalize: "none";
+    autoCorrect: "off";
+    tabIndex: number | undefined;
+    contentEditable: boolean | undefined;
+    suppressContentEditableWarning: boolean;
+}
+/**
+ * @since 6.4.0
+ */
+export interface SpinButtonImplementation<E extends HTMLElement = HTMLDivElement> {
+    value: SpinButtonValue;
+    setValue: (value: SpinButtonValue) => void;
+    spinButtonRef: RefObject<E>;
+    spinButtonProps: Readonly<ProvidedSpinButtonProps<E>>;
+}

package/dist/spinbutton/types.js

@@ -0,0 +1,5 @@
+/**
+ * @since 6.4.0
+ */ export { };
+
+//# sourceMappingURL=types.js.map

package/dist/spinbutton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/types.ts"],"sourcesContent":["import {\n  type AriaAttributes,\n  type FocusEvent,\n  type FormEvent,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type Ref,\n  type RefObject,\n} from \"react\";\n\nimport { type FormComponentStates } from \"../form/types.js\";\nimport { type MinMaxRange, type UseStateInitializer } from \"../types.js\";\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonEventHandlers<E extends HTMLElement = HTMLDivElement> =\n  Pick<\n    HTMLAttributes<E>,\n    \"onInput\" | \"onClick\" | \"onFocus\" | \"onBlur\" | \"onKeyDown\"\n  >;\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonAriaAttributes = Pick<\n  AriaAttributes,\n  | \"aria-required\"\n  | \"aria-invalid\"\n  | \"aria-readonly\"\n  | \"aria-disabled\"\n  | \"aria-valuemin\"\n  | \"aria-valuemax\"\n  | \"aria-valuenow\"\n  | \"aria-valuetext\"\n>;\n\n/**\n * This is a way to map a single character to a value within a spinbutton and\n * was mostly added to support time inputs. The main example is:\n *\n * @example Day Period Mapping\n * ```ts\n * const AM_PM: SpinButtonCharacterValueMap = {\n *   a: 0,\n *   p: 1,\n * };\n * ```\n *\n * **If the mapping is provided, all other input events are ignored**.\n *\n * @since 6.4.0\n */\nexport type SpinButtonCharacterValueMap = Readonly<Record<string, number>>;\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonValue = number | null;\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonGetValueText = (\n  value: SpinButtonValue\n) => string | undefined;\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonChangeEvent<E extends HTMLElement = HTMLDivElement> =\n  | FormEvent<E>\n  | KeyboardEvent<E>\n  | FocusEvent<E>;\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonChangeReason =\n  | \"change\"\n  | \"type\"\n  | \"typed-to-completion\"\n  | \"cleared\";\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonChangeEventOptions<\n  E extends HTMLElement = HTMLDivElement,\n> {\n  event: SpinButtonChangeEvent<E>;\n  value: SpinButtonValue;\n  reason: SpinButtonChangeReason;\n}\n\n/**\n * This callback will be fired whenever the spinbutton value has changed.\n *\n * The `reason` will be \"typed-to-completion\"` when:\n * - the `value` is not `null` and:\n *   - the user uses the `ArrowUp`, `ArrowDown`, `Home`, `End`, `PageUp`, or\n *     `PageDown` keys to change the value\n *   - the user has typed the max amount of digits based on the `max` value\n *\n * Examples with: `min=0` and `max=12`\n * - `1` -> (1, false)\n *   - `Tab` or blur (1, true)\n *   - `1` ->  (11, true)\n * - `0` - (1, false)\n *   - `Tab` or blur (0, true)\n *   - `3` (3, true)\n * - `3` -> (3, true)\n *   - there are no more characters that could have been typed\n *\n *\n * @since 6.4.0\n */\nexport type SpinButtonValueChange<E extends HTMLElement = HTMLDivElement> = (\n  options: SpinButtonChangeEventOptions<E>\n) => void;\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonUnknownValueOptions<\n  E extends HTMLElement = HTMLDivElement,\n> {\n  value?: SpinButtonValue;\n  defaultValue?: UseStateInitializer<SpinButtonValue>;\n  onValueChange?: SpinButtonValueChange<E>;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonControlledValueOptions<\n  E extends HTMLElement = HTMLDivElement,\n> {\n  value: SpinButtonValue;\n  defaultValue?: never;\n  onValueChange: SpinButtonValueChange<E>;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonUncontrolledValueOptions<\n  E extends HTMLElement = HTMLDivElement,\n> {\n  value?: never;\n  defaultValue?: UseStateInitializer<SpinButtonValue>;\n  onValueChange?: SpinButtonValueChange<E>;\n}\n\n/**\n * @since 6.4.0\n */\nexport type SpinButtonValueOptions<E extends HTMLElement = HTMLDivElement> =\n  | SpinButtonControlledValueOptions<E>\n  | SpinButtonUncontrolledValueOptions<E>;\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonDigitRangeOptions {\n  /**\n   * This is the minimum number of digits that should be shown in the spin\n   * button as the user is typing. If the current value is less than this\n   * value, the {@link placeholderChar} will be used as a `padStart` value.\n   *\n   * @example Get Text Content Example\n   * ```ts\n   * const textContent1 = getTextContent({\n   *   value: null,\n   *   fallback: \"HH\",\n   *   placeholderChar: \"0\",\n   * });\n   * // ^ textContent1 === \"HH\"\n   *\n   * const textContent2 = getTextContent({\n   *   value: 3,\n   *   fallback: \"HH\",\n   *   placeholderChar: \"0\",\n   * });\n   * // ^ textContent2 === \"03\"\n   *\n   * const textContent3 = getTextContent({\n   *   value: 12,\n   *   fallback: \"HH\",\n   *   placeholderChar: \"0\",\n   * });\n   * // ^ textContent3 === \"12\"\n   * ```\n   *\n   * @example Year Example\n   * ```ts\n   * const textContent1 = getTextContent({\n   *   value: null,\n   *   fallback: \"YYYY\",\n   *   minDigits: 4,\n   * });\n   * // ^ textContent1 === \"YYYY\"\n   *\n   * const textContent2 = getTextContent({\n   *   value: 2,\n   *   fallback: \"YYYY\",\n   *   minDigits: 4,\n   * });\n   * // ^ textContent2 === \"0002\"\n   *\n   * const textContent3 = getTextContent({\n   *   value: 200,\n   *   fallback: \"YYYY\",\n   *   minDigits: 4,\n   * });\n   * // ^ textContent3 === \"0200\"\n   *\n   * const textContent4 = getTextContent({\n   *   value: 2025,\n   *   fallback: \"YYYY\",\n   *   minDigits: 4,\n   * });\n   * // ^ textContent4 === \"2025\"\n   * ```\n   *\n   * @see {@link SpinButtonTextPlaceholderOptions.placeholderChar}\n   * @defaultValue `fallback?.length ?? getNumberOfDigits(min)`\n   */\n  minDigits?: number;\n\n  /**\n   * This is the maximum number of digits that should be shown in the spin\n   * button as the user is typing and is used to determine if the user has\n   * `\"typed-to-completion\"`.\n   *\n   * @example Year Example\n   * ```tsx\n   * // this _could_ also be 9999\n   * const max = undefined;\n   * const maxDigits = 4;\n   *\n   * // if the current value is `null` and the user types `2`\n   * onValueChange({\n   *   event,\n   *   reason: \"change\",\n   *   nextValue: 2,\n   * });\n   *\n   * // if the current value is `2` and the user types `0`\n   * onValueChange({\n   *   event,\n   *   reason: \"change\",\n   *   nextValue: 20,\n   * });\n   *\n   * // if the current value is `20` and the user types `2`\n   * onValueChange({\n   *   event,\n   *   reason: \"change\",\n   *   nextValue: 202,\n   * });\n   *\n   * // if the current value is `202` and the user types `5`:\n   * onValueChange({\n   *   event,\n   *   reason: \"typed-to-completion\",\n   *   nextValue: 2025,\n   * });\n   * ```\n   *\n   * @defaultValue `getNumberOfDigits(max)`\n   */\n  maxDigits?: number;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonRangeOptions\n  extends Partial<MinMaxRange>, SpinButtonDigitRangeOptions {}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonTextPlaceholderOptions extends SpinButtonRangeOptions {\n  /**\n   * An optional fallback value to display when the spin button's value is\n   * `null`. For example: if the spin button is used to set the specific hour\n   * in a time field, set the fallback to `\"HH\"` to show that until the user\n   * has typed a value.\n   */\n  fallback?: string;\n\n  /**\n   * This is the character to use to fill the remaining number of digits to\n   * display in the spin button.\n   *\n   * @see {@link minDigits}\n   * @defaultValue `\"0\"`\n   */\n  placeholderChar?: string;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface GetSpinButtonTextContentOptions extends SpinButtonTextPlaceholderOptions {\n  /**\n   * The current value in the spin button to convert to text. **This will be\n   * called with numbers outside of the allowed range**.\n   */\n  value: SpinButtonValue;\n}\n\n/**\n * @since 6.4.0\n */\nexport type GetSpinButtonTextContent = (\n  options: GetSpinButtonTextContentOptions\n) => string;\n\n/**\n * @since 6.4.0\n */\nexport type GetSpinButtonValueText = (\n  value: SpinButtonValue\n) => string | undefined;\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonFormStates extends Omit<\n  FormComponentStates,\n  \"active\"\n> {\n  required?: boolean;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonOptions<E extends HTMLElement = HTMLDivElement>\n  extends\n    SpinButtonEventHandlers<E>,\n    SpinButtonUnknownValueOptions<E>,\n    SpinButtonFormStates,\n    SpinButtonTextPlaceholderOptions {\n  /**\n   * @defaultValue `\"spinbutton-\" + useId()`\n   */\n  id?: string;\n  ref?: Ref<E>;\n  form?: string;\n\n  /**\n   * The default value to use when the increment or decrement action is fired\n   * from the spinbutton through keyboard events before a value has been set.\n   * So when the increment action is fired, this will be\n   * `defaultKeyboardValue + 1`.\n   *\n   * @defaultValue `min ?? max ?? 0`\n   */\n  defaultKeyboardValue?: UseStateInitializer<number>;\n\n  /**\n   * NOTE: This isn't actually supported yet\n   *\n   * @defaultValue `1`\n   */\n  step?: number;\n\n  /** @see {@link SpinButtonCharacterValueMap} */\n  mappings?: SpinButtonCharacterValueMap;\n\n  /**\n   * Used to provide an `aria-valuenow` string for a specific value in the\n   * `SpinButton`.\n   *\n   * @defaultValue `(value) => value === null ? \"No value selected\" : undefined`\n   */\n  getValueText?: GetSpinButtonValueText;\n\n  getTextContent?: GetSpinButtonTextContent;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface ProvidedSpinButtonProps<E extends HTMLElement = HTMLDivElement>\n  extends Required<SpinButtonEventHandlers<E>>, SpinButtonAriaAttributes {\n  id: string;\n  ref: Ref<E>;\n  role: \"spinbutton\";\n  inputMode: \"numeric\";\n  spellCheck: boolean;\n  autoCapitalize: \"none\";\n  autoCorrect: \"off\";\n  tabIndex: number | undefined;\n  contentEditable: boolean | undefined;\n  suppressContentEditableWarning: boolean;\n}\n\n/**\n * @since 6.4.0\n */\nexport interface SpinButtonImplementation<\n  E extends HTMLElement = HTMLDivElement,\n> {\n  value: SpinButtonValue;\n  setValue: (value: SpinButtonValue) => void;\n  spinButtonRef: RefObject<E>;\n  spinButtonProps: Readonly<ProvidedSpinButtonProps<E>>;\n}\n"],"names":[],"mappings":"AAkZA;;CAEC,GACD,WAOC"}

package/dist/spinbutton/useSpinButton.d.ts

@@ -0,0 +1,5 @@
+import { type SpinButtonImplementation, type SpinButtonOptions } from "./types.js";
+/**
+ * @since 6.4.0
+ */
+export declare function useSpinButton<E extends HTMLElement = HTMLDivElement>(options: SpinButtonOptions<E>): SpinButtonImplementation<E>;

package/dist/spinbutton/useSpinButton.js

@@ -0,0 +1,260 @@
+"use client";
+import { useCallback, useRef, useState } from "react";
+import { tryToSubmitRelatedForm } from "../form/utils.js";
+import { useEnsuredId } from "../useEnsuredId.js";
+import { useEnsuredRef } from "../useEnsuredRef.js";
+import { useEnsuredState } from "../useEnsuredState.js";
+import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect.js";
+import { withinRange } from "../utils/withinRange.js";
+import { useSpinButtonGroup } from "./SpinButtonGroupProvider.js";
+import { defaultGetSpinButtonTextContent, defaultSpinButtonGetValueText } from "./defaults.js";
+import { deselectNode } from "./utils/deselectNode.js";
+import { resolveInputEvent } from "./utils/resolveInputEvent.js";
+import { selectNode } from "./utils/selectNode.js";
+/**
+ * @since 6.4.0
+ */ const noop = ()=>{
+// do nothing
+};
+/**
+ * @since 6.4.0
+ */ export function useSpinButton(options) {
+    const { id: propId, ref: propRef, min, max, step = 1, minDigits, maxDigits, form, readOnly, disabled, required, error, onBlur = noop, onFocus = noop, onInput = noop, onClick = noop, onKeyDown = noop, fallback, mappings, value: propValue, onValueChange = noop, defaultValue = null, getValueText = defaultSpinButtonGetValueText, getTextContent = defaultGetSpinButtonTextContent, placeholderChar, defaultKeyboardValue } = options;
+    const id = useEnsuredId(propId, "spinbutton");
+    // trigger a noop setValue when `value` and `onValueChange` are provided
+    // since `onValueChange is always called with  `setValue
+    let propSetValue;
+    if (typeof propValue !== "undefined" && options.onValueChange) {
+        propSetValue = noop;
+    }
+    const [value, setValue] = useEnsuredState({
+        value: propValue,
+        setValue: propSetValue,
+        defaultValue
+    });
+    const focused = useRef(false);
+    const typedCount = useRef(0);
+    const prevText = useRef("");
+    const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);
+    const { focusNext } = useSpinButtonGroup();
+    const [keyboardValue] = useState(defaultKeyboardValue);
+    // NOTE: I might be able to get rid of this since I don't remember why it was
+    // added maybe for controlled fields? I'll have to see when I get to the
+    // date/time components again
+    useIsomorphicLayoutEffect(()=>{
+        const node = nodeRef.current;
+        if (!focused.current || !node) {
+            return;
+        }
+        prevText.current = node.textContent || "";
+        selectNode(node);
+    }, [
+        nodeRef,
+        value
+    ]);
+    const updateValue = useCallback((options)=>{
+        setValue(options.value);
+        onValueChange(options);
+        if (options.reason === "typed-to-completion") {
+            focusNext();
+        }
+    }, [
+        focusNext,
+        onValueChange,
+        setValue
+    ]);
+    const increment = useCallback((event)=>{
+        let nextValue = value ?? keyboardValue ?? min ?? max ?? 0;
+        nextValue = withinRange({
+            min,
+            max,
+            value: nextValue + step
+        });
+        // this actually means both min and max are a number
+        if (nextValue === value && typeof min === "number") {
+            nextValue = min;
+        }
+        updateValue({
+            event,
+            reason: "change",
+            value: nextValue
+        });
+    }, [
+        keyboardValue,
+        max,
+        min,
+        step,
+        updateValue,
+        value
+    ]);
+    const decrement = useCallback((event)=>{
+        let nextValue = value ?? keyboardValue ?? max ?? min ?? 0;
+        nextValue = withinRange({
+            min,
+            max,
+            value: nextValue - step
+        });
+        // this actually means both min and max are a number
+        if (nextValue === value && typeof max === "number") {
+            nextValue = max;
+        }
+        updateValue({
+            event,
+            reason: "change",
+            value: nextValue
+        });
+    }, [
+        keyboardValue,
+        max,
+        min,
+        step,
+        updateValue,
+        value
+    ]);
+    return {
+        value,
+        setValue,
+        spinButtonRef: nodeRef,
+        spinButtonProps: {
+            "aria-readonly": readOnly || undefined,
+            "aria-disabled": disabled || undefined,
+            "aria-invalid": error || undefined,
+            "aria-required": required || undefined,
+            "aria-valuemin": min,
+            "aria-valuemax": max,
+            "aria-valuenow": value === null ? undefined : value,
+            "aria-valuetext": getValueText(value),
+            id,
+            ref: nodeRefCallback,
+            role: "spinbutton",
+            autoCapitalize: "none",
+            autoCorrect: "off",
+            spellCheck: false,
+            inputMode: "numeric",
+            contentEditable: !disabled || undefined,
+            suppressContentEditableWarning: true,
+            tabIndex: disabled ? undefined : 0,
+            onBlur: (event)=>{
+                onBlur(event);
+                focused.current = false;
+                deselectNode(event.currentTarget);
+            },
+            onFocus: (event)=>{
+                onFocus(event);
+                if (disabled) {
+                    return;
+                }
+                focused.current = true;
+                typedCount.current = 0;
+                selectNode(event.currentTarget);
+            },
+            onKeyDown: (event)=>{
+                onKeyDown(event);
+                if (disabled || readOnly && event.key !== "Enter") {
+                    return;
+                }
+                const setValue = (nextValue)=>updateValue({
+                        value: nextValue,
+                        event,
+                        reason: "change"
+                    });
+                let stop = false;
+                switch(event.key){
+                    case "ArrowRight":
+                    case "ArrowLeft":
+                        // `event.stopPropagation()` should not be called here since the
+                        // parent `useSpinButtonGroup` keyboard event handler should
+                        // still be called to handle advancing to the next spinbutton in
+                        // the group. Only the default cursor movement needs to be disabled
+                        // instead.
+                        event.preventDefault();
+                        break;
+                    case "ArrowUp":
+                        stop = true;
+                        increment(event);
+                        break;
+                    case "ArrowDown":
+                        stop = true;
+                        decrement(event);
+                        break;
+                    case "Home":
+                        stop = true;
+                        if (typeof min === "number") {
+                            setValue(min);
+                        }
+                        break;
+                    case "End":
+                        stop = true;
+                        if (typeof max === "number") {
+                            setValue(max);
+                        }
+                        break;
+                    case "Enter":
+                        stop = true;
+                        tryToSubmitRelatedForm(event, form);
+                }
+                if (stop) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    typedCount.current = 0;
+                }
+            },
+            onClick: (event)=>{
+                onClick(event);
+                event.preventDefault();
+                if (disabled) {
+                    return;
+                }
+                focused.current = true;
+                typedCount.current = 0;
+                selectNode(event.currentTarget);
+            },
+            onInput: (event)=>{
+                onInput(event);
+                const node = event.currentTarget;
+                // if the input event is fired while readOnly or disabled, ignore it
+                // and set it back to the previous state
+                if (readOnly || disabled) {
+                    node.textContent = prevText.current;
+                    selectNode(node);
+                    return;
+                }
+                const { reason, nextValue } = resolveInputEvent({
+                    min,
+                    max,
+                    text: node.textContent || "",
+                    mappings,
+                    maxDigits,
+                    prevText: prevText.current,
+                    prevValue: value,
+                    typedCount: typedCount.current
+                });
+                if (reason === "change" || reason === "cleared" || reason === "typed-to-completion") {
+                    typedCount.current = 0;
+                } else if (reason !== "ignored") {
+                    typedCount.current++;
+                }
+                node.textContent = getTextContent({
+                    min,
+                    max,
+                    minDigits,
+                    maxDigits,
+                    value: nextValue,
+                    fallback,
+                    placeholderChar
+                });
+                prevText.current = node.textContent;
+                selectNode(node);
+                if (reason !== "ignored" && reason !== "placeholder-digit") {
+                    updateValue({
+                        event,
+                        value: nextValue,
+                        reason
+                    });
+                }
+            }
+        }
+    };
+}
+
+//# sourceMappingURL=useSpinButton.js.map

package/dist/spinbutton/useSpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/spinbutton/useSpinButton.ts"],"sourcesContent":["\"use client\";\n\nimport { type Dispatch, useCallback, useRef, useState } from \"react\";\n\nimport { tryToSubmitRelatedForm } from \"../form/utils.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport { withinRange } from \"../utils/withinRange.js\";\nimport { useSpinButtonGroup } from \"./SpinButtonGroupProvider.js\";\nimport {\n  defaultGetSpinButtonTextContent,\n  defaultSpinButtonGetValueText,\n} from \"./defaults.js\";\nimport {\n  type SpinButtonChangeEvent,\n  type SpinButtonChangeEventOptions,\n  type SpinButtonImplementation,\n  type SpinButtonOptions,\n  type SpinButtonValue,\n} from \"./types.js\";\nimport { deselectNode } from \"./utils/deselectNode.js\";\nimport { resolveInputEvent } from \"./utils/resolveInputEvent.js\";\nimport { selectNode } from \"./utils/selectNode.js\";\n\n/**\n * @since 6.4.0\n */\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.4.0\n */\nexport function useSpinButton<E extends HTMLElement = HTMLDivElement>(\n  options: SpinButtonOptions<E>\n): SpinButtonImplementation<E> {\n  const {\n    id: propId,\n    ref: propRef,\n    min,\n    max,\n    step = 1,\n    minDigits,\n    maxDigits,\n    form,\n    readOnly,\n    disabled,\n    required,\n    error,\n    onBlur = noop,\n    onFocus = noop,\n    onInput = noop,\n    onClick = noop,\n    onKeyDown = noop,\n    fallback,\n    mappings,\n    value: propValue,\n    onValueChange = noop,\n    defaultValue = null,\n    getValueText = defaultSpinButtonGetValueText,\n    getTextContent = defaultGetSpinButtonTextContent,\n    placeholderChar,\n    defaultKeyboardValue,\n  } = options;\n  const id = useEnsuredId(propId, \"spinbutton\");\n\n  // trigger a noop setValue when `value` and `onValueChange` are provided\n  // since `onValueChange is always called with  `setValue\n  let propSetValue: Dispatch<SpinButtonValue> | undefined;\n  if (typeof propValue !== \"undefined\" && options.onValueChange) {\n    propSetValue = noop;\n  }\n\n  const [value, setValue] = useEnsuredState({\n    value: propValue,\n    setValue: propSetValue,\n    defaultValue,\n  });\n\n  const focused = useRef(false);\n  const typedCount = useRef(0);\n  const prevText = useRef(\"\");\n  const [nodeRef, nodeRefCallback] = useEnsuredRef(propRef);\n  const { focusNext } = useSpinButtonGroup();\n  const [keyboardValue] = useState(defaultKeyboardValue);\n\n  // NOTE: I might be able to get rid of this since I don't remember why it was\n  // added maybe for controlled fields? I'll have to see when I get to the\n  // date/time components again\n  useIsomorphicLayoutEffect(() => {\n    const node = nodeRef.current;\n    if (!focused.current || !node) {\n      return;\n    }\n\n    prevText.current = node.textContent || \"\";\n    selectNode(node);\n  }, [nodeRef, value]);\n\n  const updateValue = useCallback(\n    (options: SpinButtonChangeEventOptions<E>) => {\n      setValue(options.value);\n      onValueChange(options);\n      if (options.reason === \"typed-to-completion\") {\n        focusNext();\n      }\n    },\n    [focusNext, onValueChange, setValue]\n  );\n  const increment = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? min ?? max ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue + step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof min === \"number\") {\n        nextValue = min;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n  const decrement = useCallback(\n    (event: SpinButtonChangeEvent<E>) => {\n      let nextValue: SpinButtonValue =\n        value ?? keyboardValue ?? max ?? min ?? 0;\n      nextValue = withinRange({ min, max, value: nextValue - step });\n\n      // this actually means both min and max are a number\n      if (nextValue === value && typeof max === \"number\") {\n        nextValue = max;\n      }\n\n      updateValue({\n        event,\n        reason: \"change\",\n        value: nextValue,\n      });\n    },\n    [keyboardValue, max, min, step, updateValue, value]\n  );\n\n  return {\n    value,\n    setValue,\n    spinButtonRef: nodeRef,\n    spinButtonProps: {\n      \"aria-readonly\": readOnly || undefined,\n      \"aria-disabled\": disabled || undefined,\n      \"aria-invalid\": error || undefined,\n      \"aria-required\": required || undefined,\n      \"aria-valuemin\": min,\n      \"aria-valuemax\": max,\n      \"aria-valuenow\": value === null ? undefined : value,\n      \"aria-valuetext\": getValueText(value),\n      id,\n      ref: nodeRefCallback,\n      role: \"spinbutton\",\n      autoCapitalize: \"none\",\n      autoCorrect: \"off\",\n      spellCheck: false,\n      inputMode: \"numeric\",\n      contentEditable: !disabled || undefined,\n      suppressContentEditableWarning: true,\n      tabIndex: disabled ? undefined : 0,\n      onBlur: (event) => {\n        onBlur(event);\n\n        focused.current = false;\n        deselectNode(event.currentTarget);\n      },\n      onFocus: (event) => {\n        onFocus(event);\n\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onKeyDown: (event) => {\n        onKeyDown(event);\n\n        if (disabled || (readOnly && event.key !== \"Enter\")) {\n          return;\n        }\n\n        const setValue = (nextValue: number): void =>\n          updateValue({ value: nextValue, event, reason: \"change\" });\n\n        let stop = false;\n        switch (event.key) {\n          case \"ArrowRight\":\n          case \"ArrowLeft\":\n            // `event.stopPropagation()` should not be called here since the\n            // parent `useSpinButtonGroup` keyboard event handler should\n            // still be called to handle advancing to the next spinbutton in\n            // the group. Only the default cursor movement needs to be disabled\n            // instead.\n            event.preventDefault();\n            break;\n          case \"ArrowUp\":\n            stop = true;\n            increment(event);\n            break;\n          case \"ArrowDown\":\n            stop = true;\n            decrement(event);\n            break;\n          case \"Home\":\n            stop = true;\n            if (typeof min === \"number\") {\n              setValue(min);\n            }\n            break;\n          case \"End\":\n            stop = true;\n            if (typeof max === \"number\") {\n              setValue(max);\n            }\n            break;\n          case \"Enter\":\n            stop = true;\n            tryToSubmitRelatedForm(event, form);\n        }\n\n        if (stop) {\n          event.preventDefault();\n          event.stopPropagation();\n          typedCount.current = 0;\n        }\n      },\n      onClick: (event) => {\n        onClick(event);\n\n        event.preventDefault();\n        if (disabled) {\n          return;\n        }\n\n        focused.current = true;\n        typedCount.current = 0;\n        selectNode(event.currentTarget);\n      },\n      onInput: (event) => {\n        onInput(event);\n\n        const node = event.currentTarget;\n        // if the input event is fired while readOnly or disabled, ignore it\n        // and set it back to the previous state\n        if (readOnly || disabled) {\n          node.textContent = prevText.current;\n          selectNode(node);\n          return;\n        }\n\n        const { reason, nextValue } = resolveInputEvent({\n          min,\n          max,\n          text: node.textContent || \"\",\n          mappings,\n          maxDigits,\n          prevText: prevText.current,\n          prevValue: value,\n          typedCount: typedCount.current,\n        });\n\n        if (\n          reason === \"change\" ||\n          reason === \"cleared\" ||\n          reason === \"typed-to-completion\"\n        ) {\n          typedCount.current = 0;\n        } else if (reason !== \"ignored\") {\n          typedCount.current++;\n        }\n\n        node.textContent = getTextContent({\n          min,\n          max,\n          minDigits,\n          maxDigits,\n          value: nextValue,\n          fallback,\n          placeholderChar,\n        });\n        prevText.current = node.textContent;\n        selectNode(node);\n\n        if (reason !== \"ignored\" && reason !== \"placeholder-digit\") {\n          updateValue({\n            event,\n            value: nextValue,\n            reason,\n          });\n        }\n      },\n    },\n  };\n}\n"],"names":["useCallback","useRef","useState","tryToSubmitRelatedForm","useEnsuredId","useEnsuredRef","useEnsuredState","useIsomorphicLayoutEffect","withinRange","useSpinButtonGroup","defaultGetSpinButtonTextContent","defaultSpinButtonGetValueText","deselectNode","resolveInputEvent","selectNode","noop","useSpinButton","options","id","propId","ref","propRef","min","max","step","minDigits","maxDigits","form","readOnly","disabled","required","error","onBlur","onFocus","onInput","onClick","onKeyDown","fallback","mappings","value","propValue","onValueChange","defaultValue","getValueText","getTextContent","placeholderChar","defaultKeyboardValue","propSetValue","setValue","focused","typedCount","prevText","nodeRef","nodeRefCallback","focusNext","keyboardValue","node","current","textContent","updateValue","reason","increment","event","nextValue","decrement","spinButtonRef","spinButtonProps","undefined","role","autoCapitalize","autoCorrect","spellCheck","inputMode","contentEditable","suppressContentEditableWarning","tabIndex","currentTarget","key","stop","preventDefault","stopPropagation","text","prevValue"],"mappings":"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"}