uibee 2.5.9 → 2.5.10

package/dist/src/components/index.js

@@ -17,9 +17,10 @@ export { default as NavDropdown } from './navbar/navbarDropdown';
 // Containers
 export { default as PageContainer } from './container/page';
 export { default as Highlight } from './container/highlight';
-// Other components
+// Login
 export { default as VersionTag } from './version/version';
 export { default as LoginPage } from './login/loginPage';
+// Toasts
 export { default as Toaster, toast } from './toast/toaster';
 // Buttons
 export { default as Button } from './buttons/button';

package/dist/src/components/toast/toaster.d.ts

@@ -1,3 +1,9 @@
 import type { ToastType } from 'uibee/components';
 export declare function toast(message: string, type: ToastType, duration?: number): void;
+export declare namespace toast {
+    var info: (message: string, duration?: number) => void;
+    var success: (message: string, duration?: number) => void;
+    var warning: (message: string, duration?: number) => void;
+    var error: (message: string, duration?: number) => void;
+}
 export default function Toaster(): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/toast/toaster.js

@@ -8,6 +8,10 @@ export function toast(message, type, duration = 4000) {
     const id = ++idCounter;
     listeners.forEach(listener => listener({ id, message, type, expiresAt: Date.now() + duration }));
 }
+toast.info = (message, duration) => toast(message, 'info', duration);
+toast.success = (message, duration) => toast(message, 'success', duration);
+toast.warning = (message, duration) => toast(message, 'warning', duration);
+toast.error = (message, duration) => toast(message, 'error', duration);
 export default function Toaster() {
     const [toasts, setToasts] = useState([]);
     const [expanded, setExpanded] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "2.5.9",
+  "version": "2.5.10",
   "description": "Shared components, functions and hooks for reuse across Login projects",
   "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
   "bugs": {

package/src/components/index.ts

@@ -22,9 +22,11 @@ export { default as NavDropdown } from './navbar/navbarDropdown'
 export { default as PageContainer} from './container/page'
 export { default as Highlight } from './container/highlight'
 
-// Other components
+// Login
 export { default as VersionTag } from './version/version'
 export { default as LoginPage } from './login/loginPage'
+
+// Toasts
 export { default as Toaster, toast } from './toast/toaster'
 
 // Buttons

package/src/components/toast/toaster.tsx

@@ -12,6 +12,11 @@ export function toast(message: string, type: ToastType, duration = 4000) {
     listeners.forEach(listener => listener({ id, message, type, expiresAt: Date.now() + duration }))
 }
 
+toast.info = (message: string, duration?: number) => toast(message, 'info', duration)
+toast.success = (message: string, duration?: number) => toast(message, 'success', duration)
+toast.warning = (message: string, duration?: number) => toast(message, 'warning', duration)
+toast.error = (message: string, duration?: number) => toast(message, 'error', duration)
+
 export default function Toaster() {
     const [toasts, setToasts] = useState<Toast[]>([])
     const [expanded, setExpanded] = useState(false)

package/src/types/components.d.ts

@@ -33,8 +33,14 @@ declare module 'uibee/components' {
     export type Language = 'no' | 'en'
 
     export default function LoginPage(props: LoginPageProps): JSX.Element;
-    export default function Toaster(): JSX.Element;
-    export default function toast(message: string, type: ToastType, duration?: number): void;
+    export function Toaster(): JSX.Element;
+    export function toast(message: string, type: ToastType, duration?: number): void;
+    export namespace toast {
+        export function info(message: string, duration?: number): void;
+        export function success(message: string, duration?: number): void;
+        export function warning(message: string, duration?: number): void;
+        export function error(message: string, duration?: number): void;
+    }
     export default function LanguageToggle(props: { lang: Language }): JSX.Element;
     export default function ThemeSwitch(props: { className?: string }): JSX.Element;
 }