@quen-ui/components 0.0.13

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IModalProps } from './types';
+declare const Modal: ({ open, title, size, closeButton, onClickClose, onEsc, zIndex, description, children, footer, fullScreen, classNameFooter, className, ...props }: IModalProps) => React.ReactNode;
+export default Modal;

package/dist/Modal/Modal.es.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+import { useTransitionState } from "react-transition-state";
+import { ModalContainer, ModalStyled, ModalHeaderStyled, ModalFooterStyled } from "./styles.es.js";
+import Title from "../typography/Title/Title.es.js";
+import Text from "../typography/Text/Text.es.js";
+import Button from "../Button/Button.es.js";
+import SvgIconClose from "../assets/icon-close.svg.es.js";
+const Modal = ({
+  open,
+  title,
+  size = "m",
+  closeButton,
+  onClickClose,
+  onEsc,
+  zIndex = 1e3,
+  description,
+  children,
+  footer,
+  fullScreen,
+  classNameFooter,
+  className,
+  ...props
+}) => {
+  const [state, toggle] = useTransitionState({
+    timeout: 500,
+    unmountOnExit: true,
+    initialEntered: open
+  });
+  useEffect(() => {
+    toggle(open);
+  }, [open]);
+  const [container, setContainer] = useState(null);
+  const handleEscapeDown = (event) => {
+    if (event.key === "Escape") {
+      onEsc == null ? void 0 : onEsc();
+    }
+  };
+  useEffect(() => {
+    const container2 = document.getElementsByTagName("body").item(0);
+    if (container2) {
+      container2.addEventListener("keydown", handleEscapeDown);
+    }
+    setContainer(container2);
+    return () => {
+      container2 == null ? void 0 : container2.removeEventListener("keydown", handleEscapeDown);
+    };
+  }, []);
+  if (state.isEnter && container) {
+    return createPortal(
+      /* @__PURE__ */ jsx(ModalContainer, { status: state.status, zIndex, ...props, children: /* @__PURE__ */ jsxs(ModalStyled, { fullScreen, className, size, children: [
+        /* @__PURE__ */ jsxs(ModalHeaderStyled, { children: [
+          title && /* @__PURE__ */ jsx(Title, { size, children: title }),
+          closeButton && /* @__PURE__ */ jsx(Button, { view: "icon", size, onClick: onClickClose, children: /* @__PURE__ */ jsx(SvgIconClose, { width: 16, height: 16 }) })
+        ] }),
+        description && /* @__PURE__ */ jsx(Text, { size, children: description }),
+        children,
+        footer && /* @__PURE__ */ jsx(ModalFooterStyled, { className: classNameFooter, children: footer })
+      ] }) }),
+      container
+    );
+  }
+  return null;
+};
+export {
+  Modal as default
+};

package/dist/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Modal } from './Modal';
+export type { IModalProps } from './types';

package/dist/Modal/styles.cjs.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
+const polished = require("polished");
+const ModalContainer = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["status", "zIndex"].includes(prop)
+})`
+  ${({ status }) => (status === "preEnter" || status === "exiting") && styled.css`
+      opacity: 0;
+      transform: scale(0.9);
+    `};
+  position: absolute;
+  opacity: 1;
+  width: 100%;
+  height: 100%;
+  background: ${({ theme }) => polished.rgba(theme.colors.grayViolet[3], 0.7)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: 0;
+  left: 0;
+  z-index: ${({ zIndex }) => zIndex};
+`;
+const ModalStyled = styled.div.withConfig({
+  shouldForwardProp: (props) => !["fullScreen", "size"].includes(props)
+})`
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  padding: ${({ theme, size }) => polished.math(`${theme.space[size]} * 2`)};
+  background-color: ${({ theme }) => theme.colors.grayViolet[3]};
+  border-radius: 0.5rem;
+  ${({ fullScreen }) => fullScreen && styled.css`
+      width: 100%;
+      height: 100%;
+    `};
+`;
+const ModalHeaderStyled = styled.div`
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+  align-items: center;
+`;
+const ModalFooterStyled = styled.div`
+  display: flex;
+  flex: 0 0 auto;
+  gap: 1rem;
+`;
+exports.ModalContainer = ModalContainer;
+exports.ModalFooterStyled = ModalFooterStyled;
+exports.ModalHeaderStyled = ModalHeaderStyled;
+exports.ModalStyled = ModalStyled;

package/dist/Modal/styles.d.ts

