@mantine/notifications 6.0.13 → 7.0.0-alpha.13

package/esm/Notifications.js

@@ -0,0 +1,171 @@
+import React, { useRef } from 'react';
+import { TransitionGroup, Transition as Transition$1 } from 'react-transition-group';
+import { useForceUpdate, useReducedMotion, useDidUpdate } from '@mantine/hooks';
+import { getDefaultZIndex, createVarsResolver, rem, factory, useProps, useMantineTheme, useStyles, OptionalPortal, Box } from '@mantine/core';
+import { notificationsStore, useNotifications, notifications, hideNotification } from './notifications.store.js';
+import { NotificationContainer } from './NotificationContainer.js';
+import { getNotificationStateStyles } from './get-notification-state-styles.js';
+import classes from './Notifications.module.css.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Transition = Transition$1;
+const defaultProps = {
+  position: "bottom-right",
+  autoClose: 4e3,
+  transitionDuration: 250,
+  containerWidth: 440,
+  notificationMaxHeight: 200,
+  limit: 5,
+  zIndex: getDefaultZIndex("overlay"),
+  store: notificationsStore,
+  withinPortal: true
+};
+const varsResolver = createVarsResolver(
+  (_, { zIndex, position, containerWidth }) => {
+    const [vertical, horizontal] = position.split("-");
+    return {
+      root: {
+        "--notifications-z-index": zIndex == null ? void 0 : zIndex.toString(),
+        "--notifications-top": vertical === "top" ? "var(--mantine-spacing-md)" : void 0,
+        "--notifications-bottom": vertical === "bottom" ? "var(--mantine-spacing-md)" : void 0,
+        "--notifications-left": horizontal === "left" ? "var(--mantine-spacing-md)" : horizontal === "center" ? "50%" : void 0,
+        "--notifications-right": horizontal === "right" ? "var(--mantine-spacing-md)" : void 0,
+        "--notifications-transform": horizontal === "center" ? "translateX(-50%)" : void 0,
+        "--notifications-container-width": rem(containerWidth)
+      }
+    };
+  }
+);
+const Notifications = factory((_props, ref) => {
+  const props = useProps("Notifications", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    position,
+    autoClose,
+    transitionDuration,
+    containerWidth,
+    notificationMaxHeight,
+    limit,
+    zIndex,
+    store,
+    portalProps,
+    withinPortal
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "position",
+    "autoClose",
+    "transitionDuration",
+    "containerWidth",
+    "notificationMaxHeight",
+    "limit",
+    "zIndex",
+    "store",
+    "portalProps",
+    "withinPortal"
+  ]);
+  const theme = useMantineTheme();
+  const data = useNotifications(store);
+  const forceUpdate = useForceUpdate();
+  const shouldReduceMotion = useReducedMotion();
+  const refs = useRef({});
+  const previousLength = useRef(0);
+  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;
+  const duration = reduceMotion ? 1 : transitionDuration;
+  const getStyles = useStyles({
+    name: "Notifications",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  useDidUpdate(() => {
+    if (data.notifications.length > previousLength.current) {
+      setTimeout(() => forceUpdate(), 0);
+    }
+    previousLength.current = data.notifications.length;
+  }, [notifications]);
+  const items = data.notifications.map((notification) => /* @__PURE__ */ React.createElement(
+    Transition,
+    {
+      key: notification.id,
+      timeout: duration,
+      onEnter: () => refs.current[notification.id].offsetHeight,
+      nodeRef: { current: refs.current[notification.id] }
+    },
+    (state) => /* @__PURE__ */ React.createElement(
+      NotificationContainer,
+      __spreadProps(__spreadValues({}, getStyles("notification", {
+        style: getNotificationStateStyles({
+          state,
+          position,
+          transitionDuration: duration,
+          maxHeight: notificationMaxHeight
+        })
+      })), {
+        ref: (node) => {
+          refs.current[notification.id] = node;
+        },
+        data: notification,
+        onHide: (id) => hideNotification(id, store),
+        autoClose
+      })
+    )
+  ));
+  return /* @__PURE__ */ React.createElement(OptionalPortal, __spreadValues({ withinPortal }, portalProps), /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { ref }), others), /* @__PURE__ */ React.createElement(TransitionGroup, null, items)));
+});
+Notifications.classes = classes;
+Notifications.displayName = "@mantine/notifications/Notifications";
+Notifications.show = notifications.show;
+Notifications.hide = notifications.hide;
+Notifications.update = notifications.update;
+Notifications.clean = notifications.clean;
+Notifications.cleanQueue = notifications.cleanQueue;
+Notifications.updateState = notifications.updateState;
+
+export { Notifications };
+//# sourceMappingURL=Notifications.js.map

