@up42/up-components 2.8.0 → 2.9.0

package/dist/esm/types/components/Container/Container.overrides.d.ts

@@ -1,2 +1,3 @@
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const CONTAINER_MAX_WIDTH = 1280;
 export declare const MuiContainer: OverridesStyleRules;

package/dist/esm/types/global/providers/AlertProvider/AlertProvider.d.ts

@@ -1,4 +1,5 @@
 import { ElementType, ReactNode } from 'react';
+import { Fade, GrowProps, SnackbarProps as MUISnackbarProps, SlideProps } from '@mui/material';
 import { AlertColor } from '../../../components/Alert/Alert';
 export declare type CreateAlertProps = {
     title?: string;
@@ -9,6 +10,36 @@ export declare type CreateAlertProps = {
      */
     duration?: number;
 };
+/**
+ * Props for creating a snackbar.
+ */
+export declare type CreateSnackbarProps = {
+    /**
+     * The message to be displayed in the snackbar.
+     */
+    message: string | ReactNode;
+    /**
+     * The type of the snackbar. Optional.
+     */
+    type?: AlertColor;
+    /**
+     * The duration for which the snackbar should be displayed. Optional.
+     */
+    duration?: number;
+    /**
+     * The number of columns the snackbar should occupy. Optional.
+     */
+    columns?: 2 | 4 | 6 | 8;
+    /**
+     * The transition effect for the snackbar. Optional.
+     */
+    transition?: 'slide' | 'grow' | 'fade';
+} & MUISnackbarProps;
+export declare const transitionComponents: {
+    slide: (props: SlideProps) => JSX.Element;
+    grow: (props: GrowProps) => JSX.Element;
+    fade: typeof Fade;
+};
 export declare type DisplayAlertProps = CreateAlertProps & {
     id: string;
     onClose?: (id: string) => void;
@@ -18,7 +49,11 @@ declare type ContextState = {
     alertStack: DisplayAlertProps[];
     removeFromStack: (id: string) => void;
     animationTime: number;
+    createSnackbar: (props: CreateSnackbarProps) => void;
+    currentSnackbar: CreateSnackbarProps;
+    closeSnackbar: (props: CreateSnackbarProps) => void;
 };
+export declare const defaultSnackbarState: CreateSnackbarProps;
 export declare const AlertProvider: ({ children }: {
     children: ReactNode;
 }) => JSX.Element;

package/dist/esm/types/global/providers/AlertProvider/AlertStack.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AlertStack: () => JSX.Element;

package/dist/esm/types/global/providers/AlertProvider/SnackbarWrapper.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SnackbarWrapper: () => JSX.Element;

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

@@ -55,4 +55,4 @@ export { formatFileSize } from './utils/helpers/formatFileSize';
 export { useQueryParams } from './utils/hooks/useQueryParams';
 export { useRemotePagination, type PaginatedResponse } from './utils/hooks/useRemotePagination';
 export { useDebounce } from './utils/hooks/useDebounce';
-export { useAlert, type CreateAlertProps } from './global/providers/AlertProvider/AlertProvider';
+export { useAlert, type CreateAlertProps, type CreateSnackbarProps, } from './global/providers/AlertProvider/AlertProvider';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1 } from '@mui/material';
+import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1, SnackbarProps } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as React from 'react';
@@ -4923,6 +4923,31 @@ declare type CreateAlertProps = {
      */
     duration?: number;
 };
+/**
+ * Props for creating a snackbar.
+ */
+declare type CreateSnackbarProps = {
+    /**
+     * The message to be displayed in the snackbar.
+     */
+    message: string | ReactNode;
+    /**
+     * The type of the snackbar. Optional.
+     */
+    type?: AlertColor;
+    /**
+     * The duration for which the snackbar should be displayed. Optional.
+     */
+    duration?: number;
+    /**
+     * The number of columns the snackbar should occupy. Optional.
+     */
+    columns?: 2 | 4 | 6 | 8;
+    /**
+     * The transition effect for the snackbar. Optional.
+     */
+    transition?: 'slide' | 'grow' | 'fade';
+} & SnackbarProps;
 declare type DisplayAlertProps = CreateAlertProps & {
     id: string;
     onClose?: (id: string) => void;
@@ -4932,10 +4957,13 @@ declare type ContextState = {
     alertStack: DisplayAlertProps[];
     removeFromStack: (id: string) => void;
     animationTime: number;
+    createSnackbar: (props: CreateSnackbarProps) => void;
+    currentSnackbar: CreateSnackbarProps;
+    closeSnackbar: (props: CreateSnackbarProps) => void;
 };
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-alert-usealert--docs
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, CodeInline, type CodeInlineProps, CodeSnippet, type CodeSnippetItemProps, type CodeSnippetProps, ContactBox, type ContactBoxProps, ControlButton, type ControlButtonProps, CopyButton, type CopyButtonProps, type CreateAlertProps, DataGrid, type DataGridProps, type DatePickerDateType, DateTime, type DateTimeProps, Divider, type DividerProps, DocumentationPopover, type DocumentationPopoverProps, EmptyState, type EmptyStateProps, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormInput, type FormInputProps, FormRadio, type FormRadioProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, GridContainer, type GridContainerProps, GridItem, type GridItemProps, Icon, type IconProps, Illustration, type IllustrationProps, InfoCard, type InfoCardProps, InfoModal, type InfoModalProps, InfoPopover, type InfoPopoverProps, Input, type InputProps, Link, type LinkProps, Loading, type LoadingProps, NotFound, type NotFoundProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, type PaginatedResponse, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabGroup, type TabGroupProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, Tag, type TagProps, Typography, type TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useDebounce, useQueryParams, useRemotePagination };
+export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, CodeInline, type CodeInlineProps, CodeSnippet, type CodeSnippetItemProps, type CodeSnippetProps, ContactBox, type ContactBoxProps, ControlButton, type ControlButtonProps, CopyButton, type CopyButtonProps, type CreateAlertProps, type CreateSnackbarProps, DataGrid, type DataGridProps, type DatePickerDateType, DateTime, type DateTimeProps, Divider, type DividerProps, DocumentationPopover, type DocumentationPopoverProps, EmptyState, type EmptyStateProps, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDateRangePicker, type FormDateRangePickerProps, FormInput, type FormInputProps, FormRadio, type FormRadioProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, GridContainer, type GridContainerProps, GridItem, type GridItemProps, Icon, type IconProps, Illustration, type IllustrationProps, InfoCard, type InfoCardProps, InfoModal, type InfoModalProps, InfoPopover, type InfoPopoverProps, Input, type InputProps, Link, type LinkProps, Loading, type LoadingProps, NotFound, type NotFoundProps, PageContainer, type PageContainerProps, PageHeader, type PageHeaderProps, type PaginatedResponse, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tab, TabGroup, type TabGroupProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, TableSortLabel, type TableSortLabelProps, Tabs, type TabsProps, Tag, type TagProps, Typography, type TypographyProps, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useDebounce, useQueryParams, useRemotePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -67,8 +67,6 @@
     "@types/react": "^17.0.38",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
-    "babel-jest": "^27.4.6",
-    "babel-loader": "^8.2.3",
     "commit-and-tag-version": "^12.4.1",
     "eslint": "^8.7.0",
     "eslint-config-prettier": "^8.3.0",

package/dist/cjs/types/global/providers/AlertProvider/SnackBarStack.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SnackBarStack: () => JSX.Element;

package/dist/esm/types/global/providers/AlertProvider/SnackBarStack.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SnackBarStack: () => JSX.Element;