ingred-ui 9.3.0 → 9.4.1

package/dist/lib/react-toast-notification/src/ToastContainer.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import type { Placement } from "./types";
+export declare type ToastContainerProps = {
+    children?: ReactNode;
+    hasToasts: boolean;
+    placement: Placement;
+};
+export declare const ToastContainer: ({ hasToasts, placement, ...props }: ToastContainerProps) => JSX.Element;

package/dist/lib/react-toast-notification/src/ToastController.d.ts

@@ -0,0 +1,31 @@
+import { Component, ComponentType } from "react";
+import type { ToastProps } from "./ToastElement";
+declare type Props = ToastProps & {
+    component: ComponentType<ToastProps>;
+};
+declare type State = {
+    isRunning: boolean;
+};
+declare const TimerType: {
+    clear: () => void;
+    pause: () => void;
+    resume: () => void;
+};
+export declare class ToastController extends Component<Props, State> {
+    timeout: typeof TimerType;
+    state: {
+        isRunning: boolean;
+    };
+    static defaultProps: {
+        autoDismiss: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Props): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    startTimer: () => void;
+    clearTimer: () => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+}
+export {};

package/dist/lib/react-toast-notification/src/ToastElement.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from "react";
+import type { HoverFn, Placement } from "./types";
+import { NOOP } from "./utils";
+import { TransitionStatus } from "react-transition-group";
+export declare const borderRadius = 4;
+export declare const gutter = 8;
+export declare const toastWidth = 360;
+declare const appearances: {
+    success: {
+        icon: (props: any) => JSX.Element;
+        text: string;
+        fg: string;
+        bg: string;
+    };
+    error: {
+        icon: (props: any) => JSX.Element;
+        text: string;
+        fg: string;
+        bg: string;
+    };
+    warning: {
+        icon: (props: any) => JSX.Element;
+        text: string;
+        fg: string;
+        bg: string;
+    };
+    info: {
+        icon: (props: any) => JSX.Element;
+        text: string;
+        fg: string;
+        bg: string;
+    };
+};
+export declare type AppearanceTypes = keyof typeof appearances;
+export declare type ToastProps = {
+    appearance: AppearanceTypes;
+    autoDismiss: boolean;
+    autoDismissTimeout: number;
+    children: ReactNode;
+    isRunning: boolean;
+    onDismiss: typeof NOOP;
+    onMouseEnter: HoverFn;
+    onMouseLeave: HoverFn;
+    placement: Placement;
+    transitionDuration: number;
+    transitionState: TransitionStatus;
+};
+export declare const DefaultToast: {
+    ({ appearance, autoDismiss, autoDismissTimeout, children, isRunning, onDismiss, placement, transitionDuration, transitionState, onMouseEnter, onMouseLeave, ...otherProps }: ToastProps): JSX.Element;
+    defaultProps: {
+        onDismiss: () => void;
+    };
+};
+export {};

package/dist/lib/react-toast-notification/src/ToastProvider.d.ts

@@ -0,0 +1,63 @@
+import React, { Component, ComponentType, ReactNode } from "react";
+import { ToastContainerProps } from "./ToastContainer";
+import { ToastProps } from "./ToastElement";
+import type { AddFn, UpdateFn, RemoveFn, Callback, ToastsType, Options, Placement, Id, ToastType } from "./types";
+declare type Components = {
+    Toast: ComponentType<ToastProps>;
+    ToastContainer: ComponentType<ToastContainerProps>;
+};
+export declare type ToastProviderProps = {
+    autoDismissTimeout?: number;
+    autoDismiss?: boolean;
+    components?: Components;
+    newestOnTop?: boolean;
+    placement: Placement;
+    portalTargetSelector?: string;
+    transitionDuration?: number;
+};
+declare type State = {
+    toasts: ToastsType;
+};
+export declare class ToastProvider extends Component<ToastProviderProps, State> {
+    nodeRef: React.RefObject<HTMLDivElement>;
+    static defaultProps: {
+        autoDismiss: boolean;
+        autoDismissTimeout: number;
+        components: {
+            Toast: {
+                ({ appearance, autoDismiss, autoDismissTimeout, children, isRunning, onDismiss, placement, transitionDuration, transitionState, onMouseEnter, onMouseLeave, ...otherProps }: ToastProps): JSX.Element;
+                defaultProps: {
+                    onDismiss: () => void;
+                };
+            };
+            ToastContainer: ({ hasToasts, placement, ...props }: ToastContainerProps) => JSX.Element;
+        };
+        newestOnTop: boolean;
+        placement: string;
+        transitionDuration: number;
+        nodeRef: null;
+    };
+    constructor(props: ToastProviderProps | Readonly<ToastProviderProps>);
+    state: {
+        toasts: ToastsType;
+    };
+    render(): JSX.Element;
+    has: (id: string) => boolean;
+    onDismiss: (id: Id, cb?: Callback) => () => void;
+    add: (content: Node, options?: Options | undefined, cb?: Callback) => string | undefined;
+    remove: (id: Id, cb?: Callback) => void;
+    removeAll: () => void;
+    update: (id: Id, options?: Options | undefined, cb?: Callback) => void;
+}
+export declare const ToastConsumer: ({ children, }: {
+    children: (Context: any) => ReactNode;
+}) => JSX.Element;
+export declare const withToastManager: (Comp: ComponentType<any>) => React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<any>>;
+export declare const useToasts: () => {
+    addToast: AddFn;
+    removeToast: RemoveFn;
+    removeAllToasts: () => void;
+    updateToast: UpdateFn;
+    toastStack: ToastType[];
+};
+export {};

