@admin-layout/tailwind-design-pro 10.0.9-alpha.6 → 10.0.9-alpha.61
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/README.md +345 -1
- package/lib/cdm-locales/en/settings.json +21 -1
- package/lib/cdm-locales/es/settings.json +23 -3
- package/lib/components/Layout/BasicLayout/index.d.ts +1 -2
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +102 -37
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts +1 -8
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts +2 -15
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +44 -21
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Logo.d.ts +4 -0
- package/lib/components/Layout/GlobalHeader/Logo.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/Logo.js +141 -0
- package/lib/components/Layout/GlobalHeader/Logo.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts +6 -0
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/MainHeader.js +226 -0
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.d.ts +1 -12
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts +1 -13
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.d.ts +4 -0
- package/lib/components/Layout/GlobalHeader/RightMenu.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/RightMenu.js +290 -0
- package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/index.d.ts +4 -0
- package/lib/components/Layout/GlobalHeader/index.d.ts.map +1 -0
- package/lib/components/Layout/ProTailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.js +1 -2
- package/lib/components/Layout/ProTailwindLayout.js.map +1 -1
- package/lib/components/Layout/Sidebar/Divider.d.ts +1 -31
- package/lib/components/Layout/Sidebar/Divider.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/Divider.js.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.d.ts +5 -0
- package/lib/components/Layout/Sidebar/DynamicIcon.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/DynamicIcon.js +51 -0
- package/lib/components/Layout/Sidebar/DynamicIcon.js.map +1 -0
- package/lib/components/Layout/Sidebar/Sidebar.d.ts +1 -12
- package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.js +107 -91
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.js +110 -20
- package/lib/components/Layout/Sidebar/SidebarMenu.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +29 -19
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/Layout/getPageTitle.d.ts +1 -16
- package/lib/components/Layout/getPageTitle.d.ts.map +1 -1
- package/lib/components/Layout/getPageTitle.js +2 -2
- package/lib/components/Layout/getPageTitle.js.map +1 -1
- package/lib/components/Layout/slot-fill/Footer.d.ts +1 -1
- package/lib/components/Layout/slot-fill/Footer.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/Footer.js +6 -6
- package/lib/components/Layout/slot-fill/Footer.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts +3 -0
- package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/HeaderSearchBar.js +6 -0
- package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map +1 -0
- package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts +3 -0
- package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/HeaderSearchButton.js +6 -0
- package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map +1 -0
- package/lib/components/Layout/slot-fill/RightContent.d.ts +3 -0
- package/lib/components/Layout/slot-fill/RightContent.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/RightContent.js +6 -0
- package/lib/components/Layout/slot-fill/RightContent.js.map +1 -0
- package/lib/components/Layout/slot-fill/index.d.ts +3 -0
- package/lib/components/Layout/slot-fill/index.d.ts.map +1 -1
- package/lib/components/Layout/util.js +12 -0
- package/lib/components/Layout/util.js.map +1 -0
- package/lib/components/SettingDrawer/LayoutChange.d.ts +1 -1
- package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.js +75 -17
- package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.d.ts +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.js +18 -10
- package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +609 -32
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +183 -38
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/WebFontsSelector.d.ts +3 -0
- package/lib/components/SettingDrawer/WebFontsSelector.d.ts.map +1 -0
- package/lib/components/SettingDrawer/WebFontsSelector.js +24 -0
- package/lib/components/SettingDrawer/WebFontsSelector.js.map +1 -0
- package/lib/components/SettingDrawer/types.d.ts +23 -2
- package/lib/components/SettingDrawer/types.d.ts.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.d.ts +6 -16
- package/lib/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.js +26 -29
- package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeToggle.js +50 -0
- package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -0
- package/lib/components/ThemeProvider/index.d.ts +2 -5
- package/lib/components/ThemeProvider/index.d.ts.map +1 -1
- package/lib/components/ThemeProvider/themes/airbnb.d.ts +3 -0
- package/lib/components/ThemeProvider/themes/airbnb.d.ts.map +1 -0
- package/lib/components/ThemeProvider/themes/airbnb.js +186 -0
- package/lib/components/ThemeProvider/themes/airbnb.js.map +1 -0
- package/lib/components/ThemeProvider/themes/default.d.ts +3 -0
- package/lib/components/ThemeProvider/themes/default.d.ts.map +1 -0
- package/lib/components/ThemeProvider/themes/default.js +183 -0
- package/lib/components/ThemeProvider/themes/default.js.map +1 -0
- package/lib/components/ThemeProvider/themes/github.d.ts +3 -0
- package/lib/components/ThemeProvider/themes/github.d.ts.map +1 -0
- package/lib/components/ThemeProvider/themes/github.js +190 -0
- package/lib/components/ThemeProvider/themes/github.js.map +1 -0
- package/lib/components/ThemeProvider/themes/index.d.ts +15 -0
- package/lib/components/ThemeProvider/themes/index.d.ts.map +1 -0
- package/lib/components/ThemeProvider/themes/index.js +7 -0
- package/lib/components/ThemeProvider/themes/index.js.map +1 -0
- package/lib/components/ThemeProvider/themes/slack.d.ts +3 -0
- package/lib/components/ThemeProvider/themes/slack.d.ts.map +1 -0
- package/lib/components/ThemeProvider/themes/slack.js +188 -0
- package/lib/components/ThemeProvider/themes/slack.js.map +1 -0
- package/lib/components/ThemeProvider/themes/spotify.d.ts +3 -0
- package/lib/components/ThemeProvider/themes/spotify.d.ts.map +1 -0
- package/lib/components/ThemeProvider/themes/spotify.js +189 -0
- package/lib/components/ThemeProvider/themes/spotify.js.map +1 -0
- package/lib/components/ThemeProvider/types.d.ts +106 -106
- package/lib/components/ThemeProvider/types.d.ts.map +1 -1
- package/lib/components/UI/CategoriesTypeList.d.ts +29 -0
- package/lib/components/UI/CategoriesTypeList.d.ts.map +1 -0
- package/lib/components/UI/CategoriesTypeList.js +140 -0
- package/lib/components/UI/CategoriesTypeList.js.map +1 -0
- package/lib/components/UI/LazyLoadingGoogleMarker.d.ts +83 -0
- package/lib/components/UI/LazyLoadingGoogleMarker.d.ts.map +1 -0
- package/lib/components/UI/LazyLoadingGoogleMarker.js +107 -0
- package/lib/components/UI/LazyLoadingGoogleMarker.js.map +1 -0
- package/lib/components/UI/Pagination.d.ts +6 -0
- package/lib/components/UI/Pagination.d.ts.map +1 -0
- package/lib/components/UI/Pagination.js +59 -0
- package/lib/components/UI/Pagination.js.map +1 -0
- package/lib/components/UI/ParamSearchResultContainer.d.ts +90 -0
- package/lib/components/UI/ParamSearchResultContainer.d.ts.map +1 -0
- package/lib/components/UI/ParamSearchResultContainer.js +80 -0
- package/lib/components/UI/ParamSearchResultContainer.js.map +1 -0
- package/lib/components/UI/PropertyCard.d.ts +24 -0
- package/lib/components/UI/PropertyCard.d.ts.map +1 -0
- package/lib/components/UI/PropertyCard.js +377 -0
- package/lib/components/UI/PropertyCard.js.map +1 -0
- package/lib/components/UI/PropertyCardList.d.ts +93 -0
- package/lib/components/UI/PropertyCardList.d.ts.map +1 -0
- package/lib/components/UI/PropertyCardList.js +41 -0
- package/lib/components/UI/PropertyCardList.js.map +1 -0
- package/lib/components/UI/PropertyCardOnMap.d.ts +10 -0
- package/lib/components/UI/PropertyCardOnMap.d.ts.map +1 -0
- package/lib/components/UI/PropertyCardOnMap.js +108 -0
- package/lib/components/UI/PropertyCardOnMap.js.map +1 -0
- package/lib/components/UI/icons/LocationIcon.d.ts +7 -0
- package/lib/components/UI/icons/LocationIcon.d.ts.map +1 -0
- package/lib/components/UI/icons/LocationIcon.js +18 -0
- package/lib/components/UI/icons/LocationIcon.js.map +1 -0
- package/lib/components/UI/icons/index.d.ts +2 -0
- package/lib/components/UI/icons/index.d.ts.map +1 -0
- package/lib/components/UI/index.d.ts +8 -0
- package/lib/components/UI/index.d.ts.map +1 -0
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
- package/lib/components/index.d.ts +4 -0
- package/lib/components/index.d.ts.map +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -0
- package/lib/components/typings.d.ts +128 -51
- package/lib/components/typings.d.ts.map +1 -1
- package/lib/compute.d.ts.map +1 -1
- package/lib/compute.js +5 -4
- package/lib/compute.js.map +1 -1
- package/lib/config/constants.d.ts +7 -0
- package/lib/config/constants.d.ts.map +1 -0
- package/lib/config/constants.js +6 -0
- package/lib/config/constants.js.map +1 -0
- package/lib/config/env-config.d.ts +2 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +15 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/helpers/DynamicIcon.d.ts +7 -4
- package/lib/helpers/DynamicIcon.d.ts.map +1 -1
- package/lib/helpers/DynamicIcon.js +51 -0
- package/lib/helpers/DynamicIcon.js.map +1 -0
- package/lib/hooks/index.d.ts +6 -0
- package/lib/hooks/index.d.ts.map +1 -0
- package/lib/hooks/use-get-current-lat-long.d.ts +18 -0
- package/lib/hooks/use-get-current-lat-long.d.ts.map +1 -0
- package/lib/hooks/use-get-current-lat-long.js +29 -0
- package/lib/hooks/use-get-current-lat-long.js.map +1 -0
- package/lib/hooks/useMediaQuery.d.ts +14 -0
- package/lib/hooks/useMediaQuery.d.ts.map +1 -0
- package/lib/hooks/useMediaQuery.js +49 -0
- package/lib/hooks/useMediaQuery.js.map +1 -0
- package/lib/hooks/useScrollThreshold.d.ts +12 -0
- package/lib/hooks/useScrollThreshold.d.ts.map +1 -0
- package/lib/hooks/useScrollThreshold.js +60 -0
- package/lib/hooks/useScrollThreshold.js.map +1 -0
- package/lib/hooks/useTailwindTheme.d.ts +34 -0
- package/lib/hooks/useTailwindTheme.d.ts.map +1 -0
- package/lib/hooks/useTailwindTheme.js +82 -0
- package/lib/hooks/useTailwindTheme.js.map +1 -0
- package/lib/hooks/useWindowSize.d.ts +6 -0
- package/lib/hooks/useWindowSize.d.ts.map +1 -0
- package/lib/hooks/useWindowSize.js +20 -0
- package/lib/hooks/useWindowSize.js.map +1 -0
- package/lib/icons.d.ts +2 -0
- package/lib/icons.d.ts.map +1 -1
- package/lib/icons.js +4 -2
- package/lib/icons.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts +4 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +173 -67
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +117 -17
- package/lib/machines/types.d.ts.map +1 -1
- package/lib/machines/types.js +5 -0
- package/lib/machines/types.js.map +1 -0
- package/lib/module.d.ts +0 -1
- package/lib/module.d.ts.map +1 -1
- package/lib/module.js +12 -14
- package/lib/module.js.map +1 -1
- package/lib/tailwindConfig.d.ts +42 -0
- package/lib/tailwindConfig.d.ts.map +1 -0
- package/lib/tailwindConfig.js +23 -0
- package/lib/tailwindConfig.js.map +1 -0
- package/package.json +4 -4
- package/lib/components/Layout/GlobalFooter/Copyright.js +0 -8
- package/lib/components/Layout/GlobalFooter/Copyright.js.map +0 -1
- package/lib/components/Layout/GlobalFooter/Footer.js +0 -22
- package/lib/components/Layout/GlobalFooter/Footer.js.map +0 -1
- package/lib/components/ThemeProvider/themeRegistry.d.ts +0 -3
- package/lib/components/ThemeProvider/themeRegistry.d.ts.map +0 -1
- package/lib/components/ThemeProvider/themeRegistry.js +0 -388
- package/lib/components/ThemeProvider/themeRegistry.js.map +0 -1
- package/lib/components/ThemeProvider/themeUtils.d.ts +0 -26
- package/lib/components/ThemeProvider/themeUtils.d.ts.map +0 -1
- package/lib/components/ThemeProvider/themeUtils.js +0 -135
- package/lib/components/ThemeProvider/themeUtils.js.map +0 -1
- package/lib/components/defaultSettings.d.ts +0 -4
- package/lib/components/defaultSettings.d.ts.map +0 -1
- package/lib/components/defaultSettings.js +0 -14
- package/lib/components/defaultSettings.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"SettingDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAmTjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,GAAG,GAAG,CAwS5D,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'
|
|
1
|
+
import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings}from'@admin-layout/client';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.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 {WebFontsSelector}from'./WebFontsSelector.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';let oldSetting = {};
|
|
2
2
|
const updateTheme = (dark, color, publicPath = '/theme') => {
|
|
3
3
|
// ssr
|
|
4
4
|
if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
|
|
@@ -78,10 +78,17 @@ const initState = (settings, onSettingChange, publicPath) => {
|
|
|
78
78
|
updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
|
|
79
79
|
}
|
|
80
80
|
};
|
|
81
|
-
const getThemeList = settings => {
|
|
81
|
+
const getThemeList = (settings, location) => {
|
|
82
82
|
const {
|
|
83
83
|
t
|
|
84
84
|
} = useTranslation('settings');
|
|
85
|
+
const {
|
|
86
|
+
isMobile
|
|
87
|
+
} = useMediaQuery();
|
|
88
|
+
const currentRoute = location?.pathname || '/';
|
|
89
|
+
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
90
|
+
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
91
|
+
const deviceLayout = routeSettings?.layout?.[deviceType] || {};
|
|
85
92
|
let list = [];
|
|
86
93
|
const defaultList = [
|
|
87
94
|
//@sri following are needed otherwise we need make above plugin to work
|
|
@@ -148,7 +155,7 @@ const getThemeList = settings => {
|
|
|
148
155
|
color: '#1890ff',
|
|
149
156
|
theme: 'dark'
|
|
150
157
|
}];
|
|
151
|
-
if (
|
|
158
|
+
if (deviceLayout.navigationMode !== 'mixed') {
|
|
152
159
|
themeList.push({
|
|
153
160
|
key: 'dark',
|
|
154
161
|
title: t('dark')
|
|
@@ -200,6 +207,61 @@ const themeOptions = [{
|
|
|
200
207
|
key: 'spotify',
|
|
201
208
|
title: 'Spotify Theme'
|
|
202
209
|
}];
|
|
210
|
+
const fontOptions = [{
|
|
211
|
+
key: 'Poppins, sans-serif',
|
|
212
|
+
title: 'Poppins'
|
|
213
|
+
}, {
|
|
214
|
+
key: 'Roboto, sans-serif',
|
|
215
|
+
title: 'Roboto'
|
|
216
|
+
}, {
|
|
217
|
+
key: 'Open Sans, sans-serif',
|
|
218
|
+
title: 'Open Sans'
|
|
219
|
+
}, {
|
|
220
|
+
key: 'Montserrat, sans-serif',
|
|
221
|
+
title: 'Montserrat'
|
|
222
|
+
}, {
|
|
223
|
+
key: 'Lato, sans-serif',
|
|
224
|
+
title: 'Lato'
|
|
225
|
+
}, {
|
|
226
|
+
key: 'Nunito, sans-serif',
|
|
227
|
+
title: 'Nunito'
|
|
228
|
+
}, {
|
|
229
|
+
key: 'Ubuntu, sans-serif',
|
|
230
|
+
title: 'Ubuntu'
|
|
231
|
+
}, {
|
|
232
|
+
key: 'Inter, sans-serif',
|
|
233
|
+
title: 'Inter'
|
|
234
|
+
}, {
|
|
235
|
+
key: 'Arial, sans-serif',
|
|
236
|
+
title: 'Arial'
|
|
237
|
+
}, {
|
|
238
|
+
key: 'Helvetica, sans-serif',
|
|
239
|
+
title: 'Helvetica'
|
|
240
|
+
}, {
|
|
241
|
+
key: 'Tahoma, sans-serif',
|
|
242
|
+
title: 'Tahoma'
|
|
243
|
+
}, {
|
|
244
|
+
key: 'Trebuchet MS, sans-serif',
|
|
245
|
+
title: 'Trebuchet MS'
|
|
246
|
+
}, {
|
|
247
|
+
key: 'Georgia, serif',
|
|
248
|
+
title: 'Georgia'
|
|
249
|
+
}, {
|
|
250
|
+
key: 'Bookman, serif',
|
|
251
|
+
title: 'Bookman'
|
|
252
|
+
}, {
|
|
253
|
+
key: 'Geneva, sans-serif',
|
|
254
|
+
title: 'Geneva'
|
|
255
|
+
}, {
|
|
256
|
+
key: 'Lucida Console, monospace',
|
|
257
|
+
title: 'Lucida Console'
|
|
258
|
+
}, {
|
|
259
|
+
key: 'Courier New, monospace',
|
|
260
|
+
title: 'Courier New'
|
|
261
|
+
}, {
|
|
262
|
+
key: 'Lucida Sans, sans-serif',
|
|
263
|
+
title: 'Lucida Sans'
|
|
264
|
+
}];
|
|
203
265
|
const SettingDrawer = props => {
|
|
204
266
|
const {
|
|
205
267
|
settings,
|
|
@@ -212,7 +274,8 @@ const SettingDrawer = props => {
|
|
|
212
274
|
actor,
|
|
213
275
|
colorList,
|
|
214
276
|
navTheme,
|
|
215
|
-
pathname
|
|
277
|
+
pathname,
|
|
278
|
+
location
|
|
216
279
|
} = props;
|
|
217
280
|
const {
|
|
218
281
|
CloseIcon,
|
|
@@ -221,14 +284,23 @@ const SettingDrawer = props => {
|
|
|
221
284
|
CheckIcon
|
|
222
285
|
} = icons;
|
|
223
286
|
const [show, setShow] = useState(false);
|
|
287
|
+
const {
|
|
288
|
+
isMobile
|
|
289
|
+
} = useMediaQuery();
|
|
224
290
|
const [copied, setCopied] = useState(false);
|
|
291
|
+
const [copiedModified, setCopiedModified] = useState(false);
|
|
225
292
|
const {
|
|
226
293
|
t
|
|
227
294
|
} = useTranslation('settings');
|
|
228
295
|
const state = useSelector(actor, state => state);
|
|
229
296
|
const btnRef = useRef();
|
|
230
297
|
const settingState = state?.context;
|
|
231
|
-
const
|
|
298
|
+
const currentRoute = location?.pathname || '/';
|
|
299
|
+
// const routeSettings =
|
|
300
|
+
// settingState?.routeSettings?.[currentRoute] || settingState?.routeSettings?.['/'] || settingState;
|
|
301
|
+
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
302
|
+
// const deviceLayout = routeSettings?.layout?.[deviceType] || {};
|
|
303
|
+
const themeList = getThemeList(settingState, location);
|
|
232
304
|
console.log('--STATE--', settingState);
|
|
233
305
|
/**
|
|
234
306
|
* Modify settings
|
|
@@ -236,14 +308,26 @@ const SettingDrawer = props => {
|
|
|
236
308
|
* @param value
|
|
237
309
|
*/
|
|
238
310
|
const handleSettingChange = (key, value) => {
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
311
|
+
// If the key is a layout setting, update it in the device-specific path
|
|
312
|
+
if (key.startsWith('layout.')) {
|
|
313
|
+
const layoutKey = key.replace('layout.', '');
|
|
314
|
+
actor.send({
|
|
315
|
+
type: 'UPDATE',
|
|
316
|
+
value: {
|
|
317
|
+
[`routeSettings.${currentRoute}.layout.${deviceType}.${layoutKey}`]: value
|
|
318
|
+
}
|
|
319
|
+
});
|
|
320
|
+
} else {
|
|
321
|
+
actor.send({
|
|
322
|
+
type: 'UPDATE',
|
|
323
|
+
value: {
|
|
324
|
+
[key]: value
|
|
325
|
+
}
|
|
326
|
+
});
|
|
327
|
+
}
|
|
245
328
|
};
|
|
246
329
|
const handleCopySettings = async () => {
|
|
330
|
+
if (!isBrowser()) return;
|
|
247
331
|
try {
|
|
248
332
|
const settings = JSON.stringify(settingState, null, 2);
|
|
249
333
|
await navigator.clipboard.writeText(settings);
|
|
@@ -253,6 +337,38 @@ const SettingDrawer = props => {
|
|
|
253
337
|
console.error('Failed to copy settings:', err);
|
|
254
338
|
}
|
|
255
339
|
};
|
|
340
|
+
const handleCopyModifiedSettings = async () => {
|
|
341
|
+
if (!isBrowser()) return;
|
|
342
|
+
try {
|
|
343
|
+
// Compare current settings with default settings
|
|
344
|
+
const modifiedSettings = Object.entries(settingState).reduce((acc, [key, value]) => {
|
|
345
|
+
// Skip undefined or null values
|
|
346
|
+
if (value === undefined || value === null) return acc;
|
|
347
|
+
// Handle nested objects
|
|
348
|
+
if (typeof value === 'object' && !Array.isArray(value)) {
|
|
349
|
+
const defaultNested = defaultSettings[key] || {};
|
|
350
|
+
const modifiedNested = Object.entries(value).reduce((nestedAcc, [nestedKey, nestedValue]) => {
|
|
351
|
+
if (JSON.stringify(nestedValue) !== JSON.stringify(defaultNested[nestedKey])) {
|
|
352
|
+
nestedAcc[nestedKey] = nestedValue;
|
|
353
|
+
}
|
|
354
|
+
return nestedAcc;
|
|
355
|
+
}, {});
|
|
356
|
+
if (Object.keys(modifiedNested).length > 0) {
|
|
357
|
+
acc[key] = modifiedNested;
|
|
358
|
+
}
|
|
359
|
+
} else if (JSON.stringify(value) !== JSON.stringify(defaultSettings[key])) {
|
|
360
|
+
acc[key] = value;
|
|
361
|
+
}
|
|
362
|
+
return acc;
|
|
363
|
+
}, {});
|
|
364
|
+
const settings = JSON.stringify(modifiedSettings, null, 2);
|
|
365
|
+
await navigator.clipboard.writeText(settings);
|
|
366
|
+
setCopiedModified(true);
|
|
367
|
+
setTimeout(() => setCopiedModified(false), 2000);
|
|
368
|
+
} catch (err) {
|
|
369
|
+
console.error('Failed to copy modified settings:', err);
|
|
370
|
+
}
|
|
371
|
+
};
|
|
256
372
|
useEffect(() => {
|
|
257
373
|
// Only update if there's a meaningful difference
|
|
258
374
|
if (JSON.stringify(settingState) !== JSON.stringify(settings)) {
|
|
@@ -265,14 +381,10 @@ const SettingDrawer = props => {
|
|
|
265
381
|
if (JSON.stringify(settings) !== JSON.stringify(oldSetting)) {
|
|
266
382
|
initState(settings, onSettingChange, props.publicPath);
|
|
267
383
|
}
|
|
268
|
-
({
|
|
269
|
-
...settings,
|
|
270
|
-
showSettingPanel: process.env.NODE_ENV !== 'production'
|
|
271
|
-
});
|
|
272
|
-
// setSettingState(nextState);
|
|
273
384
|
}
|
|
274
385
|
}
|
|
275
386
|
}, [settings]); // Only depend on settings
|
|
387
|
+
const currentPathname = isBrowser() ? window.location.pathname : pathname || '';
|
|
276
388
|
return jsx(Fragment, {
|
|
277
389
|
children: settings?.showSettingPanel && jsxs(Fragment, {
|
|
278
390
|
children: [jsx("button", {
|
|
@@ -293,7 +405,7 @@ const SettingDrawer = props => {
|
|
|
293
405
|
fontSize: '36px'
|
|
294
406
|
})
|
|
295
407
|
}), jsxs("div", {
|
|
296
|
-
className: clsx('fixed right-0 top-0 w-72 transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full', 'bg-white dark:bg-[#1f1f1f]', show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible'),
|
|
408
|
+
className: clsx('fixed right-0 top-0 w-72 transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full', 'bg-white dark:bg-[#1f1f1f]', show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible', 'shadow-lg'),
|
|
297
409
|
children: [jsxs("div", {
|
|
298
410
|
className: "flex flex-row items-center",
|
|
299
411
|
children: [jsx("p", {
|
|
@@ -317,7 +429,8 @@ const SettingDrawer = props => {
|
|
|
317
429
|
children: jsx(CheckBoxTheme, {
|
|
318
430
|
list: themeList.themeList,
|
|
319
431
|
changeSetting: handleSettingChange,
|
|
320
|
-
settings: settingState
|
|
432
|
+
settings: settingState,
|
|
433
|
+
...props
|
|
321
434
|
})
|
|
322
435
|
}), jsxs("div", {
|
|
323
436
|
className: "mt-8",
|
|
@@ -339,17 +452,29 @@ const SettingDrawer = props => {
|
|
|
339
452
|
changeSetting: handleSettingChange,
|
|
340
453
|
settings: settingState
|
|
341
454
|
})]
|
|
455
|
+
}), jsxs("div", {
|
|
456
|
+
className: "mt-8",
|
|
457
|
+
children: [jsx("p", {
|
|
458
|
+
className: "text-black dark:text-white",
|
|
459
|
+
children: t('Font Family')
|
|
460
|
+
}), jsx(WebFontsSelector, {
|
|
461
|
+
value: settingState.fontFamily || 'Poppins, sans-serif',
|
|
462
|
+
onChange: value => handleSettingChange('fontFamily', value),
|
|
463
|
+
options: fontOptions
|
|
464
|
+
})]
|
|
342
465
|
})]
|
|
343
466
|
}), jsxs("div", {
|
|
344
467
|
className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
|
|
345
468
|
children: [jsx(NavigationModes, {
|
|
346
469
|
settings: settingState,
|
|
347
|
-
changeSetting: handleSettingChange
|
|
470
|
+
changeSetting: handleSettingChange,
|
|
471
|
+
...props
|
|
348
472
|
}), jsx("div", {
|
|
349
473
|
className: "mt-8",
|
|
350
474
|
children: jsx(LayoutChange, {
|
|
351
475
|
settings: settingState,
|
|
352
|
-
changeSetting: handleSettingChange
|
|
476
|
+
changeSetting: handleSettingChange,
|
|
477
|
+
...props
|
|
353
478
|
})
|
|
354
479
|
})]
|
|
355
480
|
}), jsxs("div", {
|
|
@@ -359,36 +484,56 @@ const SettingDrawer = props => {
|
|
|
359
484
|
children: t('regional_rettings')
|
|
360
485
|
}), jsx(RegionalSettings, {
|
|
361
486
|
settings: settingState,
|
|
362
|
-
changeSetting: handleSettingChange
|
|
487
|
+
changeSetting: handleSettingChange,
|
|
488
|
+
...props
|
|
363
489
|
})]
|
|
364
490
|
}), jsx("div", {
|
|
365
491
|
className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
|
|
366
492
|
children: jsx(AdditionalSettingsSlot, {
|
|
367
493
|
settings: settingState,
|
|
368
494
|
onSettingsChange: handleSettingChange,
|
|
369
|
-
pathname:
|
|
495
|
+
pathname: currentPathname
|
|
370
496
|
})
|
|
371
497
|
}), jsxs("div", {
|
|
372
498
|
className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-200 dark:border-yellow-700 rounded-lg p-4 mt-4",
|
|
373
499
|
children: [jsx("p", {
|
|
374
500
|
className: "text-sm text-yellow-700 dark:text-yellow-200",
|
|
375
501
|
children: "Setting panel shows in development environment only, please manually modify"
|
|
376
|
-
}),
|
|
377
|
-
className:
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
502
|
+
}), jsxs("div", {
|
|
503
|
+
className: "flex flex-wrap gap-2 mt-2",
|
|
504
|
+
children: [jsx("button", {
|
|
505
|
+
className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', copied ? 'border-green-300 text-green-700 bg-green-50 dark:border-green-600 dark:text-green-200 dark:bg-green-900' : 'border-yellow-300 text-yellow-700 bg-yellow-50 hover:bg-yellow-100 active:bg-yellow-200 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
|
|
506
|
+
onClick: handleCopySettings,
|
|
507
|
+
children: copied ? jsxs(Fragment, {
|
|
508
|
+
children: [jsx(CheckIcon, {
|
|
509
|
+
className: "w-4 h-4"
|
|
510
|
+
}), jsx("span", {
|
|
511
|
+
children: "Copied!"
|
|
512
|
+
})]
|
|
513
|
+
}) : jsxs(Fragment, {
|
|
514
|
+
children: [jsx(CopyIcon, {
|
|
515
|
+
className: "w-4 h-4"
|
|
516
|
+
}), jsx("span", {
|
|
517
|
+
children: "Copy All Settings"
|
|
518
|
+
})]
|
|
519
|
+
})
|
|
520
|
+
}), jsx("button", {
|
|
521
|
+
className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', copiedModified ? 'border-green-300 text-green-700 bg-green-50 dark:border-green-600 dark:text-green-200 dark:bg-green-900' : 'border-blue-300 text-blue-700 bg-blue-50 hover:bg-blue-100 active:bg-blue-200 dark:border-blue-600 dark:text-blue-200 dark:bg-blue-900/50 dark:hover:bg-blue-900'),
|
|
522
|
+
onClick: handleCopyModifiedSettings,
|
|
523
|
+
children: copiedModified ? jsxs(Fragment, {
|
|
524
|
+
children: [jsx(CheckIcon, {
|
|
525
|
+
className: "w-4 h-4"
|
|
526
|
+
}), jsx("span", {
|
|
527
|
+
children: "Copied!"
|
|
528
|
+
})]
|
|
529
|
+
}) : jsxs(Fragment, {
|
|
530
|
+
children: [jsx(CopyIcon, {
|
|
531
|
+
className: "w-4 h-4"
|
|
532
|
+
}), jsx("span", {
|
|
533
|
+
children: "Copy Modified Settings"
|
|
534
|
+
})]
|
|
535
|
+
})
|
|
536
|
+
})]
|
|
392
537
|
})]
|
|
393
538
|
})]
|
|
394
539
|
})]
|
|
@@ -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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebFontsSelector.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/WebFontsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiB5D,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';const WebFontsSelector = ({
|
|
2
|
+
value,
|
|
3
|
+
onChange,
|
|
4
|
+
options
|
|
5
|
+
}) => {
|
|
6
|
+
return jsx("div", {
|
|
7
|
+
className: "relative",
|
|
8
|
+
children: jsx("select", {
|
|
9
|
+
value: value,
|
|
10
|
+
onChange: e => onChange(e.target.value),
|
|
11
|
+
className: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-200",
|
|
12
|
+
style: {
|
|
13
|
+
fontFamily: value
|
|
14
|
+
},
|
|
15
|
+
children: options.map(option => jsx("option", {
|
|
16
|
+
value: option.key,
|
|
17
|
+
style: {
|
|
18
|
+
fontFamily: option.key
|
|
19
|
+
},
|
|
20
|
+
children: option.title
|
|
21
|
+
}, option.key))
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
};export{WebFontsSelector};//# sourceMappingURL=WebFontsSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebFontsSelector.js","sources":["../../../src/components/SettingDrawer/WebFontsSelector.tsx"],"sourcesContent":[null],"names":[],"mappings":"oCAEO,MAAM,gBAAgB,GAAoC,CAAC;AAC9D,EAAA,KAAA;AAgBJ,EAAE,QAAA;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,28 +8,35 @@ export type ICheckboxThemeProps = {
|
|
|
8
8
|
list?: any[];
|
|
9
9
|
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
10
10
|
settings?: any;
|
|
11
|
+
location?: any;
|
|
11
12
|
};
|
|
12
13
|
export type ILayoutSettingsProps = {
|
|
13
14
|
settings?: Partial<ProSettings>;
|
|
14
15
|
changeSetting?: (key: string, value: string | boolean) => void;
|
|
16
|
+
location?: any;
|
|
15
17
|
};
|
|
16
18
|
export type NavMenuSelectorProps = {
|
|
17
19
|
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
18
20
|
settings?: any;
|
|
21
|
+
location?: any;
|
|
19
22
|
};
|
|
20
23
|
export type IRegionalSettingsProps = {
|
|
21
24
|
settings?: Partial<ProSettings | any>;
|
|
22
25
|
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
26
|
+
location?: any;
|
|
23
27
|
};
|
|
24
28
|
export type MergerSettingsType<T> = Partial<T> & {
|
|
25
29
|
primaryColor?: string;
|
|
26
30
|
colorWeak?: boolean;
|
|
31
|
+
upperMenuDividerName?: string;
|
|
32
|
+
middleMenuDividerName?: string;
|
|
33
|
+
lowerMenuDividerName?: string;
|
|
27
34
|
};
|
|
28
35
|
export interface IShowSettingPanel extends ProSettings {
|
|
29
36
|
showSettingPanel: boolean;
|
|
30
37
|
}
|
|
31
38
|
export interface SettingDrawerProps {
|
|
32
|
-
settings?: MergerSettingsType<IShowSettingPanel>;
|
|
39
|
+
settings?: MergerSettingsType<IShowSettingPanel | ProSettings>;
|
|
33
40
|
collapse?: boolean;
|
|
34
41
|
getContainer?: any;
|
|
35
42
|
publicPath?: string;
|
|
@@ -43,12 +50,18 @@ export interface SettingDrawerProps {
|
|
|
43
50
|
pathname?: string;
|
|
44
51
|
onCollapseChange?: (collapse: boolean) => void;
|
|
45
52
|
onSettingChange?: (settings: MergerSettingsType<ProSettings>) => void;
|
|
46
|
-
actor
|
|
53
|
+
actor?: any;
|
|
47
54
|
colorList?: {
|
|
48
55
|
key: string;
|
|
49
56
|
color: string;
|
|
50
57
|
title?: string;
|
|
51
58
|
}[];
|
|
59
|
+
toggleContent?: string;
|
|
60
|
+
hasPageChange?: boolean;
|
|
61
|
+
hasChangePage?: boolean;
|
|
62
|
+
onChangeAllPages?: () => void;
|
|
63
|
+
isOpen?: boolean;
|
|
64
|
+
setOpen?: (open: boolean) => void;
|
|
52
65
|
}
|
|
53
66
|
export type IThemeColorProps = {
|
|
54
67
|
color?: Array<{
|
|
@@ -67,4 +80,12 @@ export interface ThemeSelectorProps {
|
|
|
67
80
|
title: string;
|
|
68
81
|
}>;
|
|
69
82
|
}
|
|
83
|
+
export interface WebFontsSelectorProps {
|
|
84
|
+
value: string;
|
|
85
|
+
onChange: (fontFamily: string) => void;
|
|
86
|
+
options: Array<{
|
|
87
|
+
key: string;
|
|
88
|
+
title: string;
|
|
89
|
+
}>;
|
|
90
|
+
}
|
|
70
91
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IAClD,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,GAAG,WAAW,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACtE,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;QACV,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,KAAK,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACN;AAED,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,KAAK,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACN"}
|
|
@@ -1,18 +1,8 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeContextProps } from './types';
|
|
3
|
+
export declare const ThemeProviderTailwind: React.FC<{
|
|
3
4
|
settings: any;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
theme: string;
|
|
8
|
-
themeType: string;
|
|
9
|
-
primaryColor: string;
|
|
10
|
-
fontFamily: string;
|
|
11
|
-
isDarkMode: boolean;
|
|
12
|
-
toggleTheme?: () => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const ThemeContext: React.Context<ThemeContextType>;
|
|
15
|
-
export declare const useTheme: () => ThemeContextType;
|
|
16
|
-
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
17
|
-
export default ThemeProvider;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const useTheme: () => ThemeContextProps;
|
|
18
8
|
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAS5C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAuDxF,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect}from'react';import {
|
|
2
|
-
|
|
3
|
-
theme:
|
|
4
|
-
themeType: 'light',
|
|
5
|
-
primaryColor: '#1890ff',
|
|
6
|
-
fontFamily: 'Inter, sans-serif',
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {createContext,useState,useEffect,useMemo,useContext}from'react';import {themes}from'./themes/index.js';const ThemeContext = createContext({
|
|
2
|
+
themeName: 'default',
|
|
3
|
+
theme: themes.default,
|
|
7
4
|
isDarkMode: false,
|
|
8
|
-
|
|
5
|
+
toggleDarkMode: () => {}
|
|
9
6
|
});
|
|
10
|
-
const
|
|
7
|
+
const ThemeProviderTailwind = ({
|
|
11
8
|
settings,
|
|
12
9
|
children
|
|
13
10
|
}) => {
|
|
14
11
|
const {
|
|
15
|
-
theme
|
|
16
|
-
themeType
|
|
17
|
-
primaryColor
|
|
18
|
-
fontFamily
|
|
12
|
+
theme,
|
|
13
|
+
themeType,
|
|
14
|
+
primaryColor,
|
|
15
|
+
fontFamily
|
|
19
16
|
} = settings;
|
|
20
17
|
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
18
|
+
// Toggle dark mode
|
|
19
|
+
const toggleDarkMode = () => {
|
|
20
|
+
setIsDarkMode(!isDarkMode);
|
|
21
|
+
localStorage.setItem('darkMode', (!isDarkMode).toString());
|
|
22
|
+
};
|
|
21
23
|
// Toggle dark mode class on document
|
|
22
24
|
useEffect(() => {
|
|
23
25
|
if (settings?.navTheme === 'light') {
|
|
@@ -30,16 +32,10 @@ const ThemeProvider = ({
|
|
|
30
32
|
setIsDarkMode(false);
|
|
31
33
|
document.documentElement.classList.remove('dark');
|
|
32
34
|
}
|
|
33
|
-
}, [settings]);
|
|
35
|
+
}, [settings?.navTheme]);
|
|
34
36
|
// Apply theme effects when component mounts and when theme settings change
|
|
35
37
|
useEffect(() => {
|
|
36
|
-
const selectedTheme =
|
|
37
|
-
// Apply CSS variables for the selected theme
|
|
38
|
-
applyTheme(selectedTheme, {
|
|
39
|
-
isDarkMode,
|
|
40
|
-
primaryColor,
|
|
41
|
-
fontFamily
|
|
42
|
-
});
|
|
38
|
+
const selectedTheme = themes[theme] || themes.default;
|
|
43
39
|
// Apply font family to document
|
|
44
40
|
document.documentElement.style.setProperty('--font-family', fontFamily);
|
|
45
41
|
document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
|
|
@@ -49,15 +45,16 @@ const ThemeProvider = ({
|
|
|
49
45
|
const radius = selectedTheme.borderRadius.DEFAULT;
|
|
50
46
|
document.documentElement.style.setProperty('--radius', radius);
|
|
51
47
|
}, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
|
|
48
|
+
// Memoize the context value to prevent unnecessary re-renders
|
|
49
|
+
const contextValue = useMemo(() => ({
|
|
50
|
+
themeName: theme,
|
|
51
|
+
theme: themes[theme] || themes.default,
|
|
52
|
+
isDarkMode,
|
|
53
|
+
toggleDarkMode
|
|
54
|
+
}), [theme, isDarkMode]);
|
|
52
55
|
return jsx(ThemeContext.Provider, {
|
|
53
|
-
value:
|
|
54
|
-
theme,
|
|
55
|
-
themeType,
|
|
56
|
-
primaryColor,
|
|
57
|
-
fontFamily,
|
|
58
|
-
isDarkMode
|
|
59
|
-
// toggleTheme,
|
|
60
|
-
},
|
|
56
|
+
value: contextValue,
|
|
61
57
|
children: children
|
|
62
58
|
});
|
|
63
|
-
};
|
|
59
|
+
};
|
|
60
|
+
const useTheme = () => useContext(ThemeContext);export{ThemeProviderTailwind,useTheme};//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"mJAIA,MAAM,YAAY,GAAG,aAAa,CAAoB;AAClD,EAAA,SAAA,EAAS,SAAW;OACf,EAAA,MAAQ,CAAA,OAAQ;AACrB,EAAA,UAAA,EAAU,KAAO;AACjB,EAAA,cAAA,EAAc,MAAO;AACxB,CAAA,CAAC;AAEW,MAAA,qBAAqB,GAA2D,CAAC;UAIpF;;MAGa;QACb;AACF,IAAA,KAAA;AACA,IAAA,SAAA;AACJ,IAAA,YAAE;IAEF;MACS,QAAC;AACN,EAAA,MAAA,CAAA,YAAc,aAAa,CAAA,GAAA,QAAU,CAAA,KAAA,CAAA;;;iBAGpC,CAAA,CAAA,UAAA,CAAA;AAAM,IAAA,YAAA,CAAI,QAAQ,UAAU,EAAK,CAAA,CAAA,UAAS,EAAA,QAAA,EAAA,CAAA;;;WAG1C,CAAA,MAAA;gBAAO,EAAA,QAAA,KAAA,OAAA,EAAA;mBACS,CAAA,KAAA,CAAC;cACN,CAAA,yBAAiB,CAAA,MAAU,CAAM,MAAC,CAAM;WACnD,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;AACL,cAAI,CAAA,eAAqB,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;MAEkD,aAAA,CAAA,IAAA,CAAA;KAClE,MAAA;mBACC,CAAA,KAAA,CAAA;cAE0B,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;;AAEhC,GAAA,EAAA,CAAA,QAAA,EAAQ,QAAe,CAAA,CAAA;;WAGf,CAAA;UAE2C,aAAA,GAAA,MAAA,CAAA,KAAA,CAAA,IAAA,MAAA,CAAA,OAAA;AACnD;YACQ,CAAA,eAAgB,CAAA,KAAM,CAAA,WAAY,CAAA,eAAW,EAAQ,UAAE,CAAA;AACnE,IAAA,QAAS,CAAA,IAAW,CAAA,SAAc,GAAA,CAAA,UAAY,EAAA,UAAY,GAAA,MAAA,GAAG,EAAA,CAAA,CAAA;;AAG7D,IAAA,qBAAqB,CAAA,KAAA,GACd,KAAG;AACF;UACK,sBAAmB,CAAA,YAAc,CAAA,OAAA;YAC5B,CAAA,eAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,MAAA,CAAA;WACI,EAAA,SAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAA;AACjB;QAIE,YAAa,GAAA,OAAS,CAAA,OAAA;AACjC,IAAE,SAAA,EAAA,KAAA;AAEF,IAAM,KAAO,EAAA,MAAA,CAAA,KAAW,CAAA,IAAK,MAAW,CAAA,OAAa;;;;;;;;;"}
|