@mantine/hooks 9.0.0-alpha.5 → 9.0.0-alpha.7

package/lib/use-drag/use-drag.d.ts

@@ -1,60 +0,0 @@
-type Vector2 = [number, number];
-export interface UseDragState {
-    /** Current pointer position [x, y] */
-    xy: Vector2;
-    /** Position where the gesture started [x, y] */
-    initial: Vector2;
-    /** Displacement from start [x, y], respects axis constraint */
-    movement: Vector2;
-    /** Change since previous event [x, y] */
-    delta: Vector2;
-    /** Absolute distance per axis [x, y] */
-    distance: Vector2;
-    /** Movement direction per axis: -1, 0, or 1 */
-    direction: Vector2;
-    /** Speed per axis in px/ms */
-    velocity: Vector2;
-    /** Time since drag started in ms */
-    elapsedTime: number;
-    /** `true` on the first handler call after the threshold is met */
-    first: boolean;
-    /** `true` on the last handler call (pointer released or canceled) */
-    last: boolean;
-    /** `true` while the gesture is ongoing */
-    active: boolean;
-    /** `true` when the gesture qualifies as a tap (requires `filterTaps: true`) */
-    tap: boolean;
-    /** `true` when the gesture was interrupted by a `pointercancel` event */
-    canceled: boolean;
-    /** Function to programmatically cancel the current gesture */
-    cancel: () => void;
-    /** The source `PointerEvent` */
-    event: PointerEvent;
-}
-export interface UseDragOptions {
-    /** Constrain movement to a specific axis. `'lock'` locks to whichever axis has more movement after `axisThreshold` is exceeded. */
-    axis?: 'x' | 'y' | 'lock';
-    /** Movement in px required to determine axis when `axis` is `'lock'`, `1` by default */
-    axisThreshold?: number;
-    /** When `true`, the last state includes `tap: true` when total distance is below `tapThreshold`, `false` by default */
-    filterTaps?: boolean;
-    /** Max displacement in px to still be considered a tap, `3` by default */
-    tapThreshold?: number;
-    /** Minimum displacement in px before the drag activates. Can be a number (both axes) or `[x, y]`. `0` by default */
-    threshold?: number | Vector2;
-    /** Enable or disable the hook, `true` by default */
-    enabled?: boolean;
-}
-export interface UseDragReturnValue<T extends HTMLElement = any> {
-    /** Ref callback to attach to the draggable element */
-    ref: React.RefCallback<T | null>;
-    /** `true` while the element is being dragged */
-    active: boolean;
-}
-export declare function useDrag<T extends HTMLElement = any>(handler: (state: UseDragState) => void, options?: UseDragOptions): UseDragReturnValue<T>;
-export declare namespace useDrag {
-    type State = UseDragState;
-    type Options = UseDragOptions;
-    type ReturnValue<T extends HTMLElement = any> = UseDragReturnValue<T>;
-}
-export {};

package/lib/use-mask/use-mask.d.ts

