ingred-ui 32.1.0 → 33.0.0

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

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

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

@@ -1,4 +1,4 @@
-import { Component, ComponentType } from "react";
+import React, { Component, ComponentType } from "react";
 import type { ToastProps } from "./ToastElement";
 type Props = ToastProps & {
     component: ComponentType<ToastProps>;
@@ -22,7 +22,7 @@ export declare class ToastController extends Component<Props, State> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: Props): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     startTimer: () => void;
     clearTimer: () => void;
     onMouseEnter: () => void;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import type { HoverFn, Placement } from "./types";
 import { NOOP } from "./utils";
 import { TransitionStatus } from "react-transition-group";
@@ -7,25 +7,25 @@ export declare const gutter = 8;
 export declare const toastWidth = 360;
 declare const appearances: {
     success: {
-        icon: (props: any) => JSX.Element;
+        icon: (props: any) => React.JSX.Element;
         text: string;
         fg: string;
         bg: string;
     };
     error: {
-        icon: (props: any) => JSX.Element;
+        icon: (props: any) => React.JSX.Element;
         text: string;
         fg: string;
         bg: string;
     };
     warning: {
-        icon: (props: any) => JSX.Element;
+        icon: (props: any) => React.JSX.Element;
         text: string;
         fg: string;
         bg: string;
     };
     info: {
-        icon: (props: any) => JSX.Element;
+        icon: (props: any) => React.JSX.Element;
         text: string;
         fg: string;
         bg: string;
@@ -45,10 +45,5 @@ export type ToastProps = {
     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 declare const DefaultToast: ({ appearance, autoDismiss, autoDismissTimeout, children, isRunning, onDismiss, placement, transitionDuration, transitionState, onMouseEnter, onMouseLeave, ...otherProps }: ToastProps) => React.JSX.Element;
 export {};

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

@@ -25,13 +25,8 @@ export declare class ToastProvider extends Component<ToastProviderProps, State>
         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;
+            Toast: ({ appearance, autoDismiss, autoDismissTimeout, children, isRunning, onDismiss, placement, transitionDuration, transitionState, onMouseEnter, onMouseLeave, ...otherProps }: ToastProps) => React.JSX.Element;
+            ToastContainer: ({ hasToasts, placement, ...props }: ToastContainerProps) => React.JSX.Element;
         };
         newestOnTop: boolean;
         placement: string;
@@ -42,7 +37,7 @@ export declare class ToastProvider extends Component<ToastProviderProps, State>
     state: {
         toasts: ToastsType;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     has: (id: string) => boolean;
     onDismiss: (id: Id, cb?: Callback) => () => void;
     add: (content: ReactNode, options?: Options, cb?: Callback) => string | undefined;
@@ -52,8 +47,8 @@ export declare class ToastProvider extends Component<ToastProviderProps, State>
 }
 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>>;
+}) => React.JSX.Element;
+export declare const withToastManager: (Comp: ComponentType<any>) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
 export declare const useToasts: () => {
     addToast: AddFn;
     removeToast: RemoveFn;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-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;
+import React from "react";
+export declare const AlertIcon: (props: any) => React.JSX.Element;
+export declare const CheckIcon: (props: any) => React.JSX.Element;
+export declare const FlameIcon: (props: any) => React.JSX.Element;
+export declare const InfoIcon: (props: any) => React.JSX.Element;
+export declare const CloseIcon: (props: any) => React.JSX.Element;

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

@@ -1,7 +1,60 @@
-export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
-export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const Countdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const ToastElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
-export declare const ToastElementInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+/// <reference types="react" />
+import { TransitionStatus } from "react-transition-group";
+import { Placement } from "./types";
+export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "gutter"> & {
+    gutter: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "gutter"> & {
+    gutter: number;
+}, never>>> & string;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "gutter"> & {
+    gutter: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "gutter"> & {
+    gutter: number;
+}, never>>> & string;
+export declare const Countdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "opacity" | "autoDismissTimeout" | "isRunning"> & {
+    autoDismissTimeout: number;
+    isRunning: boolean;
+    opacity: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "opacity" | "autoDismissTimeout" | "isRunning"> & {
+    autoDismissTimeout: number;
+    isRunning: boolean;
+    opacity: number;
+}, never>>> & string;
+export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "backgroundColor" | "borderRadius" | "gutter"> & {
+    color: string;
+    backgroundColor: string;
+    borderRadius: number;
+    gutter: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "backgroundColor" | "borderRadius" | "gutter"> & {
+    color: string;
+    backgroundColor: string;
+    borderRadius: number;
+    gutter: number;
+}, never>>> & string;
+export declare const ToastElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "transitionDuration"> & {
+    height: string | number;
+    transitionDuration: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "height" | "transitionDuration"> & {
+    height: string | number;
+    transitionDuration: number;
+}, never>>> & string;
+export declare const ToastElementInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "width" | "placement" | "backgroundColor" | "transitionDuration" | "borderRadius" | "gutter" | "transitionState"> & {
+    backgroundColor: string;
+    color: string;
+    borderRadius: number;
+    transitionDuration: number;
+    gutter: number;
+    width: number;
+    placement: Placement;
+    transitionState: TransitionStatus;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "width" | "placement" | "backgroundColor" | "transitionDuration" | "borderRadius" | "gutter" | "transitionState"> & {
+    backgroundColor: string;
+    color: string;
+    borderRadius: number;
+    transitionDuration: number;
+    gutter: number;
+    width: number;
+    placement: Placement;
+    transitionState: TransitionStatus;
+}, never>>> & string;

package/dist/utils/renderWithThemeProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderResult } from "@testing-library/react";
+export declare function renderWithThemeProvider(ui: JSX.Element): RenderResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingred-ui",
-  "version": "32.1.0",
+  "version": "33.0.0",
   "description": "",
   "author": "CARTA HOLDINGS, Inc.",
   "license": "MIT",
@@ -15,10 +15,6 @@
     "node": ">=20.0.0"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
     "@floating-ui/react": "^0.26.0",
     "csstype": "3.1.2",
     "csv-parse": "^6.1.0",
@@ -27,11 +23,19 @@
     "react-transition-group": "^4.4.1"
   },
   "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "styled-components": "^6"
   },
   "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@axe-core/playwright": "4.11.3",
     "@babel/plugin-transform-class-properties": "^7.23.3",
     "@babel/preset-env": "^7.21.4",
@@ -52,8 +56,8 @@
     "@testing-library/react": "14.1.2",
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "29.5.1",
-    "@types/react": "18.0.12",
-    "@types/react-dom": "18.0.5",
+    "@types/react": "18.3.29",
+    "@types/react-dom": "18.3.7",
     "@types/react-transition-group": "4.4.4",
     "@types/rollup-plugin-peer-deps-external": "2.2.1",
     "@typescript-eslint/eslint-plugin": "7.18.0",
@@ -74,8 +78,8 @@
     "jest-environment-jsdom": "29.7.0",
     "playwright": "^1.58.2",
     "prettier": "3.0.0",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "rollup": "4.59.0",
     "rollup-plugin-imagemin": "0.5.0",
     "rollup-plugin-peer-deps-external": "2.2.4",