demio-ui 2.1.46 → 2.1.48
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/cjs/index.css +1 -1
- package/dist/cjs/index.js +11 -3
- package/dist/cjs/types/src/components/index.d.ts +1 -0
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +11 -3
- package/dist/esm/types/src/components/index.d.ts +1 -0
- package/dist/types.d.ts +53 -31
- package/package.json +1 -1
|
@@ -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$
|
|
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$
|
|
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$
|
|
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$
|
|
34
|
+
declare const Avatar: FC<Props$j>;
|
|
35
35
|
|
|
36
|
-
type Props$
|
|
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$
|
|
52
|
+
declare const Button: React__default.ForwardRefExoticComponent<Props$i & React__default.RefAttributes<HTMLButtonElement>>;
|
|
53
53
|
|
|
54
|
-
type Props$
|
|
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$
|
|
63
|
+
declare const Card: FC<Props$h>;
|
|
64
64
|
|
|
65
|
-
type Props$
|
|
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$
|
|
82
|
+
declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$g): React__default.JSX.Element;
|
|
83
83
|
|
|
84
|
-
type Props$
|
|
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$
|
|
93
|
+
declare const Drawer: FC<Props$f>;
|
|
94
94
|
|
|
95
|
-
type Props$
|
|
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$
|
|
108
|
+
declare const Dropdown: FC<Props$e>;
|
|
109
109
|
|
|
110
|
-
type Props$
|
|
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$
|
|
116
|
+
declare const DropdownItem: FC<Props$d>;
|
|
117
117
|
|
|
118
|
-
type Props$
|
|
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$
|
|
124
|
+
declare function FormGroup({ children, position, justify, alignItems, }: Props$c): React__default.JSX.Element;
|
|
125
125
|
|
|
126
|
-
type Props$
|
|
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$
|
|
134
|
+
declare const InfoBanner: FC<Props$b>;
|
|
135
135
|
|
|
136
|
-
type Props$
|
|
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$
|
|
162
|
+
declare const Input: React__default.ForwardRefExoticComponent<Props$a & React__default.RefAttributes<HTMLInputElement>>;
|
|
163
163
|
|
|
164
|
-
type Props$
|
|
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$
|
|
169
|
+
declare function InputHint({ children, type, className }: Props$9): React__default.JSX.Element;
|
|
170
170
|
|
|
171
|
-
type Props$
|
|
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$
|
|
177
|
+
declare function Label({ htmlFor, children, className, weight }: Props$8): React__default.JSX.Element;
|
|
178
178
|
|
|
179
|
-
type Props$
|
|
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$
|
|
184
|
+
declare function Loader({ size, className, inheritColor }: Props$7): React__default.JSX.Element;
|
|
185
185
|
|
|
186
|
-
type Props$
|
|
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$
|
|
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 _default: React__default.NamedExoticComponent<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, _default as MultiSelect, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };
|