@@ -1,60 +0,0 @@
-export interface UseMaskOptions {
-    /** Mask pattern string or array of string literals and RegExp objects */
-    mask: string | Array<string | RegExp>;
-    /** Override or extend the default token map */
-    tokens?: Record<string, RegExp>;
-    /** Called before masking on each keystroke, can return overrides for mask options */
-    modify?: (value: string) => Partial<Pick<UseMaskOptions, 'mask' | 'tokens' | 'slotChar' | 'separate'>> | undefined;
-    /** When true, raw and display values are decoupled */
-    separate?: boolean;
-    /** Character displayed in unfilled slots, `"_"` by default */
-    slotChar?: string | null;
-    /** Show mask pattern even when field is empty and unfocused */
-    alwaysShowMask?: boolean;
-    /** Show mask placeholder on focus, `true` by default */
-    showMaskOnFocus?: boolean;
-    /** Transform each character before validation and insertion */
-    transform?: (char: string) => string;
-    /** Clear value on blur when mask is incomplete, `false` by default */
-    autoClear?: boolean;
-    /** Sets aria-invalid on the input */
-    invalid?: boolean;
-    /** Called on every change with raw and masked values */
-    onChangeRaw?: (rawValue: string, maskedValue: string) => void;
-    /** Called when all required mask slots are filled */
-    onComplete?: (maskedValue: string, rawValue: string) => void;
-    /** Escape hatch for advanced cursor/value manipulation */
-    beforeMaskedStateChange?: (states: {
-        previousState: MaskState;
-        currentState: MaskState;
-        nextState: MaskState;
-    }) => MaskState;
-}
-export interface MaskState {
-    value: string;
-    selection: {
-        start: number;
-        end: number;
-    } | null;
-}
-export interface UseMaskReturnValue {
-    /** Ref to attach to the input element */
-    ref: React.RefCallback<HTMLInputElement>;
-    /** Current masked display value */
-    value: string;
-    /** Current raw unmasked value */
-    rawValue: string;
-    /** Whether all required mask slots are filled */
-    isComplete: boolean;
-    /** Clear the input value and reset state */
-    reset: () => void;
-}
-export declare function formatMask(raw: string, options: UseMaskOptions): string;
-export declare function unformatMask(masked: string, options: UseMaskOptions): string;
-export declare function isMaskComplete(masked: string, options: UseMaskOptions): boolean;
-export declare function generatePattern(mode: 'full' | 'full-inexact', options: UseMaskOptions): string;
-export declare function useMask(options: UseMaskOptions): UseMaskReturnValue;
-export declare namespace useMask {
-    type Options = UseMaskOptions;
-    type ReturnValue = UseMaskReturnValue;
-}

package/lib/use-roving-index/use-roving-index.d.ts

@@ -1,49 +0,0 @@
-export interface UseRovingIndexInput {
-    /** Total number of items in the group */
-    total: number;
-    /** Which arrow keys navigate, `'horizontal'` by default */
-    orientation?: 'horizontal' | 'vertical' | 'both';
-    /** Whether navigation wraps at boundaries, `true` by default */
-    loop?: boolean;
-    /** Text direction, `'ltr'` by default */
-    dir?: 'rtl' | 'ltr';
-    /** Whether to click element when it receives focus via keyboard, `false` by default */
-    activateOnFocus?: boolean;
-    /** Number of columns for grid (2D) navigation. When set, enables grid mode */
-    columns?: number;
-    /** Controlled focused index */
-    focusedIndex?: number;
-    /** Initial focused index for uncontrolled mode, first non-disabled item by default */
-    initialIndex?: number;
-    /** Called when focused index changes */
-    onFocusChange?: (index: number) => void;
-    /** Function to check if item at given index is disabled, `() => false` by default */
-    isItemDisabled?: (index: number) => boolean;
-}
-export interface UseRovingIndexGetItemPropsInput {
-    /** Index of the item in the group */
-    index: number;
-    /** Called when item is clicked */
-    onClick?: React.MouseEventHandler;
-    /** Called when keydown event fires on item */
-    onKeyDown?: React.KeyboardEventHandler;
-}
-export interface UseRovingIndexReturnValue {
-    /** Get props to spread on each navigable item */
-    getItemProps: (options: UseRovingIndexGetItemPropsInput) => {
-        tabIndex: 0 | -1;
-        onKeyDown: React.KeyboardEventHandler;
-        onClick: React.MouseEventHandler;
-        ref: React.RefCallback<HTMLElement>;
-    };
-    /** Currently focused index */
-    focusedIndex: number;
-    /** Programmatically set focused index */
-    setFocusedIndex: (index: number) => void;
-}
-export declare function useRovingIndex(input: UseRovingIndexInput): UseRovingIndexReturnValue;
-export declare namespace useRovingIndex {
-    type Input = UseRovingIndexInput;
-    type GetItemPropsInput = UseRovingIndexGetItemPropsInput;
-    type ReturnValue = UseRovingIndexReturnValue;
-}