package/esm/Notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.js","sources":["../src/Notifications.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {\n  Transition as _Transition,\n  TransitionGroup,\n  TransitionStatus,\n} from 'react-transition-group';\nimport { useForceUpdate, useDidUpdate, useReducedMotion } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  PortalProps,\n  getDefaultZIndex,\n  useMantineTheme,\n  OptionalPortal,\n  rem,\n} from '@mantine/core';\nimport {\n  useNotifications,\n  NotificationsStore,\n  notificationsStore,\n  hideNotification,\n  notifications,\n} from './notifications.store';\nimport { NotificationContainer } from './NotificationContainer';\nimport { getNotificationStateStyles } from './get-notification-state-styles';\nimport classes from './Notifications.module.css';\n\nconst Transition: any = _Transition;\n\nexport type NotificationsStylesNames = 'root' | 'notification';\nexport type NotificationsVariant = string;\nexport type NotificationsCssVariables = {\n  root:\n    | '--notifications-z-index'\n    | '--notifications-top'\n    | '--notifications-right'\n    | '--notifications-left'\n    | '--notifications-left'\n    | '--notifications-transform'\n    | '--notifications-container-width';\n};\n\nexport interface NotificationsProps\n  extends BoxProps,\n    StylesApiProps<NotificationsFactory>,\n    ElementProps<'div'> {\n  /** Notifications position, `'bottom-right'` by default */\n  position?:\n    | 'top-left'\n    | 'top-right'\n    | 'top-center'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'bottom-center';\n\n  /** Auto close timeout for all notifications in ms, `false` to disable auto close, can be overwritten for individual notifications in `notifications.show` function, `4000` by defualt */\n  autoClose?: number | false;\n\n  /** Notification transition duration in ms, `250` by default */\n  transitionDuration?: number;\n\n  /** Notification width, cannot exceed 100%, `440` by default */\n  containerWidth?: number | string;\n\n  /** Notification `max-height`, used for transitions, `200` by default */\n  notificationMaxHeight?: number | string;\n\n  /** Maximum number of notifications displayed at a time, other new notifications will be added to queue, `5` by default */\n  limit?: number;\n\n  /** Notifications container z-index, `400` by default */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Props passed down to the `Portal` component */\n  portalProps?: Omit<PortalProps, 'children'>;\n\n  /** Store for notifications state, can be used to create multiple instances of notifications system in your application */\n  store?: NotificationsStore;\n\n  /** Determines whether notifications container should be rendered inside `Portal`, `true` by default */\n  withinPortal?: boolean;\n}\n\nexport type NotificationsFactory = Factory<{\n  props: NotificationsProps;\n  ref: HTMLDivElement;\n  stylesNames: NotificationsStylesNames;\n  vars: NotificationsCssVariables;\n  variant: NotificationsVariant;\n  staticComponents: {\n    show: typeof notifications.show;\n    hide: typeof notifications.hide;\n    update: typeof notifications.update;\n    clean: typeof notifications.clean;\n    cleanQueue: typeof notifications.cleanQueue;\n    updateState: typeof notifications.updateState;\n  };\n}>;\n\nconst defaultProps: Partial<NotificationsProps> = {\n  position: 'bottom-right',\n  autoClose: 4000,\n  transitionDuration: 250,\n  containerWidth: 440,\n  notificationMaxHeight: 200,\n  limit: 5,\n  zIndex: getDefaultZIndex('overlay'),\n  store: notificationsStore,\n  withinPortal: true,\n};\n\nconst varsResolver = createVarsResolver<NotificationsFactory>(\n  (_, { zIndex, position, containerWidth }) => {\n    const [vertical, horizontal] = position!.split('-');\n\n    return {\n      root: {\n        '--notifications-z-index': zIndex?.toString(),\n        '--notifications-top': vertical === 'top' ? 'var(--mantine-spacing-md)' : undefined,\n        '--notifications-bottom': vertical === 'bottom' ? 'var(--mantine-spacing-md)' : undefined,\n        '--notifications-left':\n          horizontal === 'left'\n            ? 'var(--mantine-spacing-md)'\n            : horizontal === 'center'\n            ? '50%'\n            : undefined,\n        '--notifications-right': horizontal === 'right' ? 'var(--mantine-spacing-md)' : undefined,\n        '--notifications-transform': horizontal === 'center' ? 'translateX(-50%)' : undefined,\n        '--notifications-container-width': rem(containerWidth),\n      },\n    };\n  }\n);\n\nexport const Notifications = factory<NotificationsFactory>((_props, ref) => {\n  const props = useProps('Notifications', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    position,\n    autoClose,\n    transitionDuration,\n    containerWidth,\n    notificationMaxHeight,\n    limit,\n    zIndex,\n    store,\n    portalProps,\n    withinPortal,\n    ...others\n  } = props;\n\n  const theme = useMantineTheme();\n  const data = useNotifications(store);\n  const forceUpdate = useForceUpdate();\n  const shouldReduceMotion = useReducedMotion();\n  const refs = useRef<Record<string, HTMLDivElement>>({});\n  const previousLength = useRef<number>(0);\n\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n  const duration = reduceMotion ? 1 : transitionDuration;\n\n  const getStyles = useStyles<NotificationsFactory>({\n    name: 'Notifications',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  useDidUpdate(() => {\n    if (data.notifications.length > previousLength.current) {\n      setTimeout(() => forceUpdate(), 0);\n    }\n    previousLength.current = data.notifications.length;\n  }, [notifications]);\n\n  const items = data.notifications.map((notification) => (\n    <Transition\n      key={notification.id}\n      timeout={duration}\n      onEnter={() => refs.current[notification.id!].offsetHeight}\n      nodeRef={{ current: refs.current[notification.id!] }}\n    >\n      {(state: TransitionStatus) => (\n        <NotificationContainer\n          {...getStyles('notification', {\n            style: getNotificationStateStyles({\n              state,\n              position,\n              transitionDuration: duration!,\n              maxHeight: notificationMaxHeight!,\n            }),\n          })}\n          ref={(node) => {\n            refs.current[notification.id!] = node!;\n          }}\n          data={notification}\n          onHide={(id) => hideNotification(id, store)}\n          autoClose={autoClose!}\n        />\n      )}\n    </Transition>\n  ));\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} {...portalProps}>\n      <Box {...getStyles('root')} ref={ref} {...others}>\n        <TransitionGroup>{items}</TransitionGroup>\n      </Box>\n    </OptionalPortal>\n  );\n});\n\nNotifications.classes = classes;\nNotifications.displayName = '@mantine/notifications/Notifications';\nNotifications.show = notifications.show;\nNotifications.hide = notifications.hide;\nNotifications.update = notifications.update;\nNotifications.clean = notifications.clean;\nNotifications.cleanQueue = notifications.cleanQueue;\nNotifications.updateState = notifications.updateState;\n"],"names":["_Transition"],"mappings":"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"}