package/dist/lib/react-toast-notification/src/colors.d.ts

@@ -0,0 +1,81 @@
+declare const colors: {
+    R50: string;
+    R75: string;
+    R100: string;
+    R200: string;
+    R300: string;
+    R400: string;
+    R500: string;
+    Y50: string;
+    Y75: string;
+    Y100: string;
+    Y200: string;
+    Y300: string;
+    Y400: string;
+    Y500: string;
+    G50: string;
+    G75: string;
+    G100: string;
+    G200: string;
+    G300: string;
+    G400: string;
+    G500: string;
+    B50: string;
+    B75: string;
+    B100: string;
+    B200: string;
+    B300: string;
+    B400: string;
+    B500: string;
+    P50: string;
+    P75: string;
+    P100: string;
+    P200: string;
+    P300: string;
+    P400: string;
+    P500: string;
+    T50: string;
+    T75: string;
+    T100: string;
+    T200: string;
+    T300: string;
+    T400: string;
+    T500: string;
+    N0: string;
+    N10: string;
+    N20: string;
+    N30: string;
+    N40: string;
+    N50: string;
+    N60: string;
+    N70: string;
+    N80: string;
+    N90: string;
+    N100: string;
+    N200: string;
+    N300: string;
+    N400: string;
+    N500: string;
+    N600: string;
+    N700: string;
+    N800: string;
+    N900: string;
+    N10A: string;
+    N20A: string;
+    N30A: string;
+    N40A: string;
+    N50A: string;
+    N60A: string;
+    N70A: string;
+    N80A: string;
+    N90A: string;
+    N100A: string;
+    N200A: string;
+    N300A: string;
+    N400A: string;
+    N500A: string;
+    N600A: string;
+    N700A: string;
+    N800A: string;
+};
+export default colors;

package/dist/lib/react-toast-notification/src/icons.d.ts

@@ -0,0 +1,5 @@
+export declare const AlertIcon: (props: any) => JSX.Element;
+export declare const CheckIcon: (props: any) => JSX.Element;
+export declare const FlameIcon: (props: any) => JSX.Element;
+export declare const InfoIcon: (props: any) => JSX.Element;
+export declare const CloseIcon: (props: any) => JSX.Element;

package/dist/lib/react-toast-notification/src/index.d.ts

@@ -0,0 +1,6 @@
+export { ToastContainer as DefaultToastContainer } from "./ToastContainer";
+export type { ToastContainerProps } from "./ToastContainer";
+export { DefaultToast } from "./ToastElement";
+export type { ToastProps } from "./ToastElement";
+export { ToastConsumer, ToastProvider, withToastManager, useToasts, } from "./ToastProvider";
+export type { ToastProviderProps } from "./ToastProvider";

package/dist/lib/react-toast-notification/src/styled.d.ts

@@ -0,0 +1,34 @@
+import { TransitionStatus } from "react-transition-group";
+import { Placement } from "./types";
+export declare const Tag: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Button: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gutter: number;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gutter: number;
+}, never>;
+export declare const Countdown: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    autoDismissTimeout: number;
+    isRunning: boolean;
+    opacity: number;
+}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color: string;
+    backgroundColor: string;
+    borderRadius: number;
+    gutter: number;
+}, never>;
+export declare const ToastElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    height: string | number;
+    transitionDuration: number;
+}, never>;
+export declare const ToastElementInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    backgroundColor: string;
+    color: string;
+    borderRadius: number;
+    transitionDuration: number;
+    gutter: number;
+    width: number;
+    placement: Placement;
+    transitionState: TransitionStatus;
+}, never>;

