@stenajs-webui/panels 17.34.0 → 18.0.1

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v18.0.0 (Mon Feb 13 2023)
+
+#### 💥 Breaking Change
+
+- Add Toast and remake Notification [#549](https://github.com/StenaIT/stenajs-webui/pull/549) ([@juiceit](https://github.com/juiceit) [@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 2
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+- Josefina Andreasson ([@juiceit](https://github.com/juiceit))
+
+---
+
 # v17.23.0 (Mon Oct 24 2022)
 
 #### 🚀 Enhancement

package/dist/components/notifications/Notification.d.ts

@@ -1,16 +1,6 @@
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import { BoxProps } from "@stenajs-webui/core";
 import * as React from "react";
-import { ReactNode } from "react";
-import { NotificationTheme } from "./NotificationTheme";
-export interface NotificationProps {
-    title?: string;
-    text?: string;
-    content?: ReactNode;
-    dismissed?: boolean;
-    date?: Date;
-    icon?: IconDefinition;
-    iconColor?: string;
-    onClick?: () => void;
-    theme?: NotificationTheme;
+import { NotificationHeaderProps } from "./NotificationHeader";
+export interface NotificationProps extends Pick<BoxProps, "children" | "background">, NotificationHeaderProps {
 }
 export declare const Notification: React.FC<NotificationProps>;

package/dist/components/notifications/NotificationHeader.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+export interface NotificationHeaderProps {
+    /** Text. */
+    text: string;
+    /** Timestamp. */
+    timestamp?: string;
+    /** Icon. */
+    icon?: IconDefinition;
+    /** Icon description for accessibility. */
+    iconAriaLabel?: string;
+    /** Icon colour. */
+    iconColor?: string;
+    /** Left content instead of icon. */
+    contentLeft?: React.ReactNode;
+    /** Right content. */
+    contentRight?: React.ReactNode;
+    /** What happens on clicking close. */
+    onClose?: () => void;
+}
+export declare const NotificationHeader: React.FC<NotificationHeaderProps>;

package/dist/components/notifications/Toast.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps } from "@stenajs-webui/core";
+import * as React from "react";
+import { NotificationHeaderProps } from "./NotificationHeader";
+export interface ToastProps extends Pick<BoxProps, "children" | "width" | "maxWidth">, Omit<NotificationHeaderProps, "contentRight"> {
+    /** What happens on clicking the toast. */
+    onClick?: () => void;
+    /** Description of what happens on clicking the toast for accessibility. */
+    onClickAriaLabel?: string;
+}
+export declare const Toast: React.FC<ToastProps>;

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export * from "./components/nav-bar/NavBarNotificationButton";
 export * from "./components/nav-bar/NavBarSearchField";
 export * from "./components/nav-bar/NavBarUserButton";
 export * from "./components/notifications/Notification";
-export * from "./components/notifications/NotificationTheme";
+export * from "./components/notifications/Toast";
 export * from "./components/collapsible/Collapsible";
 export * from "./components/collapsible/CollapsibleWithCheckbox";
 export * from "./components/collapsible/CollapsibleContent";