demio-ui 2.1.46 → 2.1.49

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.
@@ -1,5 +1,5 @@
1
- import React, { ReactNode } from 'react';
2
- type Option = unknown;
1
+ import { FC, ReactNode } from 'react';
2
+ export type Option = unknown;
3
3
  export interface Props {
4
4
  autoFocus?: boolean;
5
5
  backspaceRemovesValue?: boolean;
@@ -19,5 +19,5 @@ export interface Props {
19
19
  placeholder?: string;
20
20
  value?: Option;
21
21
  }
22
- declare const _default: React.NamedExoticComponent<Props>;
23
- export default _default;
22
+ declare const MultiSelect: FC<Props>;
23
+ export default MultiSelect;
@@ -1,2 +1 @@
1
- import MultiSelect from './MultiSelect';
2
- export default MultiSelect;
1
+ export { default } from './MultiSelect';
@@ -12,6 +12,7 @@ export { default as InputHint } from './InputHint';
12
12
  export { default as Label } from './Label';
13
13
  export { default as Loader } from './Loader';
14
14
  export { default as Modal } from './Modal';
15
+ export { default as MultiSelect } from './MultiSelect';
15
16
  export { Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from './Popover';
16
17
  export { default as Progress } from './Progress';
17
18
  export { default as RadioGroup } from './RadioGroup';
package/dist/types.d.ts CHANGED
@@ -4,7 +4,7 @@ import { PopoverContentTypeProps } from '@radix-ui/react-popover';
4
4
  export { Content as PopoverContent, Portal as PopoverPortal, Root as PopoverRoot, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
5
5
  import * as SelectPrimitive from '@radix-ui/react-select';
6
6
 
7
- type Props$j = {
7
+ type Props$k = {
8
8
  open: boolean;
9
9
  actionText?: string;
10
10
  onActionClick: MouseEventHandler<HTMLButtonElement>;
@@ -19,11 +19,11 @@ type Props$j = {
19
19
  maxWidth?: string;
20
20
  isCloseButtonVisible?: boolean;
21
21
  };
22
- declare function Alert({ open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, }: Props$j): React__default.JSX.Element;
22
+ declare function Alert({ open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, }: Props$k): React__default.JSX.Element;
23
23
 
24
24
  declare const AVATAR_SIZES: readonly [16, 24, 32, 40, 48, 64, 80, 96, 128];
25
25
  type AvatarSizeType = (typeof AVATAR_SIZES)[number];
26
- interface Props$i {
26
+ interface Props$j {
27
27
  src?: string;
28
28
  size?: AvatarSizeType;
29
29
  userName?: string;
@@ -31,9 +31,9 @@ interface Props$i {
31
31
  className?: string;
32
32
  fallbackDelay?: number;
33
33
  }
34
- declare const Avatar: FC<Props$i>;
34
+ declare const Avatar: FC<Props$j>;
35
35
 
36
- type Props$h = {
36
+ type Props$i = {
37
37
  disabled?: boolean;
38
38
  children?: string;
39
39
  size?: 'small' | 'medium' | 'large';
@@ -49,9 +49,9 @@ type Props$h = {
49
49
  /**
50
50
  * Button component documentation.
51
51
  **/
52
- declare const Button: React__default.ForwardRefExoticComponent<Props$h & React__default.RefAttributes<HTMLButtonElement>>;
52
+ declare const Button: React__default.ForwardRefExoticComponent<Props$i & React__default.RefAttributes<HTMLButtonElement>>;
53
53
 
54
- type Props$g = {
54
+ type Props$h = {
55
55
  children?: ReactNode;
56
56
  className?: string;
57
57
  isEmptyStateAvailable?: boolean;
@@ -60,9 +60,9 @@ type Props$g = {
60
60
  emptyStateText?: ReactNode;
61
61
  shadowElevation?: number;
62
62
  };
63
- declare const Card: FC<Props$g>;
63
+ declare const Card: FC<Props$h>;
64
64
 
65
- type Props$f = {
65
+ type Props$g = {
66
66
  children: React__default.ReactNode;
67
67
  disabled?: boolean;
68
68
  id: string;
@@ -79,9 +79,9 @@ type Props$f = {
79
79
  /**
80
80
  * Checkbox component documentation.
81
81
  **/
82
- declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$f): React__default.JSX.Element;
82
+ declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$g): React__default.JSX.Element;
83
83
 
84
- type Props$e = {
84
+ type Props$f = {
85
85
  children?: ReactNode;
86
86
  isOpen?: boolean;
87
87
  className?: string;
@@ -90,9 +90,9 @@ type Props$e = {
90
90
  toggleDrawer?: (open: boolean) => void;
91
91
  align?: 'left' | 'right';
92
92
  };
93
- declare const Drawer: FC<Props$e>;
93
+ declare const Drawer: FC<Props$f>;
94
94
 
95
- type Props$d = {
95
+ type Props$e = {
96
96
  align?: 'start' | 'center' | 'end';
97
97
  children: ReactNode;
98
98
  className?: string;
@@ -105,25 +105,25 @@ type Props$d = {
105
105
  onOpenChange?: ((isOpen: boolean) => void) | null;
106
106
  trigger: ReactNode;
107
107
  };
108
- declare const Dropdown: FC<Props$d>;
108
+ declare const Dropdown: FC<Props$e>;
109
109
 
110
- type Props$c = {
110
+ type Props$d = {
111
111
  children: ReactNode;
112
112
  className?: string;
113
113
  isClosable?: boolean;
114
114
  asChild?: boolean;
115
115
  };
116
- declare const DropdownItem: FC<Props$c>;
116
+ declare const DropdownItem: FC<Props$d>;
117
117
 
118
- type Props$b = {
118
+ type Props$c = {
119
119
  children: React__default.ReactNode;
120
120
  position?: 'horizontal' | 'vertical';
121
121
  justify?: 'between' | 'start';
122
122
  alignItems?: 'start' | 'stretch';
123
123
  };
124
- declare function FormGroup({ children, position, justify, alignItems, }: Props$b): React__default.JSX.Element;
124
+ declare function FormGroup({ children, position, justify, alignItems, }: Props$c): React__default.JSX.Element;
125
125
 
126
- type Props$a = {
126
+ type Props$b = {
127
127
  children?: ReactNode;
128
128
  className?: string;
129
129
  icon?: ReactNode;
@@ -131,9 +131,9 @@ type Props$a = {
131
131
  text?: ReactNode;
132
132
  title?: ReactNode;
133
133
  };
134
- declare const InfoBanner: FC<Props$a>;
134
+ declare const InfoBanner: FC<Props$b>;
135
135
 
136
- type Props$9 = {
136
+ type Props$a = {
137
137
  autoComplete?: 'off' | 'on';
138
138
  className?: string;
139
139
  counterVisibilityLimit?: number;
@@ -159,31 +159,31 @@ type Props$9 = {
159
159
  type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
160
160
  value?: string;
161
161
  };
162
- declare const Input: React__default.ForwardRefExoticComponent<Props$9 & React__default.RefAttributes<HTMLInputElement>>;
162
+ declare const Input: React__default.ForwardRefExoticComponent<Props$a & React__default.RefAttributes<HTMLInputElement>>;
163
163
 
164
- type Props$8 = {
164
+ type Props$9 = {
165
165
  children: React__default.ReactNode;
166
166
  type?: 'hint' | 'error';
167
167
  className?: string;
168
168
  };
169
- declare function InputHint({ children, type, className }: Props$8): React__default.JSX.Element;
169
+ declare function InputHint({ children, type, className }: Props$9): React__default.JSX.Element;
170
170
 
171
- type Props$7 = {
171
+ type Props$8 = {
172
172
  htmlFor: string;
173
173
  children: React__default.ReactNode;
174
174
  className?: string;
175
175
  weight?: 'regular' | 'semiBold';
176
176
  };
177
- declare function Label({ htmlFor, children, className, weight }: Props$7): React__default.JSX.Element;
177
+ declare function Label({ htmlFor, children, className, weight }: Props$8): React__default.JSX.Element;
178
178
 
179
- type Props$6 = {
179
+ type Props$7 = {
180
180
  size?: 'small' | 'medium';
181
181
  className?: string;
182
182
  inheritColor?: boolean;
183
183
  };
184
- declare function Loader({ size, className, inheritColor }: Props$6): React__default.JSX.Element;
184
+ declare function Loader({ size, className, inheritColor }: Props$7): React__default.JSX.Element;
185
185
 
186
- type Props$5 = {
186
+ type Props$6 = {
187
187
  children: ReactNode;
188
188
  contentClassName?: string;
189
189
  isCloseButtonVisible?: boolean;
@@ -203,7 +203,29 @@ type Props$5 = {
203
203
  - Esc closes the component automatically.
204
204
  - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
205
205
  **/
206
- declare function Modal({ children, contentClassName, isCloseButtonVisible, onClose, onOpenChange, open, overlayClassName, title, }: Props$5): React__default.JSX.Element;
206
+ declare function Modal({ children, contentClassName, isCloseButtonVisible, onClose, onOpenChange, open, overlayClassName, title, }: Props$6): React__default.JSX.Element;
207
+
208
+ type Option = unknown;
209
+ interface Props$5 {
210
+ autoFocus?: boolean;
211
+ backspaceRemovesValue?: boolean;
212
+ className?: string;
213
+ classNamePrefix?: string;
214
+ isClearable?: boolean;
215
+ isDisabled?: boolean;
216
+ isMulti?: boolean;
217
+ isSearchable?: boolean;
218
+ menuIsOpen?: boolean;
219
+ name?: string;
220
+ noOptionsMessage?: ((obj: {
221
+ inputValue: string;
222
+ }) => ReactNode) | undefined;
223
+ onChange?: ((value: Option) => void) | null;
224
+ options?: Option[];
225
+ placeholder?: string;
226
+ value?: Option;
227
+ }
228
+ declare const MultiSelect: FC<Props$5>;
207
229
 
208
230
  type Props$4 = {
209
231
  children: React__default.ReactNode;
@@ -1672,4 +1694,4 @@ declare namespace index {
1672
1694
  export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowLeft as ArrowLeftIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMaterials as MaterialsIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRocket as RocketIcon, SvgSearch as SearchIcon, SvgSmile as SmileIcon, SvgStackedEmail as StackedEmailIcon, SvgToday as TodayIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, SvgVideocamOff as VideoCamOffIcon, SvgVideocamOff1 as VideoCamOffSolidIcon, SvgVideocam as VideoCamOnIcon, SvgVideocam1 as VideoCamOnSolidIcon, SvgVolumeOff1 as VolumeOffIcon, SvgVolumeOff as VolumeOffSolidIcon, SvgVolumeUp1 as VolumeUpIcon, SvgVolumeUp as VolumeUpSolidIcon, SvgWarning1 as WarningIcon, SvgWarning as WarningSolidIcon };
1673
1695
  }
1674
1696
 
1675
- export { Alert, Avatar, Button, Card, Checkbox, Drawer, Dropdown, DropdownItem, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };
1697
+ export { Alert, Avatar, Button, Card, Checkbox, Drawer, Dropdown, DropdownItem, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "demio-ui",
3
- "version": "2.1.46",
3
+ "version": "2.1.49",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",