demio-ui 2.1.16 → 2.1.18

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.
@@ -0,0 +1,11 @@
1
+ import { ReactNode, FC } from 'react';
2
+ export type Props = {
3
+ children?: ReactNode;
4
+ className?: string;
5
+ isEmptyStateAvailable?: boolean;
6
+ isLoading?: boolean;
7
+ emptyStateIcon?: ReactNode;
8
+ emptyStateText?: ReactNode;
9
+ };
10
+ declare const Card: FC<Props>;
11
+ export default Card;
@@ -0,0 +1 @@
1
+ export { default } from './Card';
@@ -1,10 +1,11 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  export type Props = {
3
+ children?: ReactNode;
4
+ className?: string;
3
5
  icon?: ReactNode;
4
- title?: ReactNode;
6
+ isIconVisible: boolean;
5
7
  text?: ReactNode;
6
- className?: string;
7
- children?: ReactNode;
8
+ title?: ReactNode;
8
9
  };
9
10
  declare const InfoBanner: FC<Props>;
10
11
  export default InfoBanner;
@@ -18,5 +18,5 @@ type Props = {
18
18
  /**
19
19
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/tooltip#keyboard-interactions)
20
20
  **/
21
- export declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, isPortal, skipDelayDuration, container, ...props }: Props): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
21
+ export declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, alignOffset, isPortal, skipDelayDuration, container, ...props }: Props): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
22
22
  export default Tooltip;
@@ -1,6 +1,7 @@
1
1
  export { default as Alert } from './Alert';
2
2
  export { default as Button } from './Button';
3
3
  export { default as Checkbox } from './Checkbox';
4
+ export { default as Card } from './Card';
4
5
  export { default as FormGroup } from './FormGroup';
5
6
  export { default as InfoBanner } from './InfoBanner';
6
7
  export { default as Input } from './Input';
@@ -1,6 +1,7 @@
1
1
  import AddIcon from './add.svg';
2
2
  import ArrowDownIcon from './keyboard_arrow_down.svg';
3
3
  import ArrowLeftIcon from './arrow-left.svg';
4
+ import BarChartIcon from './bar_chart.svg';
4
5
  import BlockIcon from './block.svg';
5
6
  import BlurOnIcon from './blur_on.svg';
6
7
  import CachedIcon from './cached.svg';
@@ -56,4 +57,4 @@ import VolumeUpIcon from './volume_up-1.svg';
56
57
  import VolumeUpSolidIcon from './volume_up.svg';
57
58
  import WarningIcon from './warning-1.svg';
58
59
  import WarningSolidIcon from './warning.svg';
