asma-core-ui 4.0.0-2 → 4.0.0-3

package/dist/src/components/feedback/snack-bar/SnackbarProvider.d.ts

@@ -0,0 +1,32 @@
+import type { AlertColor } from '@mui/material';
+import { type SnackbarProviderProps } from 'notistack';
+/**
+ * @ignore
+ * @internal
+ */
+export declare const SnackbarProvider: (props: SnackbarProviderProps) => JSX.Element;
+declare module 'notistack' {
+    interface VariantOverrides {
+        alert: {
+            /**
+             * The className to apply to the alert.
+             */
+            alertClassName?: string;
+            /**
+             * The variant to use.
+             * @default 'standard'
+             */
+            alertVariant?: 'standard' | 'filled' | 'outlined';
+            /**
+             * The severity of the alert. This defines the color and icon used.
+             * @default 'success'
+             */
+            severity?: AlertColor;
+            /**
+             * If true, the alert is closable.
+             * @default false
+             */
+            closeButton?: boolean;
+        };
+    }
+}

package/dist/src/components/feedback/snack-bar/StyledAlertSnackbar.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { AlertColor } from '@mui/material';
+import { type CustomContentProps } from 'notistack';
+interface StyledAlertSnackbarProps extends CustomContentProps {
+    severity?: AlertColor;
+    alertClassName?: string;
+    alertVariant?: 'standard' | 'filled' | 'outlined';
+    closeButton?: boolean;
+}
+export declare const StyledAlertSnackbar: import("react").ForwardRefExoticComponent<StyledAlertSnackbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/feedback/snack-bar/StyledSnackbar.d.ts

@@ -0,0 +1,2 @@
+import { type SnackbarProps } from '@mui/material';
+export declare const StyledSnackbar: ({ children, ...props }: SnackbarProps) => JSX.Element;

package/dist/src/components/feedback/snack-bar/components/StyledInfoSnackbar.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { AlertColor } from '@mui/material';
+import { type CustomContentProps } from 'notistack';
+interface StyledInfoSnackbarProps extends CustomContentProps {
+    severity?: AlertColor;
+    alertClassName?: string;
+    alertVariant?: 'standard' | 'filled' | 'outlined';
+    closeButton?: boolean;
+    type?: 'loading';
+}
+export declare const StyledInfoSnackbar: import("react").ForwardRefExoticComponent<StyledInfoSnackbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/feedback/snack-bar/components/processMessageError.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { MessageProps } from './types';
+export declare function processMessageError(messageInfo: string | ReactNode, options?: MessageProps): () => void;

package/dist/src/components/feedback/snack-bar/components/processMessageInfo.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { MessageProps } from './types';
+export declare function processMessageInfo(messageInfo: string | ReactNode, options?: MessageProps): () => void;

package/dist/src/components/feedback/snack-bar/components/types.d.ts

@@ -0,0 +1,10 @@
+import type { AlertColor } from '@mui/material';
+import type { SnackbarProviderProps } from 'notistack';
+export type MessageProps = SnackbarProviderProps & {
+    severity?: AlertColor;
+    persist?: boolean;
+    closeButton?: boolean;
+    className?: string;
+    id?: string;
+    type?: 'loading';
+};

package/dist/src/components/feedback/snack-bar/components-styled/InfoMessages.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const InfoMessages: React.FC;

package/dist/src/components/feedback/snack-bar/index.d.ts

@@ -0,0 +1,6 @@
+export * from './SnackbarProvider';
+export { enqueueSnackbar, closeSnackbar, useSnackbar } from 'notistack';
+export * from './StyledSnackbar';
+export * from './processAlertSnackBar';
+export * from './processInfoSnackbar';
+export * from './message';

package/dist/src/components/feedback/snack-bar/message.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { MessageProps } from './components/types';
+/**
+ * Important props:
+ * @param id - string. To control the message
+ * @remarks use callBack function to close the message manually. Providing ID as a param is important in this case.
+ * Without ID, callback fil force close all active notifications
+ * @param closeButton -  true | false
+ * @param persist -  true | false
+ * @param autoHideDuration -  number
+ * @moreProps https://notistack.com/api-reference#mutual-props
+ */
+export declare const message: {
+    info: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
+    error: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
+    loading: (messageInfo: string | ReactNode, options?: MessageProps) => (() => void);
+};

package/dist/src/components/feedback/snack-bar/processAlertSnackBar.d.ts

@@ -0,0 +1 @@
+export declare function processAlertSnackBar(message: string): void;

package/dist/src/components/feedback/snack-bar/processInfoSnackbar.d.ts

@@ -0,0 +1 @@
+export declare function processInfoSnackbar(message: string): void;

package/dist/src/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/icons';
 export * from './components/data-display/typography';
 export * from './components/feedback/dialog';
 export * from './components/feedback/alert';
+export * from './components/feedback/snack-bar';
 export * from './components/inputs/button';
 export * from './components/inputs/checkbox';
 export * from './components/inputs/input-field';

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "4.0.0-2",
+    "version": "4.0.0-3",
     "type": "module",
     "files": [
         "dist/**/*",
@@ -44,12 +44,12 @@
         "@iconify/react": "^4.1.1",
         "@mui/material": "^5.13.7",
         "@tanstack/react-table": "^8.10.0",
-        "asma-core-ui": "^3.0.53",
         "clsx": "^1.2.1",
         "date-fns": "^2.30.0",
         "lodash-es": "^4.17.21",
         "material-ui-popup-state": "^5.0.10",
         "node": "18.17.0",
+        "notistack": "^3.0.1",
         "react": "^18.2.0",
         "react-day-picker": "^8.8.2",
         "react-dom": "^18.2.0",