@up42/up-components 0.10.13 → 0.10.15

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

@@ -7,6 +7,7 @@ export { default as Bin } from './bin.svg';
 export { default as Block } from './block-circle.svg';
 export { default as Blocked } from './blocked.svg';
 export { default as Boxes } from './boxes.svg';
+export { default as Calendar } from './calendar.svg';
 export { default as Catalog } from './network-search.svg';
 export { default as CheckList } from './checklist.svg';
 export { default as CheckMark } from './checkmark.svg';
@@ -53,6 +54,7 @@ export { default as ViewOn } from './view-on.svg';
 export { default as WeatherCloud } from './weather-cloud.svg';
 export { default as Webhooks } from './webhooks.svg';
 export { default as Workflow } from './workflow.svg';
+export { default as AccessTime } from '@mui/icons-material/AccessTime';
 export { default as ArrowBack } from '@mui/icons-material/ArrowBack';
 export { default as ArrowDownward } from '@mui/icons-material/ArrowDownward';
 export { default as ArrowForward } from '@mui/icons-material/ArrowForward';

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

@@ -49,6 +49,7 @@ export { capitalize } from './utils/helpers/capitalize';
 export { copyToClipboard } from './utils/helpers/copyToClipboard';
 export { formatNumber } from './utils/helpers/formatNumber';
 export { formatDate } from './utils/helpers/formatDate';
+export { formatFileSize } from './utils/helpers/formatFileSize';
 export { useQueryParams } from './utils/hooks/useQueryParams';
 export { useRemotePagination, type PaginatedResponse } from './utils/hooks/useRemotePagination';
 export { useAlert, type CreateAlertProps } from './global/providers/AlertProvider/AlertProvider';

package/dist/esm/types/utils/helpers/formatFileSize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Takes bytes as a value and returns formatted file size as a string.
+ *
+ * Documentation: https://up-components.up42.dev/?path=/story/utils--page#formatfilesize
+ */
+export declare const formatFileSize: (value: number) => string;

package/dist/esm/types/utils/helpers/formatFileSize.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -11,6 +11,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import * as _mui_material_Typography from '@mui/material/Typography';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 import * as _mui_system from '@mui/system';
+import AccessTime from '@mui/icons-material/AccessTime';
 import ArrowBack from '@mui/icons-material/ArrowBack';
 import ArrowDownward from '@mui/icons-material/ArrowDownward';
 import ArrowForward from '@mui/icons-material/ArrowForward';
@@ -585,10 +586,10 @@ declare const Loading: ({ fullPage, visible, ...rest }: LoadingProps) => JSX.Ele
 
 var _g$e, _defs$c;
 
-function _extends$S() { _extends$S = Object.assign || 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$S.apply(this, arguments); }
+function _extends$T() { _extends$T = Object.assign || 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); }
 
 var SvgAlarmBell = function SvgAlarmBell(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$S({
+  return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 16 16"
@@ -604,17 +605,17 @@ var SvgAlarmBell = function SvgAlarmBell(props) {
   })))));
 };
 
-var _path$D, _path2$m;
+var _path$E, _path2$m;
 
