@agility/plenum-ui 2.2.8 → 2.3.0
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 +16 -30
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/tailwind.css +99 -26
- package/dist/types/stories/atoms/index.d.ts +3 -3
- package/dist/types/stories/atoms/loaders/Loader.d.ts +2 -0
- package/dist/types/stories/atoms/loaders/index.d.ts +2 -3
- package/dist/types/stories/index.d.ts +3 -3
- package/dist/types/stories/molecules/inputs/select/Select.d.ts +6 -1
- package/local.sh +1 -1
- package/package.json +1 -1
- package/stories/atoms/index.ts +1 -3
- package/stories/atoms/loaders/Loader.stories.ts +7 -7
- package/stories/atoms/loaders/Loader.tsx +11 -3
- package/stories/atoms/loaders/index.ts +3 -4
- package/stories/index.ts +0 -4
- package/stories/molecules/inputs/select/Select.stories.tsx +49 -3
- package/stories/molecules/inputs/select/Select.tsx +128 -42
- package/tailwind.config.js +78 -0
- package/dist/types/stories/atoms/loaders/NProgress/RadialProgress.d.ts +0 -11
- package/dist/types/stories/atoms/loaders/NProgress/index.d.ts +0 -3
- package/stories/atoms/loaders/NProgress/RadialProgress.stories.tsx +0 -19
- package/stories/atoms/loaders/NProgress/RadialProgress.tsx +0 -74
- package/stories/atoms/loaders/NProgress/index.ts +0 -3
package/dist/index.d.ts
CHANGED
|
@@ -481,17 +481,19 @@ declare module '@agility/plenum-ui/stories/atoms/index' {
|
|
|
481
481
|
import Badge, { IBadgeProps } from "@agility/plenum-ui/stories/atoms/badges/index";
|
|
482
482
|
import { Button, Capsule, BTNActionType, IButtonProps, ICapsuleProps } from "@agility/plenum-ui/stories/atoms/buttons/index";
|
|
483
483
|
import { DynamicIcon, IDynamicIconProps, IIconWithShadowProps, IconName, IconWithShadow, UnifiedIconName, isHeroIcon, isTablerIcon, isUnifiedIconName } from "@agility/plenum-ui/stories/atoms/icons/index";
|
|
484
|
-
import { ILoaderProps,
|
|
484
|
+
import { ILoaderProps, Loader } from "@agility/plenum-ui/stories/atoms/loaders/index";
|
|
485
485
|
import { Heading, HeadingProps } from "@agility/plenum-ui/stories/atoms/Typography/Heading/index";
|
|
486
486
|
import { Label, LabelProps } from "@agility/plenum-ui/stories/atoms/Typography/Label/index";
|
|
487
487
|
import { Paragraph, ParagraphProps } from "@agility/plenum-ui/stories/atoms/Typography/Paragraph/index";
|
|
488
|
-
export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps,
|
|
489
|
-
export { Avatar, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader,
|
|
488
|
+
export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, HeadingProps, LabelProps, ParagraphProps, UnifiedIconName, IconName, BTNActionType };
|
|
489
|
+
export { Avatar, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, Heading, Label, Paragraph, isHeroIcon, isTablerIcon, isUnifiedIconName };
|
|
490
490
|
|
|
491
491
|
}
|
|
492
492
|
declare module '@agility/plenum-ui/stories/atoms/loaders/Loader' {
|
|
493
493
|
import React from "react";
|
|
494
494
|
export interface ILoaderProps {
|
|
495
|
+
size?: "lg" | "md" | "sm";
|
|
496
|
+
variant?: "primary" | "black" | "white";
|
|
495
497
|
className?: string;
|
|
496
498
|
}
|
|
497
499
|
const Loader: React.FC<ILoaderProps>;
|
|
@@ -506,40 +508,19 @@ declare module '@agility/plenum-ui/stories/atoms/loaders/Loader.stories' {
|
|
|
506
508
|
export const DefaultLoader: Story;
|
|
507
509
|
export default meta;
|
|
508
510
|
|
|
509
|
-
}
|
|
510
|
-
declare module '@agility/plenum-ui/stories/atoms/loaders/NProgress/RadialProgress' {
|
|
511
|
-
import React from "react";
|
|
512
|
-
export interface IRadialProgressProps extends React.PropsWithChildren {
|
|
513
|
-
/** Percentage value to display */
|
|
514
|
-
inputValue: number;
|
|
515
|
-
/** Radius for the circle - Max value of 100 */
|
|
516
|
-
radius: number;
|
|
517
|
-
/** Additional classnames */
|
|
518
|
-
className?: string;
|
|
519
|
-
}
|
|
520
|
-
const RadialProgress: React.FC<IRadialProgressProps>;
|
|
521
|
-
export default RadialProgress;
|
|
522
|
-
|
|
523
|
-
}
|
|
524
|
-
declare module '@agility/plenum-ui/stories/atoms/loaders/NProgress/index' {
|
|
525
|
-
import RadialProgress, { IRadialProgressProps } from "@agility/plenum-ui/stories/atoms/loaders/NProgress/RadialProgress";
|
|
526
|
-
export default RadialProgress;
|
|
527
|
-
export type { IRadialProgressProps };
|
|
528
|
-
|
|
529
511
|
}
|
|
530
512
|
declare module '@agility/plenum-ui/stories/atoms/loaders/index' {
|
|
531
513
|
import Loader, { ILoaderProps } from "@agility/plenum-ui/stories/atoms/loaders/Loader";
|
|
532
|
-
|
|
533
|
-
export {
|
|
534
|
-
export type { ILoaderProps, IRadialProgressProps };
|
|
514
|
+
export { Loader };
|
|
515
|
+
export type { ILoaderProps };
|
|
535
516
|
|
|
536
517
|
}
|
|
537
518
|
declare module '@agility/plenum-ui/stories/index' {
|
|
538
|
-
import { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps,
|
|
519
|
+
import { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, UnifiedIconName, IconName, BTNActionType, Avatar, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, isHeroIcon, isTablerIcon, isUnifiedIconName, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps } from "@agility/plenum-ui/stories/atoms/index";
|
|
539
520
|
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";
|
|
540
521
|
import { IAnimatedLabelInputProps, AnimatedLabelTextArea, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, AnimatedLabelInput, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, ITextInputSelectProps, IAnimatedFormInputWithAddons, AnimatedFormInputWithAddons, DropdownWithMultiSelect, MultiSelectItemProps } from "@agility/plenum-ui/stories/organisms/index";
|
|
541
|
-
export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps,
|
|
542
|
-
export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader,
|
|
522
|
+
export type { IAvatarProps, IBadgeProps, IButtonProps, ICapsuleProps, ITextInputSelectProps, IDynamicIconProps, IIconWithShadowProps, ILoaderProps, ICheckboxProps, IComboboxProps, IInputFieldProps, IInputLabelProps, INestedInputButtonProps, IRadioProps, ISelectProps, ITextareaProps, IToggleSwitchProps, AcceptedInputTypes, IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, UnifiedIconName, IconName, BTNActionType, ITextInputProps, ISimpleSelectOptions, IAnimatedFormInputWithAddons, MultiSelectItemProps, HeadingProps, LabelProps, ParagraphProps };
|
|
523
|
+
export { Avatar, Checkbox, Combobox, InputField, InputLabel, NestedInputButton, Radio, Select, Textarea, ToggleSwitch, AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, Badge, Button, Capsule, DynamicIcon, IconWithShadow, Loader, isHeroIcon, isTablerIcon, isUnifiedIconName, TextInput, TextInputSelect, AnimatedFormInputWithAddons, DropdownWithMultiSelect, Heading, Label, Paragraph };
|
|
543
524
|
|
|
544
525
|
}
|
|
545
526
|
declare module '@agility/plenum-ui/stories/molecules/index' {
|
|
@@ -875,6 +856,8 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/select/Select' {
|
|
|
875
856
|
export interface ISimpleSelectOptions {
|
|
876
857
|
label: string;
|
|
877
858
|
value: string;
|
|
859
|
+
emoji?: string;
|
|
860
|
+
description?: string;
|
|
878
861
|
}
|
|
879
862
|
export interface ISelectProps {
|
|
880
863
|
/** Label */
|
|
@@ -885,7 +868,7 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/select/Select' {
|
|
|
885
868
|
name?: string;
|
|
886
869
|
/** List of options to display in the select menu */
|
|
887
870
|
options: ISimpleSelectOptions[];
|
|
888
|
-
/**
|
|
871
|
+
/** Called with the selected option's value string */
|
|
889
872
|
onChange?(value: string): void;
|
|
890
873
|
/** Select disabled state */
|
|
891
874
|
isDisabled?: boolean;
|
|
@@ -898,6 +881,9 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/select/Select' {
|
|
|
898
881
|
onFocus?: () => void;
|
|
899
882
|
onBlur?: () => void;
|
|
900
883
|
message?: string;
|
|
884
|
+
inputRef?: React.RefObject<HTMLInputElement>;
|
|
885
|
+
placeholder?: string;
|
|
886
|
+
dropdownMaxHeight?: number;
|
|
901
887
|
}
|
|
902
888
|
const Select: React.FC<ISelectProps>;
|
|
903
889
|
export default Select;
|