@@ -0,0 +1,14 @@
+import { TransitionStatus } from 'react-transition-state';
+import { TQuenSize } from '../types/size';
+interface IModalContainerProps {
+    status: TransitionStatus;
+    zIndex: number;
+}
+export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IModalContainerProps>> & string;
+export declare const ModalStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    fullScreen?: boolean;
+    size: TQuenSize;
+}>> & string;
+export declare const ModalHeaderStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalFooterStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/Modal/styles.es.js

@@ -0,0 +1,52 @@
+import styled, { css } from "styled-components";
+import { rgba, math } from "polished";
+const ModalContainer = styled.div.withConfig({
+  shouldForwardProp: (prop) => !["status", "zIndex"].includes(prop)
+})`
+  ${({ status }) => (status === "preEnter" || status === "exiting") && css`
+      opacity: 0;
+      transform: scale(0.9);
+    `};
+  position: absolute;
+  opacity: 1;
+  width: 100%;
+  height: 100%;
+  background: ${({ theme }) => rgba(theme.colors.grayViolet[3], 0.7)};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: 0;
+  left: 0;
+  z-index: ${({ zIndex }) => zIndex};
+`;
+const ModalStyled = styled.div.withConfig({
+  shouldForwardProp: (props) => !["fullScreen", "size"].includes(props)
+})`
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  padding: ${({ theme, size }) => math(`${theme.space[size]} * 2`)};
+  background-color: ${({ theme }) => theme.colors.grayViolet[3]};
+  border-radius: 0.5rem;
+  ${({ fullScreen }) => fullScreen && css`
+      width: 100%;
+      height: 100%;
+    `};
+`;
+const ModalHeaderStyled = styled.div`
+  display: flex;
+  gap: 1rem;
+  justify-content: space-between;
+  align-items: center;
+`;
+const ModalFooterStyled = styled.div`
+  display: flex;
+  flex: 0 0 auto;
+  gap: 1rem;
+`;
+export {
+  ModalContainer,
+  ModalFooterStyled,
+  ModalHeaderStyled,
+  ModalStyled
+};

package/dist/Modal/types.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { TQuenSize } from '../types/size';
+export interface IModalProps {
+    /** Controls modal visibility */
+    open: boolean;
+    /** Controls width of the content area */
+    size?: TQuenSize;
+    /** Custom CSS class */
+    className?: string;
+    /** Custom CSS class for footer */
+    classNameFooter?: string;
+    /** Header title content */
+    title?: React.ReactNode;
+    /** Show close (×) button in header */
+    closeButton?: boolean;
+    /** Full-screen modal */
+    fullScreen?: boolean;
+    /** Click handler for close button */
+    onClickClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Base z-index for modal/overlay */
+    zIndex?: number;
+    /** Callback when ESC key is pressed */
+    onEsc?: () => void;
+    /** Optional description below the title */
+    description?: React.ReactNode;
+    /** Main body content */
+    children?: React.ReactNode;
+    /** Footer content (e.g., buttons) */
+    footer?: React.ReactNode;
+    [key: string]: any;
+}

package/dist/Notification/Notification.cjs.js