package/dist/lib/react-toast-notification/src/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+export declare type AppearanceTypes = "error" | "info" | "success" | "warning";
+export declare type Id = string;
+export declare type Callback = (id: Id) => void;
+export declare type Options = {
+    appearance?: AppearanceTypes;
+    autoDismiss?: boolean;
+    id?: string;
+    onDismiss?: (id: string) => void;
+    [key: string]: any;
+};
+export declare type AddFn = (content: ReactNode, options?: Options, callback?: (id: string) => void) => void;
+export declare type UpdateFn = (id: Id, options: Options) => void;
+export declare type RemoveFn = (id: Id) => void;
+export declare type HoverFn = () => void;
+export declare type Placement = "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
+export declare type ToastType = Options & {
+    appearance: AppearanceTypes;
+    content: Node;
+    id: Id;
+};
+export declare type ToastsType = Array<ToastType>;

package/dist/lib/react-toast-notification/src/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const NOOP: () => void;
+export declare function generateUEID(): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingred-ui",
-  "version": "9.3.0",
+  "version": "9.4.1",
   "description": "",
   "author": "voyagegroup",
   "license": "MIT",
@@ -30,7 +30,6 @@
     "react-dates": "^21.8.0",
     "react-popper": "^2.2.3",
     "react-select": "^5.1.0",
-    "react-toast-notifications": "^2.4.0",
     "react-transition-group": "^4.4.1"
   },
   "peerDependencies": {
@@ -40,7 +39,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "21.0.1",
-    "@rollup/plugin-node-resolve": "13.0.6",
+    "@rollup/plugin-node-resolve": "13.1.3",
     "@rollup/plugin-typescript": "8.3.0",
     "@rollup/plugin-url": "6.1.0",
     "@storybook/addon-console": "1.2.3",
@@ -48,45 +47,45 @@
     "@storybook/addon-links": "6.3.12",
     "@storybook/addon-storysource": "6.3.12",
     "@storybook/react": "6.3.12",
-    "@svgr/rollup": "6.1.2",
+    "@svgr/rollup": "6.2.0",
     "@testing-library/jest-dom": "5.16.1",
     "@testing-library/react": "12.1.2",
-    "@types/jest": "27.0.3",
+    "@types/jest": "27.4.0",
     "@types/moment": "2.13.0",
-    "@types/react": "17.0.37",
+    "@types/react": "17.0.38",
     "@types/react-dates": "21.8.3",
     "@types/react-dom": "17.0.11",
-    "@types/react-toast-notifications": "2.4.0",
     "@types/react-transition-group": "4.4.4",
-    "@types/styled-components": "5.1.18",
-    "@typescript-eslint/eslint-plugin": "5.6.0",
-    "@typescript-eslint/parser": "5.6.0",
+    "@types/styled-components": "5.1.21",
+    "@typescript-eslint/eslint-plugin": "5.10.1",
+    "@typescript-eslint/parser": "5.10.1",
     "cross-env": "7.0.3",
-    "eslint": "8.4.1",
+    "eslint": "8.7.0",
     "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-import": "2.25.3",
-    "eslint-plugin-jest": "25.3.0",
+    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-jest": "25.7.0",
     "eslint-plugin-mdx": "1.16.0",
     "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.27.1",
+    "eslint-plugin-react": "7.28.0",
     "eslint-plugin-react-hooks": "4.3.0",
-    "jest": "27.4.5",
+    "jest": "27.4.7",
     "prettier": "2.5.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "rollup": "2.61.1",
-    "rollup-plugin-imagemin": "0.4.1",
+    "rollup": "2.66.0",
+    "rollup-plugin-imagemin": "0.5.0",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "scaffdog": "1.0.1",
+    "scaffdog": "1.1.0",
     "styled-components": "5.3.3",
-    "ts-jest": "27.1.2",
-    "typescript": "4.4.4"
+    "ts-jest": "27.1.3",
+    "typescript": "4.5.5"
   },
   "files": [
     "dist"
   ],
   "resolutions": {
+    "colors": "1.4.0",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   }