demio-ui 2.1.25 → 2.1.27

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.
Files changed (28) hide show
  1. package/dist/cjs/index.css +1 -1
  2. package/dist/cjs/index.js +2 -2
  3. package/dist/cjs/types/src/components/Avatar/Avatar.d.ts +10 -0
  4. package/dist/cjs/types/src/components/Avatar/index.d.ts +1 -0
  5. package/dist/cjs/types/src/components/Dropdown/Dropdown.d.ts +2 -3
  6. package/dist/cjs/types/src/components/Dropdown/DropdownItem.d.ts +9 -0
  7. package/dist/cjs/types/src/components/Dropdown/index.d.ts +1 -1
  8. package/dist/cjs/types/src/components/InfoBanner/InfoBanner.d.ts +1 -1
  9. package/dist/cjs/types/src/components/Tag/Tag.d.ts +7 -0
  10. package/dist/cjs/types/src/components/Tag/index.d.ts +1 -0
  11. package/dist/cjs/types/src/components/Toast/Toast.d.ts +6 -0
  12. package/dist/cjs/types/src/components/Toast/index.d.ts +1 -0
  13. package/dist/cjs/types/src/components/index.d.ts +2 -0
  14. package/dist/esm/index.css +1 -1
  15. package/dist/esm/index.js +3 -3
  16. package/dist/esm/types/src/components/Avatar/Avatar.d.ts +10 -0
  17. package/dist/esm/types/src/components/Avatar/index.d.ts +1 -0
  18. package/dist/esm/types/src/components/Dropdown/Dropdown.d.ts +2 -3
  19. package/dist/esm/types/src/components/Dropdown/DropdownItem.d.ts +9 -0
  20. package/dist/esm/types/src/components/Dropdown/index.d.ts +1 -1
  21. package/dist/esm/types/src/components/InfoBanner/InfoBanner.d.ts +1 -1
  22. package/dist/esm/types/src/components/Tag/Tag.d.ts +7 -0
  23. package/dist/esm/types/src/components/Tag/index.d.ts +1 -0
  24. package/dist/esm/types/src/components/Toast/Toast.d.ts +6 -0
  25. package/dist/esm/types/src/components/Toast/index.d.ts +1 -0
  26. package/dist/esm/types/src/components/index.d.ts +2 -0
  27. package/dist/types.d.ts +31 -12
  28. package/package.json +2 -1
@@ -0,0 +1,10 @@
1
+ import { FC } from 'react';
2
+ export interface Props {
3
+ src?: string;
4
+ size?: 'medium' | 'large';
5
+ userName?: string;
6
+ alt?: string | undefined;
7
+ className?: string;
8
+ }
9
+ declare const Avatar: FC<Props>;
10
+ export default Avatar;
@@ -0,0 +1 @@
1
+ export { default } from './Avatar';
@@ -1,15 +1,14 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  export type Props = {
3
3
  align?: 'start' | 'center' | 'end';
4
- body: ReactNode;
5
- bodyClassName?: string;
6
4
  children: ReactNode;
7
5
  className?: string;
8
- isBodyClosable?: boolean;
9
6
  isHeaderClosable?: boolean;
10
7
  isOpen?: boolean;
11
8
  header?: ReactNode;
12
9
  headerClassName?: string;
10
+ trigger: ReactNode;
11
+ contentSideOffset?: number;
13
12
  };
14
13
  declare const Dropdown: FC<Props>;
15
14
  export default Dropdown;
@@ -0,0 +1,9 @@
1
+ import { FC, ReactNode } from 'react';
2
+ export type Props = {
3
+ children: ReactNode;
4
+ className?: string;
5
+ isClosable?: boolean;
6
+ asChild?: boolean;
7
+ };
8
+ declare const DropdownItem: FC<Props>;
9
+ export default DropdownItem;
@@ -1 +1 @@
1
- export { default } from './Dropdown';
1
+ export { default as Dropdown } from './Dropdown';
@@ -3,7 +3,7 @@ export type Props = {
3
3
  children?: ReactNode;
4
4
  className?: string;
5
5
  icon?: ReactNode;
6
- isIconVisible: boolean;
6
+ isIconVisible?: boolean;
7
7
  text?: ReactNode;
8
8
  title?: ReactNode;
9
9
  };
@@ -0,0 +1,7 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ interface TagProps extends PropsWithChildren {
3
+ className?: string;
4
+ onDelete?: (() => void) | null;
5
+ }
6
+ export default function Tag({ children, onDelete, className }: TagProps): React.JSX.Element;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { default as Tag } from './Tag';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ type Props = {
3
+ message?: string;
4
+ };
5
+ declare function Toast({ message, }: Props): React.JSX.Element;
6
+ export default Toast;
@@ -0,0 +1 @@
1
+ export { default } from './Toast';
@@ -3,6 +3,7 @@ export { default as Button } from './Button';
3
3
  export { default as Card } from './Card';
4
4
  export { default as Checkbox } from './Checkbox';
5
5
  export { default as Drawer } from './Drawer';
6
+ export { Dropdown } from './Dropdown';
6
7
  export { default as FormGroup } from './FormGroup';
7
8
  export { default as InfoBanner } from './InfoBanner';
