@stenajs-webui/forms 17.5.0 → 17.8.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v17.7.0 (Fri Jul 01 2022)
+
+#### 🚀 Enhancement
+
+- Build packages with vite [#475](https://github.com/StenaIT/stenajs-webui/pull/475) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
+# v17.6.0 (Fri Jul 01 2022)
+
+#### 🚀 Enhancement
+
+- Use Stena icons instead of Font Awesome icons [#471](https://github.com/StenaIT/stenajs-webui/pull/471) (david.zetterdahl@stenaline.com [@LordDz](https://github.com/LordDz) [@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 3
+
+- David ([@LordDz](https://github.com/LordDz))
+- David Zetterdahl (david.zetterdahl@stenaline.com)
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
 # v17.0.0 (Fri Jun 17 2022)
 
 #### 💥 Breaking Change

package/dist/components/ui/checkbox/Checkbox.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { ChangeEvent, ComponentPropsWithoutRef } from "react";
-import { FullOnChangeProps } from "../types";
-export declare type CheckboxSize = "standard" | "small";
-export interface CheckboxProps extends FullOnChangeProps<boolean, ChangeEvent<HTMLInputElement>>, Omit<ComponentPropsWithoutRef<"input">, "size" | "value"> {
-    indeterminate?: boolean;
-    size?: CheckboxSize;
-    disabled?: boolean;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+import * as React from "react";
+import { ChangeEvent, ComponentPropsWithoutRef } from "react";
+import { FullOnChangeProps } from "../types";
+export declare type CheckboxSize = "standard" | "small";
+export interface CheckboxProps extends FullOnChangeProps<boolean, ChangeEvent<HTMLInputElement>>, Omit<ComponentPropsWithoutRef<"input">, "size" | "value"> {
+    indeterminate?: boolean;
+    size?: CheckboxSize;
+    disabled?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/checkbox/CheckboxWithLabel.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { Ref } from "react";
-import { CheckboxProps } from "./Checkbox";
-export interface CheckboxWithLabelProps extends CheckboxProps {
-    label?: string;
-    textColor?: string;
-    wrapperRef?: Ref<HTMLDivElement>;
-    inputRef?: Ref<HTMLInputElement>;
-}
-export declare const CheckboxWithLabel: React.FC<CheckboxWithLabelProps>;
+import * as React from "react";
+import { Ref } from "react";
+import { CheckboxProps } from "./Checkbox";
+export interface CheckboxWithLabelProps extends CheckboxProps {
+    label?: string;
+    textColor?: string;
+    wrapperRef?: Ref<HTMLDivElement>;
+    inputRef?: Ref<HTMLInputElement>;
+}
+export declare const CheckboxWithLabel: React.FC<CheckboxWithLabelProps>;

package/dist/components/ui/numeric-stepper/NumericStepper.d.ts

@@ -1,6 +1,6 @@
-import { Omit } from "@stenajs-webui/core";
-import * as React from "react";
-import { NumericTextInputProps } from "../numeric-text-input/NumericTextInput";
-export interface NumericStepperProps extends Omit<NumericTextInputProps, "hideButtons"> {
-}
-export declare const NumericStepper: React.FC<NumericStepperProps>;
+import { Omit } from "@stenajs-webui/core";
+import * as React from "react";
+import { NumericTextInputProps } from "../numeric-text-input/NumericTextInput";
+export interface NumericStepperProps extends Omit<NumericTextInputProps, "hideButtons"> {
+}
+export declare const NumericStepper: React.FC<NumericStepperProps>;

package/dist/components/ui/numeric-text-input/NumericTextInput.d.ts

@@ -1,10 +1,10 @@
-import { Omit } from "@stenajs-webui/core";
-import * as React from "react";
-import { TextInputProps } from "../text-input/TextInput";
-export interface NumericTextInputProps extends Omit<TextInputProps, "onChange" | "selectAllOnMount" | "moveCursorToEndOnMount"> {
-    max?: number;
-    min?: number;
-    step?: number;
-    hideButtons?: boolean;
-}
-export declare const NumericTextInput: React.FC<NumericTextInputProps>;
+import { Omit } from "@stenajs-webui/core";
+import * as React from "react";
+import { TextInputProps } from "../text-input/TextInput";
+export interface NumericTextInputProps extends Omit<TextInputProps, "onChange" | "selectAllOnMount" | "moveCursorToEndOnMount"> {
+    max?: number;
+    min?: number;
+    step?: number;
+    hideButtons?: boolean;
+}
+export declare const NumericTextInput: React.FC<NumericTextInputProps>;

package/dist/components/ui/numeric-text-input/hooks/UseNumericInputValue.d.ts

@@ -1,4 +1,4 @@
-import { ValueAndOnValueChangeProps } from "../../types";
-import { NumericTextInputProps } from "../NumericTextInput";
-export declare type NumericInputValueProps = ValueAndOnValueChangeProps<number | undefined>;
-export declare const useNumericInputValue: (value: number | undefined, onValueChange?: ((value: number | undefined) => void) | undefined) => Partial<NumericTextInputProps>;
+import { ValueAndOnValueChangeProps } from "../../types";
+import { NumericTextInputProps } from "../NumericTextInput";
+export declare type NumericInputValueProps = ValueAndOnValueChangeProps<number | undefined>;
+export declare const useNumericInputValue: (value: number | undefined, onValueChange?: ((value: number | undefined) => void) | undefined) => Partial<NumericTextInputProps>;

package/dist/components/ui/password-input/PasswordInput.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { TextInputProps } from "../text-input/TextInput";
-export interface PasswordInputProps extends TextInputProps {
-    visibleIcon?: IconDefinition;
-    hiddenIcon?: IconDefinition;
-}
-export declare const PasswordInput: React.FC<PasswordInputProps>;
+import * as React from "react";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { TextInputProps } from "../text-input/TextInput";
+export interface PasswordInputProps extends TextInputProps {
+    visibleIcon?: IconDefinition;
+    hiddenIcon?: IconDefinition;
+}
+export declare const PasswordInput: React.FC<PasswordInputProps>;

package/dist/components/ui/radio/RadioButton.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { ChangeEvent, ComponentPropsWithoutRef } from "react";
-import { FullOnChangeProps } from "../types";
-export declare type RadioButtonSize = "standard" | "small";
-export interface RadioButtonProps extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>, Omit<ComponentPropsWithoutRef<"input">, "size" | "value"> {
-    size?: RadioButtonSize;
-}
-export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+import * as React from "react";
+import { ChangeEvent, ComponentPropsWithoutRef } from "react";
+import { FullOnChangeProps } from "../types";
+export declare type RadioButtonSize = "standard" | "small";
+export interface RadioButtonProps extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>, Omit<ComponentPropsWithoutRef<"input">, "size" | "value"> {
+    size?: RadioButtonSize;
+}
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/ui/radio/RadioButtonWithLabel.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { Ref } from "react";
-import { RadioButtonProps } from "./RadioButton";
-export interface RadioButtonWithLabelProps extends RadioButtonProps {
-    label: string;
-    textColor?: string;
-    wrapperRef?: Ref<HTMLDivElement>;
-    inputRef?: Ref<HTMLInputElement>;
-}
-export declare const RadioButtonWithLabel: React.FC<RadioButtonWithLabelProps>;
+import * as React from "react";
+import { Ref } from "react";
+import { RadioButtonProps } from "./RadioButton";
+export interface RadioButtonWithLabelProps extends RadioButtonProps {
+    label: string;
+    textColor?: string;
+    wrapperRef?: Ref<HTMLDivElement>;
+    inputRef?: Ref<HTMLInputElement>;
+}
+export declare const RadioButtonWithLabel: React.FC<RadioButtonWithLabelProps>;

package/dist/components/ui/switch/Switch.d.ts

@@ -1,8 +1,8 @@
-import { Ref } from "react";
-import * as React from "react";
-import { ButtonElementProps } from "@stenajs-webui/core";
-import { ValueAndOnValueChangeProps } from "../types";
-export interface SwitchProps extends Omit<ButtonElementProps, "value">, ValueAndOnValueChangeProps<boolean> {
-    wrapperRef?: Ref<HTMLDivElement>;
-}
-export declare const Switch: React.FC<SwitchProps>;
+import { Ref } from "react";
+import * as React from "react";
+import { ButtonElementProps } from "@stenajs-webui/core";
+import { ValueAndOnValueChangeProps } from "../types";
+export interface SwitchProps extends Omit<ButtonElementProps, "value">, ValueAndOnValueChangeProps<boolean> {
+    wrapperRef?: Ref<HTMLDivElement>;
+}
+export declare const Switch: React.FC<SwitchProps>;

package/dist/components/ui/switch/SwitchWithLabel.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { SwitchProps } from "./Switch";
-export interface SwitchWithLabelProps extends SwitchProps {
-    label: string;
-    textColor?: string;
-}
-export declare const SwitchWithLabel: React.FC<SwitchWithLabelProps>;
+import * as React from "react";
+import { SwitchProps } from "./Switch";
+export interface SwitchWithLabelProps extends SwitchProps {
+    label: string;
+    textColor?: string;
+}
+export declare const SwitchWithLabel: React.FC<SwitchWithLabelProps>;

package/dist/components/ui/text-area/TextArea.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
-import { ChangeEvent, ComponentPropsWithoutRef } from "react";
-import { FullOnChangeProps } from "../types";
-declare type Resize = "none" | "both" | "horizontal" | "vertical" | "inherit" | "initial" | "revert" | "unset";
-export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "value">, FullOnChangeProps<string, ChangeEvent<HTMLTextAreaElement>> {
-    resize?: Resize;
-    readOnly?: boolean;
-    rows?: number;
-    disabled?: boolean;
-}
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export {};
+import * as React from "react";
+import { ChangeEvent, ComponentPropsWithoutRef } from "react";
+import { FullOnChangeProps } from "../types";
+declare type Resize = "none" | "both" | "horizontal" | "vertical" | "inherit" | "initial" | "revert" | "unset";
+export interface TextAreaProps extends Omit<ComponentPropsWithoutRef<"textarea">, "value">, FullOnChangeProps<string, ChangeEvent<HTMLTextAreaElement>> {
+    resize?: Resize;
+    readOnly?: boolean;
+    rows?: number;
+    disabled?: boolean;
+}
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/ui/text-input/TextInput.d.ts

@@ -1,43 +1,43 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import { InputProps } from "@stenajs-webui/core";
-import * as React from "react";
-import { ChangeEvent, CSSProperties } from "react";
-import { MoveDirection } from "../../../hooks/UseKeyboardNavigation";
-import { FullOnChangeProps } from "../types";
-export declare type TextInputVariant = "standard" | "loading" | "warning" | "error" | "modified" | "success";
-interface ExtraContent {
-    /** React node to put to the left. Left icon is ignored if this is set. */
-    contentLeft?: React.ReactNode;
-    /** React node to put to the right. Right icon is ignored if this is set. */
-    contentRight?: React.ReactNode;
-    /** If true, there will be no padding between contentLeft/contentRight and the border. */
-    disableContentPadding?: boolean;
-    /** If true, there will be no padding between contentLeft and the border. */
-    disableContentPaddingLeft?: boolean;
-    /** If true, there will be no padding between contentRight and the border. */
-    disableContentPaddingRight?: boolean;
-    /** Icon on the left side. */
-    iconLeft?: IconDefinition;
-    /** Icon on the right side. */
-    iconRight?: IconDefinition;
-    /** On click left. */
-    onClickLeft?: () => void;
-    /** On click right. */
-    onClickRight?: () => void;
-}
-export interface TextInputProps extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>, InputProps, ExtraContent {
-    wrapperStyle?: CSSProperties;
-    wrapperClassName?: string;
-    variant?: TextInputVariant;
-    hideBorder?: boolean;
-    selectAllOnMount?: boolean;
-    moveCursorToEndOnMount?: boolean;
-    onDone?: (value: string) => void;
-    onEnter?: () => void;
-    onEsc?: () => void;
-    autoFocus?: boolean;
-    /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */
-    onMove?: (direction: MoveDirection) => void;
-}
-export declare const TextInput: React.FC<TextInputProps>;
-export {};
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { InputProps } from "@stenajs-webui/core";
+import * as React from "react";
+import { ChangeEvent, CSSProperties } from "react";
+import { MoveDirection } from "../../../hooks/UseKeyboardNavigation";
+import { FullOnChangeProps } from "../types";
+export declare type TextInputVariant = "standard" | "loading" | "warning" | "error" | "modified" | "success";
+interface ExtraContent {
+    /** React node to put to the left. Left icon is ignored if this is set. */
+    contentLeft?: React.ReactNode;
+    /** React node to put to the right. Right icon is ignored if this is set. */
+    contentRight?: React.ReactNode;
+    /** If true, there will be no padding between contentLeft/contentRight and the border. */
+    disableContentPadding?: boolean;
+    /** If true, there will be no padding between contentLeft and the border. */
+    disableContentPaddingLeft?: boolean;
+    /** If true, there will be no padding between contentRight and the border. */
+    disableContentPaddingRight?: boolean;
+    /** Icon on the left side. */
+    iconLeft?: IconDefinition;
+    /** Icon on the right side. */
+    iconRight?: IconDefinition;
+    /** On click left. */
+    onClickLeft?: () => void;
+    /** On click right. */
+    onClickRight?: () => void;
+}
+export interface TextInputProps extends FullOnChangeProps<string, ChangeEvent<HTMLInputElement>>, InputProps, ExtraContent {
+    wrapperStyle?: CSSProperties;
+    wrapperClassName?: string;
+    variant?: TextInputVariant;
+    hideBorder?: boolean;
+    selectAllOnMount?: boolean;
+    moveCursorToEndOnMount?: boolean;
+    onDone?: (value: string) => void;
+    onEnter?: () => void;
+    onEsc?: () => void;
+    autoFocus?: boolean;
+    /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */
+    onMove?: (direction: MoveDirection) => void;
+}
+export declare const TextInput: React.FC<TextInputProps>;
+export {};

package/dist/components/ui/text-input/TextInputBox.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { ReactNode } from "react";
-import { TextInputProps } from "./TextInput";
-export interface TextInputBoxProps extends Pick<TextInputProps, "variant" | "wrapperClassName" | "disabled" | "wrapperStyle" | "contentLeft" | "contentRight" | "disableContentPadding" | "disableContentPaddingLeft" | "disableContentPaddingRight" | "iconRight" | "iconLeft" | "onClickLeft" | "onClickRight"> {
-    children?: ReactNode;
-}
-export declare const TextInputBox: React.FC<TextInputBoxProps>;
+import * as React from "react";
+import { ReactNode } from "react";
+import { TextInputProps } from "./TextInput";
+export interface TextInputBoxProps extends Pick<TextInputProps, "variant" | "wrapperClassName" | "disabled" | "wrapperStyle" | "contentLeft" | "contentRight" | "disableContentPadding" | "disableContentPaddingLeft" | "disableContentPaddingRight" | "iconRight" | "iconLeft" | "onClickLeft" | "onClickRight"> {
+    children?: ReactNode;
+}
+export declare const TextInputBox: React.FC<TextInputBoxProps>;

package/dist/components/ui/text-input/TextInputIcon.d.ts

@@ -1,14 +1,14 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
-import * as React from "react";
-export interface TextInputIconProps {
-    iconClassName?: string;
-    content?: React.ReactNode;
-    icon?: IconDefinition;
-    spaceOnRight?: boolean;
-    spaceOnLeft?: boolean;
-    disableContentPadding?: boolean;
-    disableContentPaddingLeft?: boolean;
-    disableContentPaddingRight?: boolean;
-    onClick?: () => void;
-}
-export declare const TextInputIcon: React.FC<TextInputIconProps>;
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import * as React from "react";
+export interface TextInputIconProps {
+    iconClassName?: string;
+    content?: React.ReactNode;
+    icon?: IconDefinition;
+    spaceOnRight?: boolean;
+    spaceOnLeft?: boolean;
+    disableContentPadding?: boolean;
+    disableContentPaddingLeft?: boolean;
+    disableContentPaddingRight?: boolean;
+    onClick?: () => void;
+}
+export declare const TextInputIcon: React.FC<TextInputIconProps>;

package/dist/components/ui/text-input/__tests__/TextInput.test.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/components/ui/types.d.ts

@@ -1,17 +1,17 @@
-import { ChangeEvent } from "react";
-export declare type FullOnChangeProps<TValue, TEvent extends ChangeEvent> = ValueProps<TValue> & OnChangeProps<TEvent> & OnValueChangeProps<TValue>;
-export declare type ValueAndOnChangeProps<TValue, TEvent extends ChangeEvent> = ValueProps<TValue> & OnChangeProps<TEvent>;
-export declare type ValueAndOnValueChangeProps<TValue> = ValueProps<TValue> & OnValueChangeProps<TValue>;
-interface ValueProps<TValue> {
-    /** The value of the input. */
-    value?: TValue;
-}
-interface OnChangeProps<TEvent extends ChangeEvent> {
-    /** onChange callback, called when user triggers a value change. */
-    onChange?: (event: TEvent) => void;
-}
-interface OnValueChangeProps<TValue> {
-    /** onChange callback with target value, called when user triggers a value change in the field. */
-    onValueChange?: (value: TValue) => void;
-}
-export {};
+import { ChangeEvent } from "react";
+export declare type FullOnChangeProps<TValue, TEvent extends ChangeEvent> = ValueProps<TValue> & OnChangeProps<TEvent> & OnValueChangeProps<TValue>;
+export declare type ValueAndOnChangeProps<TValue, TEvent extends ChangeEvent> = ValueProps<TValue> & OnChangeProps<TEvent>;
+export declare type ValueAndOnValueChangeProps<TValue> = ValueProps<TValue> & OnValueChangeProps<TValue>;
+interface ValueProps<TValue> {
+    /** The value of the input. */
+    value?: TValue;
+}
+interface OnChangeProps<TEvent extends ChangeEvent> {
+    /** onChange callback, called when user triggers a value change. */
+    onChange?: (event: TEvent) => void;
+}
+interface OnValueChangeProps<TValue> {
+    /** onChange callback with target value, called when user triggers a value change in the field. */
+    onValueChange?: (value: TValue) => void;
+}
+export {};

package/dist/hooks/UseKeyboardNavigation.d.ts

@@ -1,8 +1,8 @@
-import { FocusEventHandler, KeyboardEventHandler, RefObject } from "react";
-export declare type MoveDirection = "right" | "left" | "down" | "up";
-export declare type TextInputElement = HTMLTextAreaElement | HTMLInputElement;
-export declare const useKeyboardNavigation: <TElement extends TextInputElement>(ref: RefObject<TElement>, onKeyDown: KeyboardEventHandler<TElement> | undefined, onEnter: (() => void) | undefined, onEsc: (() => void) | undefined, onMove: ((direction: MoveDirection) => void) | undefined, onDone: ((value: string) => void) | undefined, onBlur: FocusEventHandler<TElement> | undefined, onFocus: FocusEventHandler<TElement> | undefined) => {
-    onKeyDownHandler: KeyboardEventHandler<TElement>;
-    onBlurHandler: FocusEventHandler<TElement>;
-    onFocusHandler: FocusEventHandler<TElement>;
-};
+import { FocusEventHandler, KeyboardEventHandler, RefObject } from "react";
+export declare type MoveDirection = "right" | "left" | "down" | "up";
+export declare type TextInputElement = HTMLTextAreaElement | HTMLInputElement;
+export declare const useKeyboardNavigation: <TElement extends TextInputElement>(ref: RefObject<TElement>, onKeyDown: KeyboardEventHandler<TElement> | undefined, onEnter: (() => void) | undefined, onEsc: (() => void) | undefined, onMove: ((direction: MoveDirection) => void) | undefined, onDone: ((value: string) => void) | undefined, onBlur: FocusEventHandler<TElement> | undefined, onFocus: FocusEventHandler<TElement> | undefined) => {
+    onKeyDownHandler: KeyboardEventHandler<TElement>;
+    onBlurHandler: FocusEventHandler<TElement>;
+    onFocusHandler: FocusEventHandler<TElement>;
+};

package/dist/hooks/UseSelectAllOnMount.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
-import { TextInputElement } from "./UseKeyboardNavigation";
-export declare function elementHasSelectionRange(element: TextInputElement): boolean;
-export declare const useSelectAllOnMount: (ref: RefObject<TextInputElement>, moveCursorToEnd: boolean, enabled: boolean) => void;
+import { RefObject } from "react";
+import { TextInputElement } from "./UseKeyboardNavigation";
+export declare function elementHasSelectionRange(element: TextInputElement): boolean;
+export declare const useSelectAllOnMount: (ref: RefObject<TextInputElement>, moveCursorToEnd: boolean, enabled: boolean) => void;

package/dist/hooks/UseTextInput.d.ts

@@ -1,30 +1,30 @@
-import { ChangeEvent, ChangeEventHandler, CSSProperties, FocusEventHandler, KeyboardEventHandler, RefObject } from "react";
-import { TextInputVariant } from "../components/ui/text-input/TextInput";
-import { MoveDirection, TextInputElement } from "./UseKeyboardNavigation";
-import { FullOnChangeProps } from "../components/ui/types";
-interface UseTextInputOptions<TElement extends TextInputElement> extends FullOnChangeProps<string, ChangeEvent<TElement>> {
-    wrapperStyle?: CSSProperties;
-    wrapperClassName?: string;
-    variant?: TextInputVariant;
-    hideBorder?: boolean;
-    selectAllOnMount?: boolean;
-    moveCursorToEndOnMount?: boolean;
-    onDone?: (value: string) => void;
-    onEnter?: () => void;
-    onEsc?: () => void;
-    autoFocus?: boolean;
-    /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */
-    onMove?: (direction: MoveDirection) => void;
-    onFocus?: FocusEventHandler<TElement>;
-    onBlur?: FocusEventHandler<TElement>;
-    onKeyDown?: KeyboardEventHandler<TElement>;
-}
-interface UseTextInputHookResult<TElement extends TextInputElement> {
-    autoFocus?: boolean;
-    onChange: ChangeEventHandler<TElement>;
-    onFocus: FocusEventHandler<TElement>;
-    onBlur: FocusEventHandler<TElement>;
-    onKeyDown: KeyboardEventHandler<TElement>;
-}
-export declare const useTextInput: <TElement extends TextInputElement>(ref: RefObject<TElement>, { onEnter, onEsc, onChange, onValueChange, selectAllOnMount, moveCursorToEndOnMount, onDone, onMove, onFocus, onBlur, onKeyDown, autoFocus, }: UseTextInputOptions<TElement>) => UseTextInputHookResult<TElement>;
-export {};
+import { ChangeEvent, ChangeEventHandler, CSSProperties, FocusEventHandler, KeyboardEventHandler, RefObject } from "react";
+import { TextInputVariant } from "../components/ui/text-input/TextInput";
+import { MoveDirection, TextInputElement } from "./UseKeyboardNavigation";
+import { FullOnChangeProps } from "../components/ui/types";
+interface UseTextInputOptions<TElement extends TextInputElement> extends FullOnChangeProps<string, ChangeEvent<TElement>> {
+    wrapperStyle?: CSSProperties;
+    wrapperClassName?: string;
+    variant?: TextInputVariant;
+    hideBorder?: boolean;
+    selectAllOnMount?: boolean;
+    moveCursorToEndOnMount?: boolean;
+    onDone?: (value: string) => void;
+    onEnter?: () => void;
+    onEsc?: () => void;
+    autoFocus?: boolean;
+    /** onMove callback, triggered when user tries to move outside of field using arrow keys, tab or shift+tab. */
+    onMove?: (direction: MoveDirection) => void;
+    onFocus?: FocusEventHandler<TElement>;
+    onBlur?: FocusEventHandler<TElement>;
+    onKeyDown?: KeyboardEventHandler<TElement>;
+}
+interface UseTextInputHookResult<TElement extends TextInputElement> {
+    autoFocus?: boolean;
+    onChange: ChangeEventHandler<TElement>;
+    onFocus: FocusEventHandler<TElement>;
+    onBlur: FocusEventHandler<TElement>;
+    onKeyDown: KeyboardEventHandler<TElement>;
+}
+export declare const useTextInput: <TElement extends TextInputElement>(ref: RefObject<TElement>, { onEnter, onEsc, onChange, onValueChange, selectAllOnMount, moveCursorToEndOnMount, onDone, onMove, onFocus, onBlur, onKeyDown, autoFocus, }: UseTextInputOptions<TElement>) => UseTextInputHookResult<TElement>;
+export {};

package/dist/index.d.ts

@@ -1,18 +1,18 @@
-export * from "./components/ui/switch/Switch";
-export * from "./components/ui/switch/SwitchWithLabel";
-export * from "./components/ui/checkbox/CheckboxWithLabel";
-export * from "./components/ui/checkbox/Checkbox";
-export * from "./components/ui/radio/RadioButton";
-export * from "./components/ui/radio/RadioButtonWithLabel";
-export * from "./components/ui/numeric-text-input/NumericTextInput";
-export * from "./components/ui/numeric-text-input/hooks/UseNumericInputValue";
-export * from "./components/ui/password-input/PasswordInput";
-export * from "./components/ui/text-input/TextInput";
-export * from "./components/ui/text-input/TextInputBox";
-export * from "./components/ui/text-area/TextArea";
-export * from "./components/ui/types";
-export * from "./hooks/UseKeyboardNavigation";
-export * from "./hooks/UseSelectAllOnMount";
-export * from "./hooks/UseTextInput";
-export { onTextValueChange } from "./utils/NumericHelpers";
-export { onStepValueChange } from "./utils/NumericHelpers";
+export * from "./components/ui/switch/Switch";
+export * from "./components/ui/switch/SwitchWithLabel";
+export * from "./components/ui/checkbox/CheckboxWithLabel";
+export * from "./components/ui/checkbox/Checkbox";
+export * from "./components/ui/radio/RadioButton";
+export * from "./components/ui/radio/RadioButtonWithLabel";
+export * from "./components/ui/numeric-text-input/NumericTextInput";
+export * from "./components/ui/numeric-text-input/hooks/UseNumericInputValue";
+export * from "./components/ui/password-input/PasswordInput";
+export * from "./components/ui/text-input/TextInput";
+export * from "./components/ui/text-input/TextInputBox";
+export * from "./components/ui/text-area/TextArea";
+export * from "./components/ui/types";
+export * from "./hooks/UseKeyboardNavigation";
+export * from "./hooks/UseSelectAllOnMount";
+export * from "./hooks/UseTextInput";
+export { onTextValueChange } from "./utils/NumericHelpers";
+export { onStepValueChange } from "./utils/NumericHelpers";