@agility/plenum-ui 2.1.19-rc2 → 2.1.20-rc1
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 +35 -6
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/dist/tailwind.css +30 -0
- package/dist/types/stories/atoms/icons/IconWithShadow.d.ts +0 -1
- package/dist/types/stories/index.d.ts +3 -3
- package/dist/types/stories/molecules/inputs/select/Select.d.ts +8 -0
- package/dist/types/stories/organisms/DropdownWithMultiSelect/DropdownItems.d.ts +2 -0
- package/dist/types/stories/organisms/DropdownWithMultiSelect/DropdownWithMultiSelect.d.ts +13 -0
- package/dist/types/stories/organisms/index.d.ts +3 -2
- package/package.json +4 -4
- package/stories/index.ts +15 -11
- package/stories/molecules/inputs/select/Select.tsx +18 -18
- package/stories/organisms/DropdownWithMultiSelect/DropdownItems.ts +219 -0
- package/stories/organisms/DropdownWithMultiSelect/DropdownWithMultiSelect.stories.tsx +29 -0
- package/stories/organisms/DropdownWithMultiSelect/DropdownWithMultiSelect.tsx +67 -0
- package/stories/organisms/index.ts +15 -12
package/dist/index.d.ts
CHANGED
|
@@ -318,7 +318,6 @@ declare module '@agility/plenum-ui/stories/atoms/icons/DynamicIcon.stories' {
|
|
|
318
318
|
|
|
319
319
|
}
|
|
320
320
|
declare module '@agility/plenum-ui/stories/atoms/icons/IconWithShadow' {
|
|
321
|
-
/// <reference types="react" />
|
|
322
321
|
import { IDynamicIconProps } from "@agility/plenum-ui/stories/atoms/icons/DynamicIcon";
|
|
323
322
|
export interface IIconWithShadowProps extends IDynamicIconProps {
|
|
324
323
|
}
|
|
@@ -421,9 +420,9 @@ declare module '@agility/plenum-ui/stories/atoms/loaders/index' {
|
|
|
421
420
|
declare module '@agility/plenum-ui/stories/index' {
|
|
422
421
|
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";
|
|
423
422
|
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";
|
|
424
|
-
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";
|
|
425
|
-
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 };
|
|
426
|
-
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 };
|
|
423
|
+
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";
|
|
424
|
+
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, MultiSelectItemProps };
|
|
425
|
+
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, DropdownWithMultiSelect };
|
|
427
426
|
|
|
428
427
|
}
|
|
429
428
|
declare module '@agility/plenum-ui/stories/molecules/index' {
|
|
@@ -752,13 +751,21 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/select/Select' {
|
|
|
752
751
|
value: string;
|
|
753
752
|
}
|
|
754
753
|
export interface ISelectProps {
|
|
754
|
+
/** Label */
|
|
755
755
|
label?: string;
|
|
756
|
+
/** Select ID prop */
|
|
756
757
|
id?: string;
|
|
758
|
+
/** Select name prop */
|
|
757
759
|
name?: string;
|
|
760
|
+
/** List of options to display in the select menu */
|
|
758
761
|
options: ISimpleSelectOptions[];
|
|
762
|
+
/** Select name prop */
|
|
759
763
|
onChange?(value: string): void;
|
|
764
|
+
/** Select disabled state */
|
|
760
765
|
isDisabled?: boolean;
|
|
766
|
+
/** Select error state */
|
|
761
767
|
isError?: boolean;
|
|
768
|
+
/** Select required state */
|
|
762
769
|
isRequired?: boolean;
|
|
763
770
|
value?: string;
|
|
764
771
|
className?: string;
|
|
@@ -1023,6 +1030,27 @@ declare module '@agility/plenum-ui/stories/organisms/DropdownComponent/index' {
|
|
|
1023
1030
|
export { defaultClassNames };
|
|
1024
1031
|
export default Dropdown;
|
|
1025
1032
|
|
|
1033
|
+
}
|
|
1034
|
+
declare module '@agility/plenum-ui/stories/organisms/DropdownWithMultiSelect/DropdownItems' {
|
|
1035
|
+
import { MultiSelectItemProps } from "@agility/plenum-ui/stories/organisms/DropdownWithMultiSelect/DropdownWithMultiSelect";
|
|
1036
|
+
export const dropdownDataBase: MultiSelectItemProps[];
|
|
1037
|
+
|
|
1038
|
+
}
|
|
1039
|
+
declare module '@agility/plenum-ui/stories/organisms/DropdownWithMultiSelect/DropdownWithMultiSelect' {
|
|
1040
|
+
export interface MultiSelectItemProps {
|
|
1041
|
+
label: string;
|
|
1042
|
+
onClick?(): void;
|
|
1043
|
+
key: React.Key;
|
|
1044
|
+
isSelected: boolean;
|
|
1045
|
+
}
|
|
1046
|
+
interface Props {
|
|
1047
|
+
label: string;
|
|
1048
|
+
options: MultiSelectItemProps[];
|
|
1049
|
+
type: "checkbox" | "radio";
|
|
1050
|
+
}
|
|
1051
|
+
const DropdownWithMultiSelect: ({ label, options, type }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
1052
|
+
export default DropdownWithMultiSelect;
|
|
1053
|
+
|
|
1026
1054
|
}
|
|
1027
1055
|
declare module '@agility/plenum-ui/stories/organisms/EmptySectionPlaceholder/EmptySectionPlaceholder' {
|
|
1028
1056
|
import React from "react";
|
|
@@ -1171,8 +1199,9 @@ declare module '@agility/plenum-ui/stories/organisms/index' {
|
|
|
1171
1199
|
import FormInputWithAddons, { IFormInputWithAddonsProps } from "@agility/plenum-ui/stories/organisms/FormInputWithAddons/index";
|
|
1172
1200
|
import TextInputSelect, { ITextInputSelectProps } from "@agility/plenum-ui/stories/organisms/TextInputSelect/index";
|
|
1173
1201
|
import AnimatedFormInputWithAddons, { IAnimatedFormInputWithAddons } from "@agility/plenum-ui/stories/organisms/AnimatedFormInputWithAddons/index";
|
|
1174
|
-
|
|
1175
|
-
export {
|
|
1202
|
+
import DropdownWithMultiSelect, { MultiSelectItemProps } from "@agility/plenum-ui/stories/organisms/DropdownWithMultiSelect/DropdownWithMultiSelect";
|
|
1203
|
+
export type { IAnimatedLabelInputProps, IAnimatedLabelTextAreaProps, IButtonDropdownProps, IDropdownProps, IEmptySectionPlaceholderProps, IItemProp, IFormInputWithAddonsProps, ITextInputSelectProps, IAnimatedFormInputWithAddons, MultiSelectItemProps };
|
|
1204
|
+
export { AnimatedLabelInput, AnimatedLabelTextArea, ButtonDropdown, Dropdown, EmptySectionPlaceholder, FormInputWithAddons, TextInputSelect, AnimatedFormInputWithAddons, DropdownWithMultiSelect };
|
|
1176
1205
|
|
|
1177
1206
|
}
|
|
1178
1207
|
declare module '@agility/plenum-ui/utils/types' {
|