@admin-layout/tailwind-design-pro 12.0.16-alpha.79 → 12.0.16-alpha.82
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.
- package/lib/components/LanguageMenu/LanguageMenu.d.ts.map +1 -1
- package/lib/components/LanguageMenu/LanguageMenu.js +16 -20
- package/lib/components/LanguageMenu/LanguageMenu.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +2 -0
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageMenu.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenu/LanguageMenu.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,+
|
|
1
|
+
{"version":3,"file":"LanguageMenu.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageMenu/LanguageMenu.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,+CAiFxB,CAAC"}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import {useMediaQuery}from'react-responsive';import {
|
|
2
|
-
const isMobile = useMediaQuery({
|
|
3
|
-
maxWidth: 767
|
|
4
|
-
});
|
|
5
|
-
const [locale, setLocale] = useState('en');
|
|
6
|
-
const dispatch = useAppDispatch();
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import {useMediaQuery}from'react-responsive';import {languages,useLayoutSettings}from'@admin-layout/client';import {Globe}from'lucide-react';import config from'@app/cde-webconfig.json';const LanguageMenu = () => {
|
|
7
2
|
const {
|
|
8
3
|
i18n
|
|
9
4
|
} = useTranslation();
|
|
10
5
|
const {
|
|
11
6
|
i18n: i18nextInstance
|
|
12
7
|
} = config;
|
|
13
|
-
const
|
|
8
|
+
const filteredLanguages = languages.filter(language => i18nextInstance.supportedLngs.includes(language.key));
|
|
9
|
+
const isMobile = useMediaQuery({
|
|
10
|
+
maxWidth: 767
|
|
11
|
+
});
|
|
12
|
+
const {
|
|
13
|
+
settings,
|
|
14
|
+
setSettings
|
|
15
|
+
} = useLayoutSettings();
|
|
16
|
+
const [currentLang, setCurrentLang] = useState(filteredLanguages.find(language => language.key === settings.language) || {
|
|
14
17
|
key: 'en',
|
|
15
18
|
label: 'English',
|
|
16
19
|
flag: '🇬🇧',
|
|
@@ -18,13 +21,9 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
|
|
|
18
21
|
});
|
|
19
22
|
const [isOpen, setIsOpen] = useState(false);
|
|
20
23
|
const dropdownRef = useRef(null);
|
|
21
|
-
const filteredLanguages = languages.filter(language => i18nextInstance.supportedLngs.includes(language.key));
|
|
22
24
|
useEffect(() => {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
payload: locale
|
|
26
|
-
});
|
|
27
|
-
}, [locale, dispatch]);
|
|
25
|
+
i18n.changeLanguage(settings.language);
|
|
26
|
+
}, []);
|
|
28
27
|
useEffect(() => {
|
|
29
28
|
const handleClickOutside = event => {
|
|
30
29
|
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
@@ -37,15 +36,12 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'
|
|
|
37
36
|
};
|
|
38
37
|
}, []);
|
|
39
38
|
const handleLanguageChange = language => {
|
|
40
|
-
setCurrentLang(
|
|
41
|
-
key: language.key,
|
|
42
|
-
label: language.label,
|
|
43
|
-
flag: language.flag,
|
|
44
|
-
global: language.global
|
|
45
|
-
});
|
|
39
|
+
setCurrentLang(language);
|
|
46
40
|
i18n.changeLanguage(language.key);
|
|
47
|
-
setLocale(language.key);
|
|
48
41
|
setIsOpen(false);
|
|
42
|
+
setSettings(settings, {
|
|
43
|
+
language: language.key
|
|
44
|
+
});
|
|
49
45
|
};
|
|
50
46
|
const toggleDropdown = () => {
|
|
51
47
|
setIsOpen(!isOpen);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageMenu.js","sources":["../../../src/components/LanguageMenu/LanguageMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LanguageMenu.js","sources":["../../../src/components/LanguageMenu/LanguageMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"2TAQO,MAAM,YAAY,GAAG,MAAK;AAC7B,EAAA,MAAA;AACA,IAAA;MACA,cAAM,EAAA;QACN;IACA,IAAA,EAAM;MACN,MAAO;AAEC,EAAA,MAAA,iBAAS,GAAA,SAAA,CAAA,MAAA,CAAA,QAAA,IAAA,eAAA,CAAA,aAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA;AACT,EAAA,MAAA,QAAO,GAAA,aAAS,CAAA;AAChB,IAAA,QAAI,EAAE;AACN,GAAA,CAAA;AACH,EAAA,MACH;IACF,QAAO;AACP,IAAA;MAEA,iBAAe,EAAA;AACX,EAAA,MAAA,CAAA,WAAK,EAAA,cAAuB,CAAC,GAAA,QAAU,CAAA,iBAAA,CAAA,IAAA,CAAA,QAAA,IAAA,QAAA,CAAA,GAAA,KAAA,QAAA,CAAA,QAAA,CAAA,IAAA;IAC3C,GAAG,EAAE,IAAE;IAEP,KAAA,EAAA,SAAe;AACX,IAAA,IAAA,EAAA,MAAM;AACF,IAAA,MAAA,EAAA;;eAEC,EAAA,SAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACL,EAAA,MAAA,WAAE,GAAA,MAAA,CAAA,IAAA,CAAA;AAEF,EAAA,SAAA,CAAA,MAAS;AACT,IAAA,IAAA,CAAA,cAAY,CAAA,QAAA,CAAA,QAAA,CAAA;AACR,EAAA,CAAA,EAAA,EAAA,CAAA;AACJ,EAAA,SAAE,CAAA,MAAA;IACN,MAAM,kBAAC,GAAA,KAAA,IAAA;AAEP,MAAA,IAAM,WAAA,CAAA,OAAA,IAAuB,CAAC,WAAU,CAAE,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QACtC,SAAA,CAAA,KAAe,CAAA;AACf,MAAA;;YAEA,CAAA,gBAAoB,CAAE,WAAU,EAAE,kBAAgB,CAAA;AACtD,IAAA,OAAE,MAAA;MAEF,QAAM,CAAA,mBAAsB,CAAA,WAAA,EAAA,kBAAA,CAAA;AACxB,IAAA,CAAA;AACJ,EAAA,CAAA,EAAC,EAAC,CAAA;AAEF,EAAA,MAAA,oBACS,GAAA,QAAU,IAAA;AAmCvB,IAAE,cAAA,CAAA,QAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAK3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAyFvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
|
|
@@ -56,6 +56,8 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
|
|
|
56
56
|
return jsx(TailwindThemeProvider, {
|
|
57
57
|
settings: mergedSettings,
|
|
58
58
|
actor: settingsActor,
|
|
59
|
+
routePattern: current?.id,
|
|
60
|
+
location: location,
|
|
59
61
|
children: jsx(BasicLayout, {
|
|
60
62
|
routeParams: orgName,
|
|
61
63
|
authorities: permissions?.resolveConfiguration ?? permissions,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"0hBAYA,SAAS,0BAA0B,CAAC,KAAqC,EAAA;AACrE,EAAA,MAAA,WAAc,WAAG,CAAA,YAAY,CAAA;AAC7B,EAAA,MAAA,QAAM,GAAQ,WAAG,EAAW;QAC5B;IACA,QAAQ,EAAA;AACR,GAAA,GAAA,kBAAgB,CAAA,MAAU,CAAE;QAC5B;IAEA,QAAA,EAAA,aAAA;IACA;AACA,GAAA,GAAA,iBAAM,EAAe;AAErB,EAAA,MAAA,OAAO,GAAO,UAAM,EAAA;AAEZ,EAAA,MAAA,OAAO,GAAE,OAAA,CAAA,OAAA,CAAA,MAAA,GAAA,CAAA,CAAA;;;uBAID,GAAA,kBAA4B,IAAA,aAAiB;cAChD,EAAA,IAAA,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;AACJ,IAAA,OAAA,EAAA;AACJ,MAAC,mBACF,EAAA,CAAA;AACI,QAAA,OAAO;AACH,QAAA;YACA;eACA,CAAA,GAAA,CAAA,gCAAyB,EAAA;AAC5B,UAAA,OAAA;AACJ,UACH;SAEF,CAAA;AACA,QAAA,mBAAuB,CAAA,MAAe,EAAA,gBAAgB,CAAA,eAAA,CAAA;AAEtD,MAAA;AACA;AAEQ,GAAA,CAAA,EAAA;SAEH,EAAA;AAEL,MAAA,yBAAwB;kBAEhB,EAAA,QAAA,CAAqB,QAAA;kBACrB,EAAY,OAAO,EAAC;AACxB;IAIJ;;QAGA,aAAA,GAAA,KAAA,EAAA,OAAA,EAAA,MAAA;QACA;
|
|
1
|
+
{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"0hBAYA,SAAS,0BAA0B,CAAC,KAAqC,EAAA;AACrE,EAAA,MAAA,WAAc,WAAG,CAAA,YAAY,CAAA;AAC7B,EAAA,MAAA,QAAM,GAAQ,WAAG,EAAW;QAC5B;IACA,QAAQ,EAAA;AACR,GAAA,GAAA,kBAAgB,CAAA,MAAU,CAAE;QAC5B;IAEA,QAAA,EAAA,aAAA;IACA;AACA,GAAA,GAAA,iBAAM,EAAe;AAErB,EAAA,MAAA,OAAO,GAAO,UAAM,EAAA;AAEZ,EAAA,MAAA,OAAO,GAAE,OAAA,CAAA,OAAA,CAAA,MAAA,GAAA,CAAA,CAAA;;;uBAID,GAAA,kBAA4B,IAAA,aAAiB;cAChD,EAAA,IAAA,EAAA,aAAA,CAAA,GAAA,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;AACJ,IAAA,OAAA,EAAA;AACJ,MAAC,mBACF,EAAA,CAAA;AACI,QAAA,OAAO;AACH,QAAA;YACA;eACA,CAAA,GAAA,CAAA,gCAAyB,EAAA;AAC5B,UAAA,OAAA;AACJ,UACH;SAEF,CAAA;AACA,QAAA,mBAAuB,CAAA,MAAe,EAAA,gBAAgB,CAAA,eAAA,CAAA;AAEtD,MAAA;AACA;AAEQ,GAAA,CAAA,EAAA;SAEH,EAAA;AAEL,MAAA,yBAAwB;kBAEhB,EAAA,QAAA,CAAqB,QAAA;kBACrB,EAAY,OAAO,EAAC;AACxB;IAIJ;;QAGA,aAAA,GAAA,KAAA,EAAA,OAAA,EAAA,MAAA;QACA;AAEA,IAAA;AAmBJ,GAAC,GAAA,KAAA;AAED,EAAA,MAAM,eAAc,GAAA,OAAU,CAAA,OAAe;IACzC,OAAA,EAAQ,QAAA,EAAA,OAAA,EAAA,OAAA,IAAA;IACR,EAAA,CAAA,QAAU,EAAA,OAAO,EAAA,OAAQ,CAAA,CAAA;AAC5B,EAAC,MAAC,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;AAMH;AAIA,IAAA,WAAM,CAAA,MAAA,CAAA;AAKN,EAAA,CAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "12.0.16-alpha.
|
|
3
|
+
"version": "12.0.16-alpha.82",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@admin-layout/assets": "12.0.16-alpha.74",
|
|
25
25
|
"@admin-layout/client": "12.0.16-alpha.79",
|
|
26
|
-
"@admin-layout/tailwind-ui": "12.0.16-alpha.
|
|
26
|
+
"@admin-layout/tailwind-ui": "12.0.16-alpha.81",
|
|
27
27
|
"react-favicon": "^0.0.23",
|
|
28
28
|
"react-intl": "^6.1.1",
|
|
29
29
|
"react-responsive": "^10.0.0"
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"typescript": {
|
|
54
54
|
"definition": "lib/index.d.ts"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "c2b6bce36ec1807195e57b5dc7123e7e93e0589a"
|
|
57
57
|
}
|