@nulogy/components 8.11.1 → 8.12.0

package/dist/src/Alert/Alert.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
-import { BoxProps } from "../Box/Box";
+/// <reference types="react" />
+import { FlexProps } from "../Flex/Flex";
 type NotificationType = "danger" | "informative" | "success" | "warning";
-export type AlertProps = BoxProps & React.HTMLProps<HTMLDivElement> & {
+export type AlertProps = FlexProps & {
     isCloseable?: boolean;
     closeAriaLabel?: string;
     title?: string;

package/dist/src/Toast/Toast.d.ts

@@ -2,20 +2,44 @@
 import { AlertProps } from "../Alert/Alert";
 type ToastProps = AlertProps & {
     triggered?: boolean;
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
+    isCloseable?: boolean;
     showDuration?: number;
-    onHidden?: (...args: any[]) => any;
+    onShow?: () => void;
+    onHide?: () => void;
+    onHidden?: () => void;
+};
+export declare const TOAST_SHOW_DURATION = 2000;
+export declare const toastAnimationConfig: {
+    initial: {
+        opacity: number;
+        y: number;
+    };
+    animate: {
+        opacity: number;
+        y: number;
+        transition: {
+            type: string;
+            bounce: number;
+            duration: number;
+        };
+    };
+    exit: {
+        y: number;
+        opacity: number;
+        transition: {
+            ease: string;
+            duration: number;
+        };
+    };
 };
 export declare const Toast: {
     ({ triggered, onHide, onShow, isCloseable, children, showDuration, onHidden, zIndex, ...props }: ToastProps): JSX.Element;
     defaultProps: {
         triggered: boolean;
-        onShow: () => void;
-        onHide: () => void;
-        children: any;
         isCloseable: boolean;
         showDuration: number;
+        onShow: () => void;
+        onHide: () => void;
         onHidden: () => void;
     };
 };

package/dist/src/ToastContainer/ToastContainer.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ToasterProps } from "react-hot-toast";
+import { ToastOptions } from "./ToastFunction";
+type ToastContainerProps = {
+    gap?: number;
+    maxVisibleToasts?: number;
+    toastOptions?: ToastOptions;
+} & Omit<ToasterProps, "gutter" | "toastOptions">;
+declare const ToastContainer: {
+    ({ gap, maxVisibleToasts, toastOptions, ...props }: ToastContainerProps): JSX.Element;
+    defaultProps: {
+        position: string;
+        reverseOrder: boolean;
+        containerClassName: string;
+        toastOptions: {
+            duration: number;
+        };
+        maxVisibleToasts: number;
+    };
+};
+export default ToastContainer;

package/dist/src/ToastContainer/ToastContainer.story.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const WithEverything: () => JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;

package/dist/src/ToastContainer/ToastFunction.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ToastOptions as ReactHotToastOptions } from "react-hot-toast";
+import { AlertProps as OriginalAlertProps } from "../Alert/Alert";
+type AlertProps = Omit<OriginalAlertProps, "as">;
+type ToastFunction = (children: React.ReactNode, props?: AlertProps, options?: ToastOptions) => void;
+type ToastFunctions = {
+    danger: ToastFunction;
+    informative: ToastFunction;
+    success: ToastFunction;
+    warning: ToastFunction;
+};
+declare const toast: ToastFunctions;
+export type ToastOptions = Omit<ReactHotToastOptions, "icon" | "iconTheme">;
+export default toast;

package/dist/src/ToastContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToastContainer } from "./ToastContainer";
+export { default as toast } from "./ToastFunction";

package/dist/src/index.d.ts

@@ -48,6 +48,7 @@ export type { ThemeType } from "./theme.type";
 export { TimePicker } from "./TimePicker";
 export { TimeRange } from "./TimeRange";
 export { Toast } from "./Toast";
+export { ToastContainer, toast } from "./ToastContainer";
 export { Toggle } from "./Toggle";
 export { Tooltip } from "./Tooltip";
 export { TruncatedText } from "./TruncatedText";

package/dist/src/utils/numberFromDimension/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the number from a [CSS dimension]{@link https://developer.mozilla.org/en-US/docs/Web/CSS/dimension}.
+ * @param {string} dimension - A css dimension
+ */
+export default function (dimension: string | number): number;

package/dist/src/utils/numberFromDimension/numberFromDimension.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.11.1",
+  "version": "8.12.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -129,7 +129,7 @@
     "source-map-loader": "^1.0.1",
     "storybook-addon-performance": "^0.17.1",
     "styled-components": "^5.1.0",
-    "svg-sprite-loader": "^3.8.0",
+    "svg-sprite-loader": "^6.0.11",
     "ts-jest": "^26.1.1",
     "typescript": "4.9.5",
     "typescript-eslint": "^0.0.1-alpha.0",
@@ -145,18 +145,19 @@
     "create-react-context": "^0.3.0",
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",
-    "deep-equal": "^1.1.1",
+    "deep-equal": "^2.2.1",
     "framer-motion": "^3.1.3",
     "i18next": "^19.3.1",
     "polished": "3.4.4",
     "react-datepicker": "^4.1.0",
     "react-fast-compare": "^3.2.0",
+    "react-hot-toast": "^2.4.1",
     "react-i18next": "^11.14.2",
     "react-input-autosize": "^2.2.2",
     "react-modal": "^3.14.4",
-    "react-popper": "1.3.7",
+    "react-popper": "1.3.11",
     "react-popper-2": "npm:react-popper@2.2.4",
-    "react-resize-detector": "^7.1.2",
+    "react-resize-detector": "^9.1.0",
     "react-windowed-select": "2.0.5",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-system": "^5.1.4"