@abpjs/theme-basic 2.9.0 → 3.0.0

package/dist/components/nav-items/CurrentUserComponent.d.ts

@@ -0,0 +1,53 @@
+/**
+ * CurrentUserComponent
+ * Translated from @abp/ng.theme.basic/lib/components/nav-items/current-user.component.ts v3.0.0
+ *
+ * Public API component for displaying the current user nav item.
+ * Can be replaced using the component replacement system with eThemeBasicComponents.CurrentUser.
+ *
+ * @since 3.0.0
+ */
+import React from 'react';
+import { type SystemStyleObject } from '@chakra-ui/react';
+/**
+ * Props for the CurrentUserComponent.
+ * @since 3.0.0
+ */
+export interface CurrentUserComponentProps {
+    /** Whether to display in small screen (mobile) mode */
+    smallScreen?: boolean;
+    /** URL to redirect to for login (default: /account/login) */
+    loginUrl?: string;
+    /** URL to redirect to for profile (default: /account/manage) */
+    profileUrl?: string;
+    /** URL to redirect to for change password (default: /account/manage) */
+    changePasswordUrl?: string;
+    /** Custom styles for the container */
+    containerStyle?: SystemStyleObject;
+    /** Z-index for the dropdown menu */
+    menuZIndex?: number;
+}
+/**
+ * Public API component for the current user nav item.
+ * Displays user avatar, name, and dropdown menu with profile options.
+ *
+ * This component is part of the theme-basic public API and can be
+ * replaced using the component replacement system with eThemeBasicComponents.CurrentUser.
+ *
+ * @since 3.0.0
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CurrentUserComponent />
+ *
+ * // With custom URLs
+ * <CurrentUserComponent
+ *   loginUrl="/login"
+ *   profileUrl="/profile"
+ *   changePasswordUrl="/change-password"
+ * />
+ * ```
+ */
+export declare function CurrentUserComponent({ smallScreen: _smallScreen, loginUrl, profileUrl, changePasswordUrl, containerStyle, menuZIndex, }: CurrentUserComponentProps): React.ReactElement;
+export default CurrentUserComponent;

package/dist/components/nav-items/LanguagesComponent.d.ts

@@ -0,0 +1,48 @@
+/**
+ * LanguagesComponent
+ * Translated from @abp/ng.theme.basic/lib/components/nav-items/languages.component.ts v3.0.0
+ *
+ * Public API component for displaying the language selector nav item.
+ * Can be replaced using the component replacement system with eThemeBasicComponents.Languages.
+ *
+ * @since 3.0.0
+ */
+import React from 'react';
+import { type SystemStyleObject } from '@chakra-ui/react';
+/**
+ * Props for the LanguagesComponent.
+ * @since 3.0.0
+ */
+export interface LanguagesComponentProps {
+    /** Whether to display in small screen (mobile) mode */
+    smallScreen?: boolean;
+    /** Whether to show in compact mode (icon only) */
+    compact?: boolean;
+    /** Custom styles for the container */
+    containerStyle?: SystemStyleObject;
+    /** Z-index for the dropdown menu */
+    menuZIndex?: number;
+}
+/**
+ * Public API component for the language selector nav item.
+ * Displays a dropdown menu to change the application language.
+ *
+ * This component is part of the theme-basic public API and can be
+ * replaced using the component replacement system with eThemeBasicComponents.Languages.
+ *
+ * @since 3.0.0
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <LanguagesComponent />
+ *
+ * // Compact mode (icon only)
+ * <LanguagesComponent compact />
+ *
+ * // For small screens
+ * <LanguagesComponent smallScreen />
+ * ```
+ */
+export declare function LanguagesComponent({ smallScreen: _smallScreen, compact, containerStyle, menuZIndex, }: LanguagesComponentProps): React.ReactElement | null;
+export default LanguagesComponent;

package/dist/components/nav-items/NavItemsComponent.d.ts

@@ -1,39 +1,31 @@
 import React from 'react';
-import { UserProfileProps } from '../blocks/sidebars/sidebar-with-collapsible/user-profile';
 /**
  * Props for the NavItemsComponent.
  * @since 2.7.0
+ * @updated 3.0.0 - Simplified to use NavItemsService from @abpjs/theme-shared
  */
 export interface NavItemsComponentProps {
     /** Whether the screen is small (mobile) */
     smallScreen?: boolean;
-    /** User profile action handlers */
-    userProfileProps?: UserProfileProps;
-    /** Whether to show language selector */
-    showLanguageSelector?: boolean;
-    /** Whether to show current user */
-    showCurrentUser?: boolean;
 }
 /**
- * Public API component for navigation items (language selector, user menu, custom elements).
- * Handles the registration of built-in navigation elements and renders custom elements.
+ * Public API component for navigation items.
+ * Uses NavItemsService from @abpjs/theme-shared to manage nav items.
  *
  * This component is part of the theme-basic public API and can be
  * replaced using the component replacement system with eThemeBasicComponents.NavItems.
  *
  * @since 2.7.0 - Added as public API component
+ * @updated 3.0.0 - Now uses NavItemsService from @abpjs/theme-shared
  *
  * @example
  * ```tsx
- * <NavItemsComponent
- *   showLanguageSelector={true}
- *   showCurrentUser={true}
- *   userProfileProps={{
- *     onLogout: () => logout(),
- *     onChangePassword: () => openChangePassword(),
- *   }}
- * />
+ * // Basic usage - nav items are configured via NavItemsService
+ * <NavItemsComponent />
+ *
+ * // For small screens
+ * <NavItemsComponent smallScreen />
  * ```
  */
