@abpjs/theme-shared 3.2.0 → 4.0.0

package/dist/index.mjs

@@ -30,9 +30,15 @@ var NavItem = class {
 // src/constants/styles.ts
 var BOOTSTRAP = "bootstrap-{{dir}}.min.css";
 var DEFAULT_STYLES = `
+/* Enhanced validation styles - @since 4.0.0 */
 .is-invalid .form-control {
   border-color: #dc3545;
   border-style: solid !important;
+  padding-right: calc(1.5em + .75rem);
+  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
+  background-repeat: no-repeat;
+  background-position: right calc(.375em + .1875rem) center;
+  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
 }
 
 .is-invalid .invalid-feedback,
@@ -175,6 +181,13 @@ var DEFAULT_STYLES = `
 .sorting_asc:after {
   opacity: .3;
 }
+.ngx-datatable.material {
+  box-shadow: none;
+}
+/* Typeahead dropdown styles - @since 4.0.0 */
+.abp-typeahead-window {
+  width: 100%;
+}
 
 @keyframes fadeInTop {
   from {
@@ -245,10 +258,18 @@ function useLazyStyles() {
 }
 var LAZY_STYLES = DEFAULT_LAZY_STYLES;
 
+// src/tokens/suppress-unsaved-changes-warning.token.ts
+import { createContext as createContext4, useContext as useContext3 } from "react";
+var SUPPRESS_UNSAVED_CHANGES_WARNING = "SUPPRESS_UNSAVED_CHANGES_WARNING";
+var SuppressUnsavedChangesWarningContext = createContext4(false);
+function useSuppressUnsavedChangesWarning() {
+  return useContext3(SuppressUnsavedChangesWarningContext);
+}
+
 // src/contexts/toaster.context.tsx
 import {
-  createContext as createContext4,
-  useContext as useContext3,
+  createContext as createContext5,
+  useContext as useContext4,
   useCallback,
   useState,
   useRef,
@@ -256,7 +277,7 @@ import {
   useEffect
 } from "react";
 import { jsx } from "react/jsx-runtime";
-var ToasterContext = createContext4(null);
+var ToasterContext = createContext5(null);
 var toastCounter = 0;
 function generateId() {
   toastCounter += 1;
@@ -314,10 +335,10 @@ function ToasterProvider({ children }) {
     (message, title, options) => show(message, title, "error", options),
     [show]
   );
-  const clear = useCallback((key) => {
+  const clear = useCallback((containerKey) => {
     setToasts((prev) => {
-      if (key) {
-        return prev.filter((toast) => toast.options?.containerKey !== key);
+      if (containerKey) {
+        return prev.filter((toast) => toast.options?.containerKey !== containerKey);
       }
       return [];
     });
@@ -349,21 +370,21 @@ function ToasterProvider({ children }) {
   return /* @__PURE__ */ jsx(ToasterContext.Provider, { value, children });
 }
 function useToaster() {
-  const context = useContext3(ToasterContext);
+  const context = useContext4(ToasterContext);
   if (!context) {
     throw new Error("useToaster must be used within a ToasterProvider");
   }
   return context.service;
 }
 function useToasts() {
-  const context = useContext3(ToasterContext);
+  const context = useContext4(ToasterContext);
   if (!context) {
     throw new Error("useToasts must be used within a ToasterProvider");
   }
   return context.toasts;
 }
 function useToasterContext() {
-  const context = useContext3(ToasterContext);
+  const context = useContext4(ToasterContext);
   if (!context) {
     throw new Error("useToasterContext must be used within a ToasterProvider");
   }
@@ -372,8 +393,8 @@ function useToasterContext() {
 
 // src/contexts/confirmation.context.tsx
 import {
-  createContext as createContext5,
-  useContext as useContext4,
+  createContext as createContext6,
+  useContext as useContext5,
   useCallback as useCallback2,
   useState as useState2,
   useRef as useRef2,
@@ -381,7 +402,7 @@ import {
   useEffect as useEffect2
 } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var ConfirmationContext = createContext5(null);
+var ConfirmationContext = createContext6(null);
 function generateId2() {
   return `confirmation-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
 }
@@ -488,21 +509,21 @@ function ConfirmationProvider({ children }) {
   return /* @__PURE__ */ jsx2(ConfirmationContext.Provider, { value, children });
 }
 function useConfirmation() {
-  const context = useContext4(ConfirmationContext);
+  const context = useContext5(ConfirmationContext);
   if (!context) {
     throw new Error("useConfirmation must be used within a ConfirmationProvider");
   }
   return context.service;
 }
 function useConfirmationState() {
-  const context = useContext4(ConfirmationContext);
+  const context = useContext5(ConfirmationContext);
   if (!context) {
     throw new Error("useConfirmationState must be used within a ConfirmationProvider");
   }
   return { confirmation: context.confirmation, respond: context.respond };
 }
 function useConfirmationContext() {
-  const context = useContext4(ConfirmationContext);
+  const context = useContext5(ConfirmationContext);
   if (!context) {
     throw new Error("useConfirmationContext must be used within a ConfirmationProvider");
   }
@@ -511,15 +532,15 @@ function useConfirmationContext() {
 
 // src/contexts/modal.context.tsx
 import {
-  createContext as createContext6,
-  useContext as useContext5,
+  createContext as createContext7,
+  useContext as useContext6,
   useCallback as useCallback3,
   useState as useState3,
   useRef as useRef3,
   useMemo as useMemo3
 } from "react";
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var ModalContext = createContext6(null);
+var ModalContext = createContext7(null);
 function ModalProvider({ children }) {
   const [modalState, setModalState] = useState3(null);
   const [, setUpdateCounter] = useState3(0);
@@ -555,21 +576,21 @@ function ModalProvider({ children }) {
   ] });
 }
 function useModal() {
-  const context = useContext5(ModalContext);
+  const context = useContext6(ModalContext);
   if (!context) {
     throw new Error("useModal must be used within a ModalProvider");
   }
   return context.service;
 }
 function useModalState() {
-  const context = useContext5(ModalContext);
+  const context = useContext6(ModalContext);
   if (!context) {
     throw new Error("useModalState must be used within a ModalProvider");
   }
   return context.modalState;
 }
 function useModalContext() {
-  const context = useContext5(ModalContext);
+  const context = useContext6(ModalContext);
   if (!context) {
     throw new Error("useModalContext must be used within a ModalProvider");
   }
@@ -2575,6 +2596,8 @@ export {
   NavItemsService,
   PASSWORD_SETTING_KEYS,
   Profile,
+  SUPPRESS_UNSAVED_CHANGES_WARNING,
+  SuppressUnsavedChangesWarningContext,
   THEME_SHARED_APPEND_CONTENT,
   THEME_SHARED_ROUTE_PROVIDERS,
   THEME_SHARED_STYLES,
@@ -2613,6 +2636,7 @@ export {
   useModalContext,
   useModalState,
   useNavItems,
+  useSuppressUnsavedChangesWarning,
   useToaster,
   useToasterContext,
   useToasts

package/dist/models/confirmation.d.ts

@@ -1,6 +1,6 @@
 /**
  * Confirmation namespace containing types for confirmation dialogs.
- * Translated from @abp/ng.theme.shared/lib/models/confirmation.ts v3.0.0
+ * Translated from @abp/ng.theme.shared/lib/models/confirmation.ts v4.0.0
  *
  * @since 2.0.0 - Major changes:
  * - Options no longer extends Toaster.Options
@@ -11,8 +11,9 @@
  * @since 2.1.0 - Added Status enum (confirmation-specific, replaces Toaster.Status usage)
  * @since 2.9.0 - Added dismissible property, deprecated closable
  * @since 3.0.0 - Removed closable property (use dismissible instead)
+ * @since 4.0.0 - Changed cancelText/yesText from Config.LocalizationParam to LocalizationParam
  */
-import type { Config } from '@abpjs/core';
+import type { Config, LocalizationParam } from '@abpjs/core';
 export declare namespace Confirmation {
     /**
      * Options for configuring a confirmation dialog.
@@ -35,10 +36,16 @@ export declare namespace Confirmation {
         hideCancelBtn?: boolean;
         /** Hide the yes/confirm button */
         hideYesBtn?: boolean;
-        /** Custom text for the cancel button */
-        cancelText?: Config.LocalizationParam;
-        /** Custom text for the yes button */
-        yesText?: Config.LocalizationParam;
+        /**
+         * Custom text for the cancel button
+         * @since 4.0.0 - Changed from Config.LocalizationParam to LocalizationParam
+         */
+        cancelText?: LocalizationParam;
+        /**
+         * Custom text for the yes button
+         * @since 4.0.0 - Changed from Config.LocalizationParam to LocalizationParam
+         */
+        yesText?: LocalizationParam;
     }
     /**
      * Dialog data structure for confirmation dialogs.

package/dist/models/toaster.d.ts

@@ -1,7 +1,7 @@
-import type { Config } from '@abpjs/core';
+import type { Config, LocalizationParam } from '@abpjs/core';
 /**
  * Toaster namespace containing types and interfaces for toast notifications.
- * Translated from @abp/ng.theme.shared/lib/models/toaster.ts v3.0.0
+ * Translated from @abp/ng.theme.shared/lib/models/toaster.ts v4.0.0
  *
  * @since 2.0.0 - Major changes:
  * - `Options` renamed to `ToastOptions`
@@ -10,6 +10,9 @@ import type { Config } from '@abpjs/core';
  * - ToasterService methods now return number (toast ID) instead of Observable
  *
  * @since 3.0.0 - Status enum removed, use Confirmation.Status instead
+ * @since 4.0.0 - Added ToasterId type, Service interface
+ * - Changed Toast.message/title from Config.LocalizationParam to LocalizationParam
+ * - Service methods return ToasterId instead of number
  */
 export declare namespace Toaster {
     /**
@@ -37,12 +40,13 @@ export declare namespace Toaster {
     /**
      * Complete toast structure.
      * @since 2.0.0
+     * @since 4.0.0 - Changed message/title from Config.LocalizationParam to LocalizationParam
      */
     interface Toast {
         /** The message content (can be a localization key) */
-        message: Config.LocalizationParam;
+        message: LocalizationParam;
         /** The title (can be a localization key) */
-        title?: Config.LocalizationParam;
+        title?: LocalizationParam;
         /** Severity level of the toast */
         severity?: string;
         /** Options for the toast */
@@ -53,4 +57,23 @@ export declare namespace Toaster {
      * @since 2.0.0 - Changed 'warn' to 'warning', added 'neutral'
      */
     type Severity = 'neutral' | 'success' | 'info' | 'warning' | 'error';
+    /**
+     * Toast identifier type.
+     * @since 4.0.0
+     */
+    type ToasterId = string | number;
+    /**
+     * ToasterService contract interface.
+     * Defines the public API that any toaster service implementation must satisfy.
+     * @since 4.0.0
+     */
+    interface Service {
+        show: (message: LocalizationParam, title: LocalizationParam, severity: Toaster.Severity, options: Partial<Toaster.ToastOptions>) => ToasterId;
+        remove: (id: number) => void;
+        clear: (containerKey?: string) => void;
+        info: (message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Toaster.ToastOptions>) => ToasterId;
+        success: (message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Toaster.ToastOptions>) => ToasterId;
+        warn: (message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Toaster.ToastOptions>) => ToasterId;
+        error: (message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Partial<Toaster.ToastOptions>) => ToasterId;
+    }
 }

package/dist/tokens/index.d.ts

@@ -4,7 +4,9 @@
  *
  * @since 2.7.0
  * @since 2.9.0 - Added LAZY_STYLES token
+ * @since 4.0.0 - Added SUPPRESS_UNSAVED_CHANGES_WARNING token
  */
 export * from './append-content.token';
 export * from './http-error.token';
 export * from './lazy-styles.token';
+export * from './suppress-unsaved-changes-warning.token';

package/dist/tokens/suppress-unsaved-changes-warning.token.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Token name for suppress unsaved changes warning.
+ * @since 4.0.0
+ */
+export declare const SUPPRESS_UNSAVED_CHANGES_WARNING = "SUPPRESS_UNSAVED_CHANGES_WARNING";
+/**
+ * Context for the suppress unsaved changes warning flag.
+ * Default is false (unsaved changes warning is shown).
+ * @since 4.0.0
+ */
+export declare const SuppressUnsavedChangesWarningContext: import("react").Context<boolean>;
+/**
+ * Hook to get the current suppress unsaved changes warning value.
+ * @returns Whether unsaved changes warnings should be suppressed
+ * @since 4.0.0
+ */
+export declare function useSuppressUnsavedChangesWarning(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/theme-shared",
-  "version": "3.2.0",
+  "version": "4.0.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": "3.2.0"
+    "@abpjs/core": "4.0.0"
   },
   "devDependencies": {
-    "@abp/ng.theme.shared": "3.2.0",
+    "@abp/ng.theme.shared": "4.0.0",
     "@vitest/coverage-v8": "^1.6.0",
     "vitest": "^1.6.0"
   },