-function _extends$R() { _extends$R = Object.assign || 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$R.apply(this, arguments); }
+function _extends$S() { _extends$S = Object.assign || 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$S.apply(this, arguments); }
 
 var SvgAppWindowCode = function SvgAppWindowCode(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$R({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     width: 32,
     height: 32,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     d: "M4.013 30.004c-1.654 0-3-1.345-3-3v-22c0-1.655 1.346-3 3-3h24c1.655 0 3 1.345 3 3v22c0 1.655-1.345 3-3 3h-24Zm-1-3a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-17h-26v17Zm26-19v-3a1 1 0 0 0-1-1h-24a1 1 0 0 0-1 1v3h26Z",
     fill: "currentColor"
   })), _path2$m || (_path2$m = /*#__PURE__*/React.createElement("path", {
@@ -625,10 +626,10 @@ var SvgAppWindowCode = function SvgAppWindowCode(props) {
 
 var _g$d, _defs$b;
 
-function _extends$Q() { _extends$Q = Object.assign || 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$Q.apply(this, arguments); }
+function _extends$R() { _extends$R = Object.assign || 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$R.apply(this, arguments); }
 
 var SvgArrowTopRight = function SvgArrowTopRight(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 16 17"
@@ -647,10 +648,10 @@ var SvgArrowTopRight = function SvgArrowTopRight(props) {
 
 var _rect$4, _g$c, _defs$a;
 
-function _extends$P() { _extends$P = Object.assign || 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$P.apply(this, arguments); }
+function _extends$Q() { _extends$Q = Object.assign || 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$Q.apply(this, arguments); }
 
 var SvgAssignmentCircle = function SvgAssignmentCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$P({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     width: 32,
     height: 32,
     fill: "none",
@@ -678,12 +679,12 @@ var SvgAssignmentCircle = function SvgAssignmentCircle(props) {
   })))));
 };
 
-var _rect$3, _path$C, _path2$l, _path3$2;
+var _rect$3, _path$D, _path2$l, _path3$2;
 
-function _extends$O() { _extends$O = Object.assign || 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$O.apply(this, arguments); }
+function _extends$P() { _extends$P = Object.assign || 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$P.apply(this, arguments); }
 
 var SvgBashCircle = function SvgBashCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$O({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     width: 32,
     height: 32,
     fill: "none",
@@ -693,7 +694,7 @@ var SvgBashCircle = function SvgBashCircle(props) {
     height: 32,
     rx: 16,
     fill: "currentColor"
-  })), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+  })), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     d: "M9.5 22.667c-.827 0-1.5-.673-1.5-1.5V10.243a1.584 1.584 0 0 1 1.575-1.576H22.43A1.579 1.579 0 0 1 24 10.237V21.09a1.584 1.584 0 0 1-1.575 1.577H9.5Zm.077-13a.581.581 0 0 0-.577.578v10.922a.5.5 0 0 0 .5.5h12.923a.58.58 0 0 0 .577-.578v-10.85a.575.575 0 0 0-.573-.572H9.577Z",
     fill: "#fff"
   })), _path2$l || (_path2$l = /*#__PURE__*/React.createElement("path", {
@@ -705,17 +706,17 @@ var SvgBashCircle = function SvgBashCircle(props) {
   })));
 };
 
-var _path$B, _path2$k;
+var _path$C, _path2$k;
 