-export declare function NavItemsComponent({ smallScreen, userProfileProps, showLanguageSelector, showCurrentUser, }: NavItemsComponentProps): React.ReactElement;
+export declare function NavItemsComponent({ smallScreen, }: NavItemsComponentProps): React.ReactElement;
 export default NavItemsComponent;

package/dist/components/nav-items/index.d.ts

@@ -1,2 +1,4 @@
 export { NavItemsComponent, type NavItemsComponentProps } from './NavItemsComponent';
 export { NavItemsComponent as default } from './NavItemsComponent';
+export { CurrentUserComponent, type CurrentUserComponentProps } from './CurrentUserComponent';
+export { LanguagesComponent, type LanguagesComponentProps } from './LanguagesComponent';

package/dist/components/routes/RoutesComponent.d.ts

@@ -35,5 +35,5 @@ export interface RoutesComponentProps {
  * <RoutesComponent routes={customRoutes} />
  * ```
  */
-export declare function RoutesComponent({ smallScreen, defaultIcon, routes: customRoutes, }: RoutesComponentProps): React.ReactElement;
+export declare function RoutesComponent({ smallScreen: _smallScreen, defaultIcon, routes: customRoutes, }: RoutesComponentProps): React.ReactElement;
 export default RoutesComponent;

package/dist/enums/components.d.ts

@@ -3,6 +3,7 @@
  * Used for component replacement/customization in the theme system.
  *
  * @since 2.7.0
+ * @updated 3.0.0 - Added CurrentUser and Languages component keys
  */
 export declare const eThemeBasicComponents: {
     readonly ApplicationLayout: "Theme.ApplicationLayoutComponent";
@@ -11,6 +12,16 @@ export declare const eThemeBasicComponents: {
     readonly Logo: "Theme.LogoComponent";
     readonly Routes: "Theme.RoutesComponent";
     readonly NavItems: "Theme.NavItemsComponent";
+    /**
+     * Component key for the current user nav item.
+     * @since 3.0.0
+     */
+    readonly CurrentUser: "Theme.CurrentUserComponent";
+    /**
+     * Component key for the languages nav item.
+     * @since 3.0.0
+     */
+    readonly Languages: "Theme.LanguagesComponent";
 };
 /**
  * Type for eThemeBasicComponents values

package/dist/enums/index.d.ts

@@ -1,2 +1,7 @@
 export * from './components';
+/**
+ * @deprecated eNavigationElementNames was removed in v3.0.0.
+ * Nav items are now managed via NavItemsService from @abpjs/theme-shared.
+ * This export is kept for backwards compatibility and will be removed in a future version.
+ */
 export * from './navigation-element-names';

package/dist/enums/navigation-element-names.d.ts

@@ -3,6 +3,10 @@
  * Used for identifying built-in navigation elements in the layout.
  *
  * @since 2.7.0
+ * @deprecated This enum was removed in Angular v3.0.0. Nav items are now
+ * managed via NavItemsService from @abpjs/theme-shared. This export is kept
+ * for backwards compatibility and will be removed in a future version.
+ * Use NavItemsService instead.
  */
 export declare const eNavigationElementNames: {
     readonly Language: "LanguageRef";

package/dist/index.d.ts

@@ -2,10 +2,21 @@
  * @abpjs/theme-basic
  *
  * ABP Framework Theme Basic components for React.
- * Translated from @abp/ng.theme.basic v2.9.0
+ * Translated from @abp/ng.theme.basic v3.0.0
  *
  * This package provides the basic theme layout components for ABP React applications.
  *
+ * Changes in v3.0.0:
+ * - Added CurrentUserComponent and LanguagesComponent as public API components
+ * - Added nav-item.provider and styles.provider for initialization
+ * - Added BASIC_THEME_NAV_ITEM_PROVIDERS and BASIC_THEME_STYLES_PROVIDERS
+ * - Added eThemeBasicComponents.CurrentUser and eThemeBasicComponents.Languages
+ * - NavItemsComponent now uses NavItemsService from @abpjs/theme-shared
+ * - Deprecated eNavigationElementNames (use NavItemsService instead)
+ * - Deprecated LayoutStateService (use NavItemsService instead)
+ * - Added bordered .datatable-body-row styles
+ * - Dependency update to @abp/ng.theme.shared v3.0.0
+ *
  * Changes in v2.9.0:
  * - Removed isDropdownChildDynamic from ApplicationLayoutComponent
  * - Removed isDropdownChildDynamic and openChange from RoutesComponent
@@ -34,7 +45,7 @@
  * - Dependency update to @abp/ng.theme.shared v2.2.0
  * - No functional code changes
  *
- * @version 2.9.0
+ * @version 3.0.0
  * @since 2.0.0 - Removed legacy .abp-confirm styles (no impact on React - we use Chakra UI)
  * @since 2.1.0 - Angular: OAuthService replaced with AuthService (already using useAuth in React)
  *              - Angular: Added styles for loading, modal-backdrop, confirmation (handled by Chakra UI)