@stenajs-webui/forms 19.0.0-next.43 → 19.0.0-next.44

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/TextInputButton.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ButtonElementProps } from "@stenajs-webui/core";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export declare type TextInputButtonVariant = "normal" | "danger";
+export interface TextInputButtonProps extends ButtonElementProps {
+    variant?: TextInputButtonVariant;
+    icon: IconDefinition;
+}
+export declare const TextInputButton: React.FC<TextInputButtonProps>;

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

@@ -13,6 +13,7 @@ export * from "./components/ui/input-label/InputLabelText";
 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-input/TextInputButton";
 export * from "./components/ui/text-area/TextArea";
 export * from "./components/ui/types";
 export * from "./hooks/UseKeyboardNavigation";