@choice-ui/react 2.0.0 → 2.0.2

package/dist/components/modal/dist/index.js

@@ -15,7 +15,7 @@ var ModalTv = tcv({
 });
 var ModalHeaderTv = tcv({
   slots: {
-    root: "modal__header border-default-boundary w-full flex-none items-center border-b",
+    root: ["modal__header", "grid border-default-boundary w-full flex-none items-center border-b"],
     title: "text-body-medium flex min-w-0 items-center gap-2 p-2 font-strong [grid-area:title] select-none",
     close: "p-2 [grid-area:close]"
   },
@@ -30,7 +30,7 @@ var ModalHeaderTv = tcv({
     },
     close: {
       true: {
-        root: "modal__header--action"
+        root: "grid-cols-[auto_1fr_2.5rem]"
       },
       false: {}
     }

package/dist/components/notifications/dist/index.d.ts

@@ -1,7 +1,4 @@
 import { ToasterProps } from 'sonner';
-import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
 interface NotificationsProps extends Omit<ToasterProps, "id"> {
     actions?: (id: string | number) => {
         action?: {
@@ -20,7 +17,6 @@ interface NotificationsProps extends Omit<ToasterProps, "id"> {
     text?: string;
     toasterId?: string;
 }
-declare const Toast: react.MemoExoticComponent<(props: NotificationsProps) => react_jsx_runtime.JSX.Element>;
 declare function notifications(toast: Omit<NotificationsProps, "id">): string | number;
 
-export { type NotificationsProps, Toast, notifications };
+export { type NotificationsProps, notifications };

package/dist/components/numeric-input/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { TooltipProps } from '../../tooltip/src';
-import { default as react__default, ReactNode, HTMLProps } from 'react';
+import { default as React__default, ReactNode, HTMLProps } from 'react';
 import { IconButtonProps } from '../../icon-button/src';
 import { PressMoveProps } from '../../../../../shared/src';
-import * as react from 'react';
+import * as React$1 from 'react';
 
 type ElementType = "action" | "handler" | "menu";
 interface NumericInputElementProps {
@@ -11,18 +11,18 @@ interface NumericInputElementProps {
     position?: "prefix" | "suffix";
     type?: ElementType;
 }
-declare const NumericInputElement: react.MemoExoticComponent<react.ForwardRefExoticComponent<NumericInputElementProps & react.RefAttributes<HTMLDivElement>>>;
+declare const NumericInputElement: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<NumericInputElementProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface NumericInputMenuTriggerProps extends IconButtonProps {
     className?: string;
     type?: "menu" | "action";
 }
-declare const NumericInputMenuTrigger: react.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const NumericInputMenuTrigger: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuTriggerProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 interface NumericInputMenuActionPromptProps extends HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     className?: string;
 }
-declare const NumericInputMenuActionPrompt: react.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const NumericInputMenuActionPrompt: React$1.ForwardRefExoticComponent<Omit<NumericInputMenuActionPromptProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
 interface NumericInputVariableProps {
     className?: string;
@@ -30,7 +30,7 @@ interface NumericInputVariableProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     value?: number | null;
 }
-declare const NumericInputVariable: react.ForwardRefExoticComponent<NumericInputVariableProps & react.RefAttributes<HTMLDivElement>>;
+declare const NumericInputVariable: React$1.ForwardRefExoticComponent<NumericInputVariableProps & React$1.RefAttributes<HTMLDivElement>>;
 
 type NumericInputValue = string | number | (string | number | undefined)[] | Record<string, number>;
 type NumberResult = {
@@ -51,6 +51,7 @@ interface NumericInputContextValue {
     max?: number;
     min?: number;
     onChange?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
+    onChangeEnd?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
     onEmpty?: () => void;
     onIsEditingChange?: (isEditing: boolean) => void;
     onPressEnd?: PressMoveProps["onPressEnd"];
@@ -58,12 +59,13 @@ interface NumericInputContextValue {
     readOnly?: boolean;
     selected?: boolean;
     shiftStep?: number;
+    size?: "default" | "large";
     step?: number;
     value?: NumericInputValue;
     variant?: "default" | "light" | "dark" | "reset";
 }
 
-interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "children" | "max" | "min" | "step" | "disabled" | "id"> {
+interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTMLInputElement>, "value" | "defaultValue" | "onChange" | "children" | "max" | "min" | "step" | "disabled" | "id" | "size"> {
     children?: ReactNode;
     className?: string;
     classNames?: {
@@ -73,10 +75,11 @@ interface NumericInputProps extends NumericInputContextValue, Omit<HTMLProps<HTM
     disabled?: boolean;
     id?: string;
     onChange?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
+    onChangeEnd?: (value: NumericInputValue, detail: NumericChangeDetail) => void;
     tooltip?: TooltipProps;
-    triggerRef?: react__default.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
+    triggerRef?: React__default.RefObject<HTMLDivElement> | ((el: HTMLDivElement | null) => void);
 }
-interface NumericInputComponent extends react__default.ForwardRefExoticComponent<NumericInputProps & react__default.RefAttributes<HTMLInputElement>> {
+interface NumericInputComponent extends React__default.ForwardRefExoticComponent<NumericInputProps & React__default.RefAttributes<HTMLInputElement>> {
     ActionPrompt: typeof NumericInputMenuActionPrompt;
     MenuTrigger: typeof NumericInputMenuTrigger;
     Prefix: typeof NumericInputElement;
@@ -85,4 +88,18 @@ interface NumericInputComponent extends react__default.ForwardRefExoticComponent
 }
 declare const NumericInput: NumericInputComponent;
 
-export { type NumberResult, type NumericChangeDetail, NumericInput, NumericInputElement, type NumericInputElementProps, NumericInputMenuTrigger, type NumericInputMenuTriggerProps, type NumericInputProps, type NumericInputValue, NumericInputVariable, type NumericInputVariableProps };
+/**
+ * Hook for handling long press on numeric input increment/decrement buttons.
+ * Triggers the callback immediately on press, then repeatedly after a delay.
+ *
+ * @param callback - Function to call on press and during long press
+ * @param delay - Interval between repeated calls (default: 150ms)
+ * @param initialDelay - Delay before starting repeated calls (default: 400ms)
+ */
+declare function useNumericLongPress(callback: () => void, delay?: number, initialDelay?: number): {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+};
+
+export { type NumberResult, type NumericChangeDetail, NumericInput, NumericInputElement, type NumericInputElementProps, NumericInputMenuTrigger, type NumericInputMenuTriggerProps, type NumericInputProps, type NumericInputValue, NumericInputVariable, type NumericInputVariableProps, useNumericLongPress };

package/dist/components/numeric-input/dist/index.js

@@ -1,5 +1,5 @@
 import { Tooltip } from "../../tooltip/dist/index.js";
-import { forwardRef, useRef, useState, useMemo, createContext, cloneElement, memo, useEffect, useCallback, Children, isValidElement, useContext } from "react";
+import { forwardRef, useRef, useState, useMemo, createContext, cloneElement, memo, useCallback, useEffect, Children, isValidElement, useContext } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { IconButton } from "../../icon-button/dist/index.js";
@@ -22,9 +22,9 @@ function useNumericInputContext() {
 }
 var NumericInputTv = tcv({
   slots: {
-    container: ["group/input grid h-6 before:border-transparent", "input__number"],
-    input: ["peer", "h-6 w-full", "cursor-default appearance-none truncate"],
-    tooltip: "col-span-3 col-start-1 row-start-1 h-6"
+    container: ["group/input grid before:border-transparent", "input__number"],
+    input: ["peer", "w-full", "cursor-default appearance-none truncate"],
+    tooltip: "col-span-3 col-start-1 row-start-1"
   },
   variants: {
     variant: {
@@ -39,6 +39,18 @@ var NumericInputTv = tcv({
       },
       reset: {}
     },
+    size: {
+      default: {
+        container: ["h-6", "input__number--default"],
+        input: "h-6",
+        tooltip: "h-6"
+      },
+      large: {
+        container: ["h-8", "input__number--large"],
+        input: "h-8",
+        tooltip: "h-8"
+      }
+    },
     prefixElement: {
       true: {},
       false: {}
@@ -161,6 +173,7 @@ var NumericInputTv = tcv({
   ],
   defaultVariants: {
     variant: "default",
+    size: "default",
     selected: false,
     disabled: false,
     focused: false
@@ -172,6 +185,10 @@ var NumericInputMenuTriggerTv = tcv({
     disabled: {
       true: ""
     },
+    size: {
+      default: "",
+      large: ""
+    },
     type: {
       menu: "",
       action: ""
@@ -219,6 +236,7 @@ var NumericInputMenuTriggerTv = tcv({
   ],
   defaultVariants: {
     disabled: false,
+    size: "default",
     type: "menu",
     variant: "default"
   }
@@ -323,17 +341,21 @@ var NumericInputVariableTv = tcv({
   }
 });
 var NumericInputElementTv = tcv({
-  base: ["select-none", "z-2 h-6 w-6", "flex flex-none items-center justify-center"],
+  base: ["select-none", "z-2", "flex flex-none items-center justify-center"],
   variants: {
     type: {
       handler: "select-none",
-      action: "[grid-area:action]",
-      menu: "ml-px [grid-area:action]"
+      action: "",
+      menu: ""
     },
     position: {
       prefix: "rounded-l-md",
       suffix: "rounded-r-md"
     },
+    size: {
+      default: "h-6 w-6",
+      large: "h-8 w-8"
+    },
     disabled: {
       true: "text-disabled-foreground",
       false: "text-secondary-foreground"
@@ -356,6 +378,26 @@ var NumericInputElementTv = tcv({
       position: "suffix",
       class: "[grid-area:suffix-handler]"
     },
+    {
+      type: "action",
+      position: "prefix",
+      class: "[grid-area:prefix-handler]"
+    },
+    {
+      type: "action",
+      position: "suffix",
+      class: "[grid-area:action]"
+    },
+    {
+      type: "menu",
+      position: "prefix",
+      class: "[grid-area:prefix-handler]"
+    },
+    {
+      type: "menu",
+      position: "suffix",
+      class: "ml-px [grid-area:action]"
+    },
     {
       type: "handler",
       disabled: false,
@@ -394,25 +436,31 @@ var NumericInputElementTv = tcv({
   ],
   defaultVariants: {
     disabled: false,
-    variant: "default"
+    variant: "default",
+    size: "default"
   }
 });
 var NumericInputMenuActionPromptTv = tcv({
   base: [
     "[grid-area:action]",
-    "w-6 pr-2",
+    "pr-2",
     "flex items-center justify-center",
     "rounded-r-md",
     "pointer-events-none z-3"
   ],
   variants: {
+    size: {
+      default: "w-6",
+      large: "w-8"
+    },
     disabled: {
       true: "text-secondary-foreground bg-default-background",
       false: "bg-secondary-background group-focus-within/input:hidden group-hover/input:hidden"
     }
   },
   defaultVariants: {
-    disabled: false
+    disabled: false,
+    size: "default"
   }
 });
 var NumericInputElement = memo(
@@ -423,6 +471,7 @@ var NumericInputElement = memo(
     const tv = NumericInputElementTv({
       type,
       position,
+      size: context.size,
       disabled: context.disabled,
       variant: context.variant
     });
@@ -450,6 +499,7 @@ var NumericInputMenuTrigger = forwardRef(
     const context = useNumericInputContext();
     const tv = NumericInputMenuTriggerTv({
       type,
+      size: context.size,
       disabled: context.disabled,
       variant: context.variant
     });
@@ -457,6 +507,7 @@ var NumericInputMenuTrigger = forwardRef(
       IconButton,
       {
         ref,
+        size: context.size,
         variant: type === "menu" ? context.disabled ? "ghost" : "solid" : void 0,
         className: tcx(tv, className),
         disabled: context.disabled,
@@ -474,7 +525,10 @@ var NumericInputMenuActionPrompt = forwardRef((props, ref) => {
     "div",
     {
       ref,
-      className: tcx(NumericInputMenuActionPromptTv({ disabled: context.disabled }), className),
+      className: tcx(
+        NumericInputMenuActionPromptTv({ size: context.size, disabled: context.disabled }),
+        className
+      ),
       ...rest,
       children
     }
@@ -720,9 +774,6 @@ function compareNumberResults(result1, result2) {
   const isSameObject = compareNumericObjects(result1.object, result2.object);
   return isSameArray || isSameObject;
 }
-function isExpressionInput(displayValue, processedValue) {
-  return displayValue !== processedValue.string;
-}
 function useInputInteractions({
   inputRef,
   displayValue,
@@ -733,6 +784,7 @@ function useInputInteractions({
   min,
   max,
   decimal,
+  defaultValue,
   disabled,
   readOnly,
   innerValue,
@@ -740,11 +792,14 @@ function useInputInteractions({
   updateValue,
   getCurrentStep,
   onChange,
+  onRawInputEditingChange,
   onEmpty,
   value
 }) {
   const initialValueRef = useRef("");
+  const outputShapeSource = value ?? defaultValue;
   const handleInputChange = useEventCallback((e) => {
+    onRawInputEditingChange == null ? void 0 : onRawInputEditingChange(true);
     setDisplayValue(e.target.value);
   });
   const handleInputFocus = useEventCallback((e) => {
@@ -753,6 +808,7 @@ function useInputInteractions({
     e.target.select();
   });
   const handleInputBlur = useEventCallback(() => {
+    onRawInputEditingChange == null ? void 0 : onRawInputEditingChange(false);
     setIsFocused(false);
     if (disabled || readOnly) return;
     try {
@@ -763,7 +819,6 @@ function useInputInteractions({
         min,
         decimal
       });
-      const isExpressionInputValue = isExpressionInput(displayValue, valuePre);
       const isSameValue = compareNumberResults(innerValue, valuePre);
       if (isSameValue) {
         setDisplayValue(valuePre.string);
@@ -772,7 +827,7 @@ function useInputInteractions({
       }
       setValue(valuePre);
       onChange == null ? void 0 : onChange(
-        typeof value === "string" ? valuePre.string : typeof value === "number" ? valuePre.array[0] : Array.isArray(value) ? valuePre.array : valuePre.object,
+        typeof outputShapeSource === "string" ? valuePre.string : typeof outputShapeSource === "number" ? valuePre.array[0] : Array.isArray(outputShapeSource) ? valuePre.array : valuePre.object,
         valuePre
       );
       setDisplayValue(valuePre.string);
@@ -865,11 +920,16 @@ function useNumericInput(props) {
     step = 1,
     value,
     onChange,
+    onChangeEnd,
     onEmpty,
     onPressEnd,
     onPressStart
   } = props;
   const innerRef = useRef(null);
+  const dragHasChangedRef = useRef(false);
+  const dragEndValueRef = useRef(void 0);
+  const dragEndDetailRef = useRef(void 0);
+  const hasPendingRawInputRef = useRef(false);
   const [isFocused, setIsFocused] = useState(false);
   const [displayValue, setDisplayValue] = useState("");
   const { shiftPressed, metaPressed } = useModifierKeys(disabled);
@@ -887,9 +947,16 @@ function useNumericInput(props) {
     defaultValue: defaultValuePre,
     allowEmpty: true
   });
+  const outputShapeSource = value ?? defaultValue;
+  const mapResultToOutputValue = useCallback(
+    (result) => typeof outputShapeSource === "string" ? result.string : typeof outputShapeSource === "number" ? result.array[0] : Array.isArray(outputShapeSource) ? result.array : result.object,
+    [outputShapeSource]
+  );
   useEffect(() => {
     if (!innerValue) {
-      setDisplayValue("");
+      if (!hasPendingRawInputRef.current) {
+        setDisplayValue("");
+      }
       return;
     }
     const valuePre2 = dealWithNumericInputValue({
@@ -902,11 +969,14 @@ function useNumericInput(props) {
     if (JSON.stringify(valuePre2.object) !== JSON.stringify(innerValue.object)) {
       setValue(valuePre2);
     }
-    setDisplayValue(valuePre2.string);
+    if (!hasPendingRawInputRef.current) {
+      setDisplayValue(valuePre2.string);
+    }
   }, [innerValue, expression, max, min, decimal, setValue]);
   const updateValue = useCallback(
-    (updateFn) => {
+    (updateFn, options) => {
       if (disabled || readOnly) return;
+      hasPendingRawInputRef.current = false;
       setValue((prev) => {
         if (!prev) {
           const initialValue = dealWithNumericInputValue({
@@ -917,10 +987,13 @@ function useNumericInput(props) {
             min,
             decimal
           });
-          onChange == null ? void 0 : onChange(
-            typeof value === "string" ? initialValue.string : typeof value === "number" ? initialValue.array[0] : Array.isArray(value) ? initialValue.array : initialValue.object,
-            initialValue
-          );
+          const nextValue = mapResultToOutputValue(initialValue);
+          onChange == null ? void 0 : onChange(nextValue, initialValue);
+          if ((options == null ? void 0 : options.source) === "drag") {
+            dragHasChangedRef.current = true;
+            dragEndValueRef.current = nextValue;
+            dragEndDetailRef.current = initialValue;
+          }
           return initialValue;
         }
         const valuePre2 = dealWithNumericInputValue({
@@ -944,15 +1017,18 @@ function useNumericInput(props) {
           return true;
         })();
         if (hasChanged) {
-          onChange == null ? void 0 : onChange(
-            typeof value === "string" ? valuePre2.string : typeof value === "number" ? valuePre2.array[0] : Array.isArray(value) ? valuePre2.array : valuePre2.object,
-            valuePre2
-          );
+          const nextValue = mapResultToOutputValue(valuePre2);
+          onChange == null ? void 0 : onChange(nextValue, valuePre2);
+          if ((options == null ? void 0 : options.source) === "drag") {
+            dragHasChangedRef.current = true;
+            dragEndValueRef.current = nextValue;
+            dragEndDetailRef.current = valuePre2;
+          }
         }
         return valuePre2;
       });
     },
-    [disabled, readOnly, setValue, max, min, decimal, onChange, value]
+    [disabled, readOnly, setValue, max, min, decimal, onChange, expressionRef, mapResultToOutputValue]
   );
   const { inputHandlers } = useInputInteractions({
     inputRef: innerRef,
@@ -964,6 +1040,7 @@ function useNumericInput(props) {
     min,
     max,
     decimal,
+    defaultValue,
     disabled,
     readOnly,
     innerValue,
@@ -971,12 +1048,18 @@ function useNumericInput(props) {
     updateValue,
     getCurrentStep,
     onChange,
+    onRawInputEditingChange: (editing) => {
+      hasPendingRawInputRef.current = editing;
+    },
     onEmpty,
     value
   });
   const { isPressed: handlerPressed, pressMoveProps } = usePressMove({
     disabled,
     onPressStart: (e) => {
+      dragHasChangedRef.current = false;
+      dragEndValueRef.current = void 0;
+      dragEndDetailRef.current = void 0;
       const wasFocused = isFocused;
       if (onPressStart && "nativeEvent" in e) {
         onPressStart(e.nativeEvent);
@@ -1002,12 +1085,18 @@ function useNumericInput(props) {
         onPressEnd(e.nativeEvent);
       }
       onPressEnd == null ? void 0 : onPressEnd(e);
+      if (dragHasChangedRef.current && dragEndValueRef.current !== void 0 && dragEndDetailRef.current !== void 0) {
+        onChangeEnd == null ? void 0 : onChangeEnd(dragEndValueRef.current, dragEndDetailRef.current);
+      }
+      dragHasChangedRef.current = false;
+      dragEndValueRef.current = void 0;
+      dragEndDetailRef.current = void 0;
     },
     onPressMoveLeft: (delta) => {
-      updateValue((value2) => value2 - delta * getCurrentStep());
+      updateValue((value2) => value2 - delta * getCurrentStep(), { source: "drag" });
     },
     onPressMoveRight: (delta) => {
-      updateValue((value2) => value2 + delta * getCurrentStep());
+      updateValue((value2) => value2 + delta * getCurrentStep(), { source: "drag" });
     }
   });
   const inputProps = {
@@ -1042,6 +1131,7 @@ var NumericInputBase = forwardRef((props, ref) => {
     readOnly,
     required,
     shiftStep = 10,
+    size = "default",
     step = 1,
     value,
     variant = "default",
@@ -1049,6 +1139,7 @@ var NumericInputBase = forwardRef((props, ref) => {
     selected = false,
     tooltip,
     onChange,
+    onChangeEnd,
     onEmpty,
     onPressEnd,
     onPressStart,
@@ -1072,6 +1163,7 @@ var NumericInputBase = forwardRef((props, ref) => {
     step,
     value,
     onChange,
+    onChangeEnd,
     onEmpty,
     onPressEnd,
     onPressStart,
@@ -1079,6 +1171,7 @@ var NumericInputBase = forwardRef((props, ref) => {
   });
   const { disableScrollProps } = useDisableScroll({ ref: inputRef });
   const [isFocused, setIsFocused] = useState(false);
+  const mergedFocused = focused || isFocused;
   const handleFocus = useEventCallback((e) => {
     var _a;
     onIsEditingChange == null ? void 0 : onIsEditingChange(true);
@@ -1094,13 +1187,14 @@ var NumericInputBase = forwardRef((props, ref) => {
   const contextValue = useMemo(
     () => ({
       variant,
+      size,
       // State
       value,
       defaultValue,
       disabled,
       readOnly,
       selected,
-      focused,
+      focused: mergedFocused,
       handlerPressed,
       // Configuration
       min,
@@ -1111,6 +1205,7 @@ var NumericInputBase = forwardRef((props, ref) => {
       expression,
       // Event handling methods
       onChange,
+      onChangeEnd,
       onEmpty,
       onPressStart,
       onPressEnd,
@@ -1120,12 +1215,13 @@ var NumericInputBase = forwardRef((props, ref) => {
     }),
     [
       variant,
+      size,
       value,
       defaultValue,
       disabled,
       readOnly,
       selected,
-      focused,
+      mergedFocused,
       handlerPressed,
       min,
       max,
@@ -1134,6 +1230,7 @@ var NumericInputBase = forwardRef((props, ref) => {
       decimal,
       expression,
       onChange,
+      onChangeEnd,
       onEmpty,
       onPressStart,
       onPressEnd,
@@ -1175,8 +1272,9 @@ var NumericInputBase = forwardRef((props, ref) => {
   const actionPromptNode = actionPrompt[0] || null;
   const tv = NumericInputTv({
     variant,
+    size,
     selected: selected || handlerPressed,
-    focused,
+    focused: mergedFocused,
     disabled,
     prefixElement: !!prefixNode,
     suffixElement: !!suffixNode,
@@ -1219,7 +1317,7 @@ var NumericInputBase = forwardRef((props, ref) => {
         variableNode && cloneElement(variableNode, { hasPrefixElement: !!prefixNode }),
         actionPromptNode && cloneElement(actionPromptNode),
         suffixNode && cloneElement(suffixNode, { position: "suffix" }),
-        tooltip && !isFocused && /* @__PURE__ */ jsx(Tooltip, { ...tooltip, children: /* @__PURE__ */ jsx(
+        tooltip && !mergedFocused && /* @__PURE__ */ jsx(Tooltip, { ...tooltip, children: /* @__PURE__ */ jsx(
           "span",
           {
             tabIndex: -1,

package/dist/components/numeric-input/src/hooks/use-input-interactions.d.ts

@@ -2,6 +2,7 @@ import { default as React, RefObject } from 'react';
 import { NumberResult, NumericInputValue } from '../types';
 interface UseInputInteractionsProps<T extends NumericInputValue> {
     decimal?: number;
+    defaultValue?: T;
     disabled?: boolean;
     displayValue: string;
     expression: string;
@@ -12,6 +13,7 @@ interface UseInputInteractionsProps<T extends NumericInputValue> {
     max?: number;
     min?: number;
     onChange?: (value: T, detail: NumberResult) => void;
+    onRawInputEditingChange?: (editing: boolean) => void;
     onEmpty?: () => void;
     readOnly?: boolean;
     setDisplayValue: (value: string) => void;
@@ -27,7 +29,7 @@ interface UseInputInteractionsProps<T extends NumericInputValue> {
  * @param props Input interaction configuration
  * @returns Input handlers and initial value reference
  */
-export declare function useInputInteractions<T extends NumericInputValue>({ inputRef, displayValue, setDisplayValue, isFocused, setIsFocused, expression, min, max, decimal, disabled, readOnly, innerValue, setValue, updateValue, getCurrentStep, onChange, onEmpty, value, }: UseInputInteractionsProps<T>): {
+export declare function useInputInteractions<T extends NumericInputValue>({ inputRef, displayValue, setDisplayValue, isFocused, setIsFocused, expression, min, max, decimal, defaultValue, disabled, readOnly, innerValue, setValue, updateValue, getCurrentStep, onChange, onRawInputEditingChange, onEmpty, value, }: UseInputInteractionsProps<T>): {
     inputHandlers: {
         onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
         onFocus: (e: React.FocusEvent<HTMLInputElement, Element>) => void;