@stenajs-webui/forms 19.0.0-next.7 → 19.0.0-next.70

package/dist/components/ui/input-label/InputLabel.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface InputLabelProps {
+    htmlFor?: string;
+    label?: string;
+    screenReaderLabel?: string;
+    className?: string;
+    disabled?: boolean;
+}
+export declare const InputLabel: React.FC<InputLabelProps>;

package/dist/components/ui/input-label/InputLabelText.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface InputLabelTextProps {
+    disabled?: boolean;
+    text?: string;
+}
+export declare const InputLabelText: React.FC<InputLabelTextProps>;

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

@@ -0,0 +1,15 @@
+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 interface LabelledSelectProps extends ValueAndOnValueChangeProps<string>, PropsWithChildren, Omit<SelectElementProps, "value"> {
+    id?: string;
+    name: string;
+    label?: string;
+    screenReaderLabel?: string;
+    borderVariant?: SelectBorderVariant;
+    variant?: LabelledSelectVariant;
+}
+export declare type LabelledSelectVariant = "normal" | "error";
+export declare const LabelledSelect: React.FC<LabelledSelectProps>;

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

@@ -0,0 +1,16 @@
+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 interface LabelledTextInputProps extends Omit<InputElementProps, "value" | "size">, ValueAndOnValueChangeProps<string> {
+    id?: string;
+    label?: string;
+    size?: LabelledTextInputSize;
+    screenReaderLabel?: string;
+    pattern?: string;
+    borderRadiusVariant?: LabelledTextInputBorderVariant;
+    variant?: LabelledTextInputVariant;
+}
+export declare const LabelledTextInput: React.ForwardRefExoticComponent<LabelledTextInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,17 @@
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import * as React from "react";
+import { RadioButtonProps } from "./RadioButton";
+export declare type RadioButtonBoxVariant = "normal" | "danger";
+export interface RadioButtonBoxProps extends RadioButtonProps {
+    label?: string;
+    /**
+     * If set, this label is used by screen readers instead of label prop.
+     * For example, label could be "male", while screenReaderLabel is "Gender male".
+     * If not set, screen readers will use label prop.
+     */
+    screenReaderLabel?: string;
+    variant?: RadioButtonBoxVariant;
+    icon?: IconDefinition;
+    radioButtonClassName?: string;
+}
+export declare const RadioButtonBox: React.FC<RadioButtonBoxProps>;

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

@@ -10,6 +10,10 @@ interface ExtraContent {
     contentLeft?: React.ReactNode;
     /** React node to put to the right. Right icon is ignored if this is set. */
     contentRight?: React.ReactNode;
+    /** TextInputButton to the left. Left icon and content is ignored if this is set. */
+    buttonLeft?: React.ReactNode;
+    /** React node to put to the right. Right icon and content is ignored if this is set. */
+    buttonRight?: 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. */
@@ -20,10 +24,6 @@ interface ExtraContent {
     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;

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

@@ -1,7 +1,13 @@
 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"> {
+import { ButtonElementProps } from "@stenajs-webui/core";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export interface TextInputBoxProps extends Pick<TextInputProps, "variant" | "wrapperClassName" | "disabled" | "wrapperStyle" | "contentLeft" | "contentRight" | "disableContentPadding" | "disableContentPaddingLeft" | "disableContentPaddingRight"> {
     children?: ReactNode;
+    iconRight?: IconDefinition;
+    iconLeft?: IconDefinition;
+    onClickLeft?: ButtonElementProps["onClick"];
+    onClickRight?: ButtonElementProps["onClick"];
 }
 export declare const TextInputBox: React.FC<TextInputBoxProps>;

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

@@ -3,12 +3,12 @@ import * as React from "react";
 export interface TextInputIconProps {
     iconClassName?: string;
     content?: React.ReactNode;
+    button?: 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/index.d.ts

@@ -3,10 +3,15 @@ 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/RadioButtonBox";
 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/input-label/InputLabel";
+export * from "./components/ui/input-label/InputLabelText";
+export * from "./components/ui/labelled-select/LabelledSelect";
+export * from "./components/ui/labelled-text-input/LabelledTextInput";
 export * from "./components/ui/text-input/TextInput";
 export * from "./components/ui/text-input/TextInputBox";
 export * from "./components/ui/text-area/TextArea";