@webitel/ui-sdk 26.6.47 → 26.6.49

package/src/components/wt-notifications-bar/wt-notifications-bar.vue

@@ -1,97 +1,37 @@
 <template>
-  <aside class="wt-notifications-bar wt-scrollbar">
-    <transition-group
-	class="wt-notifications-bar__wrapper"
-      name="wt-notifications-transition"
-      tag="div"
-    >
-      <wt-notification
-        v-for="(notification, key) of notifications"
-        :key="key + notification.text"
-        :type="notification.type"
-        @close="closeNotification(notification)"
-      >
-        {{ notification.text }}
-      </wt-notification>
-    </transition-group>
-  </aside>
+  <wt-toast position="top-right" />
 </template>
 
-<script>
+<script setup>
+import { useToast } from 'primevue/usetoast';
+import { inject, onUnmounted } from 'vue';
 import defaultEventBus from '../../scripts/eventBus.js';
-import { _wtUiLog as loggr } from '../../scripts/logger.js';
+import { TypeToSeverityMap } from '../wt-toast/types';
+import WtToast from '../wt-toast/wt-toast.vue';
 
-export default {
+defineOptions({
 	name: 'WtNotificationsBar',
-	inject: [
-		'$eventBus',
-	],
-	data: () => ({
-		notificationDuration: 4000,
-		notifications: [],
+});
 
-		eventBus: defaultEventBus,
-	}),
-	created() {
-		if (this.$eventBus) {
-			this.eventBus = this.$eventBus;
-		} else {
-			loggr.warn({
-				entity: 'component',
-				module: 'wt-notification-bar',
-			})(
-				'no globally provided $eventBus found, using default webitel-ui eventBus',
-			);
-		}
+const DEFAULT_NOTIFICATION_LIFE_MS = 4000;
 
-		this.eventBus.$on('notification', this.showNotification);
-	},
-	unmounted() {
-		this.eventBus.$off('notification', this.showNotification);
-	},
-	methods: {
-		showNotification(notification) {
-			this.notifications.unshift(notification);
-			setTimeout(
-				() => this.closeNotification(notification),
-				notification.timeout * 1000 || this.notificationDuration,
-			);
-		},
-		closeNotification(notification) {
-			const index = this.notifications.indexOf(notification);
-			this.notifications.splice(index, 1);
-		},
-	},
-};
-</script>
+const injectedEventBus = inject('$eventBus', null);
 
-<style scoped>
-.wt-notifications-bar {
-  position: fixed;
-  top: var(--notifications-bar-corner-margin);
-  right: var(--notifications-bar-corner-margin);
-  z-index: var(--notifications-bar-z-index);
-  max-height: var(--notifications-bar-max-height);
-  overflow-x: hidden;
-  overflow-y: auto;
-}
+const activeEventBus = injectedEventBus ?? defaultEventBus;
 
-.wt-notifications-bar__wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-xs);
-  min-height: 0;
-		align-items: flex-end;
-}
+const toast = useToast();
 
