@admin-layout/tailwind-design-pro 12.0.16-alpha.92 → 12.2.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +40 -0
- package/lib/components/LanguageMenu/LanguageMenu.d.ts +2 -1
- package/lib/components/LanguageMenu/LanguageMenu.d.ts.map +1 -1
- package/lib/components/LanguageMenu/LanguageMenu.js +25 -32
- package/lib/components/LanguageMenu/LanguageMenu.js.map +1 -1
- package/lib/components/Layout/BasicLayout/index.d.ts +1 -1
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +96 -103
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.d.ts +2 -2
- package/lib/components/Layout/BasicLayout/utils.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.js +69 -88
- package/lib/components/Layout/BasicLayout/utils.js.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js +25 -30
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalFooter/Copyright.d.ts +2 -1
- package/lib/components/Layout/GlobalFooter/Copyright.d.ts.map +1 -1
- package/lib/components/Layout/GlobalFooter/Footer.d.ts +2 -1
- package/lib/components/Layout/GlobalFooter/Footer.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +32 -43
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.js +71 -81
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js +26 -30
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js +25 -29
- package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.js +112 -136
- package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/SearchBar.js +36 -45
- package/lib/components/Layout/GlobalHeader/SearchBar.js.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/BottomMenu.js +148 -184
- package/lib/components/Layout/Sidebar/BottomMenu.js.map +1 -1
- package/lib/components/Layout/Sidebar/Divider.d.ts +2 -1
- package/lib/components/Layout/Sidebar/Divider.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/Divider.js +26 -28
- package/lib/components/Layout/Sidebar/Divider.js.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.d.ts +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.js +10 -11
- package/lib/components/Layout/Sidebar/DynamicIcon.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.js +75 -97
- package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js +113 -129
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebar.js +108 -133
- package/lib/components/Layout/Sidebar/PerplexSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js +71 -85
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +13 -19
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts +3 -2
- package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/AdditionalSettings.js +2 -2
- package/lib/components/Layout/slot-fill/AdditionalSettings.js.map +1 -1
- package/lib/components/Layout/slot-fill/Footer.d.ts +3 -2
- package/lib/components/Layout/slot-fill/Footer.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/Footer.js +2 -2
- package/lib/components/Layout/slot-fill/Footer.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderNotice.d.ts +3 -2
- package/lib/components/Layout/slot-fill/HeaderNotice.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderNotice.js +2 -2
- package/lib/components/Layout/slot-fill/HeaderNotice.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts +2 -1
- package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchBar.js +2 -2
- package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts +2 -1
- package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchButton.js +2 -2
- package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map +1 -1
- package/lib/components/Layout/slot-fill/Logo.d.ts +3 -2
- package/lib/components/Layout/slot-fill/Logo.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/Logo.js +2 -2
- package/lib/components/Layout/slot-fill/Logo.js.map +1 -1
- package/lib/components/Layout/slot-fill/RightContent.d.ts +2 -1
- package/lib/components/Layout/slot-fill/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/RightContent.js +2 -2
- package/lib/components/Layout/slot-fill/RightContent.js.map +1 -1
- package/lib/components/Layout/slot-fill/SideMenuLogo.d.ts +3 -2
- package/lib/components/Layout/slot-fill/SideMenuLogo.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/SideMenuLogo.js +2 -2
- package/lib/components/Layout/slot-fill/SideMenuLogo.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts +2 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +117 -144
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.d.ts +2 -1
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js +17 -23
- package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js.map +1 -1
- package/lib/components/SettingDrawer/components/CheckBoxTheme.d.ts +2 -1
- package/lib/components/SettingDrawer/components/CheckBoxTheme.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/CheckBoxTheme.js +85 -97
- package/lib/components/SettingDrawer/components/CheckBoxTheme.js.map +1 -1
- package/lib/components/SettingDrawer/components/DeviceTabs.d.ts +2 -1
- package/lib/components/SettingDrawer/components/DeviceTabs.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/DeviceTabs.js +67 -75
- package/lib/components/SettingDrawer/components/DeviceTabs.js.map +1 -1
- package/lib/components/SettingDrawer/components/InvitationSettings.d.ts +2 -1
- package/lib/components/SettingDrawer/components/InvitationSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/InvitationSettings.js +41 -52
- package/lib/components/SettingDrawer/components/InvitationSettings.js.map +1 -1
- package/lib/components/SettingDrawer/components/LayoutChange.d.ts +2 -1
- package/lib/components/SettingDrawer/components/LayoutChange.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/LayoutChange.js +75 -94
- package/lib/components/SettingDrawer/components/LayoutChange.js.map +1 -1
- package/lib/components/SettingDrawer/components/MenuVisibilitySettings.d.ts +2 -1
- package/lib/components/SettingDrawer/components/MenuVisibilitySettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/MenuVisibilitySettings.js +50 -63
- package/lib/components/SettingDrawer/components/MenuVisibilitySettings.js.map +1 -1
- package/lib/components/SettingDrawer/components/NavigationsModes.d.ts +2 -1
- package/lib/components/SettingDrawer/components/NavigationsModes.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/NavigationsModes.js +272 -290
- package/lib/components/SettingDrawer/components/NavigationsModes.js.map +1 -1
- package/lib/components/SettingDrawer/components/RegionalSettings.d.ts +2 -1
- package/lib/components/SettingDrawer/components/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/RegionalSettings.js +437 -535
- package/lib/components/SettingDrawer/components/RegionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/components/SettingsActions.d.ts +2 -1
- package/lib/components/SettingDrawer/components/SettingsActions.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/SettingsActions.js +29 -56
- package/lib/components/SettingDrawer/components/SettingsActions.js.map +1 -1
- package/lib/components/SettingDrawer/components/SettingsDrawerHeader.d.ts +2 -1
- package/lib/components/SettingDrawer/components/SettingsDrawerHeader.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/SettingsDrawerHeader.js +13 -16
- package/lib/components/SettingDrawer/components/SettingsDrawerHeader.js.map +1 -1
- package/lib/components/SettingDrawer/components/Switch.d.ts +2 -1
- package/lib/components/SettingDrawer/components/Switch.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/Switch.js +8 -10
- package/lib/components/SettingDrawer/components/Switch.js.map +1 -1
- package/lib/components/SettingDrawer/components/ThemeColor.d.ts +2 -1
- package/lib/components/SettingDrawer/components/ThemeColor.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/ThemeColor.js +24 -26
- package/lib/components/SettingDrawer/components/ThemeColor.js.map +1 -1
- package/lib/components/SettingDrawer/components/ThemeSelector.d.ts +2 -1
- package/lib/components/SettingDrawer/components/ThemeSelector.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/ThemeSelector.js +11 -13
- package/lib/components/SettingDrawer/components/ThemeSelector.js.map +1 -1
- package/lib/components/SettingDrawer/components/WebFontsSelector.d.ts +1 -0
- package/lib/components/SettingDrawer/components/WebFontsSelector.d.ts.map +1 -1
- package/lib/components/SettingDrawer/components/WebFontsSelector.js +17 -19
- package/lib/components/SettingDrawer/components/WebFontsSelector.js.map +1 -1
- package/lib/components/SettingDrawer/hooks/useSettingsOperations.d.ts.map +1 -1
- package/lib/components/SettingDrawer/hooks/useSettingsOperations.js +0 -4
- package/lib/components/SettingDrawer/hooks/useSettingsOperations.js.map +1 -1
- package/lib/components/SettingDrawer/utils/transformers.d.ts.map +1 -1
- package/lib/components/SettingDrawer/utils/transformers.js +0 -3
- package/lib/components/SettingDrawer/utils/transformers.js.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +3 -3
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
- package/lib/helpers/DynamicIcon.d.ts +1 -1
- package/lib/helpers/DynamicIcon.d.ts.map +1 -1
- package/lib/helpers/DynamicIcon.js +16 -17
- package/lib/helpers/DynamicIcon.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +0 -6
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/utils/__tests__/analytics-utils.test.d.ts +2 -0
- package/lib/utils/__tests__/analytics-utils.test.d.ts.map +1 -0
- package/lib/utils/__tests__/menu.test.d.ts +2 -0
- package/lib/utils/__tests__/menu.test.d.ts.map +1 -0
- package/lib/utils/__tests__/selectors.test.d.ts +2 -0
- package/lib/utils/__tests__/selectors.test.d.ts.map +1 -0
- package/lib/utils/__tests__/settingsMachine.test.d.ts.map +1 -0
- package/lib/utils/__tests__/settingsUtils.test.d.ts +2 -0
- package/lib/utils/__tests__/settingsUtils.test.d.ts.map +1 -0
- package/package.json +6 -6
- package/lib/machines/settingsMachine.test.d.ts.map +0 -1
- /package/lib/{machines → utils/__tests__}/settingsMachine.test.d.ts +0 -0
|
@@ -1,270 +1,265 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import {useMemo}from'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {getSettingValue}from'../../../utils/settingsUtils.js';const navigationModes = [{
|
|
2
2
|
key: 'sidebar',
|
|
3
3
|
title: 'Sidebar',
|
|
4
|
-
svg:
|
|
4
|
+
svg: React.createElement("svg", {
|
|
5
5
|
width: "58",
|
|
6
6
|
height: "50",
|
|
7
7
|
viewBox: "0 0 58 50",
|
|
8
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
})
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
9
|
+
}, React.createElement("rect", {
|
|
10
|
+
width: "58",
|
|
11
|
+
height: "50",
|
|
12
|
+
rx: "8",
|
|
13
|
+
fill: "#ffffff"
|
|
14
|
+
}), React.createElement("rect", {
|
|
15
|
+
x: "4",
|
|
16
|
+
y: "0",
|
|
17
|
+
width: "16",
|
|
18
|
+
height: "50",
|
|
19
|
+
fill: "#f0f2f5"
|
|
20
|
+
}), React.createElement("rect", {
|
|
21
|
+
x: "6",
|
|
22
|
+
y: "8",
|
|
23
|
+
width: "12",
|
|
24
|
+
height: "4",
|
|
25
|
+
rx: "2",
|
|
26
|
+
fill: "#1890ff"
|
|
27
|
+
}), React.createElement("rect", {
|
|
28
|
+
x: "6",
|
|
29
|
+
y: "16",
|
|
30
|
+
width: "12",
|
|
31
|
+
height: "4",
|
|
32
|
+
rx: "2",
|
|
33
|
+
fill: "#000000",
|
|
34
|
+
opacity: "0.15"
|
|
35
|
+
}), React.createElement("rect", {
|
|
36
|
+
x: "6",
|
|
37
|
+
y: "24",
|
|
38
|
+
width: "12",
|
|
39
|
+
height: "4",
|
|
40
|
+
rx: "2",
|
|
41
|
+
fill: "#000000",
|
|
42
|
+
opacity: "0.15"
|
|
43
|
+
}))
|
|
45
44
|
}, {
|
|
46
45
|
key: 'topbar',
|
|
47
46
|
title: 'Top Bar',
|
|
48
|
-
svg:
|
|
47
|
+
svg: React.createElement("svg", {
|
|
49
48
|
width: "58",
|
|
50
49
|
height: "50",
|
|
51
50
|
viewBox: "0 0 58 50",
|
|
52
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
})
|
|
51
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
52
|
+
}, React.createElement("rect", {
|
|
53
|
+
width: "58",
|
|
54
|
+
height: "50",
|
|
55
|
+
rx: "8",
|
|
56
|
+
fill: "#ffffff"
|
|
57
|
+
}), React.createElement("rect", {
|
|
58
|
+
x: "0",
|
|
59
|
+
y: "0",
|
|
60
|
+
width: "58",
|
|
61
|
+
height: "14",
|
|
62
|
+
fill: "#f0f2f5"
|
|
63
|
+
}), React.createElement("rect", {
|
|
64
|
+
x: "8",
|
|
65
|
+
y: "5",
|
|
66
|
+
width: "12",
|
|
67
|
+
height: "4",
|
|
68
|
+
rx: "2",
|
|
69
|
+
fill: "#1890ff"
|
|
70
|
+
}), React.createElement("rect", {
|
|
71
|
+
x: "24",
|
|
72
|
+
y: "5",
|
|
73
|
+
width: "12",
|
|
74
|
+
height: "4",
|
|
75
|
+
rx: "2",
|
|
76
|
+
fill: "#000000",
|
|
77
|
+
opacity: "0.15"
|
|
78
|
+
}), React.createElement("rect", {
|
|
79
|
+
x: "40",
|
|
80
|
+
y: "5",
|
|
81
|
+
width: "12",
|
|
82
|
+
height: "4",
|
|
83
|
+
rx: "2",
|
|
84
|
+
fill: "#000000",
|
|
85
|
+
opacity: "0.15"
|
|
86
|
+
}))
|
|
89
87
|
}, {
|
|
90
88
|
key: 'mixed',
|
|
91
89
|
title: 'Mixed',
|
|
92
|
-
svg:
|
|
90
|
+
svg: React.createElement("svg", {
|
|
93
91
|
width: "58",
|
|
94
92
|
height: "50",
|
|
95
93
|
viewBox: "0 0 58 50",
|
|
96
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
})
|
|
94
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
95
|
+
}, React.createElement("rect", {
|
|
96
|
+
width: "58",
|
|
97
|
+
height: "50",
|
|
98
|
+
rx: "8",
|
|
99
|
+
fill: "#ffffff"
|
|
100
|
+
}), React.createElement("rect", {
|
|
101
|
+
x: "0",
|
|
102
|
+
y: "0",
|
|
103
|
+
width: "58",
|
|
104
|
+
height: "14",
|
|
105
|
+
fill: "#f0f2f5"
|
|
106
|
+
}), React.createElement("rect", {
|
|
107
|
+
x: "24",
|
|
108
|
+
y: "5",
|
|
109
|
+
width: "12",
|
|
110
|
+
height: "4",
|
|
111
|
+
rx: "2",
|
|
112
|
+
fill: "#000000",
|
|
113
|
+
opacity: "0.15"
|
|
114
|
+
}), React.createElement("rect", {
|
|
115
|
+
x: "40",
|
|
116
|
+
y: "5",
|
|
117
|
+
width: "12",
|
|
118
|
+
height: "4",
|
|
119
|
+
rx: "2",
|
|
120
|
+
fill: "#000000",
|
|
121
|
+
opacity: "0.15"
|
|
122
|
+
}), React.createElement("rect", {
|
|
123
|
+
x: "4",
|
|
124
|
+
y: "14",
|
|
125
|
+
width: "16",
|
|
126
|
+
height: "36",
|
|
127
|
+
fill: "#f0f2f5"
|
|
128
|
+
}), React.createElement("rect", {
|
|
129
|
+
x: "6",
|
|
130
|
+
y: "20",
|
|
131
|
+
width: "12",
|
|
132
|
+
height: "4",
|
|
133
|
+
rx: "2",
|
|
134
|
+
fill: "#1890ff"
|
|
135
|
+
}), React.createElement("rect", {
|
|
136
|
+
x: "6",
|
|
137
|
+
y: "28",
|
|
138
|
+
width: "12",
|
|
139
|
+
height: "4",
|
|
140
|
+
rx: "2",
|
|
141
|
+
fill: "#000000",
|
|
142
|
+
opacity: "0.15"
|
|
143
|
+
}))
|
|
147
144
|
}];
|
|
148
145
|
const menuTypes = [{
|
|
149
146
|
key: 'classic',
|
|
150
147
|
title: 'Classic',
|
|
151
|
-
svg:
|
|
148
|
+
svg: React.createElement("svg", {
|
|
152
149
|
width: "58",
|
|
153
150
|
height: "50",
|
|
154
151
|
viewBox: "0 0 58 50",
|
|
155
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
})
|
|
152
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
153
|
+
}, React.createElement("rect", {
|
|
154
|
+
width: "58",
|
|
155
|
+
height: "50",
|
|
156
|
+
rx: "8",
|
|
157
|
+
fill: "#ffffff"
|
|
158
|
+
}), React.createElement("rect", {
|
|
159
|
+
x: "0",
|
|
160
|
+
y: "0",
|
|
161
|
+
width: "18",
|
|
162
|
+
height: "50",
|
|
163
|
+
fill: "#001529"
|
|
164
|
+
}), React.createElement("rect", {
|
|
165
|
+
x: "4",
|
|
166
|
+
y: "15",
|
|
167
|
+
width: "10",
|
|
168
|
+
height: "2",
|
|
169
|
+
rx: "1",
|
|
170
|
+
fill: "#ffffff",
|
|
171
|
+
opacity: "0.65"
|
|
172
|
+
}), React.createElement("rect", {
|
|
173
|
+
x: "4",
|
|
174
|
+
y: "25",
|
|
175
|
+
width: "10",
|
|
176
|
+
height: "2",
|
|
177
|
+
rx: "1",
|
|
178
|
+
fill: "#ffffff",
|
|
179
|
+
opacity: "0.65"
|
|
180
|
+
}))
|
|
185
181
|
}, {
|
|
186
182
|
key: 'perplexLayout',
|
|
187
183
|
title: 'Perplex Layout',
|
|
188
|
-
svg:
|
|
184
|
+
svg: React.createElement("svg", {
|
|
189
185
|
width: "58",
|
|
190
186
|
height: "50",
|
|
191
187
|
viewBox: "0 0 80 60",
|
|
192
188
|
fill: "none",
|
|
193
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
})
|
|
189
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
190
|
+
}, React.createElement("rect", {
|
|
191
|
+
x: "1",
|
|
192
|
+
y: "1",
|
|
193
|
+
width: "78",
|
|
194
|
+
height: "58",
|
|
195
|
+
rx: "4",
|
|
196
|
+
fill: "white",
|
|
197
|
+
stroke: "#E5E7EB",
|
|
198
|
+
strokeWidth: "2"
|
|
199
|
+
}), React.createElement("rect", {
|
|
200
|
+
x: "1",
|
|
201
|
+
y: "1",
|
|
202
|
+
width: "20",
|
|
203
|
+
height: "58",
|
|
204
|
+
rx: "3",
|
|
205
|
+
fill: "#0F172A"
|
|
206
|
+
}), React.createElement("rect", {
|
|
207
|
+
x: "5",
|
|
208
|
+
y: "10",
|
|
209
|
+
width: "10",
|
|
210
|
+
height: "3",
|
|
211
|
+
rx: "1.5",
|
|
212
|
+
fill: "white",
|
|
213
|
+
opacity: "0.9"
|
|
214
|
+
}), React.createElement("rect", {
|
|
215
|
+
x: "5",
|
|
216
|
+
y: "20",
|
|
217
|
+
width: "10",
|
|
218
|
+
height: "3",
|
|
219
|
+
rx: "1.5",
|
|
220
|
+
fill: "white",
|
|
221
|
+
opacity: "0.6"
|
|
222
|
+
}), React.createElement("rect", {
|
|
223
|
+
x: "5",
|
|
224
|
+
y: "30",
|
|
225
|
+
width: "10",
|
|
226
|
+
height: "3",
|
|
227
|
+
rx: "1.5",
|
|
228
|
+
fill: "white",
|
|
229
|
+
opacity: "0.4"
|
|
230
|
+
}), React.createElement("rect", {
|
|
231
|
+
x: "25",
|
|
232
|
+
y: "10",
|
|
233
|
+
width: "40",
|
|
234
|
+
height: "3",
|
|
235
|
+
rx: "1.5",
|
|
236
|
+
fill: "#0F172A",
|
|
237
|
+
opacity: "0.7"
|
|
238
|
+
}), React.createElement("rect", {
|
|
239
|
+
x: "25",
|
|
240
|
+
y: "20",
|
|
241
|
+
width: "30",
|
|
242
|
+
height: "3",
|
|
243
|
+
rx: "1.5",
|
|
244
|
+
fill: "#0F172A",
|
|
245
|
+
opacity: "0.5"
|
|
246
|
+
}), React.createElement("rect", {
|
|
247
|
+
x: "25",
|
|
248
|
+
y: "35",
|
|
249
|
+
width: "45",
|
|
250
|
+
height: "3",
|
|
251
|
+
rx: "1.5",
|
|
252
|
+
fill: "#0F172A",
|
|
253
|
+
opacity: "0.4"
|
|
254
|
+
}), React.createElement("rect", {
|
|
255
|
+
x: "25",
|
|
256
|
+
y: "45",
|
|
257
|
+
width: "35",
|
|
258
|
+
height: "3",
|
|
259
|
+
rx: "1.5",
|
|
260
|
+
fill: "#0F172A",
|
|
261
|
+
opacity: "0.3"
|
|
262
|
+
}))
|
|
268
263
|
}];
|
|
269
264
|
function NavigationModes({
|
|
270
265
|
changeSetting,
|
|
@@ -283,58 +278,45 @@ function NavigationModes({
|
|
|
283
278
|
navigationMode: getSettingValue(settings, 'navigationMode', applyToAllRoutes, currentRoute, deviceType, 'mixed'),
|
|
284
279
|
sideMenuType: getSettingValue(settings, 'sideMenuType', applyToAllRoutes, currentRoute, deviceType, 'expanded')
|
|
285
280
|
}), [settings, applyToAllRoutes, currentRoute, deviceType]);
|
|
286
|
-
return
|
|
287
|
-
className: "space-y-8"
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
children: [type.svg, navigationValues.sideMenuType === type.key && jsx("svg", {
|
|
328
|
-
className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
|
|
329
|
-
viewBox: "0 0 24 24",
|
|
330
|
-
fill: "currentColor",
|
|
331
|
-
children: jsx("path", {
|
|
332
|
-
d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
|
|
333
|
-
})
|
|
334
|
-
})]
|
|
335
|
-
})
|
|
336
|
-
}, `menuType_${index}`))
|
|
337
|
-
})]
|
|
338
|
-
})]
|
|
339
|
-
});
|
|
281
|
+
return React.createElement("div", {
|
|
282
|
+
className: "space-y-8"
|
|
283
|
+
}, React.createElement("section", null, React.createElement("h3", {
|
|
284
|
+
className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3"
|
|
285
|
+
}, deviceType === 'mobile' ? 'Mobile Navigation Mode' : 'Desktop Navigation Mode'), React.createElement("div", {
|
|
286
|
+
className: "flex flex-row gap-4"
|
|
287
|
+
}, navigationModes.map((mode, index) => React.createElement("div", {
|
|
288
|
+
key: `navMode_${index}`,
|
|
289
|
+
className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
|
|
290
|
+
onClick: () => {
|
|
291
|
+
// Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
|
|
292
|
+
changeSetting('navigationMode', mode.key);
|
|
293
|
+
}
|
|
294
|
+
}, React.createElement("div", {
|
|
295
|
+
className: "relative"
|
|
296
|
+
}, mode.svg, navigationValues.navigationMode === mode.key && React.createElement("svg", {
|
|
297
|
+
className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
|
|
298
|
+
viewBox: "0 0 24 24",
|
|
299
|
+
fill: "currentColor"
|
|
300
|
+
}, React.createElement("path", {
|
|
301
|
+
d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
|
|
302
|
+
}))))))), React.createElement("section", null, React.createElement("h3", {
|
|
303
|
+
className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3"
|
|
304
|
+
}, deviceType === 'mobile' ? 'Mobile Menu Type' : 'Desktop Menu Type'), React.createElement("div", {
|
|
305
|
+
className: "flex flex-row gap-4"
|
|
306
|
+
}, menuTypes.map((type, index) => React.createElement("div", {
|
|
307
|
+
key: `menuType_${index}`,
|
|
308
|
+
className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
|
|
309
|
+
onClick: () => {
|
|
310
|
+
// Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
|
|
311
|
+
changeSetting('sideMenuType', type.key);
|
|
312
|
+
}
|
|
313
|
+
}, React.createElement("div", {
|
|
314
|
+
className: "relative"
|
|
315
|
+
}, type.svg, navigationValues.sideMenuType === type.key && React.createElement("svg", {
|
|
316
|
+
className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
|
|
317
|
+
viewBox: "0 0 24 24",
|
|
318
|
+
fill: "currentColor"
|
|
319
|
+
}, React.createElement("path", {
|
|
320
|
+
d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
|
|
321
|
+
}))))))));
|
|
340
322
|
}export{NavigationModes};//# sourceMappingURL=NavigationsModes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationsModes.js","sources":["../../../../src/components/SettingDrawer/components/NavigationsModes.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"NavigationsModes.js","sources":["../../../../src/components/SettingDrawer/components/NavigationsModes.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { IRegionalSettingsProps } from '../utils/types';
|
|
2
|
-
export declare function RegionalSettings(props: IRegionalSettingsProps):
|
|
3
|
+
export declare function RegionalSettings(props: IRegionalSettingsProps): React.JSX.Element;
|
|
3
4
|
//# sourceMappingURL=RegionalSettings.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/RegionalSettings.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingDrawer/components/RegionalSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAMxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,qBA4hB7D"}
|