@up42/up-components 0.10.8 → 0.10.10

package/dist/esm/types/components/DateTime/DateTime.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DateType, FormatDateOptions } from '../../utils/helpers/formatDate';
+export declare type DateTimeProps = {
+    date: DateType;
+} & FormatDateOptions;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-datetime
+ */
+export declare const DateTime: React.ForwardRefExoticComponent<{
+    date: DateType;
+} & FormatDateOptions & React.RefAttributes<HTMLTimeElement>>;

package/dist/esm/types/components/DateTime/DateTime.test.d.ts

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

package/dist/esm/types/components/EmptyState/EmptyState.d.ts

@@ -21,4 +21,4 @@ export declare type EmptyStateProps<C extends React.ElementType = 'div'> = BaseP
 /**
  * Documentation: https://up-components.up42.dev/?path=/docs/patterns-emptystate
  */
-export declare const EmptyState: <C extends React.ElementType<any>>({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps<C>) => JSX.Element;
+export declare const EmptyState: <C extends React.ElementType<any>>({ icon: Icon, title, subTitle, action, sx, ...props }: EmptyStateProps<C>) => JSX.Element;

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

@@ -40,6 +40,7 @@ export { Loading, type LoadingProps } from './components/Loading/Loading';
 export { Icon, type IconProps } from './components/Icon/Icon';
 export { Badge, type BadgeProps } from './components/Badge/Badge';
 export { Tag, type TagProps } from './components/Tag/Tag';
+export { DateTime, type DateTimeProps } from './components/DateTime/DateTime';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeBox, type CodeBoxProps } from './components/CodeBox/CodeBox';
 export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
@@ -47,6 +48,7 @@ export { DataGrid, type DataGridProps, type GridColDef, type GridRenderCellParam
 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 { 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/formatDate.d.ts

@@ -0,0 +1,16 @@
+import dayjs from 'dayjs';
+export declare type FormatDateOptions = {
+    /**
+     * For more formats see here: https://day.js.org/docs/en/display/format#docsNav
+     */
+    format?: string;
+    fromNow?: boolean;
+    utc?: boolean;
+};
+export declare type DateType = dayjs.ConfigType;
+/**
+ * Returns formatted date string. The format will depend  on the option passed in the second argument.
+ *
+ * Documentation: https://up-components.up42.dev/?path=/story/utils--page#formatnumber
+ */
+export declare const formatDate: (date: DateType, options?: FormatDateOptions | undefined) => string;

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

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

package/dist/index.d.ts

@@ -36,6 +36,7 @@ import QuestionMark from '@mui/icons-material/QuestionMark';
 import ShoppingCartOutlined from '@mui/icons-material/ShoppingCartOutlined';
 import VisibilityOffOutlined from '@mui/icons-material/VisibilityOffOutlined';
 import VisibilityOutlined from '@mui/icons-material/VisibilityOutlined';
+import dayjs from 'dayjs';
 import { TableProps as TableProps$1 } from '@mui/material/Table';
 import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
 import { TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
@@ -373,7 +374,7 @@ declare type EmptyStateProps<C extends React__default.ElementType = 'div'> = Bas
 /**
  * Documentation: https://up-components.up42.dev/?path=/docs/patterns-emptystate
  */
-declare const EmptyState: <C extends React__default.ElementType<any>>({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps<C>) => JSX.Element;
+declare const EmptyState: <C extends React__default.ElementType<any>>({ icon: Icon, title, subTitle, action, sx, ...props }: EmptyStateProps<C>) => JSX.Element;
 
 declare type ModalProps = MUIGlobalOmit<ModalProps$1>;
 /**
@@ -1800,6 +1801,32 @@ declare type TagProps = MUIGlobalOmit<Omit<ChipProps$1, 'size'>>;
  */
 declare const Tag: ({ color, ...props }: TagProps) => JSX.Element;
 
+declare type FormatDateOptions = {
+    /**
+     * For more formats see here: https://day.js.org/docs/en/display/format#docsNav
+     */
+    format?: string;
+    fromNow?: boolean;
+    utc?: boolean;
+};
+declare type DateType = dayjs.ConfigType;
+/**
+ * Returns formatted date string. The format will depend  on the option passed in the second argument.
+ *
+ * Documentation: https://up-components.up42.dev/?path=/story/utils--page#formatnumber
+ */
+declare const formatDate: (date: DateType, options?: FormatDateOptions | undefined) => string;
+
+declare type DateTimeProps = {
+    date: DateType;
+} & FormatDateOptions;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-datetime
+ */
+declare const DateTime: React__default.ForwardRefExoticComponent<{
+    date: DateType;
+} & FormatDateOptions & React__default.RefAttributes<HTMLTimeElement>>;
+
 declare type DocumentationPopoverProps = {
     heading: string;
     /**
@@ -1945,4 +1972,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, 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, 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, formatNumber, theme, useAlert, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.10.8",
+  "version": "0.10.10",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -21,10 +21,12 @@
     "storybook:build": "build-storybook",
     "lint": "eslint src/. --fix",
     "release": "standard-version",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "format": "prettier --write ./**/*.mdx"
   },
   "dependencies": {
     "@up42/design-system-tokens": "^3.0.1",
+    "dayjs": "^1.11.7",
     "react-markdown": "^8.0.3"
   },
   "devDependencies": {
@@ -93,7 +95,8 @@
     "react-dom": "^17.0.2"
   },
   "lint-staged": {
-    "*.{js,tsx,ts}": "eslint --cache --fix"
+    "*.{js,tsx,ts}": "eslint --cache --fix",
+    "*.mdx": "prettier --write"
   },
   "homepage": "https://github.com/up42/up-components#readme",
   "access": "private",