59
- export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, ExternalLinkIcon, FileIcon, FilterListIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, ClockIcon, CloseIcon, CustomizeIcon, DeleteIcon, DotsIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LockIcon, MagicIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeIcon, PasswordEyeCrossedIcon, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RocketIcon, SearchIcon, SmileIcon, StackedEmailIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
60
+ export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, ExternalLinkIcon, FileIcon, FilterListIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, ClockIcon, CloseIcon, CustomizeIcon, DeleteIcon, DotsIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LockIcon, MagicIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeIcon, PasswordEyeCrossedIcon, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RocketIcon, SearchIcon, SmileIcon, StackedEmailIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
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$e = {
7
+ type Props$f = {
8
8
  open: boolean;
9
9
  actionText?: string;
10
10
  onActionClick: MouseEventHandler<HTMLButtonElement>;
@@ -19,9 +19,9 @@ type Props$e = {
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$e): React__default.JSX.Element;
22
+ declare function Alert({ open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, }: Props$f): React__default.JSX.Element;
23
23
 
24
- type Props$d = {
24
+ type Props$e = {
25
25
  disabled?: boolean;
26
26
  children?: string;
27
27
  size?: 'small' | 'medium' | 'large';
@@ -37,9 +37,9 @@ type Props$d = {
37
37
  /**
38
38
  * Button component documentation.
39
39
  **/
40
- declare const Button: React__default.ForwardRefExoticComponent<Props$d & React__default.RefAttributes<HTMLButtonElement>>;
40
+ declare const Button: React__default.ForwardRefExoticComponent<Props$e & React__default.RefAttributes<HTMLButtonElement>>;
41
41
 
42
- type Props$c = {
42
+ type Props$d = {
43
43
  children: React__default.ReactNode;
44
44
  disabled?: boolean;
45
45
  id: string;
@@ -56,7 +56,17 @@ type Props$c = {
56
56
  /**
57
57
  * Checkbox component documentation.
58
58
  **/
59
- declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$c): React__default.JSX.Element;
59
+ declare function Checkbox({ children, id, checked, onChange, disabled, defaultChecked, name, value, ...props }: Props$d): React__default.JSX.Element;
60
+
61
+ type Props$c = {
62
+ children?: ReactNode;
63
+ className?: string;
64
+ isEmptyStateAvailable?: boolean;
65
+ isLoading?: boolean;
66
+ emptyStateIcon?: ReactNode;
67
+ emptyStateText?: ReactNode;
68
+ };
69
+ declare const Card: FC<Props$c>;
60
70
 
61
71
  type Props$b = {
62
72
  children: React__default.ReactNode;
@@ -67,11 +77,12 @@ type Props$b = {
67
77
  declare function FormGroup({ children, position, justify, alignItems, }: Props$b): React__default.JSX.Element;
68
78
 
69
79
  type Props$a = {
80
+ children?: ReactNode;
81
+ className?: string;
70
82
  icon?: ReactNode;
71
- title?: ReactNode;
83
+ isIconVisible: boolean;
72
84
  text?: ReactNode;
73
- className?: string;
74
- children?: ReactNode;
85
+ title?: ReactNode;
75
86
  };
76
87
  declare const InfoBanner: FC<Props$a>;
77
88
 
@@ -273,12 +284,12 @@ type Props = {
273
284
  /**
274
285
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/tooltip#keyboard-interactions)
275
286
  **/
276
- declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, isPortal, skipDelayDuration, container, ...props }: Props): string | number | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | null | undefined;
287
+ declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, alignOffset, isPortal, skipDelayDuration, container, ...props }: Props): string | number | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | null | undefined;
277
288
 
278
- var _path$V, _g$v;
279
- function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
289
+ var _path$W, _g$v;
290
+ function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
280
291
  var SvgAdd = function SvgAdd(props) {
281
- return /*#__PURE__*/React.createElement("svg", _extends$V({
292
+ return /*#__PURE__*/React.createElement("svg", _extends$W({
282
293
  xmlns: "http://www.w3.org/2000/svg",
283
294
  width: 24,
284
295
  height: 24,
@@ -293,7 +304,7 @@ var SvgAdd = function SvgAdd(props) {
293
304
  style: {
294
305
  maskType: "alpha"
295
306
  }
296
- }, _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
307
+ }, _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
297
308
  fill: "#D9D9D9",
298
309
  d: "M0 0h24v24H0z"
299
310
  }))), _g$v || (_g$v = /*#__PURE__*/React.createElement("g", {
@@ -304,10 +315,10 @@ var SvgAdd = function SvgAdd(props) {
304
315
  }))));
305
316
  };
306
317
 
307
- var _path$U, _g$u;
308
- function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
318
+ var _path$V, _g$u;
319
+ function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
309
320
  var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
310
- return /*#__PURE__*/React.createElement("svg", _extends$U({
321
+ return /*#__PURE__*/React.createElement("svg", _extends$V({
311
322
  xmlns: "http://www.w3.org/2000/svg",
312
323
  fill: "none",
313
324
  viewBox: "0 0 24 24"
@@ -321,7 +332,7 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
321
332
  style: {
322
333
  maskType: "alpha"
323
334
  }
324
- }, _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
335
+ }, _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
325
336
  fill: "#D9D9D9",
326
337
  d: "M0 0h24v24H0z"
327
338
  }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
@@ -332,16 +343,29 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
332
343
  }))));
333
344
  };
334
345
 
346
+ var _path$U;
347
+ function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
348
+ var SvgArrowLeft = function SvgArrowLeft(props) {
349
+ return /*#__PURE__*/React.createElement("svg", _extends$U({
350
+ xmlns: "http://www.w3.org/2000/svg",
351
+ fill: "none",
352
+ viewBox: "0 0 24 24"
353
+ }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
354
+ fill: "#2C3336",
355
+ d: "m12.277 22.093.928-.928a.56.56 0 0 0 0-.796l-7.272-7.271h16.005c.31 0 .562-.252.562-.563v-1.312a.563.563 0 0 0-.562-.563H5.933l7.272-7.272a.56.56 0 0 0 0-.795l-.928-.928a.563.563 0 0 0-.796 0L1.665 11.48a.563.563 0 0 0 0 .796l9.816 9.816c.22.22.576.22.796 0"
356
+ })));
357
+ };
358
+
335
359
  var _path$T;
336
360
  function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
337
- var SvgArrowLeft = function SvgArrowLeft(props) {
361
+ var SvgBarChart = function SvgBarChart(props) {
338
362
  return /*#__PURE__*/React.createElement("svg", _extends$T({
339
363
  xmlns: "http://www.w3.org/2000/svg",
340
364
  fill: "none",
341
365
  viewBox: "0 0 24 24"
342
366
  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
343
- fill: "#2C3336",
344
- d: "m12.277 22.093.928-.928a.56.56 0 0 0 0-.796l-7.272-7.271h16.005c.31 0 .562-.252.562-.563v-1.312a.563.563 0 0 0-.562-.563H5.933l7.272-7.272a.56.56 0 0 0 0-.795l-.928-.928a.563.563 0 0 0-.796 0L1.665 11.48a.563.563 0 0 0 0 .796l9.816 9.816c.22.22.576.22.796 0"
367
+ fill: "#000",
368
+ d: "M3 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 2 20q0-.424.288-.712A.97.97 0 0 1 3 19h18q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 21 21zm1.5-3q-.625 0-1.062-.437A1.45 1.45 0 0 1 3 16.5v-4q0-.625.438-1.062A1.45 1.45 0 0 1 4.5 11q.624 0 1.063.438Q6 11.875 6 12.5v4q0 .625-.437 1.063A1.45 1.45 0 0 1 4.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 8 16.5v-9q0-.625.438-1.062A1.45 1.45 0 0 1 9.5 6q.624 0 1.063.438Q11 6.874 11 7.5v9q0 .625-.437 1.063A1.45 1.45 0 0 1 9.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 13 16.5v-6q0-.625.438-1.062A1.45 1.45 0 0 1 14.5 9q.624 0 1.063.438Q16 9.874 16 10.5v6q0 .625-.437 1.063A1.45 1.45 0 0 1 14.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 18 16.5v-12q0-.625.438-1.062A1.45 1.45 0 0 1 19.5 3q.625 0 1.063.438Q21 3.874 21 4.5v12q0 .625-.437 1.063A1.45 1.45 0 0 1 19.5 18"
345
369
  })));
346
370
  };
347
371
 
@@ -1568,7 +1592,7 @@ var SvgWarning = function SvgWarning(props) {
1568
1592
  };
1569
1593
 
1570
1594
  declare namespace index {
1571
- export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowLeft as ArrowLeftIcon, 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 };
1595
+ 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 };
1572
1596
  }
1573
1597
 
1574
- export { Alert, Button, Checkbox, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };
1598
+ export { Alert, Button, Card, Checkbox, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "demio-ui",
3
- "version": "2.1.16",
3
+ "version": "2.1.18",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",
@@ -1,6 +0,0 @@
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;
@@ -1 +0,0 @@
1
- export { default } from './Toast';
@@ -1,6 +0,0 @@
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;
@@ -1 +0,0 @@
1
- export { default } from './Toast';