@abpjs/theme-basic 3.1.0 → 4.0.0

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

@@ -1,6 +1,6 @@
 /**
  * CurrentUserComponent
- * Translated from @abp/ng.theme.basic/lib/components/nav-items/current-user.component.ts v3.0.0
+ * Translated from @abp/ng.theme.basic/lib/components/nav-items/current-user.component.ts v4.0.0
  *
  * Public API component for displaying the current user nav item.
  * Can be replaced using the component replacement system with eThemeBasicComponents.CurrentUser.

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

@@ -1,6 +1,6 @@
 /**
  * LanguagesComponent
- * Translated from @abp/ng.theme.basic/lib/components/nav-items/languages.component.ts v3.0.0
+ * Translated from @abp/ng.theme.basic/lib/components/nav-items/languages.component.ts v4.0.0
  *
  * Public API component for displaying the language selector nav item.
  * Can be replaced using the component replacement system with eThemeBasicComponents.Languages.

package/dist/index.d.ts

@@ -2,10 +2,27 @@
  * @abpjs/theme-basic
  *
  * ABP Framework Theme Basic components for React.
- * Translated from @abp/ng.theme.basic v3.0.0
+ * Translated from @abp/ng.theme.basic v4.0.0
  *
  * This package provides the basic theme layout components for ABP React applications.
  *
+ * Changes in v4.0.0:
+ * - LogoComponent: Angular now uses EnvironmentService + ApplicationInfo instead of Store + Config.Application
+ *   (React: no change needed, uses useBranding() context which already abstracts data source)
+ * - CurrentUserComponent: Angular now uses ConfigStateService + EnvironmentService + CurrentUserDto
+ *   (React: no change needed, already uses useConfig() + useAuth() hooks)
+ * - LanguagesComponent: Angular now uses SessionStateService + ConfigStateService + LanguageInfo
+ *   (React: updated type from deprecated ApplicationConfiguration.Language to LanguageInfo)
+ * - RoutesComponent: Angular renamed 'routes' property to 'routesService'
+ *   (React: no change needed, uses useConfig().routes hook)
+ * - Dependency update to @abp/ng.theme.shared v4.0.0
+ *
+ * Changes in v3.2.0:
+ * - Reduced .abp-loading background opacity from 0.1 to 0.05 for better UX
+ * - Angular: RoutesComponent added closeDropdown() method (React handles via state/events)
+ * - Angular: StylesProvider now uses ReplaceableComponentsService instead of Store (React uses hooks)
+ * - Dependency update to @abp/ng.theme.shared v3.2.0
+ *
  * Changes in v3.0.0:
  * - Added CurrentUserComponent and LanguagesComponent as public API components
  * - Added nav-item.provider and styles.provider for initialization
@@ -45,7 +62,7 @@
  * - Dependency update to @abp/ng.theme.shared v2.2.0
  * - No functional code changes
  *
- * @version 3.0.0
+ * @version 4.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)

package/dist/index.js

@@ -1210,8 +1210,8 @@ function LanguagesComponent({
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react26.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react26.Menu.Positioner, { style: { zIndex: menuZIndex }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react26.Menu.Content, { children: dropdownLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       import_react26.Menu.Item,
       {
-        value: lang.cultureName,
-        onClick: () => handleChangeLang(lang.cultureName),
+        value: lang.cultureName ?? "",
+        onClick: () => handleChangeLang(lang.cultureName ?? ""),
         children: lang.displayName || lang.cultureName
       },
       lang.cultureName
@@ -1453,9 +1453,9 @@ var THEME_BASIC_STYLES = `
     margin-top: -1px;
 }
 
-/* Loading overlay */
+/* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */
 .abp-loading {
-    background: rgba(0, 0, 0, 0.1);
+    background: rgba(0, 0, 0, 0.05);
 }
 
 /* Modal backdrop */

package/dist/index.mjs

