@admin-layout/tailwind-design-pro 12.0.16-alpha.91 → 12.0.16-alpha.92
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/Layout/slot-fill/AdditionalSettings.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/AdditionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +9 -47
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js +1 -4
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js.map +1 -1
- package/lib/components/SettingDrawer/components/CheckBoxTheme.js +0 -1
- package/lib/components/SettingDrawer/components/CheckBoxTheme.js.map +1 -1
- package/lib/components/SettingDrawer/utils/helper.js +2 -91
- package/lib/components/SettingDrawer/utils/helper.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdditionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AdditionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAElF,eAAO,MAAM,sBAAsB,GAAI,UAAK,4CAE3C,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,UAAK,4CAE/C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AdditionalSettings.js","sources":["../../../../src/components/Layout/slot-fill/AdditionalSettings.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oFAGO,MAAM,kCAAkC,GAAG;AAE3C,MAAM,sBAAsB,GAAG,KAAC,IAAO;SAC1CA,GAAO,CAAA,IAAC,EAAI;AAChB,IAAE,IAAA,EAAA,kCAAA;AAEF,IAAA,SAAa,EAAA;IACT;AACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAoRtD"}
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xstate/react';import clsx from'clsx';import*as React from'react';import {useRef,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {icons}from'../../icons.js';import isBrowser from'../../utils/isBrowser/index.js';import {getDefaultApplyToAllRoutes,getSettingValue}from'../../utils/settingsUtils.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {ApplyToAllRoutesToggle}from'./components/ApplyToAllRoutesToggle.js';import {CheckBoxTheme}from'./components/CheckBoxTheme.js';import {DeviceTabs}from'./components/DeviceTabs.js';import {InvitationSettings}from'./components/InvitationSettings.js';import {LayoutChange}from'./components/LayoutChange.js';import {MenuVisibilitySettings}from'./components/MenuVisibilitySettings.js';import {NavigationModes}from'./components/NavigationsModes.js';import {RegionalSettings}from'./components/RegionalSettings.js';import {SettingsActions}from'./components/SettingsActions.js';import {SettingsDrawerHeader}from'./components/SettingsDrawerHeader.js';import {ThemeColor}from'./components/ThemeColor.js';import {ThemeSelector}from'./components/ThemeSelector.js';import {WebFontsSelector}from'./components/WebFontsSelector.js';import {useSettingsOperations}from'./hooks/useSettingsOperations.js';import {THEME_OPTIONS,FONT_OPTIONS}from'./utils/constants.js';import {useThemeList,
|
|
1
|
+
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xstate/react';import clsx from'clsx';import*as React from'react';import {useRef,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {icons}from'../../icons.js';import isBrowser from'../../utils/isBrowser/index.js';import {getDefaultApplyToAllRoutes,getSettingValue}from'../../utils/settingsUtils.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {ApplyToAllRoutesToggle}from'./components/ApplyToAllRoutesToggle.js';import {CheckBoxTheme}from'./components/CheckBoxTheme.js';import {DeviceTabs}from'./components/DeviceTabs.js';import {InvitationSettings}from'./components/InvitationSettings.js';import {LayoutChange}from'./components/LayoutChange.js';import {MenuVisibilitySettings}from'./components/MenuVisibilitySettings.js';import {NavigationModes}from'./components/NavigationsModes.js';import {RegionalSettings}from'./components/RegionalSettings.js';import {SettingsActions}from'./components/SettingsActions.js';import {SettingsDrawerHeader}from'./components/SettingsDrawerHeader.js';import {ThemeColor}from'./components/ThemeColor.js';import {ThemeSelector}from'./components/ThemeSelector.js';import {WebFontsSelector}from'./components/WebFontsSelector.js';import {useSettingsOperations}from'./hooks/useSettingsOperations.js';import {THEME_OPTIONS,FONT_OPTIONS}from'./utils/constants.js';import {useThemeList,parseSettingPath}from'./utils/helper.js';function SettingDrawer(props) {
|
|
2
2
|
const {
|
|
3
|
-
onSettingChange,
|
|
4
|
-
hideLoading,
|
|
5
|
-
hideColors,
|
|
6
|
-
publicPath,
|
|
7
|
-
hideHintAlert,
|
|
8
|
-
hideCopyButton,
|
|
9
3
|
actor,
|
|
10
4
|
colorList,
|
|
11
5
|
navTheme,
|
|
@@ -19,9 +13,7 @@ import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xsta
|
|
|
19
13
|
Settings5FillIcon
|
|
20
14
|
} = icons;
|
|
21
15
|
// Refs
|
|
22
|
-
const hasInitializedRef = useRef(false);
|
|
23
16
|
const btnRef = useRef();
|
|
24
|
-
const prevSettingsRef = useRef();
|
|
25
17
|
// Hooks
|
|
26
18
|
const {
|
|
27
19
|
isMobile
|
|
@@ -63,40 +55,6 @@ import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xsta
|
|
|
63
55
|
useEffect(() => {
|
|
64
56
|
setApplyToAllRoutes(defaultApplyToAllRoutes);
|
|
65
57
|
}, [defaultApplyToAllRoutes]);
|
|
66
|
-
useEffect(() => {
|
|
67
|
-
const prevSettings = prevSettingsRef.current;
|
|
68
|
-
const currentSettings = settingState;
|
|
69
|
-
if (prevSettings) {
|
|
70
|
-
const prevString = JSON.stringify(prevSettings);
|
|
71
|
-
const currentString = JSON.stringify(currentSettings);
|
|
72
|
-
const hasChanged = prevString !== currentString;
|
|
73
|
-
if (hasChanged) {
|
|
74
|
-
console.log('🔍 What changed in PUBLIC settings:', {
|
|
75
|
-
changedKeys: Object.keys(currentSettings).filter(key => {
|
|
76
|
-
const prevValue = JSON.stringify(prevSettings[key]);
|
|
77
|
-
const currentValue = JSON.stringify(currentSettings[key]);
|
|
78
|
-
return prevValue !== currentValue;
|
|
79
|
-
})
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
prevSettingsRef.current = JSON.parse(JSON.stringify(currentSettings));
|
|
84
|
-
}, [settingState]);
|
|
85
|
-
useEffect(() => {
|
|
86
|
-
if (isBrowser()) {
|
|
87
|
-
const hasUrlParams = !!window.location.search;
|
|
88
|
-
const shouldInit = !hasInitializedRef.current || hasUrlParams;
|
|
89
|
-
if (shouldInit) {
|
|
90
|
-
console.log('🔥 Calling initState:', {
|
|
91
|
-
reason: !hasInitializedRef.current ? 'first mount' : 'has URL params'
|
|
92
|
-
});
|
|
93
|
-
initState(settingState, onSettingChange, props.publicPath, undefined);
|
|
94
|
-
hasInitializedRef.current = true;
|
|
95
|
-
} else {
|
|
96
|
-
console.log('⏭️ Skipping initState - already initialized and no URL params');
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}, [settingState, props.publicPath]);
|
|
100
58
|
useEffect(() => {
|
|
101
59
|
setActiveDeviceTab(isMobile ? 'mobile' : 'desktop');
|
|
102
60
|
}, [isMobile]);
|
|
@@ -108,7 +66,7 @@ import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xsta
|
|
|
108
66
|
});
|
|
109
67
|
}
|
|
110
68
|
}, [activeDeviceTab, actor]);
|
|
111
|
-
// Helper
|
|
69
|
+
// Helper func
|
|
112
70
|
function handleSettingChange(key, value) {
|
|
113
71
|
const isGlobalSetting = key === 'hiddenMenuKeys' || key === 'hiddenMenuCategories' || key === 'applyToAllRoutes' || key === 'fixedHeader' || key === 'fixedSidebar' || key === 'splitMenus' || key === 'upperMenuDividerName' || key === 'middleMenuDividerName' || key === 'lowerMenuDividerName';
|
|
114
72
|
if (isGlobalSetting) {
|
|
@@ -129,14 +87,18 @@ import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xsta
|
|
|
129
87
|
const nestedValue = {
|
|
130
88
|
[bracketKey]: settingObject
|
|
131
89
|
};
|
|
132
|
-
console.log('0️⃣ handleSettingChange
|
|
90
|
+
console.log('0️⃣ handleSettingChange called: ', nestedValue);
|
|
133
91
|
actor.send({
|
|
134
92
|
type: 'UISETTING_UPDATE',
|
|
135
93
|
value: nestedValue
|
|
136
94
|
});
|
|
137
95
|
}
|
|
138
|
-
|
|
139
|
-
|
|
96
|
+
function getThemeValue() {
|
|
97
|
+
return getSettingValue(settingState, 'theme', applyToAllRoutes, currentRoute, deviceType, 'default');
|
|
98
|
+
}
|
|
99
|
+
function getFontFamilyValue() {
|
|
100
|
+
return getSettingValue(settingState, 'fontFamily', applyToAllRoutes, currentRoute, deviceType, 'Poppins, sans-serif');
|
|
101
|
+
}
|
|
140
102
|
return jsx(Fragment, {
|
|
141
103
|
children: settingState?.showSettingPanel && jsxs(Fragment, {
|
|
142
104
|
children: [jsx("button", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplyToAllRoutesToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ApplyToAllRoutesToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,2BAA2B,2CAoBxF"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';function ApplyToAllRoutesToggle({
|
|
2
2
|
checked,
|
|
3
3
|
onChange
|
|
4
4
|
}) {
|
|
5
|
-
const {
|
|
6
|
-
t
|
|
7
|
-
} = useTranslation('settings');
|
|
8
5
|
return jsxs("div", {
|
|
9
6
|
className: "flex items-center justify-between",
|
|
10
7
|
children: [jsxs("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplyToAllRoutesToggle.js","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ApplyToAllRoutesToggle.js","sources":["../../../../src/components/SettingDrawer/components/ApplyToAllRoutesToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"kDAOgB,sBAAsB,CAAC;AACnC,EAAA,OAAA;AAmBJ,EAAC;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxTheme.js","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"wQAKA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;SACP,EAAG,IACC;AASP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAU,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAA;AAcZ,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAE;AACL,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAA,MAAA;AAWP,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAM,EAAA,EAAA,GAAU;AACZ,UAAM,
|
|
1
|
+
{"version":3,"file":"CheckBoxTheme.js","sources":["../../../../src/components/SettingDrawer/components/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"wQAKA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;SACP,EAAG,IACC;AASP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAU,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAA;AAcZ,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAE;AACL,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAA,MAAA;AAWP,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAM,EAAA,EAAA,GAAU;AACZ,UAAM,YAAE,EAAA,GAAe;AACvB,UAAM,UAAU,EAAE,SAAG;UACf,YAAY;SAClB;OAEA;AACA,KAAA,CAAA,EAAAA;AACA,MAAA,CAAA,EAAA,GACI;AAEQ,MAAA,CAAA,EAAA,GAAA;AAMY,MAAA,KAAA,EAAA,IAAA;AACJ,MAAA,MAAA,EAAA;QAiBZ,EAAE,GACA;AAEd,MAAC,IAAA,EAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,93 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
* Initialize settings from URL parameters and apply theme
|
|
3
|
-
*/
|
|
4
|
-
function initState(settings, onSettingChange, publicPath, oldSetting) {
|
|
5
|
-
if (!isBrowser()) {
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
let loadedStyle = false;
|
|
9
|
-
if (window.location.search) {
|
|
10
|
-
const params = parse(window.location.search.replace('?', ''));
|
|
11
|
-
const replaceSetting = {};
|
|
12
|
-
Object.keys(params).forEach(key => {
|
|
13
|
-
if (settings[key] !== undefined || settings[key] === undefined) {
|
|
14
|
-
replaceSetting[key] = params[key];
|
|
15
|
-
if (key.includes('Render')) {
|
|
16
|
-
replaceSetting[key] = params[key] === 'false' ? false : undefined;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
// Only call onSettingChange if we have actual URL parameters to apply
|
|
21
|
-
if (onSettingChange && Object.keys(replaceSetting).length > 0) {
|
|
22
|
-
console.log('✅ initState: Calling onSettingChange with URL params:', replaceSetting);
|
|
23
|
-
onSettingChange({
|
|
24
|
-
...settings,
|
|
25
|
-
...replaceSetting
|
|
26
|
-
});
|
|
27
|
-
} else {
|
|
28
|
-
console.log('⏭️ initState: Skipping onSettingChange - no valid URL params to apply');
|
|
29
|
-
}
|
|
30
|
-
// Set the topic in the URL and load it once.
|
|
31
|
-
if (oldSetting?.navTheme !== params.navTheme && params.navTheme) {
|
|
32
|
-
updateTheme(settings.navTheme === 'realDark', params.primaryColor, publicPath);
|
|
33
|
-
loadedStyle = true;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
if (loadedStyle) {
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
// If there is no topic in the URL, and no load in the URL is loaded.
|
|
40
|
-
if (oldSetting?.navTheme !== settings.navTheme && settings.navTheme) {
|
|
41
|
-
updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Update theme by dynamically loading CSS file
|
|
46
|
-
*/
|
|
47
|
-
function updateTheme(dark, color, publicPath = '/theme') {
|
|
48
|
-
// ssr
|
|
49
|
-
if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
const href = dark ? `${publicPath}/dark` : `${publicPath}/`;
|
|
53
|
-
// If it is DARK, and is color = daybreak, there is no need to splice
|
|
54
|
-
let colorFileName = dark && color ? `-${encodeURIComponent(color)}` : encodeURIComponent(color || '');
|
|
55
|
-
if (color === 'daybreak' && dark) {
|
|
56
|
-
colorFileName = '';
|
|
57
|
-
}
|
|
58
|
-
const dom = document.getElementById('theme-style');
|
|
59
|
-
// If these two are empty
|
|
60
|
-
if (!href && !colorFileName) {
|
|
61
|
-
if (dom) {
|
|
62
|
-
dom.remove();
|
|
63
|
-
localStorage.removeItem('site-theme');
|
|
64
|
-
}
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
const url = `${href}${colorFileName || ''}.css`;
|
|
68
|
-
if (dom) {
|
|
69
|
-
dom.onload = () => {
|
|
70
|
-
window.setTimeout(() => {});
|
|
71
|
-
};
|
|
72
|
-
dom.href = url;
|
|
73
|
-
} else {
|
|
74
|
-
const style = document.createElement('link');
|
|
75
|
-
style.type = 'text/css';
|
|
76
|
-
style.rel = 'stylesheet';
|
|
77
|
-
style.id = 'theme-style';
|
|
78
|
-
style.onload = () => {
|
|
79
|
-
window.setTimeout(() => {});
|
|
80
|
-
};
|
|
81
|
-
style.href = url;
|
|
82
|
-
if (document.body.append) {
|
|
83
|
-
document.body.append(style);
|
|
84
|
-
} else {
|
|
85
|
-
document.body.appendChild(style);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
// localStorage.setItem('site-theme', dark ? 'dark' : 'light');
|
|
89
|
-
}
|
|
90
|
-
/**
|
|
1
|
+
import'qs';import {useTranslation}from'react-i18next';import'../../../utils/isBrowser/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';/**
|
|
91
2
|
* Get theme list with colors based on current settings and device
|
|
92
3
|
*/
|
|
93
4
|
function useThemeList(settings, location, routePattern) {
|
|
@@ -240,4 +151,4 @@ function parseSettingPath(path, value) {
|
|
|
240
151
|
}
|
|
241
152
|
current[keys[keys.length - 1]] = value;
|
|
242
153
|
return result;
|
|
243
|
-
}export{
|
|
154
|
+
}export{parseSettingPath,useThemeList};//# sourceMappingURL=helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helper.js","sources":["../../../../src/components/SettingDrawer/utils/helper.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"helper.js","sources":["../../../../src/components/SettingDrawer/utils/helper.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
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.92",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"typescript": {
|
|
54
54
|
"definition": "lib/index.d.ts"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "58485a4d482912f32e160120a26ed34c028b452e"
|
|
57
57
|
}
|