Add toast notifications & loading message type.

[sudoischenny]

Proposed changes

Added a built in function called toast for longer notifications.

Also added message.loading()

Please see docs\build-apps\write-javascript\built-in-javascript-functions.md

// message.loading( text: string, options?: {duration: number = 3 } )
message.loading("Query is running", { duration: 5 })

// toast.open( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.open("This Is a Notification", {message: "I do not go away automatically.", duration: 0})
// toast.info( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.info("Order #1519", {message: "Shipped out on Tuesday, Jan 3rd.", duration: 5})
// toast.success( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.success("Query runs successfully", { duration: 10 })
// toast.warn( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.warn("Duplicate Action", {message: "The email was previously sent on Jan 3rd. Click the button again to send.", duration: 5})
// toast.error( title: string, options?: { message?: string, duration?: number = 3, id?: string, placement?: "top" | "topLeft" | "topRight" | "bottom" | "bottomRight", "bottomRight" = "bottomRight", dismissible?: boolean = true } )
toast.error("Your credentials were invalid", {message: "You have 5 tries left", duration: 5})
//toast.destroy(id?: string)
toast.destroy()

[netlify]

👷 Deploy request for lowcoder-cloud pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	56d2086

[netlify]

👷 Deploy request for lowcoder-test pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	56d2086

[FalkWolsky]

Oh, this is fantastic.

Any chance a User could "style" the Toast Displays?

[FalkWolsky]

Thank you very much for your great contribution! An amazing feature.

[FalkWolsky]

We wrote a small documentation for it. https://docs.lowcoder.cloud/lowcoder-documentation/build-applications/app-editor/visual-components/messages-toast