@@ -0,0 +1,73 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styles = require("./styles.cjs.js");
+const Title = require("../typography/Title/Title.cjs.js");
+const Text = require("../typography/Text/Text.cjs.js");
+const Flex = require("../Flex/Flex.cjs.js");
+const Button = require("../Button/Button.cjs.js");
+const iconClose = require("../assets/icon-close.svg.cjs.js");
+const iconInfo = require("../assets/icon-info.svg.cjs.js");
+const iconWarning = require("../assets/icon-warning.svg.cjs.js");
+const iconError = require("../assets/icon-error.svg.cjs.js");
+const iconSuccess = require("../assets/icon-success.svg.cjs.js");
+const Loader = require("../Loader/Loader.cjs.js");
+const Notification = ({
+  message,
+  status = "info",
+  title,
+  closeButton = true,
+  onClose,
+  className,
+  autoClose = true,
+  icon,
+  loading,
+  ...props
+}) => {
+  const autoCloseTimeout = React.useRef(-1);
+  const IconComponent = React.useMemo(() => {
+    if (loading) {
+      return /* @__PURE__ */ jsxRuntime.jsx(Loader, { view: "oval" });
+    }
+    if (typeof icon === "boolean" && icon) {
+      switch (status) {
+        case "error":
+          return /* @__PURE__ */ jsxRuntime.jsx(iconError, { className: "quen-ui__notification-icon" });
+        case "info":
+          return /* @__PURE__ */ jsxRuntime.jsx(iconInfo, { className: "quen-ui__notification-icon" });
+        case "warning":
+          return /* @__PURE__ */ jsxRuntime.jsx(iconWarning, { className: "quen-ui__notification-icon" });
+        case "success":
+          return /* @__PURE__ */ jsxRuntime.jsx(iconSuccess, { className: "quen-ui__notification-icon" });
+      }
+    }
+    return icon;
+  }, [icon, status]);
+  const cancelAutoClose = () => window.clearTimeout(autoCloseTimeout.current);
+  const handleAutoClose = () => {
+    if (typeof autoClose === "number") {
+      autoCloseTimeout.current = window.setTimeout(
+        () => onClose == null ? void 0 : onClose({}),
+        autoClose
+      );
+    }
+    if (autoClose) {
+      autoCloseTimeout.current = window.setTimeout(() => onClose == null ? void 0 : onClose({}), 5e3);
+    }
+  };
+  React.useEffect(() => {
+    handleAutoClose();
+    return cancelAutoClose;
+  }, [autoClose]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(styles.NotificationStyled, { className, status, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "m", direction: "row", justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "m", align: "center", children: [
+        IconComponent,
+        title ? /* @__PURE__ */ jsxRuntime.jsx(Title, { size: "xs", children: title }) : /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "s", children: message })
+      ] }),
+      closeButton && /* @__PURE__ */ jsxRuntime.jsx(Button, { view: "icon", size: "s", onClick: () => onClose == null ? void 0 : onClose({}), children: /* @__PURE__ */ jsxRuntime.jsx(iconClose, { width: 16 }) })
+    ] }),
+    title && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "s", type: "secondary", children: message })
+  ] });
+};
+module.exports = Notification;

package/dist/Notification/Notification.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { INotificationParams } from './types';
+declare const Notification: ({ message, status, title, closeButton, onClose, className, autoClose, icon, loading, ...props }: INotificationParams) => React.ReactElement;
+export default Notification;

package/dist/Notification/Notification.es.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useMemo, useEffect } from "react";
+import { NotificationStyled } from "./styles.es.js";
+import Title from "../typography/Title/Title.es.js";
+import Text from "../typography/Text/Text.es.js";
+import Flex from "../Flex/Flex.es.js";
+import Button from "../Button/Button.es.js";
+import SvgIconClose from "../assets/icon-close.svg.es.js";
+import SvgIconInfo from "../assets/icon-info.svg.es.js";
+import SvgIconWarning from "../assets/icon-warning.svg.es.js";
+import SvgIconError from "../assets/icon-error.svg.es.js";
+import SvgIconSuccess from "../assets/icon-success.svg.es.js";
+import Loader from "../Loader/Loader.es.js";
+const Notification = ({
+  message,
+  status = "info",
+  title,
+  closeButton = true,
+  onClose,
+  className,
+  autoClose = true,
+  icon,
+  loading,
+  ...props
+}) => {
+  const autoCloseTimeout = useRef(-1);
+  const IconComponent = useMemo(() => {
+    if (loading) {
+      return /* @__PURE__ */ jsx(Loader, { view: "oval" });
+    }
+    if (typeof icon === "boolean" && icon) {
+      switch (status) {
+        case "error":
+          return /* @__PURE__ */ jsx(SvgIconError, { className: "quen-ui__notification-icon" });
+        case "info":
+          return /* @__PURE__ */ jsx(SvgIconInfo, { className: "quen-ui__notification-icon" });
+        case "warning":
+          return /* @__PURE__ */ jsx(SvgIconWarning, { className: "quen-ui__notification-icon" });
+        case "success":
+          return /* @__PURE__ */ jsx(SvgIconSuccess, { className: "quen-ui__notification-icon" });
+      }
+    }
+    return icon;
+  }, [icon, status]);
+  const cancelAutoClose = () => window.clearTimeout(autoCloseTimeout.current);
+  const handleAutoClose = () => {
+    if (typeof autoClose === "number") {
+      autoCloseTimeout.current = window.setTimeout(
+        () => onClose == null ? void 0 : onClose({}),
+        autoClose
+      );
+    }
+    if (autoClose) {
+      autoCloseTimeout.current = window.setTimeout(() => onClose == null ? void 0 : onClose({}), 5e3);
+    }
+  };
+  useEffect(() => {
+    handleAutoClose();
+    return cancelAutoClose;
+  }, [autoClose]);
+  return /* @__PURE__ */ jsxs(NotificationStyled, { className, status, ...props, children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: "m", direction: "row", justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsxs(Flex, { gap: "m", align: "center", children: [
+        IconComponent,
+        title ? /* @__PURE__ */ jsx(Title, { size: "xs", children: title }) : /* @__PURE__ */ jsx(Text, { size: "s", children: message })
+      ] }),
+      closeButton && /* @__PURE__ */ jsx(Button, { view: "icon", size: "s", onClick: () => onClose == null ? void 0 : onClose({}), children: /* @__PURE__ */ jsx(SvgIconClose, { width: 16 }) })
+    ] }),
+    title && /* @__PURE__ */ jsx(Text, { size: "s", type: "secondary", children: message })
+  ] });
+};
+export {
+  Notification as default
+};

