demio-ui 2.1.17 → 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';
@@ -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;
@@ -274,12 +284,12 @@ type Props = {
274
284
  /**
275
285
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/tooltip#keyboard-interactions)
276
286
  **/
277
- 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;
278
288
 
279
- var _path$V, _g$v;
280
- 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); }
281
291
  var SvgAdd = function SvgAdd(props) {
282
- return /*#__PURE__*/React.createElement("svg", _extends$V({
292
+ return /*#__PURE__*/React.createElement("svg", _extends$W({
283
293
  xmlns: "http://www.w3.org/2000/svg",
284
294
  width: 24,
285
295
  height: 24,
@@ -294,7 +304,7 @@ var SvgAdd = function SvgAdd(props) {
294
304
  style: {
295
305
  maskType: "alpha"
296
306
  }
297
- }, _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
307
+ }, _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
298
308
  fill: "#D9D9D9",
299
309
  d: "M0 0h24v24H0z"
300
310
  }))), _g$v || (_g$v = /*#__PURE__*/React.createElement("g", {
@@ -305,10 +315,10 @@ var SvgAdd = function SvgAdd(props) {
305
315
  }))));
306
316
  };
307
317
 
308
- var _path$U, _g$u;
309
- 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); }
310
320
  var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
311
- return /*#__PURE__*/React.createElement("svg", _extends$U({
321
+ return /*#__PURE__*/React.createElement("svg", _extends$V({
312
322
  xmlns: "http://www.w3.org/2000/svg",
313
323
  fill: "none",
314
324
  viewBox: "0 0 24 24"
@@ -322,7 +332,7 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
322
332
  style: {
323
333
  maskType: "alpha"
324
334
  }
325
- }, _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
335
+ }, _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
326
336
  fill: "#D9D9D9",
327
337
  d: "M0 0h24v24H0z"
328
338
  }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
@@ -333,16 +343,29 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
333
343
  }))));
334
344
  };
335
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
+
336
359
  var _path$T;
337
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); }
338
- var SvgArrowLeft = function SvgArrowLeft(props) {
361
+ var SvgBarChart = function SvgBarChart(props) {
339
362
  return /*#__PURE__*/React.createElement("svg", _extends$T({
340
363
  xmlns: "http://www.w3.org/2000/svg",
341
364
  fill: "none",
342
365
  viewBox: "0 0 24 24"
343
366
  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
344
- fill: "#2C3336",
345
- 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"
346
369
  })));
347
370
  };
348
371
 
@@ -1569,7 +1592,7 @@ var SvgWarning = function SvgWarning(props) {
1569
1592
  };
1570
1593
 
1571
1594
  declare namespace index {
1572
- 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 };
1573
1596
  }
1574
1597
 
1575
- 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.17",
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';