package/esm/Notifications.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-AvnBpXo","notification":"mantine-V8o1rqk"};
+
+export default classes;
+//# sourceMappingURL=Notifications.module.css.js.map

package/esm/Notifications.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/{NotificationContainer/get-auto-close → get-auto-close}/get-auto-close.js

@@ -8,5 +8,5 @@ function getAutoClose(autoClose, notificationAutoClose) {
   return autoClose;
 }
 
-export default getAutoClose;
+export { getAutoClose };
 //# sourceMappingURL=get-auto-close.js.map

package/esm/get-auto-close/get-auto-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-auto-close.js","sources":["../../src/get-auto-close/get-auto-close.ts"],"sourcesContent":["export function getAutoClose(\n  autoClose: boolean | number | undefined,\n  notificationAutoClose: boolean | number | undefined\n) {\n  if (typeof notificationAutoClose === 'number') {\n    return notificationAutoClose;\n  }\n\n  if (notificationAutoClose === false || autoClose === false) {\n    return false;\n  }\n\n  return autoClose;\n}\n"],"names":[],"mappings":"AAAO,SAAS,YAAY,CAAC,SAAS,EAAE,qBAAqB,EAAE;AAC/D,EAAE,IAAI,OAAO,qBAAqB,KAAK,QAAQ,EAAE;AACjD,IAAI,OAAO,qBAAqB,CAAC;AACjC,GAAG;AACH,EAAE,IAAI,qBAAqB,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK,EAAE;AAC9D,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/esm/{Notifications/get-notification-state-styles/get-notification-state-styles.js → get-notification-state-styles.js}