package/dist/Notification/NotificationInstance.cjs.js

@@ -0,0 +1,244 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const reactDom = require("react-dom");
+const helpers = require("@quen-ui/helpers");
+const NotificationsStore = require("./NotificationsStore.cjs.js");
+const styles = require("./styles.cjs.js");
+const Notification = require("./Notification.cjs.js");
+const CONTAINER_NOTIFICATIONS = "quen-ui-notifications";
+const NotificationInstance = () => {
+  const [notifications2, setNotifications] = React.useState([]);
+  const [element, setElement] = React.useState();
+  React.useEffect(() => {
+    let _element = document.getElementById(CONTAINER_NOTIFICATIONS);
+    if (!_element) {
+      _element = document.createElement("div");
+      _element.setAttribute("id", CONTAINER_NOTIFICATIONS);
+      document.body.appendChild(_element);
+    }
+    setElement(_element);
+  }, []);
+  const topNotifications = React.useMemo(
+    () => notifications2.filter((notification) => notification.position === "top"),
+    [notifications2]
+  );
+  const topLeftNotifications = React.useMemo(
+    () => notifications2.filter(
+      (notification) => notification.position === "top-left"
+    ),
+    [notifications2]
+  );
+  const topRightNotifications = React.useMemo(
+    () => notifications2.filter(
+      (notification) => notification.position === "top-right"
+    ),
+    [notifications2]
+  );
+  const bottomNotifications = React.useMemo(
+    () => notifications2.filter(
+      (notification) => notification.position === "bottom"
+    ),
+    [notifications2]
+  );
+  const bottomLeftNotifications = React.useMemo(
+    () => notifications2.filter(
+      (notification) => notification.position === "bottom-left"
+    ),
+    [notifications2]
+  );
+  const bottomRightNotifications = React.useMemo(
+    () => notifications2.filter(
+      (notification) => notification.position === "bottom-right"
+    ),
+    [notifications2]
+  );
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== "production" && element && element.children.length > 1) {
+      window.console.error(
+        "Warning: You are using two instances NotificationsInstance. Use only one instance per application."
+      );
+    }
+  }, []);
+  React.useEffect(() => {
+    NotificationsStore.subscribe(updateNotifications);
+    return () => {
+      NotificationsStore.unsubscribe(updateNotifications);
+      element == null ? void 0 : element.remove();
+    };
+  }, []);
+  const updateNotifications = () => {
+    setNotifications([...NotificationsStore.data]);
+  };
+  if (element) {
+    return reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        topNotifications.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          styles.NotificationsWrapper,
+          {
+            zIndex: topNotifications[topNotifications.length - 1].zIndex,
+            position: "top",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: topNotifications.map((notification) => /* @__PURE__ */ React.createElement(
+              Notification,
+              {
+                ...notification,
+                key: notification.id,
+                onClose: () => {
+                  var _a;
+                  hideNotification(notification.id);
+                  (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+                }
+              }
+            )) })
+          }
+        ) : null,
+        topLeftNotifications.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          styles.NotificationsWrapper,
+          {
+            zIndex: topLeftNotifications[topLeftNotifications.length - 1].zIndex,
+            position: "top-left",
+            children: topLeftNotifications.map((notification) => /* @__PURE__ */ React.createElement(
+              Notification,
+              {
+                ...notification,
+                key: notification.id,
+                onClose: () => {
+                  var _a;
+                  hideNotification(notification.id);
+                  (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+                }
+              }
+            ))
+          }
+        ) : null,
+        topRightNotifications.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          styles.NotificationsWrapper,
+          {
+            position: "top-right",
+            zIndex: topRightNotifications[topRightNotifications.length - 1].zIndex,
+            children: topRightNotifications.map((notification) => /* @__PURE__ */ React.createElement(
+              Notification,
+              {
+                ...notification,
+                key: notification.id,
+                onClose: () => {
+                  var _a;
+                  hideNotification(notification.id);
+                  (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+                }
+              }
+            ))
+          }
+        ) : null,
+        bottomNotifications.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          styles.NotificationsWrapper,
+          {
+            position: "bottom",
+            zIndex: bottomNotifications[bottomNotifications.length - 1].zIndex,
+            children: bottomNotifications.map((notification) => /* @__PURE__ */ React.createElement(
+              Notification,
+              {
+                ...notification,
+                key: notification.id,
+                onClose: () => {
+                  var _a;
+                  hideNotification(notification.id);
+                  (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+                }
+              }
+            ))
+          }
+        ) : null,
+        bottomLeftNotifications.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          styles.NotificationsWrapper,
+          {
+            position: "bottom-left",
+            zIndex: bottomLeftNotifications[bottomLeftNotifications.length - 1].zIndex,
+            children: bottomLeftNotifications.map((notification) => /* @__PURE__ */ React.createElement(
+              Notification,
+              {
+                ...notification,
+                key: notification.id,
+                onClose: () => {
+                  var _a;
+                  hideNotification(notification.id);
+                  (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+                }
+              }
+            ))
+          }
+        ) : null,
+        bottomRightNotifications.length ? /* @__PURE__ */ jsxRuntime.jsx(
+          styles.NotificationsWrapper,
+          {
+            position: "bottom-right",
+            zIndex: bottomRightNotifications[bottomRightNotifications.length - 1].zIndex,
+            children: bottomRightNotifications.map((notification) => /* @__PURE__ */ React.createElement(
+              Notification,
+              {
+                ...notification,
+                key: notification.id,
+                onClose: () => {
+                  var _a;
+                  hideNotification(notification.id);
+                  (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+                }
+              }
+            ))
+          }
+        ) : null
+      ] }),
+      element
+    );
+  }
+  return null;
+};
+const showNotification = (notification) => {
+  const id = notification.id || helpers.randomId();
+  let newNotifications = [];
+  if (notification.id && NotificationsStore.data.some((n) => n.id === notification.id)) {
+    newNotifications = NotificationsStore.data;
+  } else {
+    newNotifications = [...NotificationsStore.data, { ...notification, id, position: notification.position || "top" }];
+  }
+  NotificationsStore.updateNotifications(newNotifications);
+  return id;
+};
+const hideNotification = (id) => {
+  const newNotifications = NotificationsStore.data.filter((notification) => {
+    var _a;
+    if (notification.id === id) {
+      (_a = notification.onClose) == null ? void 0 : _a.call(notification, notification);
+      return false;
+    }
+    return true;
+  });
+  NotificationsStore.updateNotifications(newNotifications);
+  return id;
+};
+const updateNotification = (notification) => {
+  const newNotifications = NotificationsStore.data.map((n) => {
+    if (n.id === notification.id) {
+      return { ...n, ...notification };
+    }
+    return n;
+  });
+  NotificationsStore.updateNotifications(newNotifications);
+  return notification.id;
+};
+const cleanNotifications = () => {
+  NotificationsStore.updateNotifications([]);
+};
+const notifications = {
+  show: showNotification,
+  hide: hideNotification,
+  update: updateNotification,
+  clean: cleanNotifications
+};
+exports.NotificationInstance = NotificationInstance;
+exports.cleanNotifications = cleanNotifications;
+exports.hideNotification = hideNotification;
+exports.notifications = notifications;
+exports.showNotification = showNotification;
+exports.updateNotification = updateNotification;

package/dist/Notification/NotificationInstance.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { INotificationParams, INotificationsContext } from './types';
+export declare const NotificationInstance: () => React.ReactNode;
+export declare const showNotification: (notification: INotificationParams) => string;
+export declare const hideNotification: (id: string) => string;
+export declare const updateNotification: (notification: Partial<INotificationParams>) => string;
+export declare const cleanNotifications: () => void;
+export declare const notifications: INotificationsContext;