@agility/plenum-ui 2.0.0-rc15 → 2.0.0-rc17

package/dist/types/stories/atoms/buttons/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributeAnchorTarget } from "react";
 import { UnifiedIconName, IDynamicIconProps } from "../../icons";
 export type BTNActionType = "primary" | "secondary" | "alternative" | "danger";
-export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+export interface IButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> {
     /** Is the button a Primary CTA, alternative or danger button? */
     actionType?: BTNActionType;
     /** How lg should the button be? - Defaults to 'base'. */
@@ -26,10 +26,6 @@ export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAt
     isLoading?: boolean;
     className?: string;
     iconObj?: React.ReactNode;
-    ref?: React.LegacyRef<HTMLButtonElement>;
 }
-/**
- * Primary UI component for user interaction
- */
-declare const Button: ({ actionType, size, label, icon, iconObj, CustomSVGIcon, fullWidth, iconPosition, asLink, isLoading, className, ref, ...props }: IButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/types/stories/molecules/inputs/TextInput/TextInput.d.ts

@@ -28,7 +28,7 @@ export interface ITextInputProps {
     /** Max length of input character  */
     maxLength?: number;
     /** Callback on change */
-    onChange(value: string): void;
+    handleChange(value: string): void;
     /** input value */
     value: string;
     /**Placeholder input text*/

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@agility/plenum-ui",
-	"version": "2.0.0-rc15",
+	"version": "2.0.0-rc17",
 	"license": "MIT",
 	"main": "dist/index.js",
 	"module": "dist/index.js",

package/stories/atoms/buttons/Button/Button.tsx

@@ -1,13 +1,14 @@
 import Loader from "stories/atoms/loaders/Loader"
 import { default as cn } from "classnames"
-import React, { HTMLAttributeAnchorTarget } from "react"
+import React, { HTMLAttributeAnchorTarget, forwardRef } from "react"
 import { DynamicIcon, UnifiedIconName, IDynamicIconProps } from "../../icons"
 
 // import Loader from "../loaders/loader/Loader"
 
 export type BTNActionType = "primary" | "secondary" | "alternative" | "danger"
+
 export interface IButtonProps
-	extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+	extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> {
 	/** Is the button a Primary CTA, alternative or danger button? */
 	actionType?: BTNActionType
 	/** How lg should the button be? - Defaults to 'base'. */
@@ -32,12 +33,11 @@ export interface IButtonProps
 	isLoading?: boolean
 	className?: string
 	iconObj?: React.ReactNode
-	ref?: React.LegacyRef<HTMLButtonElement>
 }
 /**
  * Primary UI component for user interaction
  */
-const Button = ({
+const _Button = ({
 	actionType = "primary",
 	size = "sm",
 	label,
@@ -49,9 +49,10 @@ const Button = ({
 	asLink,
 	isLoading = false,
 	className,
-	ref,
 	...props
-}: IButtonProps) => {
+}: IButtonProps, 	
+	ref: React.LegacyRef<HTMLButtonElement>
+) => {
 	const iconStyles = cn(
 		{ "text-white h-5 w-5": actionType === "primary" || actionType === "danger" },
 		{ "text-purple-700 h-5 w-5 ": actionType === "secondary" },
@@ -144,4 +145,6 @@ const Button = ({
 	)
 }
 
+const Button = forwardRef<HTMLButtonElement, IButtonProps>(_Button)
+
 export default Button

package/stories/molecules/inputs/TextInput/TextInput.tsx

@@ -32,7 +32,7 @@ export interface ITextInputProps {
 	/** Max length of input character  */
 	maxLength?: number
 	/** Callback on change */
-	onChange(value: string): void
+	handleChange(value: string): void
 	/** input value */
 	value: string
 	/**Placeholder input text*/
@@ -56,7 +56,7 @@ const TextInput = (
 		message,
 		isShowCounter,
 		maxLength,
-		onChange,
+		handleChange,
 		placeholder,
 		value: externalValue,
 		className,
@@ -116,7 +116,10 @@ const TextInput = (
 			<InputField
 				onFocus={handleInputFocus}
 				onBlur={handleInputBlur}
-				handleChange={(v) => setValue(v)}
+				handleChange={(v: string) => {
+					setValue(v)
+					handleChange(v)
+				}}
 				ref={ref}
 				type={type}
 				name={name}

package/stories/molecules/inputs/toggleSwitch/ToggleSwitch.tsx

@@ -37,7 +37,7 @@ const ToggleSwitch: React.FC<IToggleSwitchProps> = ({
 
 	return (
 		<Switch.Group as={"div"} className={"flex items-center gap-2"}>
-			{label && label.xPosition === "left" && (
+			{label && (label.xPosition === "left" || !label?.xPosition) && (
 				<Switch.Label className={label.className}>{label.text}</Switch.Label>
 			)}
 			<Switch