@agility/plenum-ui 2.0.0-rc6 → 2.0.0-rc8

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, 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, ITextInputProps };
-  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, TextInput };
+  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, TextInputSelect, ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/index";
+  export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, 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, TextInputSelect };
 
 }
 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, ITextInputProps, TextInput } from "@agility/plenum-ui/stories/molecules/inputs/index";
-  export type { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextAreaFieldProps, IToggleSwitchProps, AcceptedInputTypes, ITextInputProps };
-  export { Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, TextAreaField, ToggleSwitch, TextInput };
+  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' {
@@ -436,7 +436,7 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/InputCounter/index'
 }
 declare module '@agility/plenum-ui/stories/molecules/inputs/InputField/InputField' {
   import React from "react";
-  export type AcceptedInputTypes = "date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url";
+  export type AcceptedInputTypes = "date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "submit" | "tel" | "text" | "url" | "currency";
   export interface IInputFieldProps extends React.ComponentPropsWithoutRef<"input"> {
       /** Callback on change */
       handleChange: (value: string) => void;
@@ -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;
@@ -1005,6 +1014,82 @@ declare module '@agility/plenum-ui/stories/organisms/FormInputWithAddons/index'
   export type { IFormInputWithAddonsProps };
   export default FormInputWithAddons;
 
+}
+declare module '@agility/plenum-ui/stories/organisms/TextInputSelect/InputSelect' {
+  import { FC } from "react";
+  export type SelectOptions = {
+      label: string;
+      value: string;
+  };
+  export interface InputSelectProps {
+      align: "left" | "right";
+      /** Show the CTA without Background color and a border seperator */
+      inputOptions: SelectOptions[];
+      /** Onclick callback */
+      onSelectOption?(value: string): void;
+      className?: string;
+      isDisabled?: boolean;
+  }
+  /** Comment */
+  export const InputSelect: FC<InputSelectProps>;
+
+}
+declare module '@agility/plenum-ui/stories/organisms/TextInputSelect/TextInputSelect' {
+  import { FC } from "react";
+  import { AcceptedInputTypes } from "@/stories/molecules";
+  export type SelectOptions = {
+      label: string;
+      value: string;
+  };
+  export interface ITextInputSelectProps {
+      /** Input type*/
+      type: AcceptedInputTypes;
+      /** Input ID */
+      id?: string;
+      /** Input Name */
+      name?: string;
+      /** Label for the input */
+      label?: string;
+      /** placeholder for the input */
+      placeholder?: string;
+      /** Force the focus state on the input */
+      isFocused?: boolean;
+      /** Error state */
+      isError?: boolean;
+      /** If field is required */
+      isRequired?: boolean;
+      /** Disabled state */
+      isDisabled?: boolean;
+      /** Set default value */
+      defaultValue?: string;
+      /** Set value */
+      value: string;
+      /** Message shown under the text field */
+      message?: string;
+      /** Input character counter */
+      isShowCounter?: boolean;
+      /** Max length of input character  */
+      maxLength?: number;
+      /** Select input location  */
+      selectLocation?: "left" | "right";
+      /** Prefix  */
+      prefix?: string;
+      /** List of options to show on the select field  */
+      inputOptions?: SelectOptions[];
+      /** Callback on base input */
+      onChange?(value: string): void;
+      /** Callback on input select field */
+      onSelectOption?(value: string): void;
+  }
+  const TextInputSelect: FC<ITextInputSelectProps>;
+  export default TextInputSelect;
+
+}
+declare module '@agility/plenum-ui/stories/organisms/TextInputSelect/index' {
+  import TextInputSelect, { ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/TextInputSelect/TextInputSelect";
+  export type { ITextInputSelectProps };
+  export default TextInputSelect;
+
 }
 declare module '@agility/plenum-ui/stories/organisms/index' {
   import AnimatedLabelInput, { IAnimatedLabelInputProps } from "@agility/plenum-ui/stories/organisms/AnimatedLabelInput/index";
@@ -1012,8 +1097,9 @@ declare module '@agility/plenum-ui/stories/organisms/index' {
   import Dropdown, { IDropdownClassnames, IDropdownProps, IItemProp } from "@agility/plenum-ui/stories/organisms/DropdownComponent/index";
   import EmptySectionPlaceholder, { IEmptySectionPlaceholderProps } from "@agility/plenum-ui/stories/organisms/EmptySectionPlaceholder/index";
   import FormInputWithAddons, { IFormInputWithAddonsProps } from "@agility/plenum-ui/stories/organisms/FormInputWithAddons/index";
-  export type { IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps };
-  export { AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons };
+  import TextInputSelect, { ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/TextInputSelect/index";
+  export type { IAnimatedLabelInputProps, IButtonDropdownProps, IDropdownClassnames, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps };
+  export { AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect };
 
 }
 declare module '@agility/plenum-ui/utils/types' {