@abpjs/theme-shared 0.8.0 → 0.9.0

package/dist/components/change-password/ChangePassword.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface ChangePasswordProps {
+    /** Whether the modal is visible */
+    visible: boolean;
+    /** Callback when visibility changes */
+    onVisibleChange: (visible: boolean) => void;
+}
+/**
+ * Change password modal component.
+ * Translated from Angular ChangePasswordComponent (moved from theme-basic in v0.9.0).
+ *
+ * Provides a modal dialog for changing the user's password with:
+ * - Current password input
+ * - New password input with validation
+ * - Confirm new password with match validation
+ *
+ * @example
+ * ```tsx
+ * <ChangePassword
+ *   visible={isOpen}
+ *   onVisibleChange={setIsOpen}
+ * />
+ * ```
+ */
+export declare function ChangePassword({ visible, onVisibleChange, }: ChangePasswordProps): React.ReactElement;
+export default ChangePassword;

package/dist/components/change-password/index.d.ts

@@ -0,0 +1 @@
+export * from './ChangePassword';

package/dist/components/index.d.ts

@@ -4,3 +4,5 @@ export * from './errors';
 export * from './loader-bar';
 export * from './modal';
 export * from './ui';
+export * from './change-password';
+export * from './profile';

package/dist/components/modal/Modal.d.ts

@@ -9,12 +9,18 @@ export interface ModalProps {
     visible: boolean;
     /** Callback when visibility changes */
     onVisibleChange?: (visible: boolean) => void;
+    /** Whether the modal is in a busy/loading state (v0.9.0) */
+    busy?: boolean;
     /** Modal size */
     size?: ModalSize;
     /** Center the modal vertically */
     centered?: boolean;
     /** Custom CSS class for the modal container */
     modalClass?: string;
+    /** Fixed height for the modal (v0.9.0) */
+    height?: number | string;
+    /** Minimum height for the modal (v0.9.0) */
+    minHeight?: number | string;
     /** Header content */
     header?: ReactNode;
     /** Body content (children) */
@@ -31,6 +37,8 @@ export interface ModalProps {
     closeOnEscape?: boolean;
     /** Whether to scroll the modal body if content overflows */
     scrollBehavior?: 'inside' | 'outside';
+    /** Callback when modal is initialized/opened (v0.9.0) */
+    onInit?: () => void;
     /**
      * Motion preset for modal animation.
      * @default 'scale'
@@ -78,7 +86,7 @@ export interface ModalProps {
  * }
  * ```
  */
-export declare function Modal({ visible, onVisibleChange, size, centered, modalClass, header, children, footer, showCloseButton, closeOnOverlayClick, closeOnEscape, scrollBehavior, motionPreset, trapFocus, preventScroll, }: ModalProps): React.ReactElement;
+export declare function Modal({ visible, onVisibleChange, busy, size, centered, modalClass, height, minHeight, header, children, footer, showCloseButton, closeOnOverlayClick, closeOnEscape, scrollBehavior, motionPreset, trapFocus, preventScroll, onInit, }: ModalProps): React.ReactElement;
 /**
  * Re-export Chakra v3 dialog parts for convenience.
  * Users can use these for more custom modal layouts.

package/dist/components/profile/Profile.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export interface ProfileProps {
+    /** Whether the modal is visible */
+    visible: boolean;
+    /** Callback when visibility changes */
+    onVisibleChange: (visible: boolean) => void;
+}
+/**
+ * Profile modal component for editing user profile.
+ * Translated from Angular ProfileComponent (moved from theme-basic in v0.9.0).
+ *
+ * Provides a modal dialog for editing user profile with:
+ * - Username (required)
+ * - Email (required)
+ * - Name
+ * - Surname
+ * - Phone number
+ *
+ * @example
+ * ```tsx
+ * <Profile
+ *   visible={isOpen}
+ *   onVisibleChange={setIsOpen}
+ * />
+ * ```
+ */
+export declare function Profile({ visible, onVisibleChange, }: ProfileProps): React.ReactElement;
+export default Profile;

package/dist/components/profile/index.d.ts

@@ -0,0 +1 @@
+export * from './Profile';

package/dist/index.d.ts

@@ -2,10 +2,17 @@
  * @abpjs/theme-shared
  *
  * ABP Framework Theme Shared components for React.
- * Translated from @abp/ng.theme.shared v0.8.0
+ * Translated from @abp/ng.theme.shared v0.9.0
  *
  * This package provides shared UI components, services, and utilities
  * for theme/modal management in ABP Framework React applications.
+ *
+ * New in v0.9.0:
+ * - ChangePassword component (moved from theme-basic)
+ * - Profile component (moved from theme-basic)
+ * - Modal busy prop for preventing close during operations
+ * - Modal height/minHeight props
+ * - Modal onInit callback
  */
 export * from './models';
 export * from './constants';