@redis-ui/components 41.4.1 → 42.0.0

package/dist/Toast/Toaster.style.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { ToastContainer as RcToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 /**
  * Removes top level layout of toastify containers and allows using inner layout of the Toast component
  */
-export declare const ToasterContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-toastify").ToastContainerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const ToasterContainer: import("styled-components").StyledComponent<typeof RcToastContainer, any, {}, never>;

package/dist/Toast/Toaster.style.js

@@ -1,8 +1,8 @@
 import _styled from "styled-components";
-import { ToastContainer as k } from "../node_modules/react-toastify/dist/react-toastify.esm.js";
-/* empty css                                                    */
+import { ToastContainer as Q } from "../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
+/* empty css                                                                        */
 import { useTheme } from "@redislabsdev/redis-ui-styles";
-const ToasterContainer = _styled(k).withConfig({
+const ToasterContainer = _styled(Q).withConfig({
   displayName: "Toasterstyle__ToasterContainer",
   componentId: "RedisUI__sc-zfvdgq-0"
 })(["--toastify-toast-min-height:auto;--toastify-toast-width:auto;--toastify-font-family:inherit;& .Toastify__toast,& .Toastify__toast-body{padding:0;margin-bottom:", ";overflow:visible;background:none;color:black;box-shadow:none;}& .Toastify__toast-body{margin:0;}& .Toastify__progress-bar{visibility:hidden !important;}& .Toastify__close-button{display:none;}"], () => useTheme().components.toast.toaster.gap);

package/dist/Toast/core/core.d.ts

@@ -17,9 +17,9 @@ export declare const toast: {
         readonly Danger: "danger";
     };
     update: (id: ToastId, content: ToastContent, options?: ToastOptions) => void;
-    dismiss: (id?: ToastId | undefined) => void;
-    isActive: (id: ToastId) => boolean;
-    addChangeListener: (callback: import("react-toastify/dist/core").OnChangeCallback) => () => void;
+    dismiss: (id?: ToastId | undefined, containerId?: ToastId | undefined) => void;
+    isActive: typeof import("react-toastify/dist/core/store").isToastActive;
+    addChangeListener: typeof import("react-toastify/dist/core/store").onChange;
     notice: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;
     attention: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;
     danger: (content: ToastContent, options?: Omit<ToastOptions, 'variant'>) => ToastId;

package/dist/Toast/core/mapping.helpers.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const reactToastify_esm = require("../../node_modules/react-toastify/dist/react-toastify.esm.cjs");
+const reactToastify_esm = require("../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.cjs");
 const extractContextProps = (props) => ({
   variant: "informative",
   liveRole: "alert",
@@ -25,8 +25,24 @@ const updateToast = (id, render, options) => reactToastify_esm.toast.update(id,
   render: (props) => render(extractContextProps(props)),
   ...cleanupOptions(options)
 });
+const dismiss = (id, containerId) => {
+  if (containerId !== void 0) {
+    if (id !== void 0) {
+      return reactToastify_esm.toast.dismiss({
+        id,
+        containerId
+      });
+    }
+    return reactToastify_esm.toast.dismiss({
+      containerId
+    });
+  }
+  if (id !== void 0) {
+    return reactToastify_esm.toast.dismiss(id);
+  }
+  return reactToastify_esm.toast.dismiss();
+};
 const {
-  dismiss,
   isActive
 } = reactToastify_esm.toast;
 const addChangeListener = reactToastify_esm.toast.onChange;

package/dist/Toast/core/mapping.helpers.d.ts

@@ -2,7 +2,7 @@
  * This file maps toastify api to redis-ui api
  */
 import { ReactElement } from 'react';
-import { ToastContextProps, ToastId, ToastOptions, ToastUpdateOptions } from './mapping.types';
+import { ToastContextProps, ToastId, ToastOptions, ToastUpdateOptions, ToastContainerId } from './mapping.types';
 /**
  * converts parameters to/from toastify and calls toastify toast
  */
@@ -11,5 +11,6 @@ export declare const createToast: (render: (contextProps: ToastContextProps) =>
  * converts parameters to/from toastify and calls toastify update
  */
 export declare const updateToast: (id: ToastId, render: (contextProps: ToastContextProps) => ReactElement, options?: ToastUpdateOptions) => void;
-export declare const dismiss: (id?: ToastId | undefined) => void, isActive: (id: ToastId) => boolean;
-export declare const addChangeListener: (callback: import("react-toastify/dist/core").OnChangeCallback) => () => void;
+export declare const dismiss: (id?: ToastId, containerId?: ToastContainerId) => void;
+export declare const isActive: typeof import("react-toastify/dist/core/store").isToastActive;
+export declare const addChangeListener: typeof import("react-toastify/dist/core/store").onChange;

package/dist/Toast/core/mapping.helpers.js

@@ -1,4 +1,4 @@
-import { toast as Q } from "../../node_modules/react-toastify/dist/react-toastify.esm.js";
+import { toast as B } from "../../packages/components/node_modules/react-toastify/dist/react-toastify.esm.js";
 const extractContextProps = (props) => ({
   variant: "informative",
   liveRole: "alert",
@@ -18,16 +18,32 @@ const cleanupOptions = (options) => ({
   } : {}
   // save real role for inner container, only if specified
 });
-const createToast = (render, options) => Q((props) => render(extractContextProps(props)), cleanupOptions(options));
-const updateToast = (id, render, options) => Q.update(id, {
+const createToast = (render, options) => B((props) => render(extractContextProps(props)), cleanupOptions(options));
+const updateToast = (id, render, options) => B.update(id, {
   render: (props) => render(extractContextProps(props)),
   ...cleanupOptions(options)
 });
+const dismiss = (id, containerId) => {
+  if (containerId !== void 0) {
+    if (id !== void 0) {
+      return B.dismiss({
+        id,
+        containerId
+      });
+    }
+    return B.dismiss({
+      containerId
+    });
+  }
+  if (id !== void 0) {
+    return B.dismiss(id);
+  }
+  return B.dismiss();
+};
 const {
-  dismiss,
   isActive
-} = Q;
-const addChangeListener = Q.onChange;
+} = B;
+const addChangeListener = B.onChange;
 export {
   addChangeListener,
   createToast,

package/dist/Toast/core/mapping.types.d.ts

@@ -2,9 +2,9 @@
  * This file maps toastify types to redis-ui types
  */
 import { RefAttributes } from 'react';
-import { ToastContainerProps as RcToastContainerProps, ToastContentProps as RcToastContentProps, ToastOptions as RcToastOptions, ToastPosition as RcToastPosition } from 'react-toastify';
+import { Id, ToastContainerProps as RcToastContainerProps, ToastContentProps as RcToastContentProps, ToastOptions as RcToastOptions, ToastPosition as RcToastPosition, Id as ToastId } from 'react-toastify';
 import { SemanticVariant } from '../../Banner/components/BannerSemanticComponents';
-export type { Id as ToastId } from 'react-toastify';
+export type { ToastId };
 type PickCommonOptions = 'pauseOnHover' | 'closeOnClick' | 'autoClose' | 'position' | 'role' | 'rtl' | 'containerId' | 'transition';
 type PickToastOptions = PickCommonOptions | 'toastId' | 'delay' | 'onClose';
 type PickToastProps = PickToastOptions | 'closeToast';
@@ -22,3 +22,4 @@ export type ToastContextProps = Partial<Pick<RcToastContentProps['toastProps'],
     liveRole: string;
 };
 export type ToastPosition = RcToastPosition;
+export type ToastContainerId = Id;