fixup! fixup! Feat(web-react): Introduce Uncontrollable Toast

lmc-eu · Apr 11, 2024 · 45ee4d0 · 45ee4d0
1 parent b9ebc32
commit 45ee4d0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/web-react/src/components/Toast/UncontrolledToast.tsx b/packages/web-react/src/components/Toast/UncontrolledToast.tsx
@@ -3,16 +3,24 @@ import Toast from './Toast';
 import ToastBar from './ToastBar';
 import { AUTOCLOSE_TIMEOUT } from './constants';
 import { useUncontrolledToast } from './useUncontrolledToast';
+import { ChildrenProps, StyleProps } from '../../types';
 
-interface UncontrolledToastProps {
+interface UncontrolledToastProps extends ChildrenProps, StyleProps {
   alignmentX?: 'left' | 'center' | 'right';
   alignmentY?: 'top' | 'bottom';
   closeLabel?: string;
   hasIcon?: boolean;
   isDismissible?: boolean;
 }
 
-const UncontrolledToast = ({ alignmentX, alignmentY, closeLabel, hasIcon, isDismissible }: UncontrolledToastProps) => {
+const UncontrolledToast = ({
+  alignmentX,
+  alignmentY,
+  closeLabel,
+  hasIcon,
+  isDismissible,
+  ...restProps
+}: UncontrolledToastProps) => {
   const { close, color, iconName, autoClose, message, id, isOpen } = useUncontrolledToast();
 
   useEffect(() => {
@@ -38,6 +46,7 @@ const UncontrolledToast = ({ alignmentX, alignmentY, closeLabel, hasIcon, isDism
         isDismissible={isDismissible}
         onClose={close}
         isOpen={!!isOpen && !!message}
+        {...restProps}
       >
         {message}
       </ToastBar>

diff --git a/...act/src/components/Toast/useToastIcon.tsx → ...eact/src/components/Toast/useToastIcon.ts b/...act/src/components/Toast/useToastIcon.tsx → ...eact/src/components/Toast/useToastIcon.ts