@abpjs/theme-basic 3.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -27,5 +27,5 @@ export interface NavItemsComponentProps {
|
|
|
27
27
|
* <NavItemsComponent smallScreen />
|
|
28
28
|
* ```
|
|
29
29
|
*/
|
|
30
|
-
export declare function NavItemsComponent({ smallScreen, }: NavItemsComponentProps): React.ReactElement;
|
|
30
|
+
export declare function NavItemsComponent({ smallScreen: _smallScreen, }: NavItemsComponentProps): React.ReactElement;
|
|
31
31
|
export default NavItemsComponent;
|
package/dist/index.js
CHANGED
|
@@ -1035,10 +1035,10 @@ var import_react22 = require("@chakra-ui/react");
|
|
|
1035
1035
|
var import_theme_shared3 = require("@abpjs/theme-shared");
|
|
1036
1036
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1037
1037
|
function NavItemsComponent({
|
|
1038
|
-
smallScreen = false
|
|
1038
|
+
smallScreen: _smallScreen = false
|
|
1039
1039
|
}) {
|
|
1040
1040
|
const navItems = (0, import_theme_shared3.useNavItems)();
|
|
1041
|
-
const
|
|
1041
|
+
const _trackByFn = (0, import_react21.useCallback)((item) => {
|
|
1042
1042
|
return item.id;
|
|
1043
1043
|
}, []);
|
|
1044
1044
|
const renderNavItem = (0, import_react21.useCallback)((item) => {
|
|
@@ -1173,7 +1173,7 @@ function LanguagesComponent({
|
|
|
1173
1173
|
const dropdownLanguages = (0, import_react25.useMemo)(() => {
|
|
1174
1174
|
return languages.filter((lang) => lang.cultureName !== language);
|
|
1175
1175
|
}, [languages, language]);
|
|
1176
|
-
const
|
|
1176
|
+
const _selectedLangCulture = language || "";
|
|
1177
1177
|
const handleChangeLang = (0, import_react25.useCallback)(
|
|
1178
1178
|
(cultureName) => {
|
|
1179
1179
|
setLanguage(cultureName);
|
package/dist/index.mjs
CHANGED
|
@@ -978,10 +978,10 @@ import { Stack as Stack3, Box as Box9 } from "@chakra-ui/react";
|
|
|
978
978
|
import { useNavItems } from "@abpjs/theme-shared";
|
|
979
979
|
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
980
980
|
function NavItemsComponent({
|
|
981
|
-
smallScreen = false
|
|
981
|
+
smallScreen: _smallScreen = false
|
|
982
982
|
}) {
|
|
983
983
|
const navItems = useNavItems();
|
|
984
|
-
const
|
|
984
|
+
const _trackByFn = useCallback4((item) => {
|
|
985
985
|
return item.id;
|
|
986
986
|
}, []);
|
|
987
987
|
const renderNavItem = useCallback4((item) => {
|
|
@@ -1108,7 +1108,7 @@ import {
|
|
|
1108
1108
|
Text as Text6
|
|
1109
1109
|
} from "@chakra-ui/react";
|
|
1110
1110
|
import { LuChevronDown as LuChevronDown3, LuGlobe as LuGlobe2 } from "react-icons/lu";
|
|
1111
|
-
import { useConfig as useConfig5, useSession as
|
|
1111
|
+
import { useConfig as useConfig5, useSession as useSession2 } from "@abpjs/core";
|
|
1112
1112
|
import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1113
1113
|
function LanguagesComponent({
|
|
1114
1114
|
smallScreen: _smallScreen = false,
|
|
@@ -1117,7 +1117,7 @@ function LanguagesComponent({
|
|
|
1117
1117
|
menuZIndex = 1400
|
|
1118
1118
|
}) {
|
|
1119
1119
|
const { localization } = useConfig5();
|
|
1120
|
-
const { language, setLanguage } =
|
|
1120
|
+
const { language, setLanguage } = useSession2();
|
|
1121
1121
|
const languages = useMemo7(() => {
|
|
1122
1122
|
return localization?.languages || [];
|
|
1123
1123
|
}, [localization]);
|
|
@@ -1130,7 +1130,7 @@ function LanguagesComponent({
|
|
|
1130
1130
|
const dropdownLanguages = useMemo7(() => {
|
|
1131
1131
|
return languages.filter((lang) => lang.cultureName !== language);
|
|
1132
1132
|
}, [languages, language]);
|
|
1133
|
-
const
|
|
1133
|
+
const _selectedLangCulture = language || "";
|
|
1134
1134
|
const handleChangeLang = useCallback6(
|
|
1135
1135
|
(cultureName) => {
|
|
1136
1136
|
setLanguage(cultureName);
|
|
@@ -1211,14 +1211,14 @@ function RoutesComponent({
|
|
|
1211
1211
|
}
|
|
1212
1212
|
|
|
1213
1213
|
// src/providers/ThemeBasicProvider.tsx
|
|
1214
|
-
import { useEffect
|
|
1214
|
+
import { useEffect } from "react";
|
|
1215
1215
|
import { ThemeSharedProvider, defineConfig } from "@abpjs/theme-shared";
|
|
1216
|
-
import { useSession as
|
|
1216
|
+
import { useSession as useSession3, useDirection as useDirection8 } from "@abpjs/core";
|
|
1217
1217
|
import { Fragment as Fragment4, jsx as jsx22 } from "react/jsx-runtime";
|
|
1218
1218
|
function LocaleSync({ children }) {
|
|
1219
|
-
const { language } =
|
|
1219
|
+
const { language } = useSession3();
|
|
1220
1220
|
const { direction } = useDirection8();
|
|
1221
|
-
|
|
1221
|
+
useEffect(() => {
|
|
1222
1222
|
document.documentElement.dir = direction;
|
|
1223
1223
|
document.documentElement.lang = language || "en";
|
|
1224
1224
|
}, [direction, language]);
|
|
@@ -1237,7 +1237,7 @@ function ThemeBasicInner({
|
|
|
1237
1237
|
appName,
|
|
1238
1238
|
logoLink
|
|
1239
1239
|
}) {
|
|
1240
|
-
const { language } =
|
|
1240
|
+
const { language } = useSession3();
|
|
1241
1241
|
const locale = language || "en-US";
|
|
1242
1242
|
return /* @__PURE__ */ jsx22(
|
|
1243
1243
|
ThemeSharedProvider,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@abpjs/theme-basic",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "ABP Framework Theme Basic components for React - translated from @abp/ng.theme.basic",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"lucide-react": "^0.400.0",
|
|
28
28
|
"react-hook-form": "^7.48.0",
|
|
29
29
|
"react-icons": "^5.0.0",
|
|
30
|
-
"@abpjs/core": "3.
|
|
31
|
-
"@abpjs/theme-shared": "3.
|
|
30
|
+
"@abpjs/core": "3.1.0",
|
|
31
|
+
"@abpjs/theme-shared": "3.1.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@abp/ng.theme.basic": "3.
|
|
34
|
+
"@abp/ng.theme.basic": "3.1.0",
|
|
35
35
|
"@testing-library/jest-dom": "^6.6.3",
|
|
36
36
|
"@testing-library/react": "^16.1.0",
|
|
37
37
|
"@vitest/coverage-v8": "^1.6.0",
|