feat: add toast delay property

pydantic · Oct 15, 2024 · e4c31b6 · e4c31b6
1 parent 5d9d604
commit e4c31b6
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/demo/components_list.py b/demo/components_list.py
@@ -292,6 +292,7 @@ class Delivery(BaseModel):
                     body=[c.Paragraph(text='This is a toast.')],
                     open_trigger=PageEvent(name='show-toast'),
                     position='bottom-end',
+                    delay=5000,
                 ),
             ],
             class_name='border-top mt-3 pt-1',

diff --git a/src/npm-fastui-bootstrap/src/toast.tsx b/src/npm-fastui-bootstrap/src/toast.tsx
@@ -4,14 +4,20 @@ import BootstrapToast from 'react-bootstrap/Toast'
 import BootstrapToastContainer from 'react-bootstrap/ToastContainer'
 
 export const Toast: FC<models.Toast> = (props) => {
-  const { className, title, body, position, openTrigger, openContext } = props
+  const { className, title, body, position, delay, openTrigger, openContext } = props
 
   const { eventContext, fireId, clear } = events.usePageEventListen(openTrigger, openContext)
 
   return (
     <EventContextProvider context={eventContext}>
       <BootstrapToastContainer position={position} className="position-fixed bottom-0 end-0 p-3">
-        <BootstrapToast className={renderClassName(className)} show={!!fireId} onClose={clear}>
+        <BootstrapToast
+          className={renderClassName(className)}
+          show={!!fireId}
+          onClose={clear}
+          delay={delay}
+          autohide={!!delay}
+        >
           <BootstrapToast.Header>
             <strong className="me-auto">{title}</strong>
           </BootstrapToast.Header>

diff --git a/src/npm-fastui/src/models.d.ts b/src/npm-fastui/src/models.d.ts
@@ -575,6 +575,7 @@ export interface Toast {
     | 'bottom-start'
     | 'bottom-center'
     | 'bottom-end'
+  delay?: number
   openTrigger?: PageEvent
   openContext?: ContextType
   className?: ClassName

diff --git a/src/python-fastui/fastui/components/__init__.py b/src/python-fastui/fastui/components/__init__.py
@@ -565,6 +565,9 @@ class Toast(BaseModel, extra='forbid'):
     ] = None
     """Optional position of the toast."""
 
+    delay: _t.Union[int, None] = None
+    """Optional delay of the toast."""
+
     open_trigger: _t.Union[events.PageEvent, None] = None
     """Optional event to trigger when the toast is opened."""