8
9
  export { default as Input } from './Input';
@@ -16,5 +17,6 @@ export { default as RadioGroup } from './RadioGroup';
16
17
  export { Select, SelectItem, SelectItemText } from './Select';
17
18
  export { default as Switch } from './Switch';
18
19
  export { Tab, TabsContent, TabsList, TabsRoot } from './Tabs';
20
+ export { Tag } from './Tag';
19
21
  export { default as Tooltip } from './Tooltip';
20
22
  export { Typography } from './Typography';
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$g = {
7
+ type Props$h = {
8
8
  open: boolean;
9
9
  actionText?: string;
10
10
  onActionClick: MouseEventHandler<HTMLButtonElement>;
@@ -19,9 +19,9 @@ type Props$g = {
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$g): React__default.JSX.Element;
22
+ declare function Alert({ open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, }: Props$h): React__default.JSX.Element;
23
23
 
24
- type Props$f = {
24
+ type Props$g = {
25
25
  disabled?: boolean;
26
26
  children?: string;
27
27
  size?: 'small' | 'medium' | 'large';
@@ -37,9 +37,9 @@ type Props$f = {
37
37
  /**
38
38
  * Button component documentation.
39
39
  **/
40
- declare const Button: React__default.ForwardRefExoticComponent<Props$f & React__default.RefAttributes<HTMLButtonElement>>;
40
+ declare const Button: React__default.ForwardRefExoticComponent<Props$g & React__default.RefAttributes<HTMLButtonElement>>;
41
41
 
42
- type Props$e = {
42
+ type Props$f = {
43
43
  children?: ReactNode;
44
44
  className?: string;
45
45
  isEmptyStateAvailable?: boolean;
@@ -47,9 +47,9 @@ type Props$e = {
47
47
  emptyStateIcon?: ReactNode;
48
48
  emptyStateText?: ReactNode;
49
49
  };
50
- declare const Card: FC<Props$e>;
50
+ declare const Card: FC<Props$f>;
51
51
 
52
- type Props$d = {
52
+ type Props$e = {
53
53
  children: React__default.ReactNode;
54
54
  disabled?: boolean;
55
55
  id: string;
@@ -66,9 +66,9 @@ type Props$d = {
66
66
  /**
67
67
  * Checkbox component documentation.
68
68
  **/
69
- declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$d): React__default.JSX.Element;
69
+ declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$e): React__default.JSX.Element;
70
70
 
71
- type Props$c = {
71
+ type Props$d = {
72
72
  children?: ReactNode;
73
73
  isOpen?: boolean;
74
74
  className?: string;
@@ -77,7 +77,20 @@ type Props$c = {
77
77
  toggleDrawer?: (open: boolean) => void;
78
78
  align?: 'left' | 'right';
79
79
  };
80
- declare const Drawer: FC<Props$c>;
80
+ declare const Drawer: FC<Props$d>;
81
+
82
+ type Props$c = {
83
+ align?: 'start' | 'center' | 'end';
84
+ children: ReactNode;
85
+ className?: string;
86
+ isHeaderClosable?: boolean;
87
+ isOpen?: boolean;
88
+ header?: ReactNode;
89
+ headerClassName?: string;
90
+ trigger: ReactNode;
91
+ contentSideOffset?: number;
92
+ };
93
+ declare const Dropdown: FC<Props$c>;
81
94
 
82
95
  type Props$b = {
83
96
  children: React__default.ReactNode;
@@ -91,7 +104,7 @@ type Props$a = {
91
104
  children?: ReactNode;
92
105
  className?: string;
93
106
  icon?: ReactNode;
94
- isIconVisible: boolean;
107
+ isIconVisible?: boolean;
95
108
  text?: ReactNode;
96
109
  title?: ReactNode;
97
110
  };
@@ -280,6 +293,12 @@ type TabsContentProps = {
280
293
  };
281
294
  declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
282
295
 
296
+ interface TagProps extends PropsWithChildren {
297
+ className?: string;
298
+ onDelete?: (() => void) | null;
299
+ }
300
+ declare function Tag({ children, onDelete, className }: TagProps): React__default.JSX.Element;
301
+
283
302
  type Props = {
284
303
  children: React__default.ReactNode;
285
304
  content: React__default.ReactNode | string;
@@ -1622,4 +1641,4 @@ declare namespace index {
1622
1641
  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, 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 };
1623
1642
  }
1624
1643
 
1625
- export { Alert, Button, Card, Checkbox, Drawer, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, Typography, index as icons };
1644
+ export { Alert, Button, Card, Checkbox, Drawer, Dropdown, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, 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.25",
3
+ "version": "2.1.27",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -51,6 +51,7 @@
51
51
  "@radix-ui/react-alert-dialog": "^1.0.5",
52
52
  "@radix-ui/react-checkbox": "^1.0.4",
53
53
  "@radix-ui/react-dialog": "^1.0.5",
54
+ "@radix-ui/react-dropdown-menu": "^2.0.6",
54
55
  "@radix-ui/react-label": "^2.0.2",
55
56
  "@radix-ui/react-popover": "^1.0.7",
56
57
  "@radix-ui/react-progress": "^1.0.3",