@agility/plenum-ui 2.0.5 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +37 -9
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/types/stories/index.d.ts +3 -3
- package/dist/types/stories/molecules/inputs/NestedInputButton/NestedInputButton.d.ts +1 -4
- package/dist/types/stories/organisms/AnimatedFormInputWithAddons/AnimatedFormInputWithAddons.d.ts +21 -0
- package/dist/types/stories/organisms/AnimatedFormInputWithAddons/index.d.ts +3 -0
- package/dist/types/stories/organisms/index.d.ts +3 -2
- package/package.json +1 -1
- package/stories/index.ts +7 -3
- package/stories/molecules/inputs/NestedInputButton/NestedInputButton.tsx +17 -12
- package/stories/organisms/AnimatedFormInputWithAddons/AnimatedFormInputWithAddons.stories.tsx +1 -1
- package/stories/organisms/index.ts +5 -3
package/dist/index.d.ts
CHANGED
|
@@ -402,9 +402,9 @@ declare module '@agility/plenum-ui/stories/atoms/loaders/index' {
|
|
|
402
402
|
declare module '@agility/plenum-ui/stories/index' {
|
|
403
403
|
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";
|
|
404
404
|
import { ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, TextInput, ITextInputProps, ISimpleSelectOptions } from "@agility/plenum-ui/stories/molecules/index";
|
|
405
|
-
import { IAnimatedLabelInputProps, AnimatedLabelTextArea, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/index";
|
|
406
|
-
export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps, ISimpleSelectOptions };
|
|
407
|
-
export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput, TextInputSelect };
|
|
405
|
+
import { IAnimatedLabelInputProps, AnimatedLabelTextArea, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps, IAnimatedFormInputWithAddons, AnimatedFormInputWithAddons } from "@agility/plenum-ui/stories/organisms/index";
|
|
406
|
+
export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, IRadialProgressProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, FAIconName, BTNActionType, ITextInputProps, ISimpleSelectOptions, IAnimatedFormInputWithAddons };
|
|
407
|
+
export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, RadialProgress, isFAIcon, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput, TextInputSelect, AnimatedFormInputWithAddons };
|
|
408
408
|
|
|
409
409
|
}
|
|
410
410
|
declare module '@agility/plenum-ui/stories/molecules/index' {
|
|
@@ -497,7 +497,7 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/InputLabel/index' {
|
|
|
497
497
|
declare module '@agility/plenum-ui/stories/molecules/inputs/NestedInputButton/NestedInputButton' {
|
|
498
498
|
import React from "react";
|
|
499
499
|
import { IDynamicIconProps } from "@/stories/atoms/icons";
|
|
500
|
-
export interface INestedInputButtonProps {
|
|
500
|
+
export interface INestedInputButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> {
|
|
501
501
|
/** Icon to be included*/
|
|
502
502
|
icon?: IDynamicIconProps;
|
|
503
503
|
/** CTA label */
|
|
@@ -506,9 +506,6 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/NestedInputButton/Ne
|
|
|
506
506
|
align: "left" | "right";
|
|
507
507
|
/** Show the CTA without Background color and a border seperator */
|
|
508
508
|
isClear?: boolean;
|
|
509
|
-
/** Onclick callback */
|
|
510
|
-
onClickHandler?(): void;
|
|
511
|
-
buttonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
512
509
|
}
|
|
513
510
|
const NestedInputButton: React.FC<INestedInputButtonProps>;
|
|
514
511
|
export default NestedInputButton;
|
|
@@ -844,6 +841,36 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/toggleSwitch/index'
|
|
|
844
841
|
export type { IToggleSwitchProps };
|
|
845
842
|
export default ToggleSwitch;
|
|
846
843
|
|
|
844
|
+
}
|
|
845
|
+
declare module '@agility/plenum-ui/stories/organisms/AnimatedFormInputWithAddons/AnimatedFormInputWithAddons' {
|
|
846
|
+
import React from "react";
|
|
847
|
+
import { IInputFieldProps } from "@/stories/molecules/inputs/InputField";
|
|
848
|
+
import { INestedInputButtonProps } from "@/stories/molecules";
|
|
849
|
+
interface ILabelProps extends React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
|
|
850
|
+
display: string;
|
|
851
|
+
}
|
|
852
|
+
export interface IAnimatedFormInputWithAddons extends Omit<IInputFieldProps, "handleChange"> {
|
|
853
|
+
id: string;
|
|
854
|
+
containerStyles?: string;
|
|
855
|
+
message?: string;
|
|
856
|
+
required?: boolean;
|
|
857
|
+
isError?: boolean;
|
|
858
|
+
isShowCounter?: boolean;
|
|
859
|
+
maxLength?: number;
|
|
860
|
+
label: ILabelProps;
|
|
861
|
+
handleChange: (value: string) => void;
|
|
862
|
+
labelClassName?: string;
|
|
863
|
+
addonBTN: INestedInputButtonProps;
|
|
864
|
+
}
|
|
865
|
+
const AnimatedFormInputWithAddons: React.FC<IAnimatedFormInputWithAddons>;
|
|
866
|
+
export default AnimatedFormInputWithAddons;
|
|
867
|
+
|
|
868
|
+
}
|
|
869
|
+
declare module '@agility/plenum-ui/stories/organisms/AnimatedFormInputWithAddons/index' {
|
|
870
|
+
import AnimatedFormInputWithAddons, { IAnimatedFormInputWithAddons } from "@agility/plenum-ui/stories/organisms/AnimatedFormInputWithAddons/AnimatedFormInputWithAddons";
|
|
871
|
+
export type { IAnimatedFormInputWithAddons };
|
|
872
|
+
export default AnimatedFormInputWithAddons;
|
|
873
|
+
|
|
847
874
|
}
|
|
848
875
|
declare module '@agility/plenum-ui/stories/organisms/AnimatedLabelInput/AnimatedLabelInput' {
|
|
849
876
|
import React from "react";
|
|
@@ -1126,8 +1153,9 @@ declare module '@agility/plenum-ui/stories/organisms/index' {
|
|
|
1126
1153
|
import EmptySectionPlaceholder, { IEmptySectionPlaceholderProps } from "@agility/plenum-ui/stories/organisms/EmptySectionPlaceholder/index";
|
|
1127
1154
|
import FormInputWithAddons, { IFormInputWithAddonsProps } from "@agility/plenum-ui/stories/organisms/FormInputWithAddons/index";
|
|
1128
1155
|
import TextInputSelect, { ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/TextInputSelect/index";
|
|
1129
|
-
|
|
1130
|
-
export {
|
|
1156
|
+
import AnimatedFormInputWithAddons, { IAnimatedFormInputWithAddons } from "@agility/plenum-ui/stories/organisms/AnimatedFormInputWithAddons/index";
|
|
1157
|
+
export type { IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps, IAnimatedFormInputWithAddons };
|
|
1158
|
+
export { AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, AnimatedFormInputWithAddons };
|
|
1131
1159
|
|
|
1132
1160
|
}
|
|
1133
1161
|
declare module '@agility/plenum-ui/utils/types' {
|