-.wt-notifications-transition-enter-active,
-.wt-notifications-transition-leave-active {
-  transition: all var(--transition);
+function showNotification({ type, text, timeout }) {
+	toast.add({
+		severity: TypeToSeverityMap[type],
+		detail: text,
+		life: timeout != null ? timeout * 1000 : DEFAULT_NOTIFICATION_LIFE_MS,
+	});
 }
 
-.wt-notifications-transition-enter,
-.wt-notifications-transition-leave-to {
-  transform: translateX(60px);
-  opacity: 0;
-}
-</style>
+activeEventBus.$on('notification', showNotification);
+
+onUnmounted(() => {
+	activeEventBus.$off('notification', showNotification);
+});
+</script>

package/src/components/wt-toast/__tests__/WtToast.spec.js

@@ -0,0 +1,19 @@
+import { shallowMount } from '@vue/test-utils';
+
+import WtToast from '../wt-toast.vue';
+
+describe('WtToast', () => {
+	it('renders a component', () => {
+		const wrapper = shallowMount(WtToast);
+		expect(wrapper.exists()).toBe(true);
+	});
+
+	it('forwards attributes to the underlying PToast', () => {
+		const wrapper = shallowMount(WtToast, {
+			attrs: {
+				position: 'bottom-right',
+			},
+		});
+		expect(wrapper.attributes('position')).toBe('bottom-right');
+	});
+});

package/src/components/wt-toast/types/index.ts

@@ -0,0 +1,11 @@
+import { MessageColor } from '../../../enums';
+
+export const TypeToSeverityMap = {
+	success: MessageColor.SUCCESS,
+	info: MessageColor.INFO,
+	error: MessageColor.ERROR,
+	warning: MessageColor.WARN,
+} as const;
+
+export type TypeToSeverityMap =
+	(typeof TypeToSeverityMap)[keyof typeof TypeToSeverityMap];

package/src/components/wt-toast/wt-toast.vue

@@ -0,0 +1,53 @@
+<template>
+  <PToast v-bind="$attrs">
+    <template #message="{ message }">
+      <wt-icon
+        :icon="severityToIconNameMap[message.severity] ?? ''"
+        :color="severityToIconColorMap[message.severity] ?? MessageColor.CONTRAST"
+        class="p-toast-message-icon"
+      />
+      <div class="p-toast-message-text">
+        <span class="p-toast-summary">{{ message.summary }}</span>
+        <div v-if="message.detail" class="p-toast-detail">{{ message.detail }}</div>
+      </div>
+    </template>
+    <template #closeicon>
+      <wt-icon icon="close" :size="ComponentSize.SM" />
+    </template>
+  </PToast>
+</template>
+
+<script setup lang="ts">
+import { ComponentSize, MessageColor } from '../../enums';
+import WtIcon from '../wt-icon/wt-icon.vue';
+
+defineOptions({
+	name: 'WtToast',
+	inheritAttrs: false,
+});
+
+const severityToIconNameMap: Record<string, string> = {
+	success: 'done',
+	info: 'rounded-info',
+	warn: 'warning',
+	error: 'error',
+};
+
+const severityToIconColorMap: Record<string, string> = {
+	success: MessageColor.SUCCESS,
+	info: MessageColor.INFO,
+	warn: MessageColor.WARN,
+	error: MessageColor.ERROR,
+	contrast: MessageColor.CONTRAST,
+	secondary: MessageColor.SECONDARY,
+};
+</script>
+
+<style>
+.p-toast-close-button:hover {
+  background: transparent;
+}
+.p-toast-close-button:focus-visible {
+  outline: none;
+}
+</style>

package/src/components/wt-vidstack-player/components/panels/playback-controls-panel/components/time-group.vue

@@ -35,5 +35,6 @@ const props = withDefaults(
   align-items: center;
   gap: var(--spacing-2xs);
   color: var(--wt-player-video-control-bar-color);
+  white-space: nowrap;
 }
 </style>

package/src/css/components-variables.css

@@ -28,7 +28,6 @@
 @import "../components/wt-loader/_variables.css";
 @import "../components/wt-logo/_variables.css";
 @import "../components/wt-navigation-bar/_variables.css";
-@import "../components/wt-notification/_variables.css";
 @import "../components/wt-notifications-bar/_variables.css";
 @import "../components/wt-page-wrapper/_variables.css";
 @import "../components/wt-pagination/_variables.css";

package/src/enums/index.ts

@@ -18,6 +18,7 @@ import { EmptyCause } from './EmptyCause/EmptyCause';
 import { FormatDateMode } from './FormatDateMode/FormatDateMode';
 import IconAction from './IconAction/IconAction.enum.js';
 import { IconColor } from './IconColor/IconColor';
+import { LoginOptions } from './LoginOptions/LoginOptions';
 import { MessageColor } from './MessageColor/MessageColor';
 import { MessageVariant } from './MessageVariant/MessageVariant';
 import { MimeTypes } from './MimeTypes/MimeTypes.enum';
@@ -34,7 +35,6 @@ import { WfmSections } from './WebitelApplications/WfmSections';
 import { WtApplication } from './WebitelApplications/WtApplication';
 import { WtObject } from './WtObject/WtObject';
 import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
-import { LoginOptions } from './LoginOptions/LoginOptions';
 
 export type {
 	UserSettingsBroadcastMessage,
@@ -60,6 +60,7 @@ export {
 	FormatDateMode,
 	IconAction,
 	IconColor,
+	LoginOptions,
 	MessageColor,
 	MessageVariant,
 	MimeTypes,
@@ -75,5 +76,4 @@ export {
 	WtApplication,
 	WtObject,
 	WtTypeExtensionFieldKind,
-	LoginOptions,
 };

package/src/plugins/primevue/primevue.plugin.js

@@ -24,6 +24,8 @@ import PRadio from 'primevue/radiobutton';
 import PSelect from 'primevue/select';
 import PSlider from 'primevue/slider';
 import PTextarea from 'primevue/textarea';
+import PToast from 'primevue/toast';
+import ToastService from 'primevue/toastservice';
 import PToggleSwitch from 'primevue/toggleswitch';
 import PToolbar from 'primevue/toolbar';
 import Tooltip from 'primevue/tooltip';
@@ -41,6 +43,7 @@ const changeComponentCompatMode = (component) => {
 };
 
 const initPrimevue = (app) => {
+	app.use(ToastService);
 	app.use(PrimeVue, {
 		theme: {
 			preset: WebitelTheme,
@@ -82,6 +85,7 @@ const initPrimevue = (app) => {
 		changeComponentCompatMode(PInputGroupAddon),
 	);
 	app.component('PMessage', changeComponentCompatMode(PMessage));
+	app.component('PToast', changeComponentCompatMode(PToast));
 	app.component('PMultiSelect', changeComponentCompatMode(PMultiSelect));
 	app.component('PSelect', changeComponentCompatMode(PSelect));
 

package/src/plugins/primevue/theme/components/components.js

@@ -22,6 +22,7 @@ import slider from './slider/slider.js';
 import switcher from './switcher/switcher.js';
 import table from './table/table.js';
 import textarea from './textarea/textarea.js';
+import toast from './toast/toast.js';
 import toolbar from './toolbar/toolbar.js';
 import tooltip from './tooltip/tooltip.js';
 
@@ -34,6 +35,7 @@ const components = {
 	chip,
 	checkbox,
 	textarea,
+	toast,
 	toggleswitch: switcher,
 	divider,
 	image,

package/src/plugins/primevue/theme/components/toast/toast.js

@@ -0,0 +1,26 @@
+import { ToastScheme } from '@webitel/styleguide/component-schemes';
+
+import { MessageColor } from '../../../../../enums';
+
+const generateCloseIconCss = ({ colorName, dt }) => `
+  .p-toast-message-${colorName} .p-toast-close-button svg {
+    fill: ${dt(`toast.${colorName}.color`)};
+  }
+`;
+
+const toast = {
+	...ToastScheme.sizes,
+	colorScheme: ToastScheme.colorScheme,
+
+	css: ({ dt }) =>
+		Object.values(MessageColor)
+			.map((colorName) =>
+				generateCloseIconCss({
+					colorName,
+					dt,
+				}),
+			)
+			.join(''),
+};
+
+export default toast;

package/types/components/wt-notifications-bar/wt-notifications-bar.vue.d.ts

@@ -1,14 +1,3 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {
-    notificationDuration: number;
-    notifications: any[];
-    eventBus: {
-        $on: (...args: any[]) => void;
-        $off: (...args: any[]) => void;
-        $emit: (...args: any[]) => void;
-    };
-}, {}, {
-    showNotification(notification: any): void;
-    closeNotification(notification: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/wt-player/wt-player.vue.d.ts

@@ -88,13 +88,13 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }>, {
     download: string | ((url: string) => string) | boolean;
     closable: boolean;
+    position: string;
     autoplay: boolean;
     loop: boolean;
     resetOnEnd: boolean;
     hideVolumeSlider: boolean;
     hideMuteButton: boolean;
     hideSettings: boolean;
-    position: string;
     invertTime: boolean;
     resetVolume: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/types/components/wt-toast/types/index.d.ts

@@ -0,0 +1,7 @@
+export declare const TypeToSeverityMap: {
+    readonly success: "success";
+    readonly info: "info";
+    readonly error: "error";
+    readonly warning: "warn";
+};
+export type TypeToSeverityMap = (typeof TypeToSeverityMap)[keyof typeof TypeToSeverityMap];

package/types/components/wt-toast/wt-toast.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/types/enums/index.d.ts

@@ -14,6 +14,7 @@ import { EmptyCause } from './EmptyCause/EmptyCause';
 import { FormatDateMode } from './FormatDateMode/FormatDateMode';
 import IconAction from './IconAction/IconAction.enum.js';
 import { IconColor } from './IconColor/IconColor';
+import { LoginOptions } from './LoginOptions/LoginOptions';
 import { MessageColor } from './MessageColor/MessageColor';
 import { MessageVariant } from './MessageVariant/MessageVariant';
 import { MimeTypes } from './MimeTypes/MimeTypes.enum';
@@ -30,6 +31,5 @@ import { WfmSections } from './WebitelApplications/WfmSections';
 import { WtApplication } from './WebitelApplications/WtApplication';
 import { WtObject } from './WtObject/WtObject';
 import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
-import { LoginOptions } from './LoginOptions/LoginOptions';
 export type { UserSettingsBroadcastMessage, WebphoneBroadcastMessage, WebphoneBroadcastPayload, };
-export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, BroadcastChannelName, ButtonColor, ButtonVariant, ChatGatewayProvider, ChipColor, ComponentSize, CrmSections, CrudAction, DefaultWorkspaceTabSettings, EmptyCause, FormatDateMode, IconAction, IconColor, MessageColor, MessageVariant, MimeTypes, ProcessingTableColumnType, ProviderIconType, QueueType, QueueTypeName, RelativeDatetimeValue, RingtoneType, SupervisorSections, TypesExportedSettings, WfmSections, WtApplication, WtObject, WtTypeExtensionFieldKind, LoginOptions, };
+export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, BroadcastChannelName, ButtonColor, ButtonVariant, ChatGatewayProvider, ChipColor, ComponentSize, CrmSections, CrudAction, DefaultWorkspaceTabSettings, EmptyCause, FormatDateMode, IconAction, IconColor, LoginOptions, MessageColor, MessageVariant, MimeTypes, ProcessingTableColumnType, ProviderIconType, QueueType, QueueTypeName, RelativeDatetimeValue, RingtoneType, SupervisorSections, TypesExportedSettings, WfmSections, WtApplication, WtObject, WtTypeExtensionFieldKind, };

package/types/modules/Flow/lookups/FlowTypeApplications.lookup.d.ts

@@ -1,8 +1,8 @@
 export declare const FlowTypeApplications: {
-    readonly voice: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "markIVR", "setGrantee", "classifier", "ringReady", "preAnswer", "answer", "sipRedirect", "ringback", "updateCid", "park", "conference", "bridge", "hangup", "inBandDTMF", "flushDTMF", "playback", "recordFile", "recordSession", "generateLink", "tts", "joinQueue", "joinAgent"];
-    readonly chat: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "menu", "recvMessage", "sendText", "sendTts", "sendFile", "stt", "generateLink", "classifier", "joinQueue", "chatHistory", "chatAi"];
-    readonly processing: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "makeCall", "formTextfield", "formSelect", "formSelectService", "formText", "formDatetimePicker", "formRichTextEditor", "formSelectFromObject", "formSelectCaseStatus", "formTable", "formFile", "generateForm", "attemptResult", "iFrame"];
-    readonly service: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "attemptResult", "stt"];
-    readonly default: ("string" | "function" | "set" | "menu" | "stop" | "switch" | "export" | "calendar" | "trigger" | "recordFile" | "list" | "execute" | "math" | "start" | "log" | "notification" | "hangup" | "schema" | "sendMessage" | "tts" | "userInfo" | "answer" | "goto" | "if" | "js" | "plataByMono" | "iFrame" | "markIVR" | "softSleep" | "setGrantee" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "playback" | "ringReady" | "preAnswer" | "sipRedirect" | "ringback" | "bridge" | "conference" | "generateLink" | "inBandDTMF" | "flushDTMF" | "updateCid" | "park" | "joinQueue" | "recordSession" | "memberInfo" | "getQueueAgents" | "joinAgent" | "callbackQueue" | "patchMembers" | "recvMessage" | "sendText" | "sendFile" | "sendEmail" | "sendTts" | "stt" | "classifier" | "broadcastChatMessage" | "chatHistory" | "chatAi" | "makeCall" | "formTextfield" | "formSelect" | "formSelectService" | "formTable" | "formText" | "formDatetimePicker" | "formRichTextEditor" | "formSelectFromObject" | "formSelectCaseStatus" | "generateForm" | "attemptResult" | "getEmail" | "formFile" | "customModule")[];
+    readonly voice: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "markIVR", "setGrantee", "classifier", "ringReady", "preAnswer", "answer", "sipRedirect", "ringback", "updateCid", "park", "conference", "bridge", "hangup", "inBandDTMF", "flushDTMF", "playback", "recordFile", "recordSession", "generateLink", "tts", "joinQueue", "joinAgent"];
+    readonly chat: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "menu", "recvMessage", "sendText", "sendTts", "sendFile", "stt", "generateLink", "classifier", "joinQueue", "chatHistory", "chatAi"];
+    readonly processing: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "makeCall", "formTextfield", "formSelect", "formSelectService", "formText", "formDatetimePicker", "formRichTextEditor", "formSelectFromObject", "formSelectCaseStatus", "formTable", "formFile", "generateForm", "attemptResult", "iFrame"];
+    readonly service: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "attemptResult", "stt"];
+    readonly default: ("string" | "function" | "set" | "menu" | "stop" | "switch" | "export" | "calendar" | "trigger" | "recordFile" | "list" | "execute" | "math" | "start" | "notification" | "hangup" | "schema" | "log" | "sendMessage" | "tts" | "userInfo" | "answer" | "goto" | "if" | "js" | "plataByMono" | "iFrame" | "markIVR" | "softSleep" | "setGrantee" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "playback" | "ringReady" | "preAnswer" | "sipRedirect" | "ringback" | "bridge" | "conference" | "generateLink" | "inBandDTMF" | "flushDTMF" | "updateCid" | "park" | "joinQueue" | "recordSession" | "memberInfo" | "getQueueAgents" | "joinAgent" | "callbackQueue" | "patchMembers" | "recvMessage" | "sendText" | "sendFile" | "sendEmail" | "sendTts" | "stt" | "classifier" | "broadcastChatMessage" | "chatHistory" | "chatAi" | "makeCall" | "formTextfield" | "formSelect" | "formSelectService" | "formTable" | "formText" | "formDatetimePicker" | "formRichTextEditor" | "formSelectFromObject" | "formSelectCaseStatus" | "generateForm" | "attemptResult" | "getEmail" | "formFile" | "customModule")[];
 };
 export type FlowTypeApplications = (typeof FlowTypeApplications)[keyof typeof FlowTypeApplications];

