@agility/plenum-ui 2.0.0-rc5 → 2.0.0-rc7

package/dist/index.d.ts

@@ -401,19 +401,19 @@ declare module '@agility/plenum-ui/stories/atoms/loaders/index' {
 }
 declare module '@agility/plenum-ui/stories/index' {
   import { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, UnifiedIconName, IconName, FAIconName, BTNActionType, Avatar, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName } from "@agility/plenum-ui/stories/atoms/index";
-  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch } from "@agility/plenum-ui/stories/molecules/index";
+  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput, ITextInputProps } from "@agility/plenum-ui/stories/molecules/index";
   import { IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons } from "@agility/plenum-ui/stories/organisms/index";
-  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType };
-  export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName };
+  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps };
+  export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput };
 
 }
 declare module '@agility/plenum-ui/stories/layouts/index' {
 
 }
 declare module '@agility/plenum-ui/stories/molecules/index' {
-  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch } from "@agility/plenum-ui/stories/molecules/inputs/index";
-  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes };
-  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch };
+  import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, ITextInputProps, TextInput } from "@agility/plenum-ui/stories/molecules/inputs/index";
+  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, ITextInputProps };
+  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput };
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/InputCounter/InputCounter' {
@@ -678,11 +678,11 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/index' {
   import NestedInputButton, { INestedInputButtonProps } from "@agility/plenum-ui/stories/molecules/inputs/NestedInputButton/index";
   import Radio, { IRadioProps } from "@agility/plenum-ui/stories/molecules/inputs/radio/index";
   import Select, { ISelectProps } from "@agility/plenum-ui/stories/molecules/inputs/select/index";
-  import TextAreaField, { ITextAreaFieldProps } from "@agility/plenum-ui/stories/molecules/inputs/textArea/index";
+  import Textarea, { ITextareaProps } from "@agility/plenum-ui/stories/molecules/inputs/textArea/index";
   import TextInput, { ITextInputProps } from "@agility/plenum-ui/stories/molecules/inputs/TextInput/index";
   import ToggleSwitch, { IToggleSwitchProps } from "@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/index";
-  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, ITextInputProps, IToggleSwitchProps, AcceptedInputTypes };
-  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, TextInput };
+  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, ITextInputProps, IToggleSwitchProps, AcceptedInputTypes };
+  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput };
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/radio/Radio' {
@@ -776,47 +776,56 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/select/index' {
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/textArea/TextArea' {
-  /// <reference types="react" />
-  export interface ITextAreaFieldProps extends React.ComponentPropsWithoutRef<"textarea"> {
-      /** Callback on change */
-      handleChange: (value: string) => void;
-      /** textarea ID*/
-      id: string;
-      /** textarea Name */
-      name: string;
-      /** Force the focus state on the textarea */
-      isFocused?: boolean;
-      /** Error condition */
+  import React from "react";
+  export interface ITextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> {
+      /** Input ID */
+      id?: string;
+      /** Input Name */
+      name?: string;
+      /** Label for the input */
+      label?: string;
+      /** Error state */
       isError?: boolean;
+      /** If field is required */
+      isRequired?: boolean;
       /** Disabled state */
       isDisabled?: boolean;
-      /** Readonly state */
-      isReadonly?: boolean;
-      /** textarea value */
-      value: string;
-      /** If field is required */
-      required?: boolean;
-      /**Allow Text Area Resize*/
-      textAreaResize?: boolean;
+      /** Set default value */
+      defaultValue?: string;
+      value?: string;
+      /** Message shown under the text field */
+      message?: string;
+      /** Input character counter */
+      isShowCounter?: boolean;
+      /** Max length of input character  */
+      maxLength?: number;
+      /** Callback on change */
+      onChange?(value: string): void;
+      /** Number of rows */
+      rows?: number;
+      /** Number of cols */
+      cols?: number;
+      placeholder?: string;
       className?: string;
+      ref?: React.LegacyRef<HTMLTextAreaElement>;
   }
-  const TextAreaField: React.FC<ITextAreaFieldProps>;
-  export default TextAreaField;
+  const Textarea: React.FC<ITextareaProps>;
+  export default Textarea;
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/textArea/TextArea.stories' {
   import type { Meta, StoryObj } from "@storybook/react";
-  import TextArea from "@agility/plenum-ui/stories/molecules/inputs/textArea/TextArea";
-  const meta: Meta<typeof TextArea>;
-  type Story = StoryObj<typeof TextArea>;
-  export const DefaultTextArea: Story;
+  import Textarea from "@agility/plenum-ui/stories/molecules/inputs/textArea/TextArea";
+  const meta: Meta<typeof Textarea>;
+  type Story = StoryObj<typeof Textarea>;
+  export const DefaultTextarea: Story;
   export default meta;
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/textArea/index' {
-  import TextAreaField, { ITextAreaFieldProps } from "@agility/plenum-ui/stories/molecules/inputs/textArea/TextArea";
-  export type { ITextAreaFieldProps };
-  export default TextAreaField;
+  import TextArea, { ITextareaProps } from "@agility/plenum-ui/stories/molecules/inputs/textArea/TextArea";
+  export type { ITextareaProps };
+  export default TextArea;
 
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/ToggleSwitch' {
@@ -849,7 +858,7 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/index'
 declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/AnimatedLabelInput' {
   import React from "react";
   import { IInputFieldProps } from "@/stories/molecules/inputs/InputField";
-  import { ITextAreaFieldProps } from "@/stories/molecules/inputs/textArea/TextArea";
+  import { ITextareaProps } from "@/stories/molecules/inputs/textArea/TextArea";
   interface ILabelProps extends React.ComponentPropsWithoutRef<"label"> {
       display: string;
   }
@@ -858,7 +867,7 @@ declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/Animated
       containerStyles?: string;
       message?: string;
       input?: IInputFieldProps;
-      textarea?: ITextAreaFieldProps;
+      textarea?: ITextareaProps;
       required?: boolean;
       isError?: boolean;
       label: ILabelProps;