@@ -1167,8 +1167,8 @@ function LanguagesComponent({
     /* @__PURE__ */ jsx20(Portal5, { children: /* @__PURE__ */ jsx20(Menu4.Positioner, { style: { zIndex: menuZIndex }, children: /* @__PURE__ */ jsx20(Menu4.Content, { children: dropdownLanguages.map((lang) => /* @__PURE__ */ jsx20(
       Menu4.Item,
       {
-        value: lang.cultureName,
-        onClick: () => handleChangeLang(lang.cultureName),
+        value: lang.cultureName ?? "",
+        onClick: () => handleChangeLang(lang.cultureName ?? ""),
         children: lang.displayName || lang.cultureName
       },
       lang.cultureName
@@ -1410,9 +1410,9 @@ var THEME_BASIC_STYLES = `
     margin-top: -1px;
 }
 
-/* Loading overlay */
+/* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */
 .abp-loading {
-    background: rgba(0, 0, 0, 0.1);
+    background: rgba(0, 0, 0, 0.05);
 }
 
 /* Modal backdrop */

package/dist/providers/styles.provider.d.ts

@@ -15,7 +15,7 @@
  *
  * @since 3.0.0
  */
-export declare const THEME_BASIC_STYLES = "\n/* Content header styles */\n.content-header-title {\n    font-size: 24px;\n}\n\n.entry-row {\n    margin-bottom: 15px;\n}\n\n/* Input validation styles */\n.input-validation-error {\n    border-color: #dc3545;\n}\n\n.field-validation-error {\n    font-size: 0.8em;\n}\n\n/* Table styles */\n.ui-table .ui-table-tbody > tr.empty-row > div.empty-row-content {\n    border: 1px solid #c8c8c8;\n}\n\n.ui-table .pagination-wrapper {\n    background-color: #f4f4f4;\n    border: 1px solid #c8c8c8;\n}\n\n/* Bordered datatable styles (added in v3.0.0) */\n.bordered .datatable-body-row {\n    border-top: 1px solid #eee;\n    margin-top: -1px;\n}\n\n/* Loading overlay */\n.abp-loading {\n    background: rgba(0, 0, 0, 0.1);\n}\n\n/* Modal backdrop */\n.modal-backdrop {\n    background-color: rgba(0, 0, 0, 0.6);\n}\n";
+export declare const THEME_BASIC_STYLES = "\n/* Content header styles */\n.content-header-title {\n    font-size: 24px;\n}\n\n.entry-row {\n    margin-bottom: 15px;\n}\n\n/* Input validation styles */\n.input-validation-error {\n    border-color: #dc3545;\n}\n\n.field-validation-error {\n    font-size: 0.8em;\n}\n\n/* Table styles */\n.ui-table .ui-table-tbody > tr.empty-row > div.empty-row-content {\n    border: 1px solid #c8c8c8;\n}\n\n.ui-table .pagination-wrapper {\n    background-color: #f4f4f4;\n    border: 1px solid #c8c8c8;\n}\n\n/* Bordered datatable styles (added in v3.0.0) */\n.bordered .datatable-body-row {\n    border-top: 1px solid #eee;\n    margin-top: -1px;\n}\n\n/* Loading overlay (v3.2.0: reduced opacity from 0.1 to 0.05) */\n.abp-loading {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n/* Modal backdrop */\n.modal-backdrop {\n    background-color: rgba(0, 0, 0, 0.6);\n}\n";
 /**
  * Injects the theme-basic styles into the document head.
  * Call this function during app initialization if you need the global CSS styles.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abpjs/theme-basic",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -27,11 +27,11 @@
     "lucide-react": "^0.400.0",
     "react-hook-form": "^7.48.0",
     "react-icons": "^5.0.0",
-    "@abpjs/core": "3.1.0",
-    "@abpjs/theme-shared": "3.1.0"
+    "@abpjs/theme-shared": "4.0.0",
+    "@abpjs/core": "4.0.0"
   },
   "devDependencies": {
-    "@abp/ng.theme.basic": "3.1.0",
+    "@abp/ng.theme.basic": "4.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@vitest/coverage-v8": "^1.6.0",