package/types/plugins/primevue/theme/components/components.d.ts

@@ -8,6 +8,7 @@ declare namespace components {
     export { chip };
     export { checkbox };
     export { textarea };
+    export { toast };
     export { switcher as toggleswitch };
     export { divider };
     export { image };
@@ -35,6 +36,7 @@ import badge from './badge/badge.js';
 import chip from './chip/chip.js';
 import checkbox from './checkbox/checkbox.js';
 import textarea from './textarea/textarea.js';
+import toast from './toast/toast.js';
 import switcher from './switcher/switcher.js';
 import divider from './divider/divider.js';
 import image from './image/image.js';

package/types/plugins/primevue/theme/components/toast/toast.d.ts

@@ -0,0 +1,223 @@
+export default toast;
+declare const toast: {
+    colorScheme: {
+        light: {
+            root: {
+                blur: string;
+            };
+            info: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            success: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            warn: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            error: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            secondary: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            contrast: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+        };
+        dark: {
+            root: {
+                blur: string;
+            };
+            info: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            success: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            warn: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            error: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            secondary: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+            contrast: {
+                background: string;
+                borderColor: string;
+                color: string;
+                detailColor: string;
+                shadow: string;
+                closeButton: {
+                    hoverBackground: string;
+                    focusRing: {
+                        color: string;
+                        shadow: string;
+                    };
+                };
+            };
+        };
+    };
+    css: ({ dt }: {
+        dt: any;
+    }) => string;
+    root: {
+        width: string;
+        borderRadius: string;
+        borderWidth: string;
+        transitionDuration: string;
+    };
+    icon: {
+        size: string;
+    };
+    content: {
+        padding: string;
+        gap: string;
+    };
+    text: {
+        gap: string;
+    };
+    summary: {
+        fontWeight: string;
+        fontSize: string;
+    };
+    detail: {
+        fontWeight: string;
+        fontSize: string;
+    };
+    closeButton: {
+        width: string;
+        height: string;
+        borderRadius: string;
+        focusRing: {
+            width: string;
+            style: string;
+            offset: string;
+        };
+    };
+    closeIcon: {
+        size: string;
+    };
+};