@fewangsit/wangsvue-gsts 1.0.0-alpha.15 → 1.0.0-alpha.17

package/components/badge/Badge.vue.d.ts

@@ -1,4 +1,5 @@
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../.././components/ts-helpers';
+
 
 export interface BadgeComponentConfigs {
   /**
@@ -25,7 +26,15 @@ export interface BadgeProps extends BadgeComponentConfigs {
   /**
    * Sets the severity level for styling purposes. This prop might be omitted if getSeverity is provided.
    */
-  severity?: 'success' | 'info' | 'danger' | 'warning' | 'dark' | 'primary';
+  severity?:
+    | 'success'
+    | 'info'
+    | 'danger'
+    | 'warning'
+    | 'dark'
+    | 'primary'
+    | 'fixed-primary'
+    | 'supply-primary';
   /**
    * Specifies the format for text truncation rules based on the usage context.
    */

package/components/badgegroup/BadgeGroup.vue.d.ts

@@ -1,10 +1,18 @@
 import { Slot } from 'vue';
-import { BadgeProps } from '../../components/badge/Badge.vue.d';
-import { ClassComponent, HintedString } from '../ts-helpers.d';
+import { BadgeProps } from '../.././components/badge/Badge.vue.d';
+import { ClassComponent, HintedString } from '../.././components/ts-helpers';
+
 
 export type ObjectBadge = {
   text: string;
-  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  severity:
+    | 'success'
+    | 'danger'
+    | 'warning'
+    | 'dark'
+    | 'primary'
+    | 'fixed-primary'
+    | 'supply-primary';
 };
 
 export interface BadgeGroupProps
@@ -19,7 +27,14 @@ export interface BadgeGroupProps
    * @default undefined
    */
   textMoreSeverity?: HintedString<
-    'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+    | 'secondary'
+    | 'info'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'contrast'
+    | 'fixed-primary'
+    | 'supply-primary'
   >;
   /**
    * The text shown on the more button

package/components/button/Button.vue.d.ts

@@ -1,8 +1,9 @@
 import { ButtonHTMLAttributes, VNode } from 'vue';
-import { WangsIcons } from '../icon/Icon.vue.d';
 import { TooltipOptions } from 'primevue/tooltip';
-import { GlobalComponentConstructor } from '../ts-helpers.d';
-import { ClassComponent, HintedString } from '../ts-helpers';
+import { GlobalComponentConstructor } from '../.././components/ts-helpers.d';
+import { ClassComponent, HintedString } from '../.././components/ts-helpers';
+import { WangsIcons } from '../.././components/icon/Icon.vue.d';
+
 
 /**
  * Defines valid properties in Button component.
@@ -55,7 +56,14 @@ export interface ButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {
    */
   badgeSeverity?:
     | HintedString<
-        'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+        | 'secondary'
+        | 'info'
+        | 'success'
+        | 'warning'
+        | 'danger'
+        | 'contrast'
+        | 'fixed-primary'
+        | 'supply-primary'
       >
     | null
     | undefined;

package/components/dialogconfirm/DialogConfirm.vue.d.ts

@@ -1,6 +1,8 @@
+import { WangsIcons } from '../.././components/icon/Icon.vue.d';
+import { ClassComponent } from '../.././components/ts-helpers';
+import { GlobalComponentConstructor } from '../.././components/ts-helpers.d';
 import { Slot } from 'vue';
-import { WangsIcons } from '../icon/Icon.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 
 type ConfirmDialogSeverity = 'success' | 'danger';
 
@@ -37,7 +39,10 @@ export interface DialogConfirmProps {
    *
    * @default undefined - to fallback to props.severity
    */
-  confirmButtonSeverity?: ConfirmDialogSeverity;
+  confirmButtonSeverity?:
+    | ConfirmDialogSeverity
+    | 'fixed-primary'
+    | 'supply-primary';
   /**
    * The boolean modelValue to show dialog.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-gsts",
-  "version": "1.0.0-alpha.15",
+  "version": "1.0.0-alpha.17",
   "author": "Wangsit FE Developer",
   "description": "Global Settings Tagsamurai VueJS Component Library",
   "type": "module",

package/utils/toast.util.d.ts

@@ -1,114 +1,3 @@
-import { WangsIcons } from '../components/icon/Icon.vue.d';
-export type ToastSeverity = 'success' | 'error' | 'info';
-export interface ToastParams {
-    /**
-     * The main message to display in the toast. Will be formatted based on template message.
-     */
-    message: string;
-    /**
-     * Indicates whether the message is customized and does not follow the default message template.
-     * If true, custom formatting will be applied.
-     */
-    customMessage?: boolean;
-    /**
-     * The severity level of the toast message.
-     * Can be 'success', 'error', or 'info'.
-     */
-    severity?: ToastSeverity;
-    /**
-     * The icon to display in the toast.
-     */
-    icon?: WangsIcons;
-    /**
-     * The custom CSS class to apply to the icon.
-     */
-    iconClass?: any;
-    /**
-     * The error object from a catch statement, used to provide additional details for error toasts.
-     * Accepts any type of error object.
-     */
-    error?: unknown;
-    /**
-     * The duration for which the toast will be displayed, in milliseconds.
-     * Set to 0 to show the message infinitely.
-     *
-     * @default 3000 - 3 seconds
-     */
-    life?: number;
-    /**
-     * The name of the message group to which this toast belongs.
-     */
-    group?: string;
-    /**
-     * Unique identifier of the toast message.
-     */
-    messageId?: string;
-}
-export interface ToastMethod {
-    add(params: ToastParams): void;
-    /**
-     * Clears the messages that belongs to the group.
-     * @param {string} group - Name of the message group.
-     */
-    removeGroup(group: string): void;
-    removeAllGroups(): void;
-}
-/**
- * Configuration options for the `useToast` hook.
- */
-export interface UseToastConfig {
-    /**
-     * Default message templates for each severity level.
-     * Keys represent the severity, and values are the template strings.
-     *
-     * @example
-     * {
-     *   success: 'Success, {message}',
-     *   error: 'Error, {message} {additionalMessage}',
-     *   info: 'Info, {message} {additionalMessage}',
-     * }
-     */
-    template?: Record<string, string>;
-    /**
-     * Icons for each severity level.
-     * Keys represent the severity, and values are the corresponding icon identifiers.
-     *
-     * @example
-     * {
-     *   success: 'emotion-happy-fill',
-     *   error: 'emotion-unhappy-fill',
-     * }
-     */
-    icons?: Record<string, WangsIcons>;
-}
-/**
- * Hook to create and manage toast notifications.
- *
- * @param {UseToastConfig} config - Configuration object for the toast notifications.
- * Refer to {@link UseToastConfig} for the structure and details of this object.
- *
- * @returns {ToastMethod} A method to trigger toast notifications.
- * The method accepts {@link ToastParams} to customize individual notifications.
- *
- * @example
- * const toast = useToast({
- *   template: {
- *     success: 'Success, {message}',
- *     error: 'Error, {message} {additionalMessage}',
- *     info: 'Info, {message} {additionalMessage}',
- *   },
- *   icons: {
- *     success: 'emotion-happy-fill',
- *     error: 'emotion-unhappy-fill',
- *   }
- * });
- *
- * // Overiding the default config with ToastParams
- * toast.add({
- *   message: 'Operation completed successfully!',
- *   customMessage: true,
- *   icon: 'custom-success-icon',
- * });
- */
-declare const useToast: ({ icons, template }?: UseToastConfig) => ToastMethod;
+import { ToastMethod } from '.././utils';
+declare const useToast: () => ToastMethod;
 export default useToast;