@@ -29,10 +29,10 @@ const noTransform = {
 function getNotificationStateStyles({
   state,
   maxHeight,
-  positioning,
+  position,
   transitionDuration
 }) {
-  const [vertical, horizontal] = positioning;
+  const [vertical, horizontal] = position.split("-");
   const property = horizontal === "center" ? `${vertical}-center` : horizontal;
   const commonStyles = {
     opacity: 0,
@@ -60,5 +60,5 @@ function getNotificationStateStyles({
   return __spreadValues(__spreadValues({}, commonStyles), transitionStyles[state]);
 }
 
-export default getNotificationStateStyles;
+export { getNotificationStateStyles };
 //# sourceMappingURL=get-notification-state-styles.js.map

package/esm/get-notification-state-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-notification-state-styles.js","sources":["../src/get-notification-state-styles.ts"],"sourcesContent":["import { TransitionStatus } from 'react-transition-group';\nimport type { NotificationsProps } from './Notifications';\n\ninterface NotificationStateStylesProps {\n  state: TransitionStatus;\n  maxHeight: number | string;\n  position: NotificationsProps['position'];\n  transitionDuration: number;\n}\n\nconst transforms = {\n  left: 'translateX(-100%)',\n  right: 'translateX(100%)',\n  'top-center': 'translateY(-100%)',\n  'bottom-center': 'translateY(100%)',\n};\n\nconst noTransform = {\n  left: 'translateX(0)',\n  right: 'translateX(0)',\n  'top-center': 'translateY(0)',\n  'bottom-center': 'translateY(0)',\n};\n\nexport function getNotificationStateStyles({\n  state,\n  maxHeight,\n  position,\n  transitionDuration,\n}: NotificationStateStylesProps): React.CSSProperties {\n  const [vertical, horizontal] = position!.split('-');\n  const property = (\n    horizontal === 'center' ? `${vertical}-center` : horizontal\n  ) as keyof typeof transforms;\n\n  const commonStyles: React.CSSProperties = {\n    opacity: 0,\n    maxHeight,\n    transform: transforms[property],\n    transitionDuration: `${transitionDuration}ms, ${transitionDuration}ms, ${transitionDuration}ms`,\n    transitionTimingFunction: 'cubic-bezier(.51,.3,0,1.21), cubic-bezier(.51,.3,0,1.21), linear',\n    transitionProperty: 'opacity, transform, max-height',\n  };\n\n  const inState: React.CSSProperties = {\n    opacity: 1,\n    transform: noTransform[property],\n  };\n\n  const outState: React.CSSProperties = {\n    opacity: 0,\n    maxHeight: 0,\n    transform: transforms[property],\n  };\n\n  const transitionStyles = {\n    entering: inState,\n    entered: inState,\n    exiting: outState,\n    exited: outState,\n  };\n\n  return { ...commonStyles, ...transitionStyles[state as keyof typeof transitionStyles] };\n}\n"],"names":[],"mappings":"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"}

package/esm/index.css

@@ -0,0 +1,15 @@
+.mantine-AvnBpXo {
+  width: calc(100% - var(--mantine-spacing-md) * 2);
+  position: fixed;
+  z-index: var(--notifications-z-index);
+  top: var(--notifications-top);
+  left: var(--notifications-left);
+  right: var(--notifications-right);
+  bottom: var(--notifications-bottom);
+  transform: var(--notifications-transform);
+  max-width: var(--notifications-container-width);
+}
+
+.mantine-V8o1rqk + .mantine-V8o1rqk {
+    margin-top: var(--mantine-spacing-md);
+  }

package/esm/index.js

@@ -1,3 +1,4 @@
-export { Notifications } from './Notifications/Notifications.js';
-export { cleanNotifications, cleanNotificationsQueue, hideNotification, notifications, showNotification, updateNotification } from './events.js';
+'use client';
+export { cleanNotifications, cleanNotificationsQueue, createNotificationsStore, hideNotification, notifications, notificationsStore, showNotification, updateNotification, updateNotificationsState, useNotifications } from './notifications.store.js';
+export { Notifications } from './Notifications.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/esm/notifications.store.js

@@ -0,0 +1,94 @@
+import { randomId } from '@mantine/hooks';
+import { createStore, useStore } from '@mantine/store';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const createNotificationsStore = () => createStore({
+  notifications: [],
+  queue: [],
+  limit: 5
+});
+const notificationsStore = createNotificationsStore();
+const useNotifications = (store = notificationsStore) => useStore(store);
+function updateNotificationsState(store, update) {
+  const state = store.getState();
+  const notifications2 = update([...state.notifications, ...state.queue]);
+  store.setState({
+    notifications: notifications2.slice(0, state.limit),
+    queue: notifications2.slice(state.limit),
+    limit: state.limit
+  });
+}
+function showNotification(notification, store = notificationsStore) {
+  const id = notification.id || randomId();
+  updateNotificationsState(store, (notifications2) => {
+    if (notification.id && notifications2.some((n) => n.id === notification.id)) {
+      return notifications2;
+    }
+    return [...notifications2, __spreadProps(__spreadValues({}, notification), { id })];
+  });
+  return id;
+}
+function hideNotification(id, store = notificationsStore) {
+  updateNotificationsState(
+    store,
+    (notifications2) => notifications2.filter((notification) => {
+      var _a;
+      if (notification.id === id) {
+        (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+        return false;
+      }
+      return true;
+    })
+  );
+  return id;
+}
+function updateNotification(notification, store = notificationsStore) {
+  updateNotificationsState(
+    store,
+    (notifications2) => notifications2.map((item) => {
+      if (item.id === notification.id) {
+        return __spreadValues(__spreadValues({}, item), notification);
+      }
+      return item;
+    })
+  );
+  return notification.id;
+}
+function cleanNotifications(store = notificationsStore) {
+  updateNotificationsState(store, () => []);
+}
+function cleanNotificationsQueue(store = notificationsStore) {
+  updateNotificationsState(
+    store,
+    (notifications2) => notifications2.slice(0, store.getState().limit)
+  );
+}
+const notifications = {
+  show: showNotification,
+  hide: hideNotification,
+  update: updateNotification,
+  clean: cleanNotifications,
+  cleanQueue: cleanNotificationsQueue,
+  updateState: updateNotificationsState
+};
+
+export { cleanNotifications, cleanNotificationsQueue, createNotificationsStore, hideNotification, notifications, notificationsStore, showNotification, updateNotification, updateNotificationsState, useNotifications };
+//# sourceMappingURL=notifications.store.js.map

package/esm/notifications.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.store.js","sources":["../src/notifications.store.ts"],"sourcesContent":["import { NotificationProps } from '@mantine/core';\nimport { randomId } from '@mantine/hooks';\nimport { createStore, useStore, MantineStore } from '@mantine/store';\n\nexport interface NotificationData extends Omit<NotificationProps, 'onClose'> {\n  /** Notification id, can be used to close or update notification */\n  id?: string;\n\n  /** Notification message, required for all notifications */\n  message: React.ReactNode;\n\n  /** Determines whether notification should be closed automatically,\n   *  number is auto close timeout in ms, overrides `autoClose` from `Notifications`\n   * */\n  autoClose?: boolean | number;\n\n  /** Called when notification closes */\n  onClose?(props: NotificationData): void;\n\n  /** Called when notification opens */\n  onOpen?(props: NotificationData): void;\n}\n\nexport interface NotificationsState {\n  notifications: NotificationData[];\n  queue: NotificationData[];\n  limit: number;\n}\n\nexport type NotificationsStore = MantineStore<NotificationsState>;\n\nexport const createNotificationsStore = () =>\n  createStore<NotificationsState>({\n    notifications: [],\n    queue: [],\n    limit: 5,\n  });\n\nexport const notificationsStore = createNotificationsStore();\nexport const useNotifications = (store: NotificationsStore = notificationsStore) => useStore(store);\n\nexport function updateNotificationsState(\n  store: NotificationsStore,\n  update: (notifications: NotificationData[]) => NotificationData[]\n) {\n  const state = store.getState();\n  const notifications = update([...state.notifications, ...state.queue]);\n\n  store.setState({\n    notifications: notifications.slice(0, state.limit),\n    queue: notifications.slice(state.limit),\n    limit: state.limit,\n  });\n}\n\nexport function showNotification(\n  notification: NotificationData,\n  store: NotificationsStore = notificationsStore\n) {\n  const id = notification.id || randomId();\n\n  updateNotificationsState(store, (notifications) => {\n    if (notification.id && notifications.some((n) => n.id === notification.id)) {\n      return notifications;\n    }\n\n    return [...notifications, { ...notification, id }];\n  });\n\n  return id;\n}\n\nexport function hideNotification(id: string, store: NotificationsStore = notificationsStore) {\n  updateNotificationsState(store, (notifications) =>\n    notifications.filter((notification) => {\n      if (notification.id === id) {\n        notification.onClose?.(notification);\n        return false;\n      }\n\n      return true;\n    })\n  );\n\n  return id;\n}\n\nexport function updateNotification(\n  notification: NotificationData,\n  store: NotificationsStore = notificationsStore\n) {\n  updateNotificationsState(store, (notifications) =>\n    notifications.map((item) => {\n      if (item.id === notification.id) {\n        return { ...item, ...notification };\n      }\n\n      return item;\n    })\n  );\n\n  return notification.id;\n}\n\nexport function cleanNotifications(store: NotificationsStore = notificationsStore) {\n  updateNotificationsState(store, () => []);\n}\n\nexport function cleanNotificationsQueue(store: NotificationsStore = notificationsStore) {\n  updateNotificationsState(store, (notifications) =>\n    notifications.slice(0, store.getState().limit)\n  );\n}\n\nexport const notifications = {\n  show: showNotification,\n  hide: hideNotification,\n  update: updateNotification,\n  clean: cleanNotifications,\n  cleanQueue: cleanNotificationsQueue,\n  updateState: updateNotificationsState,\n} as const;\n"],"names":[],"mappings":"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"}

package/lib/NotificationContainer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { NotificationProps } from '@mantine/core';
+import { NotificationData } from './notifications.store';
+interface NotificationContainerProps extends NotificationProps {
+    data: NotificationData;
+    onHide(id: string): void;
+    autoClose: number | false;
+}
+export declare const NotificationContainer: React.ForwardRefExoticComponent<NotificationContainerProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=NotificationContainer.d.ts.map

package/lib/NotificationContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../src/NotificationContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAgB,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,UAAU,0BAA2B,SAAQ,iBAAiB;IAC5D,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC;CAC3B;AAED,eAAO,MAAM,qBAAqB,mGAyCjC,CAAC"}

package/lib/Notifications.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory, PortalProps } from '@mantine/core';
+import { NotificationsStore, notifications } from './notifications.store';
+export type NotificationsStylesNames = 'root' | 'notification';
+export type NotificationsVariant = string;
+export type NotificationsCssVariables = {
+    root: '--notifications-z-index' | '--notifications-top' | '--notifications-right' | '--notifications-left' | '--notifications-left' | '--notifications-transform' | '--notifications-container-width';
+};
+export interface NotificationsProps extends BoxProps, StylesApiProps<NotificationsFactory>, ElementProps<'div'> {
+    /** Notifications position, `'bottom-right'` by default */
+    position?: 'top-left' | 'top-right' | 'top-center' | 'bottom-left' | 'bottom-right' | 'bottom-center';
+    /** Auto close timeout for all notifications in ms, `false` to disable auto close, can be overwritten for individual notifications in `notifications.show` function, `4000` by defualt */
+    autoClose?: number | false;
+    /** Notification transition duration in ms, `250` by default */
+    transitionDuration?: number;
+    /** Notification width, cannot exceed 100%, `440` by default */
+    containerWidth?: number | string;
+    /** Notification `max-height`, used for transitions, `200` by default */
+    notificationMaxHeight?: number | string;
+    /** Maximum number of notifications displayed at a time, other new notifications will be added to queue, `5` by default */
+    limit?: number;
+    /** Notifications container z-index, `400` by default */
+    zIndex?: React.CSSProperties['zIndex'];
+    /** Props passed down to the `Portal` component */
+    portalProps?: Omit<PortalProps, 'children'>;
+    /** Store for notifications state, can be used to create multiple instances of notifications system in your application */
+    store?: NotificationsStore;
+    /** Determines whether notifications container should be rendered inside `Portal`, `true` by default */
+    withinPortal?: boolean;
+}
+export type NotificationsFactory = Factory<{
+    props: NotificationsProps;
+    ref: HTMLDivElement;
+    stylesNames: NotificationsStylesNames;
+    vars: NotificationsCssVariables;
+    variant: NotificationsVariant;
+    staticComponents: {
+        show: typeof notifications.show;
+        hide: typeof notifications.hide;
+        update: typeof notifications.update;
+        clean: typeof notifications.clean;
+        cleanQueue: typeof notifications.cleanQueue;
+        updateState: typeof notifications.updateState;
+    };
+}>;
+export declare const Notifications: import("@mantine/core").MantineComponent<{
+    props: NotificationsProps;
+    ref: HTMLDivElement;
+    stylesNames: NotificationsStylesNames;
+    vars: NotificationsCssVariables;
+    variant: NotificationsVariant;
+    staticComponents: {
+        show: typeof notifications.show;
+        hide: typeof notifications.hide;
+        update: typeof notifications.update;
+        clean: typeof notifications.clean;
+        cleanQueue: typeof notifications.cleanQueue;
+        updateState: typeof notifications.updateState;
+    };
+}>;
+//# sourceMappingURL=Notifications.d.ts.map

package/lib/Notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../src/Notifications.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,OAAO,EAEL,QAAQ,EACR,cAAc,EAEd,YAAY,EAIZ,OAAO,EACP,WAAW,EAKZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,kBAAkB,EAGlB,aAAa,EACd,MAAM,uBAAuB,CAAC;AAO/B,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,cAAc,CAAC;AAC/D,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAC1C,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EACA,yBAAyB,GACzB,qBAAqB,GACrB,uBAAuB,GACvB,sBAAsB,GACtB,sBAAsB,GACtB,2BAA2B,GAC3B,iCAAiC,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,QAAQ,EACd,cAAc,CAAC,oBAAoB,CAAC,EACpC,YAAY,CAAC,KAAK,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EACL,UAAU,GACV,WAAW,GACX,YAAY,GACZ,aAAa,GACb,cAAc,GACd,eAAe,CAAC;IAEpB,yLAAyL;IACzL,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAE3B,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEjC,wEAAwE;IACxE,qBAAqB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC,0HAA0H;IAC1H,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wDAAwD;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,kDAAkD;IAClD,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;IAE5C,0HAA0H;IAC1H,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAE3B,uGAAuG;IACvG,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACzC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,wBAAwB,CAAC;IACtC,IAAI,EAAE,yBAAyB,CAAC;IAChC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,gBAAgB,EAAE;QAChB,IAAI,EAAE,OAAO,aAAa,CAAC,IAAI,CAAC;QAChC,IAAI,EAAE,OAAO,aAAa,CAAC,IAAI,CAAC;QAChC,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAC;QACpC,KAAK,EAAE,OAAO,aAAa,CAAC,KAAK,CAAC;QAClC,UAAU,EAAE,OAAO,aAAa,CAAC,UAAU,CAAC;QAC5C,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAC;KAC/C,CAAC;CACH,CAAC,CAAC;AAqCH,eAAO,MAAM,aAAa;WAlDjB,kBAAkB;SACpB,cAAc;iBACN,wBAAwB;UAC/B,yBAAyB;aACtB,oBAAoB;sBACX;QAChB,IAAI,EAAE,OAAO,cAAc,IAAI,CAAC;QAChC,IAAI,EAAE,OAAO,cAAc,IAAI,CAAC;QAChC,MAAM,EAAE,OAAO,cAAc,MAAM,CAAC;QACpC,KAAK,EAAE,OAAO,cAAc,KAAK,CAAC;QAClC,UAAU,EAAE,OAAO,cAAc,UAAU,CAAC;QAC5C,WAAW,EAAE,OAAO,cAAc,WAAW,CAAC;KAC/C;EA6HD,CAAC"}

package/lib/get-auto-close/get-auto-close.d.ts

@@ -0,0 +1,2 @@
+export declare function getAutoClose(autoClose: boolean | number | undefined, notificationAutoClose: boolean | number | undefined): number | boolean | undefined;
+//# sourceMappingURL=get-auto-close.d.ts.map

package/lib/get-auto-close/get-auto-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-auto-close.d.ts","sourceRoot":"","sources":["../../src/get-auto-close/get-auto-close.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAC1B,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,EACvC,qBAAqB,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,gCAWpD"}

package/lib/get-notification-state-styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TransitionStatus } from 'react-transition-group';
+import type { NotificationsProps } from './Notifications';
+interface NotificationStateStylesProps {
+    state: TransitionStatus;
+    maxHeight: number | string;
+    position: NotificationsProps['position'];
+    transitionDuration: number;
+}
+export declare function getNotificationStateStyles({ state, maxHeight, position, transitionDuration, }: NotificationStateStylesProps): React.CSSProperties;
+export {};
+//# sourceMappingURL=get-notification-state-styles.d.ts.map

package/lib/get-notification-state-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-notification-state-styles.d.ts","sourceRoot":"","sources":["../src/get-notification-state-styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,UAAU,4BAA4B;IACpC,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACzC,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAgBD,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,kBAAkB,GACnB,EAAE,4BAA4B,GAAG,KAAK,CAAC,aAAa,CAkCpD"}

package/lib/index.d.ts

@@ -1,5 +1,5 @@
-export { Notifications } from './Notifications/Notifications';
-export { showNotification, updateNotification, hideNotification, cleanNotifications, cleanNotificationsQueue, notifications, } from './events';
-export type { NotificationProps } from './types';
-export type { NotificationsProps } from './Notifications/Notifications';
+export { notifications, showNotification, hideNotification, cleanNotifications, cleanNotificationsQueue, updateNotification, updateNotificationsState, createNotificationsStore, notificationsStore, useNotifications, } from './notifications.store';
+export { Notifications } from './Notifications';
+export type { NotificationData, NotificationsState, NotificationsStore, } from './notifications.store';
+export type { NotificationsCssVariables, NotificationsFactory, NotificationsProps, NotificationsStylesNames, NotificationsVariant, } from './Notifications';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EACV,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC"}

package/lib/notifications.store.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { NotificationProps } from '@mantine/core';
+import { MantineStore } from '@mantine/store';
+export interface NotificationData extends Omit<NotificationProps, 'onClose'> {
+    /** Notification id, can be used to close or update notification */
+    id?: string;
+    /** Notification message, required for all notifications */
+    message: React.ReactNode;
+    /** Determines whether notification should be closed automatically,
+     *  number is auto close timeout in ms, overrides `autoClose` from `Notifications`
+     * */
+    autoClose?: boolean | number;
+    /** Called when notification closes */
+    onClose?(props: NotificationData): void;
+    /** Called when notification opens */
+    onOpen?(props: NotificationData): void;
+}
+export interface NotificationsState {
+    notifications: NotificationData[];
+    queue: NotificationData[];
+    limit: number;
+}
+export type NotificationsStore = MantineStore<NotificationsState>;
+export declare const createNotificationsStore: () => MantineStore<NotificationsState>;
+export declare const notificationsStore: MantineStore<NotificationsState>;
+export declare const useNotifications: (store?: NotificationsStore) => NotificationsState;
+export declare function updateNotificationsState(store: NotificationsStore, update: (notifications: NotificationData[]) => NotificationData[]): void;
+export declare function showNotification(notification: NotificationData, store?: NotificationsStore): string;
+export declare function hideNotification(id: string, store?: NotificationsStore): string;
+export declare function updateNotification(notification: NotificationData, store?: NotificationsStore): string | undefined;
+export declare function cleanNotifications(store?: NotificationsStore): void;
+export declare function cleanNotificationsQueue(store?: NotificationsStore): void;
+export declare const notifications: {
+    readonly show: typeof showNotification;
+    readonly hide: typeof hideNotification;
+    readonly update: typeof updateNotification;
+    readonly clean: typeof cleanNotifications;
+    readonly cleanQueue: typeof cleanNotificationsQueue;
+    readonly updateState: typeof updateNotificationsState;
+};
+//# sourceMappingURL=notifications.store.d.ts.map

package/lib/notifications.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.store.d.ts","sourceRoot":"","sources":["../src/notifications.store.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAyB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC1E,mEAAmE;IACnE,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,2DAA2D;IAC3D,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;SAEK;IACL,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE7B,sCAAsC;IACtC,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAExC,qCAAqC;IACrC,MAAM,CAAC,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,CAAC;AAElE,eAAO,MAAM,wBAAwB,wCAKjC,CAAC;AAEL,eAAO,MAAM,kBAAkB,kCAA6B,CAAC;AAC7D,eAAO,MAAM,gBAAgB,oDAAsE,CAAC;AAEpG,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,kBAAkB,EACzB,MAAM,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,QAUlE;AAED,wBAAgB,gBAAgB,CAC9B,YAAY,EAAE,gBAAgB,EAC9B,KAAK,GAAE,kBAAuC,UAa/C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,GAAE,kBAAuC,UAa1F;AAED,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,gBAAgB,EAC9B,KAAK,GAAE,kBAAuC,sBAa/C;AAED,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,kBAAuC,QAEhF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,GAAE,kBAAuC,QAIrF;AAED,eAAO,MAAM,aAAa;;;;;;;CAOhB,CAAC"}

package/package.json

@@ -1,18 +1,23 @@
 {
   "name": "@mantine/notifications",
-  "description": "Notification system based on Mantine components",
-  "version": "6.0.13",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
-  "types": "lib/index.d.ts",
+  "version": "7.0.0-alpha.13",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./styles.css": "./esm/index.css"
+  },
   "license": "MIT",
   "author": "Vitaly Rtishchev <rtivital@gmail.com>",
   "sideEffects": false,
-  "homepage": "https://mantine.dev/others/notifications/",
+  "homepage": "https://mantine.dev",
   "repository": {
     "url": "https://github.com/mantinedev/mantine.git",
     "type": "git",
-    "directory": "src/mantine-notifications"
+    "directory": "src/mantine-store"
   },
   "keywords": [
     "react",
@@ -28,14 +33,15 @@
     "notification-system"
   ],
   "peerDependencies": {
-    "@mantine/core": "6.0.13",
-    "@mantine/hooks": "6.0.13",
+    "@mantine/core": "7.0.0-alpha.13",
+    "@mantine/hooks": "7.0.0-alpha.13",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
+    "@mantine/store": "7.0.0-alpha.13",
     "react-transition-group": "4.4.2",
-    "@mantine/utils": "6.0.13"
+    "tslib": "^2.5.2"
   },
   "devDependencies": {}
 }