@abpjs/theme-shared 2.0.0 → 2.1.0

package/dist/components/confirmation/Confirmation.d.ts

@@ -12,6 +12,7 @@ export interface ConfirmationDialogProps {
  * In Chakra v3, we use Dialog with role="alertdialog" instead of AlertDialog.
  *
  * @since 2.0.0 - Updated to use Confirmation.DialogData structure
+ * @since 2.1.0 - Uses Confirmation.Status instead of Toaster.Status
  *
  * @example
  * ```tsx

package/dist/contexts/confirmation.context.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react';
 import type { Config } from '@abpjs/core';
-import { Confirmation, Toaster } from '../models';
+import { Confirmation } from '../models';
 /**
  * Subscriber callback type for confirmation$ observable pattern
  * @since 2.0.0
@@ -12,6 +12,8 @@ type ConfirmationSubscriber = (data: Confirmation.DialogData | null) => void;
  * - No longer extends AbstractToaster
  * - Added confirmation$ ReplaySubject pattern via subscribe method
  * - Now accepts Config.LocalizationParam for message and title
+ *
+ * @since 2.1.0 - Changed from Toaster.Status to Confirmation.Status
  */
 export interface ConfirmationService {
     /**
@@ -21,7 +23,7 @@ export interface ConfirmationService {
      * @param options Confirmation options
      * @returns Promise resolving to user's response status
      */
-    info(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Toaster.Status>;
+    info(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Confirmation.Status>;
     /**
      * Show a success confirmation
      * @param message Message content (supports localization)
@@ -29,7 +31,7 @@ export interface ConfirmationService {
      * @param options Confirmation options
      * @returns Promise resolving to user's response status
      */
-    success(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Toaster.Status>;
+    success(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Confirmation.Status>;
     /**
      * Show a warning confirmation
      * @param message Message content (supports localization)
@@ -37,7 +39,7 @@ export interface ConfirmationService {
      * @param options Confirmation options
      * @returns Promise resolving to user's response status
      */
-    warn(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Toaster.Status>;
+    warn(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Confirmation.Status>;
     /**
      * Show an error confirmation
      * @param message Message content (supports localization)
@@ -45,7 +47,7 @@ export interface ConfirmationService {
      * @param options Confirmation options
      * @returns Promise resolving to user's response status
      */
-    error(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Toaster.Status>;
+    error(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Confirmation.Options>): Promise<Confirmation.Status>;
     /**
      * Show a confirmation with specified severity
      * @param message Message content (supports localization)
@@ -54,13 +56,15 @@ export interface ConfirmationService {
      * @param options Confirmation options
      * @returns Promise resolving to user's response status
      * @since 2.0.0
+     * @since 2.1.0 - Uses Confirmation.Severity instead of Toaster.Severity
      */
-    show(message: Config.LocalizationParam, title?: Config.LocalizationParam, severity?: Confirmation.Severity, options?: Partial<Confirmation.Options>): Promise<Toaster.Status>;
+    show(message: Config.LocalizationParam, title?: Config.LocalizationParam, severity?: Confirmation.Severity, options?: Partial<Confirmation.Options>): Promise<Confirmation.Status>;
     /**
      * Clear the current confirmation
      * @param status Optional status to resolve with (default: dismiss)
+     * @since 2.1.0 - Uses Confirmation.Status instead of Toaster.Status
      */
-    clear(status?: Toaster.Status): void;
+    clear(status?: Confirmation.Status): void;
     /**
      * Listen for escape key to dismiss confirmation
      * @since 2.0.0
@@ -76,13 +80,14 @@ export interface ConfirmationService {
 }
 /**
  * Context value containing the service and current confirmation.
+ * @since 2.1.0 - respond uses Confirmation.Status instead of Toaster.Status
  */
 export interface ConfirmationContextValue {
     service: ConfirmationService;
     /** Current confirmation dialog data */
     confirmation: Confirmation.DialogData | null;
     /** Respond to the current confirmation */
-    respond: (status: Toaster.Status) => void;
+    respond: (status: Confirmation.Status) => void;
 }
 export interface ConfirmationProviderProps {
     children: ReactNode;
@@ -99,6 +104,8 @@ export interface ConfirmationProviderProps {
  * - Added listenToEscape method
  * - Uses Confirmation.DialogData structure
  *
+ * @since 2.1.0 - Uses Confirmation.Status instead of Toaster.Status
+ *
  * @example
  * ```tsx
  * <ConfirmationProvider>
@@ -115,6 +122,7 @@ export declare function ConfirmationProvider({ children }: ConfirmationProviderP
  * @throws Error if used outside of ConfirmationProvider
  *
  * @since 2.0.0 - Service now accepts Config.LocalizationParam
+ * @since 2.1.0 - Uses Confirmation.Status instead of Toaster.Status
  *
  * @example
  * ```tsx
@@ -128,7 +136,7 @@ export declare function ConfirmationProvider({ children }: ConfirmationProviderP
  *       { yesText: 'Delete', cancelText: 'Cancel' }
  *     );
  *
- *     if (status === Toaster.Status.confirm) {
+ *     if (status === Confirmation.Status.confirm) {
  *       await deleteItem();
  *     }
  *   };
@@ -143,6 +151,7 @@ export declare function useConfirmation(): ConfirmationService;
  * This is typically used by the ConfirmationDialog component.
  *
  * @returns Current confirmation data and respond function
+ * @since 2.1.0 - respond uses Confirmation.Status
  */
 export declare function useConfirmationState(): Pick<ConfirmationContextValue, 'confirmation' | 'respond'>;
 /**

package/dist/index.js

@@ -38,6 +38,7 @@ __export(index_exports, {
   ChakraDialog: () => import_react11.Dialog,
   ChangePassword: () => ChangePassword,
   Checkbox: () => Checkbox,
+  Confirmation: () => Confirmation,
   ConfirmationDialog: () => ConfirmationDialog,
   ConfirmationProvider: () => ConfirmationProvider,
   DEFAULT_STYLES: () => DEFAULT_STYLES,
@@ -84,6 +85,17 @@ var Toaster;
   })(Status = Toaster2.Status || (Toaster2.Status = {}));
 })(Toaster || (Toaster = {}));
 
+// src/models/confirmation.ts
+var Confirmation;
+((Confirmation2) => {
+  let Status;
+  ((Status2) => {
+    Status2["confirm"] = "confirm";
+    Status2["reject"] = "reject";
+    Status2["dismiss"] = "dismiss";
+  })(Status = Confirmation2.Status || (Confirmation2.Status = {}));
+})(Confirmation || (Confirmation = {}));
+
 // src/constants/styles.ts
 var DEFAULT_STYLES = `
 .is-invalid .form-control {
@@ -406,7 +418,7 @@ function ConfirmationProvider({ children }) {
     if (!escapeListenerRef.current) return;
     const handleEscape = (event) => {
       if (event.key === "Escape" && confirmation && confirmation.options?.closable !== false) {
-        respond(Toaster.Status.dismiss);
+        respond(Confirmation.Status.dismiss);
       }
     };
     document.addEventListener("keydown", handleEscape);
@@ -417,7 +429,7 @@ function ConfirmationProvider({ children }) {
   const show = (0, import_react2.useCallback)(
     (message, title, severity = "neutral", options = {}) => {
       if (resolverRef.current) {
-        resolverRef.current(Toaster.Status.dismiss);
+        resolverRef.current(Confirmation.Status.dismiss);
       }
       const id = options.id?.toString() || generateId2();
       const dialogData = {
@@ -454,7 +466,7 @@ function ConfirmationProvider({ children }) {
   );
   const clear = (0, import_react2.useCallback)(
     (status) => {
-      respond(status ?? Toaster.Status.dismiss);
+      respond(status ?? Confirmation.Status.dismiss);
     },
     [respond]
   );
@@ -842,13 +854,13 @@ function ConfirmationDialog({ className }) {
   const yesCopy = yesKey ? t(yesKey) : t("AbpUi::Yes");
   const cancelCopy = cancelKey ? t(cancelKey) : t("AbpUi::Cancel");
   const handleConfirm = () => {
-    respond(Toaster.Status.confirm);
+    respond(Confirmation.Status.confirm);
   };
   const handleCancel = () => {
-    respond(Toaster.Status.reject);
+    respond(Confirmation.Status.reject);
   };
   const handleDismiss = () => {
-    respond(Toaster.Status.dismiss);
+    respond(Confirmation.Status.dismiss);
   };
   const handleOpenChange = (details) => {
     if (!details.open && options?.closable !== false) {
@@ -2040,6 +2052,7 @@ function injectThemeSharedStyles() {
   ChakraDialog,
   ChangePassword,
   Checkbox,
+  Confirmation,
   ConfirmationDialog,
   ConfirmationProvider,
   DEFAULT_STYLES,

package/dist/index.mjs

@@ -9,6 +9,17 @@ var Toaster;
   })(Status = Toaster2.Status || (Toaster2.Status = {}));
 })(Toaster || (Toaster = {}));
 
+// src/models/confirmation.ts
+var Confirmation;
+((Confirmation2) => {
+  let Status;
+  ((Status2) => {
+    Status2["confirm"] = "confirm";
+    Status2["reject"] = "reject";
+    Status2["dismiss"] = "dismiss";
+  })(Status = Confirmation2.Status || (Confirmation2.Status = {}));
+})(Confirmation || (Confirmation = {}));
+
 // src/constants/styles.ts
 var DEFAULT_STYLES = `
 .is-invalid .form-control {
@@ -347,7 +358,7 @@ function ConfirmationProvider({ children }) {
     if (!escapeListenerRef.current) return;
     const handleEscape = (event) => {
       if (event.key === "Escape" && confirmation && confirmation.options?.closable !== false) {
-        respond(Toaster.Status.dismiss);
+        respond(Confirmation.Status.dismiss);
       }
     };
     document.addEventListener("keydown", handleEscape);
@@ -358,7 +369,7 @@ function ConfirmationProvider({ children }) {
   const show = useCallback2(
     (message, title, severity = "neutral", options = {}) => {
       if (resolverRef.current) {
-        resolverRef.current(Toaster.Status.dismiss);
+        resolverRef.current(Confirmation.Status.dismiss);
       }
       const id = options.id?.toString() || generateId2();
       const dialogData = {
@@ -395,7 +406,7 @@ function ConfirmationProvider({ children }) {
   );
   const clear = useCallback2(
     (status) => {
-      respond(status ?? Toaster.Status.dismiss);
+      respond(status ?? Confirmation.Status.dismiss);
     },
     [respond]
   );
@@ -810,13 +821,13 @@ function ConfirmationDialog({ className }) {
   const yesCopy = yesKey ? t(yesKey) : t("AbpUi::Yes");
   const cancelCopy = cancelKey ? t(cancelKey) : t("AbpUi::Cancel");
   const handleConfirm = () => {
-    respond(Toaster.Status.confirm);
+    respond(Confirmation.Status.confirm);
   };
   const handleCancel = () => {
-    respond(Toaster.Status.reject);
+    respond(Confirmation.Status.reject);
   };
   const handleDismiss = () => {
-    respond(Toaster.Status.dismiss);
+    respond(Confirmation.Status.dismiss);
   };
   const handleOpenChange = (details) => {
     if (!details.open && options?.closable !== false) {
@@ -2026,6 +2037,7 @@ export {
   Dialog2 as ChakraDialog,
   ChangePassword,
   Checkbox,
+  Confirmation,
   ConfirmationDialog,
   ConfirmationProvider,
   DEFAULT_STYLES,

package/dist/models/confirmation.d.ts

@@ -7,6 +7,8 @@
  * - Added DialogData interface
  * - Added Severity type
  * - Removed deprecated cancelCopy/yesCopy
+ *
+ * @since 2.1.0 - Added Status enum (confirmation-specific, replaces Toaster.Status usage)
  */
 import type { Config } from '@abpjs/core';
 export declare namespace Confirmation {
@@ -51,4 +53,13 @@ export declare namespace Confirmation {
      * @since 2.0.0
      */
     type Severity = 'neutral' | 'success' | 'info' | 'warning' | 'error';
+    /**
+     * Status values for confirmation dialog responses.
+     * @since 2.1.0 - Moved from Toaster.Status to be confirmation-specific
+     */
+    enum Status {
+        confirm = "confirm",
+        reject = "reject",
+        dismiss = "dismiss"
+    }
 }

package/dist/models/toaster.d.ts

@@ -8,6 +8,8 @@ import type { Config } from '@abpjs/core';
  * - New `Toast` interface
  * - `Severity` type changed: 'warn' → 'warning', added 'neutral'
  * - ToasterService methods now return number (toast ID) instead of Observable
+ *
+ * @since 2.1.0 - Status enum deprecated, use Confirmation.Status instead
  */
 export declare namespace Toaster {
     /**
@@ -53,6 +55,8 @@ export declare namespace Toaster {
     type Severity = 'neutral' | 'success' | 'info' | 'warning' | 'error';
     /**
      * Status values for toast/confirmation interactions.
+     * @deprecated Status will be removed from toaster model in v2.2. Use Confirmation.Status instead.
+     * @since 2.1.0 - Deprecated in favor of Confirmation.Status
      */
     enum Status {
         confirm = "confirm",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/theme-shared",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "ABP Framework Theme Shared components for React - translated from @abp/ng.theme.shared",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -27,10 +27,10 @@
     "next-themes": "^0.4.6",
     "react-hook-form": "^7.48.0",
     "react-icons": "^5.5.0",
-    "@abpjs/core": "2.0.0"
+    "@abpjs/core": "2.1.0"
   },
   "devDependencies": {
-    "@abp/ng.theme.shared": "2.0.0",
+    "@abp/ng.theme.shared": "2.1.0",
     "@vitest/coverage-v8": "^3.2.0"
   },
   "author": "tekthar.com",