-function _extends$N() { _extends$N = Object.assign || 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$N.apply(this, arguments); }
+function _extends$O() { _extends$O = Object.assign || 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$O.apply(this, arguments); }
 
 var SvgBin = function SvgBin(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$N({
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
     width: 14,
     height: 14,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
     d: "M5.5 10.5A.5.5 0 0 1 5 10V6a.5.5 0 0 1 1 0v4a.5.5 0 0 1-.5.5ZM8.5 10.5A.5.5 0 0 1 8 10V6a.5.5 0 0 1 1 0v4a.5.5 0 0 1-.5.5Z"
   })), _path2$k || (_path2$k = /*#__PURE__*/React.createElement("path", {
     d: "M3.5 13.5c-.827 0-1.5-.673-1.5-1.5V3.5H.5a.5.5 0 0 1 0-1H4V2C4 1.173 4.673.5 5.5.5h3C9.327.5 10 1.173 10 2v.5h3.5a.5.5 0 0 1 0 1H12V12c0 .827-.673 1.5-1.5 1.5h-7ZM3 12a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V3.5H3V12Zm6-9.5V2a.5.5 0 0 0-.5-.5h-3A.5.5 0 0 0 5 2v.5h4Z"
@@ -724,10 +725,10 @@ var SvgBin = function SvgBin(props) {
 
 var _rect$2, _g$b, _defs$9;
 
-function _extends$M() { _extends$M = Object.assign || 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$M.apply(this, arguments); }
+function _extends$N() { _extends$N = Object.assign || 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$N.apply(this, arguments); }
 
 var SvgBlockCircle = function SvgBlockCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$M({
+  return /*#__PURE__*/React.createElement("svg", _extends$N({
     width: 32,
     height: 32,
     fill: "none",
@@ -751,17 +752,17 @@ var SvgBlockCircle = function SvgBlockCircle(props) {
   })))));
 };
 
-var _path$A, _path2$j;
+var _path$B, _path2$j;
 
-function _extends$L() { _extends$L = Object.assign || 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$L.apply(this, arguments); }
+function _extends$M() { _extends$M = Object.assign || 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$M.apply(this, arguments); }
 
 var SvgBlocked = function SvgBlocked(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$L({
+  return /*#__PURE__*/React.createElement("svg", _extends$M({
     width: 16,
     height: 16,
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     d: "M5 8.5a.5.5 0 0 1 0-1h6a.5.5 0 0 1 0 1H5Z",
     fill: "currentColor"
   })), _path2$j || (_path2$j = /*#__PURE__*/React.createElement("path", {
@@ -772,10 +773,10 @@ var SvgBlocked = function SvgBlocked(props) {
 
 var _g$a, _defs$8;
 
-function _extends$K() { _extends$K = Object.assign || 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$K.apply(this, arguments); }
+function _extends$L() { _extends$L = Object.assign || 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$L.apply(this, arguments); }
 
 var SvgBoxes = function SvgBoxes(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$K({
+  return /*#__PURE__*/React.createElement("svg", _extends$L({
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 17 17"
@@ -794,6 +795,22 @@ var SvgBoxes = function SvgBoxes(props) {
   })))));
 };
 
+var _path$A;
+
+function _extends$K() { _extends$K = Object.assign || 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$K.apply(this, arguments); }
+
+var SvgCalendar = function SvgCalendar(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$K({
+    width: 24,
+    height: 24,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
+    d: "M2.252 24a2.252 2.252 0 0 1-2.25-2.25V5.25A2.252 2.252 0 0 1 2.252 3h3.75V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75a2.252 2.252 0 0 1 2.25 2.25v16.5a2.252 2.252 0 0 1-2.25 2.25h-19.5Zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21v11.25Zm21-12.75V5.25a.75.75 0 0 0-.75-.75h-3.75V6a.75.75 0 0 1-1.5 0V4.5h-9V6a.75.75 0 0 1-1.5 0V4.5h-3.75a.75.75 0 0 0-.75.75V9h21Z",
+    fill: "currentColor"
+  })));
+};
+
 var _path$z, _path2$i;
 
 function _extends$J() { _extends$J = Object.assign || 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$J.apply(this, arguments); }
@@ -1673,6 +1690,7 @@ var SvgWorkflow = function SvgWorkflow(props) {
 
 // Custom SVG
 
+declare const icons_AccessTime: typeof AccessTime;
 declare const icons_ArrowBack: typeof ArrowBack;
 declare const icons_ArrowDownward: typeof ArrowDownward;
 declare const icons_ArrowForward: typeof ArrowForward;
@@ -1709,6 +1727,7 @@ declare namespace icons {
     SvgBlockCircle as Block,
     SvgBlocked as Blocked,
     SvgBoxes as Boxes,
+    SvgCalendar as Calendar,
     SvgNetworkSearch as Catalog,
     SvgChecklist as CheckList,
     SvgCheckmark as CheckMark,
@@ -1755,6 +1774,7 @@ declare namespace icons {
     SvgWeatherCloud as WeatherCloud,
     SvgWebhooks as Webhooks,
     SvgWorkflow as Workflow,
+    icons_AccessTime as AccessTime,
     icons_ArrowBack as ArrowBack,
     icons_ArrowDownward as ArrowDownward,
     icons_ArrowForward as ArrowForward,
@@ -1913,6 +1933,13 @@ declare const copyToClipboard: (text: string, successCallBack: () => void) => vo
  */
 declare const formatNumber: (number: string | number, options?: Intl.NumberFormatOptions | undefined) => string;
 
+/**
+ * Takes bytes as a value and returns formatted file size as a string.
+ *
+ * Documentation: https://up-components.up42.dev/?path=/story/utils--page#formatfilesize
+ */
+declare const formatFileSize: (value: number) => string;
+
 /**
  * Returns query parameter values from a string or an array of strings.
  *
@@ -1975,4 +2002,4 @@ declare type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeBox, CodeBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CopyButton, CopyButtonProps, CreateAlertProps, DataGrid, DataGridProps, DateTime, DateTimeProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Icon, IconProps, InfoCard, InfoCardProps, InfoModal, InfoModalProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Loading, LoadingProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, NotFound, PageHeader, PageHeaderProps, PaginatedResponse, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tag, TagProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };
+export { Alert, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, CodeBox, CodeBoxProps, Container, ContainerProps, ControlButton, ControlButtonProps, CopyButton, CopyButtonProps, CreateAlertProps, DataGrid, DataGridProps, DateTime, DateTimeProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Icon, IconProps, InfoCard, InfoCardProps, InfoModal, InfoModalProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Loading, LoadingProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, NotFound, PageHeader, PageHeaderProps, PaginatedResponse, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tag, TagProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.10.13",
+  "version": "0.10.15",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",