@stenajs-webui/forms 20.6.11 → 20.7.0

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

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

package/dist/components/ui/labelled-select/LabelledSelect.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { PropsWithChildren } from "react";
 import { ValueAndOnValueChangeProps } from "../types";
 import { SelectElementProps } from "@stenajs-webui/core";
-export declare type SelectBorderVariant = "normalBorder" | "onlyTopBorder" | "onlyBottomBorder";
+export type SelectBorderVariant = "normalBorder" | "onlyTopBorder" | "onlyBottomBorder";
 export interface LabelledSelectProps extends ValueAndOnValueChangeProps<string>, PropsWithChildren, Omit<SelectElementProps, "value"> {
     id?: string;
     name: string;
@@ -11,5 +11,5 @@ export interface LabelledSelectProps extends ValueAndOnValueChangeProps<string>,
     borderVariant?: SelectBorderVariant;
     variant?: LabelledSelectVariant;
 }
-export declare type LabelledSelectVariant = "normal" | "error";
+export type LabelledSelectVariant = "normal" | "error";
 export declare const LabelledSelect: React.FC<LabelledSelectProps>;

package/dist/components/ui/labelled-text-input/LabelledTextInput.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { InputElementProps } from "@stenajs-webui/core";
 import { ValueAndOnValueChangeProps } from "../types";
-export declare type LabelledTextInputVariant = "normal" | "error";
-export declare type LabelledTextInputSize = "medium" | "large";
-export declare type LabelledTextInputBorderVariant = "normalBorder" | "onlyTop" | "onlyBottom";
+export type LabelledTextInputVariant = "normal" | "error";
+export type LabelledTextInputSize = "medium" | "large";
+export type LabelledTextInputBorderVariant = "normalBorder" | "onlyTop" | "onlyBottom";
 export interface LabelledTextInputProps extends Omit<InputElementProps, "value" | "size">, ValueAndOnValueChangeProps<string> {
     id?: string;
     label?: string;

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>;
+export type NumericInputValueProps = ValueAndOnValueChangeProps<number | undefined>;
+export declare const useNumericInputValue: (value: number | undefined, onValueChange?: (value: number | undefined) => void) => Partial<NumericTextInputProps>;

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

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

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

@@ -1,8 +1,10 @@
 import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import * as React from "react";
+import { ReactNode } from "react";
 import { RadioButtonProps } from "./RadioButton";
-export declare type RadioButtonBoxVariant = "normal" | "danger";
-export interface RadioButtonBoxProps extends RadioButtonProps {
+export type RadioButtonBoxVariant = "normal" | "danger";
+export type RadioButtonBoxProps = RadioButtonBoxNoRightProps | RadioButtonBoxIconProps | RadioButtonBoxContentRightProps;
+interface RadioButtonBoxCommonProps extends RadioButtonProps {
     label?: string;
     /**
      * If set, this label is used by screen readers instead of label prop.
@@ -11,7 +13,17 @@ export interface RadioButtonBoxProps extends RadioButtonProps {
      */
     screenReaderLabel?: string;
     variant?: RadioButtonBoxVariant;
-    icon?: IconDefinition;
     radioButtonClassName?: string;
 }
+export interface RadioButtonBoxNoRightProps extends RadioButtonBoxCommonProps {
+}
+export interface RadioButtonBoxIconProps extends RadioButtonBoxCommonProps {
+    icon: IconDefinition;
+    contentRight?: never;
+}
+export interface RadioButtonBoxContentRightProps extends RadioButtonBoxCommonProps {
+    icon?: never;
+    contentRight: ReactNode;
+}
 export declare const RadioButtonBox: React.FC<RadioButtonBoxProps>;
+export {};

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

@@ -1,7 +1,7 @@
 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";
+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;

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

@@ -4,7 +4,7 @@ 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";
+export 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;

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

@@ -1,7 +1,7 @@
 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>;
+export type FullOnChangeProps<TValue, TEvent extends ChangeEvent> = ValueProps<TValue> & OnChangeProps<TEvent> & OnValueChangeProps<TValue>;
+export type ValueAndOnChangeProps<TValue, TEvent extends ChangeEvent> = ValueProps<TValue> & OnChangeProps<TEvent>;
+export type ValueAndOnValueChangeProps<TValue> = ValueProps<TValue> & OnValueChangeProps<TValue>;
 interface ValueProps<TValue> {
     /** The value of the input. */
     value?: TValue;

package/dist/hooks/UseKeyboardNavigation.d.ts

@@ -1,6 +1,6 @@
 import { FocusEventHandler, KeyboardEventHandler, RefObject } from "react";
-export declare type MoveDirection = "right" | "left" | "down" | "up";
-export declare type TextInputElement = HTMLTextAreaElement | HTMLInputElement;
+export type MoveDirection = "right" | "left" | "down" | "up";
+export 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>;