@abpjs/theme-shared 0.9.0 → 1.1.0

package/dist/components/loader-bar/LoaderBar.d.ts

@@ -8,6 +8,18 @@ export interface LoaderBarProps {
         url?: string;
         method?: string;
     }) => boolean;
+    /**
+     * Interval period in milliseconds for progress bar animation.
+     * @default 300
+     * @since 1.1.0
+     */
+    intervalPeriod?: number;
+    /**
+     * Delay in milliseconds before hiding the progress bar after loading completes.
+     * @default 400
+     * @since 1.1.0
+     */
+    stopDelay?: number;
 }
 /**
  * A loading progress bar component that automatically shows/hides
@@ -30,5 +42,5 @@ export interface LoaderBarProps {
  * />
  * ```
  */
-export declare function LoaderBar({ containerClass, progressClass, filter, }: LoaderBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function LoaderBar({ containerClass, progressClass, filter, intervalPeriod, stopDelay, }: LoaderBarProps): import("react/jsx-runtime").JSX.Element | null;
 export default LoaderBar;

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

@@ -1,4 +1,5 @@
 import React, { type ReactNode } from 'react';
+import type { Config } from '@abpjs/core';
 import { Toaster } from '../models';
 /**
  * Internal toast message with unique ID for tracking.
@@ -8,16 +9,17 @@ interface InternalToast extends Toaster.Message {
 }
 /**
  * ToasterService interface - matches the Angular service API.
+ * Updated in v1.1.0 to accept Config.LocalizationParam for message and title.
  */
 export interface ToasterService {
     /** Show an info toast */
-    info(message: string, title?: string, options?: Toaster.Options): Promise<Toaster.Status>;
+    info(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Toaster.Options): Promise<Toaster.Status>;
     /** Show a success toast */
-    success(message: string, title?: string, options?: Toaster.Options): Promise<Toaster.Status>;
+    success(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Toaster.Options): Promise<Toaster.Status>;
     /** Show a warning toast */
-    warn(message: string, title?: string, options?: Toaster.Options): Promise<Toaster.Status>;
+    warn(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Toaster.Options): Promise<Toaster.Status>;
     /** Show an error toast */
-    error(message: string, title?: string, options?: Toaster.Options): Promise<Toaster.Status>;
+    error(message: Config.LocalizationParam, title?: Config.LocalizationParam, options?: Toaster.Options): Promise<Toaster.Status>;
     /** Add multiple messages at once */
     addAll(messages: Toaster.Message[]): void;
     /** Clear all toasts or a specific one by status */

package/dist/index.d.ts

@@ -2,11 +2,17 @@
  * @abpjs/theme-shared
  *
  * ABP Framework Theme Shared components for React.
- * Translated from @abp/ng.theme.shared v0.9.0
+ * Translated from @abp/ng.theme.shared v1.1.0
  *
  * This package provides shared UI components, services, and utilities
  * for theme/modal management in ABP Framework React applications.
  *
+ * New in v1.1.0:
+ * - ToasterService now accepts Config.LocalizationParam for message and title
+ * - Confirmation.Options: Added cancelText/yesText (deprecated cancelCopy/yesCopy)
+ * - New HttpErrorConfig types for custom error screen configuration
+ * - LoaderBar: Added intervalPeriod and stopDelay props
+ *
  * New in v0.9.0:
  * - ChangePassword component (moved from theme-basic)
  * - Profile component (moved from theme-basic)

package/dist/index.js

@@ -182,6 +182,11 @@ function generateId() {
   return `toast-${Date.now()}-${toastCounter}-${Math.random().toString(36).substring(2, 9)}`;
 }
 var DEFAULT_LIFE = 5e3;
+function resolveLocalizationParam(param) {
+  if (param === void 0) return void 0;
+  if (typeof param === "string") return param;
+  return param.defaultValue || param.key;
+}
 function ToasterProvider({ children }) {
   const [toasts, setToasts] = (0, import_react.useState)([]);
   const resolversRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
@@ -197,10 +202,12 @@ function ToasterProvider({ children }) {
     (message, title, severity, options) => {
       const id = options?.id?.toString() || generateId();
       const life = options?.sticky ? void 0 : options?.life ?? DEFAULT_LIFE;
+      const resolvedMessage = resolveLocalizationParam(message) || "";
+      const resolvedTitle = resolveLocalizationParam(title);
       const toast = {
         id,
-        message,
-        title,
+        message: resolvedMessage,
+        title: resolvedTitle,
         severity,
         ...options
       };
@@ -634,6 +641,11 @@ var import_react7 = require("@chakra-ui/react");
 var import_core2 = require("@abpjs/core");
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function getLocalizationKey(param) {
+  if (param === void 0) return void 0;
+  if (typeof param === "string") return param;
+  return param.key;
+}
 function SeverityIcon2({ severity }) {
   const iconProps = { size: 24 };
   switch (severity) {
@@ -672,8 +684,10 @@ function ConfirmationDialog({ className }) {
     ...options.messageLocalizationParams || []
   );
   const localizedTitle = title ? t(title, ...options.titleLocalizationParams || []) : void 0;
-  const yesCopy = options.yesCopy ? t(options.yesCopy) : t("AbpUi::Yes");
-  const cancelCopy = options.cancelCopy ? t(options.cancelCopy) : t("AbpUi::Cancel");
+  const yesKey = getLocalizationKey(options.yesText) || getLocalizationKey(options.yesCopy);
+  const cancelKey = getLocalizationKey(options.cancelText) || getLocalizationKey(options.cancelCopy);
+  const yesCopy = yesKey ? t(yesKey) : t("AbpUi::Yes");
+  const cancelCopy = cancelKey ? t(cancelKey) : t("AbpUi::Cancel");
   const handleConfirm = () => {
     respond(Toaster.Status.confirm);
   };
@@ -769,7 +783,9 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 function LoaderBar({
   containerClass = "abp-loader-bar",
   progressClass = "abp-progress",
-  filter
+  filter,
+  intervalPeriod = 300,
+  stopDelay = 400
 }) {
   const { loading } = (0, import_core3.useLoader)();
   const [isLoading, setIsLoading] = (0, import_react9.useState)(false);
@@ -806,7 +822,7 @@ function LoaderBar({
         }
         return prev + 10;
       });
-    }, 300);
+    }, intervalPeriod);
   };
   const stopLoading = () => {
     setProgressLevel(100);
@@ -817,7 +833,7 @@ function LoaderBar({
     setTimeout(() => {
       setIsLoading(false);
       setProgressLevel(0);
-    }, 400);
+    }, stopDelay);
   };
   if (!isLoading && progressLevel === 0) {
     return null;

package/dist/index.mjs

@@ -114,6 +114,11 @@ function generateId() {
   return `toast-${Date.now()}-${toastCounter}-${Math.random().toString(36).substring(2, 9)}`;
 }
 var DEFAULT_LIFE = 5e3;
+function resolveLocalizationParam(param) {
+  if (param === void 0) return void 0;
+  if (typeof param === "string") return param;
+  return param.defaultValue || param.key;
+}
 function ToasterProvider({ children }) {
   const [toasts, setToasts] = useState([]);
   const resolversRef = useRef(/* @__PURE__ */ new Map());
@@ -129,10 +134,12 @@ function ToasterProvider({ children }) {
     (message, title, severity, options) => {
       const id = options?.id?.toString() || generateId();
       const life = options?.sticky ? void 0 : options?.life ?? DEFAULT_LIFE;
+      const resolvedMessage = resolveLocalizationParam(message) || "";
+      const resolvedTitle = resolveLocalizationParam(title);
       const toast = {
         id,
-        message,
-        title,
+        message: resolvedMessage,
+        title: resolvedTitle,
         severity,
         ...options
       };
@@ -598,6 +605,11 @@ import {
   XCircle as XCircle2
 } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function getLocalizationKey(param) {
+  if (param === void 0) return void 0;
+  if (typeof param === "string") return param;
+  return param.key;
+}
 function SeverityIcon2({ severity }) {
   const iconProps = { size: 24 };
   switch (severity) {
@@ -636,8 +648,10 @@ function ConfirmationDialog({ className }) {
     ...options.messageLocalizationParams || []
   );
   const localizedTitle = title ? t(title, ...options.titleLocalizationParams || []) : void 0;
-  const yesCopy = options.yesCopy ? t(options.yesCopy) : t("AbpUi::Yes");
-  const cancelCopy = options.cancelCopy ? t(options.cancelCopy) : t("AbpUi::Cancel");
+  const yesKey = getLocalizationKey(options.yesText) || getLocalizationKey(options.yesCopy);
+  const cancelKey = getLocalizationKey(options.cancelText) || getLocalizationKey(options.cancelCopy);
+  const yesCopy = yesKey ? t(yesKey) : t("AbpUi::Yes");
+  const cancelCopy = cancelKey ? t(cancelKey) : t("AbpUi::Cancel");
   const handleConfirm = () => {
     respond(Toaster.Status.confirm);
   };
@@ -733,7 +747,9 @@ import { jsx as jsx6 } from "react/jsx-runtime";
 function LoaderBar({
   containerClass = "abp-loader-bar",
   progressClass = "abp-progress",
-  filter
+  filter,
+  intervalPeriod = 300,
+  stopDelay = 400
 }) {
   const { loading } = useLoader();
   const [isLoading, setIsLoading] = useState4(false);
@@ -770,7 +786,7 @@ function LoaderBar({
         }
         return prev + 10;
       });
-    }, 300);
+    }, intervalPeriod);
   };
   const stopLoading = () => {
     setProgressLevel(100);
@@ -781,7 +797,7 @@ function LoaderBar({
     setTimeout(() => {
       setIsLoading(false);
       setProgressLevel(0);
-    }, 400);
+    }, stopDelay);
   };
   if (!isLoading && progressLevel === 0) {
     return null;

package/dist/models/common.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Common types for theme-shared module.
+ * Translated from @abp/ng.theme.shared/lib/models/common.ts
+ * @since 1.1.0
+ */
+import type { ComponentType } from 'react';
+/**
+ * Root parameters for ThemeSharedModule configuration.
+ * @since 1.1.0
+ */
+export interface RootParams {
+    httpErrorConfig?: HttpErrorConfig;
+}
+/**
+ * Error screen error codes that can be customized.
+ * @since 1.1.0
+ */
+export type ErrorScreenErrorCodes = 401 | 403 | 404 | 500;
+/**
+ * Configuration for HTTP error handling.
+ * @since 1.1.0
+ */
+export interface HttpErrorConfig {
+    /**
+     * Custom error screen configuration.
+     */
+    errorScreen?: {
+        /**
+         * Custom React component to render for errors.
+         */
+        component: ComponentType<any>;
+        /**
+         * Which error codes to show the custom component for.
+         * Defaults to all error codes if not specified.
+         */
+        forWhichErrors?: [ErrorScreenErrorCodes] | [ErrorScreenErrorCodes, ErrorScreenErrorCodes] | [ErrorScreenErrorCodes, ErrorScreenErrorCodes, ErrorScreenErrorCodes] | [ErrorScreenErrorCodes, ErrorScreenErrorCodes, ErrorScreenErrorCodes, ErrorScreenErrorCodes];
+        /**
+         * Whether to hide the close icon on the error screen.
+         */
+        hideCloseIcon?: boolean;
+    };
+}

package/dist/models/confirmation.d.ts

@@ -2,6 +2,7 @@
  * Confirmation namespace containing types for confirmation dialogs.
  * Translated from @abp/ng.theme.shared/lib/models/confirmation.ts
  */
+import type { Config } from '@abpjs/core';
 import { Toaster } from './toaster';
 export declare namespace Confirmation {
     /**
@@ -13,9 +14,23 @@ export declare namespace Confirmation {
         hideCancelBtn?: boolean;
         /** Hide the yes/confirm button */
         hideYesBtn?: boolean;
-        /** Custom text for the cancel button (localization key) */
-        cancelCopy?: string;
-        /** Custom text for the yes button (localization key) */
-        yesCopy?: string;
+        /**
+         * Custom text for the cancel button
+         * @since 1.1.0 - Now accepts Config.LocalizationParam
+         */
+        cancelText?: Config.LocalizationParam;
+        /**
+         * Custom text for the yes button
+         * @since 1.1.0 - Now accepts Config.LocalizationParam
+         */
+        yesText?: Config.LocalizationParam;
+        /**
+         * @deprecated Use cancelText instead. Will be removed in v2.0.0
+         */
+        cancelCopy?: Config.LocalizationParam;
+        /**
+         * @deprecated Use yesCopy instead. Will be removed in v2.0.0
+         */
+        yesCopy?: Config.LocalizationParam;
     }
 }

package/dist/models/index.d.ts

@@ -1,3 +1,4 @@
+export * from './common';
 export * from './toaster';
 export * from './confirmation';
 export * from './setting-management';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/theme-shared",
-  "version": "0.9.0",
+  "version": "1.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,11 @@
     "next-themes": "^0.4.6",
     "react-hook-form": "^7.48.0",
     "react-icons": "^5.5.0",
-    "@abpjs/core": "0.9.0"
+    "@abpjs/core": "1.1.0"
   },
   "devDependencies": {
-    "@abp/ng.theme.shared": "0.9.0"
+    "@abp/ng.theme.shared": "1.1.0",
+    "@vitest/coverage-v8": "^3.2.0"
   },
   "author": "tekthar.com",
   "license": "LGPL-3.0",
@@ -39,7 +40,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/abpjs/abp-react"
+    "url": "https://github.com/abpjs/abp-react",
+    "directory": "packages/theme-shared"
   },
   "homepage": "https://docs.abpjs.io/docs/packages/theme-shared/overview",
   "bugs": {
@@ -53,6 +55,7 @@
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,json,md}\"",
     "type-check": "tsc --noEmit",
-    "test": "vitest"
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
 }