demio-ui 2.1.84 → 2.1.86

package/dist/esm/types/src/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
-import React, { MouseEventHandler } from 'react';
+import React, { MouseEventHandler, ReactNode } from 'react';
 type Props = {
     disabled?: boolean;
-    children?: string;
+    children?: ReactNode;
     size?: 'small' | 'medium' | 'large';
     variant?: 'primary' | 'secondary' | 'outline' | 'danger';
     onClick: MouseEventHandler<HTMLButtonElement>;

package/dist/esm/types/src/components/Pagination/Pagination.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface PaginationProps {
+    pageCount: number;
+    currentPage: number;
+    onChange: (page: number) => void;
+    className?: string;
+    selectedClassName?: string;
+}
+export declare function Pagination({ pageCount, currentPage, onChange, className, selectedClassName, }: PaginationProps): React.JSX.Element | null;
+export {};

package/dist/esm/types/src/components/Pagination/Pagination.utils.d.ts

@@ -0,0 +1,7 @@
+export declare const getPagesData: ({ currentPage, pageCount, }: {
+    currentPage: number;
+    pageCount: number;
+}) => {
+    pages: number[];
+    latestPage: number;
+};

package/dist/esm/types/src/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { Pagination } from './Pagination';

package/dist/esm/types/src/components/index.d.ts

@@ -15,6 +15,7 @@ export { default as Label } from './Label';
 export { default as Loader } from './Loader';
 export { default as Modal } from './Modal';
 export { default as MultiSelect } from './MultiSelect';
+export { Pagination } from './Pagination';
 export { Popover, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from './Popover';
 export { default as Progress } from './Progress';
 export { default as RadioGroup } from './RadioGroup';

package/dist/esm/types/src/icons/index.d.ts

@@ -1,5 +1,7 @@
 import AddIcon from './add.svg';
 import ArrowLeftIcon from './arrow-left.svg';
+import ArrowLeftDoubleIcon from './arrow-left-double.svg';
+import ArrowLeftSingleIcon from './arrow-left-single.svg';
 import BarChartIcon from './bar_chart.svg';
 import BlockIcon from './block.svg';
 import BlurOnIcon from './blur_on.svg';
@@ -68,4 +70,4 @@ import VolumeUpSolidIcon from './volume_up.svg';
 import VolumeUpIcon from './volume_up-1.svg';
 import WarningSolidIcon from './warning.svg';
 import WarningIcon from './warning-1.svg';
-export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, ChatIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CheckCircleSolidIcon, ClockIcon, CloseIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExternalLinkIcon, FileIcon, FilterListIcon, InfoCircleIcon, InfoCircleSolidIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LocationIcon, LockIcon, MagicIcon, MailIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, Person, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RocketIcon, SearchIcon, SmileIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
+export { AddIcon, ArrowDownIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, ChatIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CheckCircleSolidIcon, ClockIcon, CloseIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExternalLinkIcon, FileIcon, FilterListIcon, InfoCircleIcon, InfoCircleSolidIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LocationIcon, LockIcon, MagicIcon, MailIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, Person, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RocketIcon, SearchIcon, SmileIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

package/dist/types.d.ts

@@ -45,7 +45,7 @@ declare const Badge: FC<Props$k>;
 
 type Props$j = {
     disabled?: boolean;
-    children?: string;
+    children?: ReactNode;
     size?: 'small' | 'medium' | 'large';
     variant?: 'primary' | 'secondary' | 'outline' | 'danger';
     onClick: MouseEventHandler<HTMLButtonElement>;
@@ -253,6 +253,15 @@ interface Props$5 {
 }
 declare const MultiSelect: FC<Props$5>;
 
+interface PaginationProps {
+    pageCount: number;
+    currentPage: number;
+    onChange: (page: number) => void;
+    className?: string;
+    selectedClassName?: string;
+}
+declare function Pagination({ pageCount, currentPage, onChange, className, selectedClassName, }: PaginationProps): React__default.JSX.Element | null;
+
 type Props$4 = {
     children: React__default.ReactNode;
     content: React__default.ReactNode;
@@ -407,10 +416,10 @@ interface TypoProps extends PropsWithChildren {
 }
 declare const Typography: ({ tag, dataTestId, align, className, children, emphasis, title, variant, ...restProps }: TypoProps) => React__default.JSX.Element;
 
-var _path$15, _g$t;
-function _extends$15() { return _extends$15 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$15.apply(null, arguments); }
+var _path$17, _g$t;
+function _extends$17() { return _extends$17 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$17.apply(null, arguments); }
 var SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$15({
+  return /*#__PURE__*/React.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -425,7 +434,7 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
+  }, _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
@@ -436,16 +445,45 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
+var _path$16;
+function _extends$16() { return _extends$16 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$16.apply(null, arguments); }
+var SvgArrowLeft = function SvgArrowLeft(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$16({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    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"
+  })));
+};
+
+var _path$15, _path2$4;
+function _extends$15() { return _extends$15 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$15.apply(null, arguments); }
+var SvgArrowLeftDouble = function SvgArrowLeftDouble(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "m3.166 11.602 6.93-6.938a.57.57 0 0 1 .803 0l.935.928a.56.56 0 0 1 0 .797L6.24 12l5.594 5.61a.56.56 0 0 1 0 .798l-.935.928a.57.57 0 0 1-.803 0l-6.93-6.938a.56.56 0 0 1 0-.796"
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "m12.166 11.602 6.93-6.938a.57.57 0 0 1 .803 0l.935.928a.56.56 0 0 1 0 .797L15.24 12l5.594 5.61a.56.56 0 0 1 0 .798l-.935.928a.57.57 0 0 1-.803 0l-6.93-6.938a.56.56 0 0 1 0-.796"
+  })));
+};
+
 var _path$14;
 function _extends$14() { return _extends$14 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$14.apply(null, arguments); }
-var SvgArrowLeft = function SvgArrowLeft(props) {
+var SvgArrowLeftSingle = function SvgArrowLeftSingle(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
   }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    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"
+    d: "m7.697 11.602 6.881-6.938c.22-.22.577-.22.797 0l.928.928c.22.22.22.577 0 .797L10.748 12l5.555 5.61c.22.221.22.578 0 .798l-.928.928a.563.563 0 0 1-.797 0l-6.881-6.938a.563.563 0 0 1 0-.796"
   })));
 };
 
@@ -1816,7 +1854,7 @@ var SvgWarning1 = function SvgWarning1(props) {
 };
 
 declare namespace index {
-  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, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgInfoCircle as InfoCircleIcon, SvgInfoCircleSolid as InfoCircleSolidIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLocation as LocationIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMail as MailIcon, 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, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, 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 };
+  export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowLeftDouble as ArrowLeftDoubleIcon, SvgArrowLeft as ArrowLeftIcon, SvgArrowLeftSingle as ArrowLeftSingleIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgInfoCircle as InfoCircleIcon, SvgInfoCircleSolid as InfoCircleSolidIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLocation as LocationIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMail as MailIcon, 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, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, 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 };
 }
 
-export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, 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 };
+export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Drawer, Dropdown, DropdownItem, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Pagination, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.1.84",
+  "version": "2.1.86",
   "description": "",
   "repository": {
     "type": "git",