@admin-layout/tailwind-design-pro 10.0.9-alpha.4 → 10.0.9-alpha.42
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 +88 -1
- package/lib/cdm-locales/en/settings.json +6 -1
- package/lib/cdm-locales/es/settings.json +5 -2
- package/lib/components/Layout/BasicLayout/index.d.ts +3 -1
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +114 -62
- 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 +1 -14
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +1 -1
- 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 +203 -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 +287 -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 +2 -0
- package/lib/components/Layout/ProTailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.js +19 -4
- 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 +10 -3
- 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 +89 -13
- 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 +12 -9
- 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/AdditionalSettings.d.ts +4 -0
- package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/AdditionalSettings.js +7 -0
- package/lib/components/Layout/slot-fill/AdditionalSettings.js.map +1 -0
- 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 +4 -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/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +79 -1
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +101 -12
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.d.ts.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.js +3 -0
- package/lib/components/SettingDrawer/ThemeColor.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 +19 -1
- package/lib/components/SettingDrawer/types.d.ts.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.d.ts +8 -0
- package/lib/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/lib/components/ThemeProvider/ThemeProvider.js +64 -0
- package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -0
- package/lib/components/ThemeProvider/ThemeToggle.d.ts +7 -0
- package/lib/components/ThemeProvider/ThemeToggle.d.ts.map +1 -0
- package/lib/components/ThemeProvider/ThemeToggle.js +50 -0
- package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -0
- package/lib/components/ThemeProvider/index.d.ts +4 -0
- package/lib/components/ThemeProvider/index.d.ts.map +1 -0
- 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 +112 -0
- package/lib/components/ThemeProvider/types.d.ts.map +1 -0
- 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 +123 -51
- package/lib/components/typings.d.ts.map +1 -1
- package/lib/compute.d.ts.map +1 -1
- package/lib/compute.js +24 -8
- 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 +5 -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/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/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.map +1 -1
- package/lib/machines/settingsMachine.js +23 -3
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +14 -0
- 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/routes.json +42 -0
- package/lib/styles/index.css +438 -46
- 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
|
@@ -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'../defaultSettings.js';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';let oldSetting = {};
|
|
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'../defaultSettings.js';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';let oldSetting = {};
|
|
2
2
|
const updateTheme = (dark, color, publicPath = '/theme') => {
|
|
3
3
|
// ssr
|
|
4
4
|
if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
|
|
@@ -200,12 +200,74 @@ const themeOptions = [{
|
|
|
200
200
|
key: 'spotify',
|
|
201
201
|
title: 'Spotify Theme'
|
|
202
202
|
}];
|
|
203
|
+
const fontOptions = [{
|
|
204
|
+
key: 'Poppins, sans-serif',
|
|
205
|
+
title: 'Poppins'
|
|
206
|
+
}, {
|
|
207
|
+
key: 'Roboto, sans-serif',
|
|
208
|
+
title: 'Roboto'
|
|
209
|
+
}, {
|
|
210
|
+
key: 'Open Sans, sans-serif',
|
|
211
|
+
title: 'Open Sans'
|
|
212
|
+
}, {
|
|
213
|
+
key: 'Montserrat, sans-serif',
|
|
214
|
+
title: 'Montserrat'
|
|
215
|
+
}, {
|
|
216
|
+
key: 'Lato, sans-serif',
|
|
217
|
+
title: 'Lato'
|
|
218
|
+
}, {
|
|
219
|
+
key: 'Nunito, sans-serif',
|
|
220
|
+
title: 'Nunito'
|
|
221
|
+
}, {
|
|
222
|
+
key: 'Ubuntu, sans-serif',
|
|
223
|
+
title: 'Ubuntu'
|
|
224
|
+
}, {
|
|
225
|
+
key: 'Inter, sans-serif',
|
|
226
|
+
title: 'Inter'
|
|
227
|
+
}, {
|
|
228
|
+
key: 'Arial, sans-serif',
|
|
229
|
+
title: 'Arial'
|
|
230
|
+
}, {
|
|
231
|
+
key: 'Helvetica, sans-serif',
|
|
232
|
+
title: 'Helvetica'
|
|
233
|
+
}, {
|
|
234
|
+
key: 'Tahoma, sans-serif',
|
|
235
|
+
title: 'Tahoma'
|
|
236
|
+
}, {
|
|
237
|
+
key: 'Trebuchet MS, sans-serif',
|
|
238
|
+
title: 'Trebuchet MS'
|
|
239
|
+
}, {
|
|
240
|
+
key: 'Georgia, serif',
|
|
241
|
+
title: 'Georgia'
|
|
242
|
+
}, {
|
|
243
|
+
key: 'Bookman, serif',
|
|
244
|
+
title: 'Bookman'
|
|
245
|
+
}, {
|
|
246
|
+
key: 'Geneva, sans-serif',
|
|
247
|
+
title: 'Geneva'
|
|
248
|
+
}, {
|
|
249
|
+
key: 'Lucida Console, monospace',
|
|
250
|
+
title: 'Lucida Console'
|
|
251
|
+
}, {
|
|
252
|
+
key: 'Courier New, monospace',
|
|
253
|
+
title: 'Courier New'
|
|
254
|
+
}, {
|
|
255
|
+
key: 'Lucida Sans, sans-serif',
|
|
256
|
+
title: 'Lucida Sans'
|
|
257
|
+
}];
|
|
203
258
|
const SettingDrawer = props => {
|
|
204
|
-
|
|
205
|
-
navTheme,
|
|
259
|
+
const {
|
|
206
260
|
settings,
|
|
207
261
|
onSettingChange,
|
|
208
|
-
|
|
262
|
+
hideLoading,
|
|
263
|
+
hideColors,
|
|
264
|
+
publicPath,
|
|
265
|
+
hideHintAlert,
|
|
266
|
+
hideCopyButton,
|
|
267
|
+
actor,
|
|
268
|
+
colorList,
|
|
269
|
+
navTheme,
|
|
270
|
+
pathname
|
|
209
271
|
} = props;
|
|
210
272
|
const {
|
|
211
273
|
CloseIcon,
|
|
@@ -237,6 +299,7 @@ const SettingDrawer = props => {
|
|
|
237
299
|
});
|
|
238
300
|
};
|
|
239
301
|
const handleCopySettings = async () => {
|
|
302
|
+
if (!isBrowser()) return;
|
|
240
303
|
try {
|
|
241
304
|
const settings = JSON.stringify(settingState, null, 2);
|
|
242
305
|
await navigator.clipboard.writeText(settings);
|
|
@@ -258,14 +321,23 @@ const SettingDrawer = props => {
|
|
|
258
321
|
if (JSON.stringify(settings) !== JSON.stringify(oldSetting)) {
|
|
259
322
|
initState(settings, onSettingChange, props.publicPath);
|
|
260
323
|
}
|
|
261
|
-
({
|
|
262
|
-
...settings,
|
|
263
|
-
showSettingPanel: process.env.NODE_ENV !== 'production'
|
|
264
|
-
});
|
|
265
|
-
// setSettingState(nextState);
|
|
266
324
|
}
|
|
267
325
|
}
|
|
268
326
|
}, [settings]); // Only depend on settings
|
|
327
|
+
// Add a separate effect to track settingState changes
|
|
328
|
+
useEffect(() => {
|
|
329
|
+
// Store the previous setting state to compare
|
|
330
|
+
const prevSettingStateJSON = JSON.stringify(oldSetting);
|
|
331
|
+
const currentSettingStateJSON = JSON.stringify(settingState);
|
|
332
|
+
if (prevSettingStateJSON !== currentSettingStateJSON) {
|
|
333
|
+
console.log('settingState changed, calling onSettingChange');
|
|
334
|
+
onSettingChange(settingState);
|
|
335
|
+
oldSetting = {
|
|
336
|
+
...settingState
|
|
337
|
+
};
|
|
338
|
+
}
|
|
339
|
+
}, [settingState]);
|
|
340
|
+
const currentPathname = isBrowser() ? window.location.pathname : pathname || '';
|
|
269
341
|
return jsx(Fragment, {
|
|
270
342
|
children: settings?.showSettingPanel && jsxs(Fragment, {
|
|
271
343
|
children: [jsx("button", {
|
|
@@ -323,15 +395,25 @@ const SettingDrawer = props => {
|
|
|
323
395
|
options: themeOptions
|
|
324
396
|
})]
|
|
325
397
|
}), jsxs("div", {
|
|
326
|
-
className: "mt-8",
|
|
398
|
+
className: "mt-8 dark:border-[#2a2b2a]",
|
|
327
399
|
children: [jsx("p", {
|
|
328
|
-
className: "text-black dark:text-white",
|
|
400
|
+
className: "mb-2 text-black dark:text-white",
|
|
329
401
|
children: t('theme_color')
|
|
330
402
|
}), jsx(ThemeColor, {
|
|
331
|
-
color: themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
|
|
403
|
+
color: colorList || themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
|
|
332
404
|
changeSetting: handleSettingChange,
|
|
333
405
|
settings: settingState
|
|
334
406
|
})]
|
|
407
|
+
}), jsxs("div", {
|
|
408
|
+
className: "mt-8",
|
|
409
|
+
children: [jsx("p", {
|
|
410
|
+
className: "text-black dark:text-white",
|
|
411
|
+
children: t('Font Family')
|
|
412
|
+
}), jsx(WebFontsSelector, {
|
|
413
|
+
value: settingState.fontFamily || 'Poppins, sans-serif',
|
|
414
|
+
onChange: value => handleSettingChange('fontFamily', value),
|
|
415
|
+
options: fontOptions
|
|
416
|
+
})]
|
|
335
417
|
})]
|
|
336
418
|
}), jsxs("div", {
|
|
337
419
|
className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
|
|
@@ -354,6 +436,13 @@ const SettingDrawer = props => {
|
|
|
354
436
|
settings: settingState,
|
|
355
437
|
changeSetting: handleSettingChange
|
|
356
438
|
})]
|
|
439
|
+
}), jsx("div", {
|
|
440
|
+
className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
|
|
441
|
+
children: jsx(AdditionalSettingsSlot, {
|
|
442
|
+
settings: settingState,
|
|
443
|
+
onSettingsChange: handleSettingChange,
|
|
444
|
+
pathname: currentPathname
|
|
445
|
+
})
|
|
357
446
|
}), jsxs("div", {
|
|
358
447
|
className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-200 dark:border-yellow-700 rounded-lg p-4 mt-4",
|
|
359
448
|
children: [jsx("p", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[
|
|
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":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAwCzD"}
|
|
@@ -4,6 +4,9 @@ import {jsx}from'react/jsx-runtime';function ThemeColor(props) {
|
|
|
4
4
|
changeSetting,
|
|
5
5
|
settings
|
|
6
6
|
} = props;
|
|
7
|
+
if (!color || color.length < 1) {
|
|
8
|
+
return null;
|
|
9
|
+
}
|
|
7
10
|
return jsx("div", {
|
|
8
11
|
className: "flex flex-row space-x-2",
|
|
9
12
|
children: color.map((item, index) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAGwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;
|
|
1
|
+
{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAGwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;IAEN,KAAK;AACD,IAAA;IACJ;AAEA,GAAA,GAAA,KAAO;AAGK,EAAA,IAAA,CAAA,KAAA,IAAA,KAGQ,CAAA,MAAA,GAAA,CAAA,EAAA;AAGI,IAAA,OAAA,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -40,12 +40,22 @@ export interface SettingDrawerProps {
|
|
|
40
40
|
hideCopyButton?: boolean;
|
|
41
41
|
navTheme?: string;
|
|
42
42
|
primaryColor?: string;
|
|
43
|
+
pathname?: string;
|
|
43
44
|
onCollapseChange?: (collapse: boolean) => void;
|
|
44
45
|
onSettingChange?: (settings: MergerSettingsType<ProSettings>) => void;
|
|
45
46
|
actor: any;
|
|
47
|
+
colorList?: {
|
|
48
|
+
key: string;
|
|
49
|
+
color: string;
|
|
50
|
+
title?: string;
|
|
51
|
+
}[];
|
|
46
52
|
}
|
|
47
53
|
export type IThemeColorProps = {
|
|
48
|
-
color?:
|
|
54
|
+
color?: Array<{
|
|
55
|
+
key: string;
|
|
56
|
+
color: string;
|
|
57
|
+
title?: string;
|
|
58
|
+
}>;
|
|
49
59
|
changeSetting?: (key: string, value: string | boolean | any) => void;
|
|
50
60
|
settings?: any;
|
|
51
61
|
};
|
|
@@ -57,4 +67,12 @@ export interface ThemeSelectorProps {
|
|
|
57
67
|
title: string;
|
|
58
68
|
}>;
|
|
59
69
|
}
|
|
70
|
+
export interface WebFontsSelectorProps {
|
|
71
|
+
value: string;
|
|
72
|
+
onChange: (fontFamily: string) => void;
|
|
73
|
+
options: Array<{
|
|
74
|
+
key: string;
|
|
75
|
+
title: string;
|
|
76
|
+
}>;
|
|
77
|
+
}
|
|
60
78
|
//# 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;CAClE,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;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;CACxE,CAAC;AACF,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AACF,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IAClD,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;IACjD,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,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,EAAE,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeContextProps } from './types';
|
|
3
|
+
export declare const ThemeProviderTailwind: React.FC<{
|
|
4
|
+
settings: any;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const useTheme: () => ThemeContextProps;
|
|
8
|
+
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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,CA0DxF,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
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,
|
|
4
|
+
isDarkMode: false,
|
|
5
|
+
toggleDarkMode: () => {}
|
|
6
|
+
});
|
|
7
|
+
const ThemeProviderTailwind = ({
|
|
8
|
+
settings,
|
|
9
|
+
children
|
|
10
|
+
}) => {
|
|
11
|
+
const {
|
|
12
|
+
theme,
|
|
13
|
+
themeType,
|
|
14
|
+
primaryColor,
|
|
15
|
+
fontFamily
|
|
16
|
+
} = settings;
|
|
17
|
+
console.log('theme provider settings', {
|
|
18
|
+
settings
|
|
19
|
+
});
|
|
20
|
+
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
21
|
+
// Toggle dark mode
|
|
22
|
+
const toggleDarkMode = () => {
|
|
23
|
+
setIsDarkMode(!isDarkMode);
|
|
24
|
+
localStorage.setItem('darkMode', (!isDarkMode).toString());
|
|
25
|
+
};
|
|
26
|
+
// Toggle dark mode class on document
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (settings?.navTheme === 'light') {
|
|
29
|
+
setIsDarkMode(false);
|
|
30
|
+
document.documentElement.classList.remove('dark');
|
|
31
|
+
} else if (settings?.navTheme === 'dark') {
|
|
32
|
+
document.documentElement.classList.add('dark');
|
|
33
|
+
setIsDarkMode(true);
|
|
34
|
+
} else {
|
|
35
|
+
setIsDarkMode(false);
|
|
36
|
+
document.documentElement.classList.remove('dark');
|
|
37
|
+
}
|
|
38
|
+
}, [settings?.navTheme]);
|
|
39
|
+
// Apply theme effects when component mounts and when theme settings change
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
const selectedTheme = themes[theme] || themes.default;
|
|
42
|
+
// Apply font family to document
|
|
43
|
+
document.documentElement.style.setProperty('--font-family', fontFamily);
|
|
44
|
+
document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
|
|
45
|
+
// Apply theme-specific classes
|
|
46
|
+
document.body.dataset.theme = theme;
|
|
47
|
+
// Apply radius to all appropriate elements via CSS
|
|
48
|
+
const radius = selectedTheme.borderRadius.DEFAULT;
|
|
49
|
+
document.documentElement.style.setProperty('--radius', radius);
|
|
50
|
+
}, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
|
|
51
|
+
// Memoize the context value to prevent unnecessary re-renders
|
|
52
|
+
const contextValue = useMemo(() => ({
|
|
53
|
+
themeName: theme,
|
|
54
|
+
theme: themes[theme] || themes.default,
|
|
55
|
+
isDarkMode,
|
|
56
|
+
toggleDarkMode
|
|
57
|
+
}), [theme, isDarkMode]);
|
|
58
|
+
console.log('contextValue', contextValue);
|
|
59
|
+
return jsx(ThemeContext.Provider, {
|
|
60
|
+
value: contextValue,
|
|
61
|
+
children: children
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
const useTheme = () => useContext(ThemeContext);export{ThemeProviderTailwind,useTheme};//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;MAEA;QAEa;IACnB,KAAM;AACF,IAAA,SAAA;AACA,IAAA,YAAA;AACJ,IAAA;MAEqC,QAAA;SAC5B,CAAA,GAAA,CAAC,yBAAK,EAAA;AACX,IAAA;;mBAEY,EAAC,iBAAgB,QAAS,CAAC,KAAM,CAAA;;AACtC,EAAA,MAAA,iBAAY,MAAE;iBACT,CAAA,CAAA;gBACK,CAAA,OAAA,CAAA,UAAO,EAAA,CAAA,CAAA,UAAA,EAAA,QAAA,EAAA,CAAA;;;YAEpB,MAAa;gBACL,EAAA,oBAAiB,EAAA;mBAC5B,CAAA,KAAA,CAAA;AACL,cAAI,CAAA,eAAqB,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,CAAA;KAEkD,MAAA,IAAA,QAAA,EAAA,QAAA,KAAA,MAAA,EAAA;MAClE,QAAC,gBAAK,CAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;mBACL,CAAA,IAAA,CAAA;WAE0B;mBACR,CAAA,KAAA,CAAA;AACxB,MAAA,QAAA,CAAA,eAAuB,CAAA,gBAAgB,CAAU,MAAA,CAAA;;cAGzC,EAAA,QAAM,CAAA,CAAA;;AAGd,EAAA,SAAA,CAAA;UACQ,aAAgB,GAAA,MAAA,CAAC,KAAK,CAAC,IAAW,MAAA,CAAA,OAAW;AACzD;IAEA,QAA8D,CAAA,eAAA,CAAA,KAAA,CAAA,WAAA,CAAA,eAAA,EAAA,UAAA,CAAA;AAC9D,IAAA,uBAAqB,GAAA,CAAA,UACV,EAAA,UAAA,GAAA,MAAA,GAAA,EAAA,CAAA,CAAA;AACH;YACK,CAAA,YAAS,CAAA,KAAU,GAAA,KAAO;;UAEjB,MAAA,GAAA,aAAA,CAAA,YAAA,CAAA,OAAA;AACjB,IAAA,QACA,CAAA,eACJ,CAAC,KAAA,CAAA,WAAA,CAAA,UAAA,EAAA,MAAA,CAAA;AAEF,GAAA,EAAA,CAAA,KAAO,EAAI,uBAAiB,EAAA,UAAc,EAAA,UAAA,CAAA,CAAA;;AAG9C,EAAE,MAAA,YAAA,GAAA,OAAA,CAAA,OAAA;AAEF,IAAM,SAAO,EAAA,KAAA;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {useTheme}from'./ThemeProvider.js';const ThemeToggle = ({
|
|
2
|
+
className = ''
|
|
3
|
+
}) => {
|
|
4
|
+
const {
|
|
5
|
+
isDarkMode,
|
|
6
|
+
toggleDarkMode
|
|
7
|
+
} = useTheme();
|
|
8
|
+
return jsx("button", {
|
|
9
|
+
onClick: toggleDarkMode,
|
|
10
|
+
className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
|
|
11
|
+
"aria-label": "Toggle dark mode",
|
|
12
|
+
children: isDarkMode ? jsx(SunIcon, {
|
|
13
|
+
className: "w-5 h-5"
|
|
14
|
+
}) : jsx(MoonIcon, {
|
|
15
|
+
className: "w-5 h-5"
|
|
16
|
+
})
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
// Simple Sun icon component
|
|
20
|
+
const SunIcon = ({
|
|
21
|
+
className
|
|
22
|
+
}) => jsx("svg", {
|
|
23
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
24
|
+
className: className,
|
|
25
|
+
fill: "none",
|
|
26
|
+
viewBox: "0 0 24 24",
|
|
27
|
+
stroke: "currentColor",
|
|
28
|
+
children: jsx("path", {
|
|
29
|
+
strokeLinecap: "round",
|
|
30
|
+
strokeLinejoin: "round",
|
|
31
|
+
strokeWidth: 2,
|
|
32
|
+
d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
// Simple Moon icon component
|
|
36
|
+
const MoonIcon = ({
|
|
37
|
+
className
|
|
38
|
+
}) => jsx("svg", {
|
|
39
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
+
className: className,
|
|
41
|
+
fill: "none",
|
|
42
|
+
viewBox: "0 0 24 24",
|
|
43
|
+
stroke: "currentColor",
|
|
44
|
+
children: jsx("path", {
|
|
45
|
+
strokeLinecap: "round",
|
|
46
|
+
strokeLinejoin: "round",
|
|
47
|
+
strokeWidth: 2,
|
|
48
|
+
d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
|
|
49
|
+
})
|
|
50
|
+
});export{ThemeToggle};//# sourceMappingURL=ThemeToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8EAOa,MAAA,WAAW,GAA+B,CAAC;WAC9C;AAEN,CAAA,KAAA;AASJ,EAAE,MAAA;AAEF,IAA4B,UAAA;AAC5B,IAAM;AAWN,GAA6B,GAAA,QAAA,EAAA;AAC7B,EAAM,OAAAA,GAAA,CAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"airbnb.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/airbnb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,WAAW,EAAE,YAsLzB,CAAC"}
|