@up42/up-components 2.8.0 → 2.9.0

package/dist/cjs/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/cjs/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/cjs/types/global/providers/AlertProvider/AlertStack.d.ts

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

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

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

package/dist/cjs/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';