@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.
Files changed (175) hide show
  1. package/README.md +40 -0
  2. package/lib/components/LanguageMenu/LanguageMenu.d.ts +2 -1
  3. package/lib/components/LanguageMenu/LanguageMenu.d.ts.map +1 -1
  4. package/lib/components/LanguageMenu/LanguageMenu.js +25 -32
  5. package/lib/components/LanguageMenu/LanguageMenu.js.map +1 -1
  6. package/lib/components/Layout/BasicLayout/index.d.ts +1 -1
  7. package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
  8. package/lib/components/Layout/BasicLayout/index.js +96 -103
  9. package/lib/components/Layout/BasicLayout/index.js.map +1 -1
  10. package/lib/components/Layout/BasicLayout/utils.d.ts +2 -2
  11. package/lib/components/Layout/BasicLayout/utils.d.ts.map +1 -1
  12. package/lib/components/Layout/BasicLayout/utils.js +69 -88
  13. package/lib/components/Layout/BasicLayout/utils.js.map +1 -1
  14. package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js +25 -30
  15. package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -1
  16. package/lib/components/Layout/GlobalFooter/Copyright.d.ts +2 -1
  17. package/lib/components/Layout/GlobalFooter/Copyright.d.ts.map +1 -1
  18. package/lib/components/Layout/GlobalFooter/Footer.d.ts +2 -1
  19. package/lib/components/Layout/GlobalFooter/Footer.d.ts.map +1 -1
  20. package/lib/components/Layout/GlobalHeader/Header.js +32 -43
  21. package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
  22. package/lib/components/Layout/GlobalHeader/MainHeader.js +71 -81
  23. package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
  24. package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js +26 -30
  25. package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map +1 -1
  26. package/lib/components/Layout/GlobalHeader/RightContent.js +25 -29
  27. package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -1
  28. package/lib/components/Layout/GlobalHeader/RightMenu.js +112 -136
  29. package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -1
  30. package/lib/components/Layout/GlobalHeader/SearchBar.js +36 -45
  31. package/lib/components/Layout/GlobalHeader/SearchBar.js.map +1 -1
  32. package/lib/components/Layout/ProTailwindLayout.js +1 -2
  33. package/lib/components/Layout/ProTailwindLayout.js.map +1 -1
  34. package/lib/components/Layout/Sidebar/BottomMenu.js +148 -184
  35. package/lib/components/Layout/Sidebar/BottomMenu.js.map +1 -1
  36. package/lib/components/Layout/Sidebar/Divider.d.ts +2 -1
  37. package/lib/components/Layout/Sidebar/Divider.d.ts.map +1 -1
  38. package/lib/components/Layout/Sidebar/Divider.js +26 -28
  39. package/lib/components/Layout/Sidebar/Divider.js.map +1 -1
  40. package/lib/components/Layout/Sidebar/DynamicIcon.d.ts +1 -1
  41. package/lib/components/Layout/Sidebar/DynamicIcon.d.ts.map +1 -1
  42. package/lib/components/Layout/Sidebar/DynamicIcon.js +10 -11
  43. package/lib/components/Layout/Sidebar/DynamicIcon.js.map +1 -1
  44. package/lib/components/Layout/Sidebar/MainSidebar.js +75 -97
  45. package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -1
  46. package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts +1 -1
  47. package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts.map +1 -1
  48. package/lib/components/Layout/Sidebar/MainSidebarMenu.js +113 -129
  49. package/lib/components/Layout/Sidebar/MainSidebarMenu.js.map +1 -1
  50. package/lib/components/Layout/Sidebar/PerplexSidebar.js +108 -133
  51. package/lib/components/Layout/Sidebar/PerplexSidebar.js.map +1 -1
  52. package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js +71 -85
  53. package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map +1 -1
  54. package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
  55. package/lib/components/Layout/TailwindLayout.js +13 -19
  56. package/lib/components/Layout/TailwindLayout.js.map +1 -1
  57. package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts +3 -2
  58. package/lib/components/Layout/slot-fill/AdditionalSettings.d.ts.map +1 -1
  59. package/lib/components/Layout/slot-fill/AdditionalSettings.js +2 -2
  60. package/lib/components/Layout/slot-fill/AdditionalSettings.js.map +1 -1
  61. package/lib/components/Layout/slot-fill/Footer.d.ts +3 -2
  62. package/lib/components/Layout/slot-fill/Footer.d.ts.map +1 -1
  63. package/lib/components/Layout/slot-fill/Footer.js +2 -2
  64. package/lib/components/Layout/slot-fill/Footer.js.map +1 -1
  65. package/lib/components/Layout/slot-fill/HeaderNotice.d.ts +3 -2
  66. package/lib/components/Layout/slot-fill/HeaderNotice.d.ts.map +1 -1
  67. package/lib/components/Layout/slot-fill/HeaderNotice.js +2 -2
  68. package/lib/components/Layout/slot-fill/HeaderNotice.js.map +1 -1
  69. package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts +2 -1
  70. package/lib/components/Layout/slot-fill/HeaderSearchBar.d.ts.map +1 -1
  71. package/lib/components/Layout/slot-fill/HeaderSearchBar.js +2 -2
  72. package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map +1 -1
  73. package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts +2 -1
  74. package/lib/components/Layout/slot-fill/HeaderSearchButton.d.ts.map +1 -1
  75. package/lib/components/Layout/slot-fill/HeaderSearchButton.js +2 -2
  76. package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map +1 -1
  77. package/lib/components/Layout/slot-fill/Logo.d.ts +3 -2
  78. package/lib/components/Layout/slot-fill/Logo.d.ts.map +1 -1
  79. package/lib/components/Layout/slot-fill/Logo.js +2 -2
  80. package/lib/components/Layout/slot-fill/Logo.js.map +1 -1
  81. package/lib/components/Layout/slot-fill/RightContent.d.ts +2 -1
  82. package/lib/components/Layout/slot-fill/RightContent.d.ts.map +1 -1
  83. package/lib/components/Layout/slot-fill/RightContent.js +2 -2
  84. package/lib/components/Layout/slot-fill/RightContent.js.map +1 -1
  85. package/lib/components/Layout/slot-fill/SideMenuLogo.d.ts +3 -2
  86. package/lib/components/Layout/slot-fill/SideMenuLogo.d.ts.map +1 -1
  87. package/lib/components/Layout/slot-fill/SideMenuLogo.js +2 -2
  88. package/lib/components/Layout/slot-fill/SideMenuLogo.js.map +1 -1
  89. package/lib/components/SettingDrawer/SettingDrawer.d.ts +2 -1
  90. package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
  91. package/lib/components/SettingDrawer/SettingDrawer.js +117 -144
  92. package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
  93. package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.d.ts +2 -1
  94. package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.d.ts.map +1 -1
  95. package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js +17 -23
  96. package/lib/components/SettingDrawer/components/ApplyToAllRoutesToggle.js.map +1 -1
  97. package/lib/components/SettingDrawer/components/CheckBoxTheme.d.ts +2 -1
  98. package/lib/components/SettingDrawer/components/CheckBoxTheme.d.ts.map +1 -1
  99. package/lib/components/SettingDrawer/components/CheckBoxTheme.js +85 -97
  100. package/lib/components/SettingDrawer/components/CheckBoxTheme.js.map +1 -1
  101. package/lib/components/SettingDrawer/components/DeviceTabs.d.ts +2 -1
  102. package/lib/components/SettingDrawer/components/DeviceTabs.d.ts.map +1 -1
  103. package/lib/components/SettingDrawer/components/DeviceTabs.js +67 -75
  104. package/lib/components/SettingDrawer/components/DeviceTabs.js.map +1 -1
  105. package/lib/components/SettingDrawer/components/InvitationSettings.d.ts +2 -1
  106. package/lib/components/SettingDrawer/components/InvitationSettings.d.ts.map +1 -1
  107. package/lib/components/SettingDrawer/components/InvitationSettings.js +41 -52
  108. package/lib/components/SettingDrawer/components/InvitationSettings.js.map +1 -1
  109. package/lib/components/SettingDrawer/components/LayoutChange.d.ts +2 -1
  110. package/lib/components/SettingDrawer/components/LayoutChange.d.ts.map +1 -1
  111. package/lib/components/SettingDrawer/components/LayoutChange.js +75 -94
  112. package/lib/components/SettingDrawer/components/LayoutChange.js.map +1 -1
  113. package/lib/components/SettingDrawer/components/MenuVisibilitySettings.d.ts +2 -1
  114. package/lib/components/SettingDrawer/components/MenuVisibilitySettings.d.ts.map +1 -1
  115. package/lib/components/SettingDrawer/components/MenuVisibilitySettings.js +50 -63
  116. package/lib/components/SettingDrawer/components/MenuVisibilitySettings.js.map +1 -1
  117. package/lib/components/SettingDrawer/components/NavigationsModes.d.ts +2 -1
  118. package/lib/components/SettingDrawer/components/NavigationsModes.d.ts.map +1 -1
  119. package/lib/components/SettingDrawer/components/NavigationsModes.js +272 -290
  120. package/lib/components/SettingDrawer/components/NavigationsModes.js.map +1 -1
  121. package/lib/components/SettingDrawer/components/RegionalSettings.d.ts +2 -1
  122. package/lib/components/SettingDrawer/components/RegionalSettings.d.ts.map +1 -1
  123. package/lib/components/SettingDrawer/components/RegionalSettings.js +437 -535
  124. package/lib/components/SettingDrawer/components/RegionalSettings.js.map +1 -1
  125. package/lib/components/SettingDrawer/components/SettingsActions.d.ts +2 -1
  126. package/lib/components/SettingDrawer/components/SettingsActions.d.ts.map +1 -1
  127. package/lib/components/SettingDrawer/components/SettingsActions.js +29 -56
  128. package/lib/components/SettingDrawer/components/SettingsActions.js.map +1 -1
  129. package/lib/components/SettingDrawer/components/SettingsDrawerHeader.d.ts +2 -1
  130. package/lib/components/SettingDrawer/components/SettingsDrawerHeader.d.ts.map +1 -1
  131. package/lib/components/SettingDrawer/components/SettingsDrawerHeader.js +13 -16
  132. package/lib/components/SettingDrawer/components/SettingsDrawerHeader.js.map +1 -1
  133. package/lib/components/SettingDrawer/components/Switch.d.ts +2 -1
  134. package/lib/components/SettingDrawer/components/Switch.d.ts.map +1 -1
  135. package/lib/components/SettingDrawer/components/Switch.js +8 -10
  136. package/lib/components/SettingDrawer/components/Switch.js.map +1 -1
  137. package/lib/components/SettingDrawer/components/ThemeColor.d.ts +2 -1
  138. package/lib/components/SettingDrawer/components/ThemeColor.d.ts.map +1 -1
  139. package/lib/components/SettingDrawer/components/ThemeColor.js +24 -26
  140. package/lib/components/SettingDrawer/components/ThemeColor.js.map +1 -1
  141. package/lib/components/SettingDrawer/components/ThemeSelector.d.ts +2 -1
  142. package/lib/components/SettingDrawer/components/ThemeSelector.d.ts.map +1 -1
  143. package/lib/components/SettingDrawer/components/ThemeSelector.js +11 -13
  144. package/lib/components/SettingDrawer/components/ThemeSelector.js.map +1 -1
  145. package/lib/components/SettingDrawer/components/WebFontsSelector.d.ts +1 -0
  146. package/lib/components/SettingDrawer/components/WebFontsSelector.d.ts.map +1 -1
  147. package/lib/components/SettingDrawer/components/WebFontsSelector.js +17 -19
  148. package/lib/components/SettingDrawer/components/WebFontsSelector.js.map +1 -1
  149. package/lib/components/SettingDrawer/hooks/useSettingsOperations.d.ts.map +1 -1
  150. package/lib/components/SettingDrawer/hooks/useSettingsOperations.js +0 -4
  151. package/lib/components/SettingDrawer/hooks/useSettingsOperations.js.map +1 -1
  152. package/lib/components/SettingDrawer/utils/transformers.d.ts.map +1 -1
  153. package/lib/components/SettingDrawer/utils/transformers.js +0 -3
  154. package/lib/components/SettingDrawer/utils/transformers.js.map +1 -1
  155. package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +3 -3
  156. package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
  157. package/lib/helpers/DynamicIcon.d.ts +1 -1
  158. package/lib/helpers/DynamicIcon.d.ts.map +1 -1
  159. package/lib/helpers/DynamicIcon.js +16 -17
  160. package/lib/helpers/DynamicIcon.js.map +1 -1
  161. package/lib/machines/settingsMachine.d.ts.map +1 -1
  162. package/lib/machines/settingsMachine.js +0 -6
  163. package/lib/machines/settingsMachine.js.map +1 -1
  164. package/lib/utils/__tests__/analytics-utils.test.d.ts +2 -0
  165. package/lib/utils/__tests__/analytics-utils.test.d.ts.map +1 -0
  166. package/lib/utils/__tests__/menu.test.d.ts +2 -0
  167. package/lib/utils/__tests__/menu.test.d.ts.map +1 -0
  168. package/lib/utils/__tests__/selectors.test.d.ts +2 -0
  169. package/lib/utils/__tests__/selectors.test.d.ts.map +1 -0
  170. package/lib/utils/__tests__/settingsMachine.test.d.ts.map +1 -0
  171. package/lib/utils/__tests__/settingsUtils.test.d.ts +2 -0
  172. package/lib/utils/__tests__/settingsUtils.test.d.ts.map +1 -0
  173. package/package.json +6 -6
  174. package/lib/machines/settingsMachine.test.d.ts.map +0 -1
  175. /package/lib/{machines → utils/__tests__}/settingsMachine.test.d.ts +0 -0
@@ -1,270 +1,265 @@
1
- import {jsxs,jsx}from'react/jsx-runtime';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 = [{
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: jsxs("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
- children: [jsx("rect", {
10
- width: "58",
11
- height: "50",
12
- rx: "8",
13
- fill: "#ffffff"
14
- }), jsx("rect", {
15
- x: "4",
16
- y: "0",
17
- width: "16",
18
- height: "50",
19
- fill: "#f0f2f5"
20
- }), jsx("rect", {
21
- x: "6",
22
- y: "8",
23
- width: "12",
24
- height: "4",
25
- rx: "2",
26
- fill: "#1890ff"
27
- }), jsx("rect", {
28
- x: "6",
29
- y: "16",
30
- width: "12",
31
- height: "4",
32
- rx: "2",
33
- fill: "#000000",
34
- opacity: "0.15"
35
- }), jsx("rect", {
36
- x: "6",
37
- y: "24",
38
- width: "12",
39
- height: "4",
40
- rx: "2",
41
- fill: "#000000",
42
- opacity: "0.15"
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: jsxs("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
- children: [jsx("rect", {
54
- width: "58",
55
- height: "50",
56
- rx: "8",
57
- fill: "#ffffff"
58
- }), jsx("rect", {
59
- x: "0",
60
- y: "0",
61
- width: "58",
62
- height: "14",
63
- fill: "#f0f2f5"
64
- }), jsx("rect", {
65
- x: "8",
66
- y: "5",
67
- width: "12",
68
- height: "4",
69
- rx: "2",
70
- fill: "#1890ff"
71
- }), jsx("rect", {
72
- x: "24",
73
- y: "5",
74
- width: "12",
75
- height: "4",
76
- rx: "2",
77
- fill: "#000000",
78
- opacity: "0.15"
79
- }), jsx("rect", {
80
- x: "40",
81
- y: "5",
82
- width: "12",
83
- height: "4",
84
- rx: "2",
85
- fill: "#000000",
86
- opacity: "0.15"
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: jsxs("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
- children: [jsx("rect", {
98
- width: "58",
99
- height: "50",
100
- rx: "8",
101
- fill: "#ffffff"
102
- }), jsx("rect", {
103
- x: "0",
104
- y: "0",
105
- width: "58",
106
- height: "14",
107
- fill: "#f0f2f5"
108
- }), jsx("rect", {
109
- x: "24",
110
- y: "5",
111
- width: "12",
112
- height: "4",
113
- rx: "2",
114
- fill: "#000000",
115
- opacity: "0.15"
116
- }), jsx("rect", {
117
- x: "40",
118
- y: "5",
119
- width: "12",
120
- height: "4",
121
- rx: "2",
122
- fill: "#000000",
123
- opacity: "0.15"
124
- }), jsx("rect", {
125
- x: "4",
126
- y: "14",
127
- width: "16",
128
- height: "36",
129
- fill: "#f0f2f5"
130
- }), jsx("rect", {
131
- x: "6",
132
- y: "20",
133
- width: "12",
134
- height: "4",
135
- rx: "2",
136
- fill: "#1890ff"
137
- }), jsx("rect", {
138
- x: "6",
139
- y: "28",
140
- width: "12",
141
- height: "4",
142
- rx: "2",
143
- fill: "#000000",
144
- opacity: "0.15"
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: jsxs("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
- children: [jsx("rect", {
157
- width: "58",
158
- height: "50",
159
- rx: "8",
160
- fill: "#ffffff"
161
- }), jsx("rect", {
162
- x: "0",
163
- y: "0",
164
- width: "18",
165
- height: "50",
166
- fill: "#001529"
167
- }), jsx("rect", {
168
- x: "4",
169
- y: "15",
170
- width: "10",
171
- height: "2",
172
- rx: "1",
173
- fill: "#ffffff",
174
- opacity: "0.65"
175
- }), jsx("rect", {
176
- x: "4",
177
- y: "25",
178
- width: "10",
179
- height: "2",
180
- rx: "1",
181
- fill: "#ffffff",
182
- opacity: "0.65"
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: jsxs("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
- children: [jsx("rect", {
195
- x: "1",
196
- y: "1",
197
- width: "78",
198
- height: "58",
199
- rx: "4",
200
- fill: "white",
201
- stroke: "#E5E7EB",
202
- strokeWidth: "2"
203
- }), jsx("rect", {
204
- x: "1",
205
- y: "1",
206
- width: "20",
207
- height: "58",
208
- rx: "3",
209
- fill: "#0F172A"
210
- }), jsx("rect", {
211
- x: "5",
212
- y: "10",
213
- width: "10",
214
- height: "3",
215
- rx: "1.5",
216
- fill: "white",
217
- opacity: "0.9"
218
- }), jsx("rect", {
219
- x: "5",
220
- y: "20",
221
- width: "10",
222
- height: "3",
223
- rx: "1.5",
224
- fill: "white",
225
- opacity: "0.6"
226
- }), jsx("rect", {
227
- x: "5",
228
- y: "30",
229
- width: "10",
230
- height: "3",
231
- rx: "1.5",
232
- fill: "white",
233
- opacity: "0.4"
234
- }), jsx("rect", {
235
- x: "25",
236
- y: "10",
237
- width: "40",
238
- height: "3",
239
- rx: "1.5",
240
- fill: "#0F172A",
241
- opacity: "0.7"
242
- }), jsx("rect", {
243
- x: "25",
244
- y: "20",
245
- width: "30",
246
- height: "3",
247
- rx: "1.5",
248
- fill: "#0F172A",
249
- opacity: "0.5"
250
- }), jsx("rect", {
251
- x: "25",
252
- y: "35",
253
- width: "45",
254
- height: "3",
255
- rx: "1.5",
256
- fill: "#0F172A",
257
- opacity: "0.4"
258
- }), jsx("rect", {
259
- x: "25",
260
- y: "45",
261
- width: "35",
262
- height: "3",
263
- rx: "1.5",
264
- fill: "#0F172A",
265
- opacity: "0.3"
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 jsxs("div", {
287
- className: "space-y-8",
288
- children: [jsxs("section", {
289
- children: [jsx("h3", {
290
- className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
291
- children: deviceType === 'mobile' ? 'Mobile Navigation Mode' : 'Desktop Navigation Mode'
292
- }), jsx("div", {
293
- className: "flex flex-row gap-4",
294
- children: navigationModes.map((mode, index) => jsx("div", {
295
- className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
296
- onClick: () => {
297
- // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
298
- changeSetting('navigationMode', mode.key);
299
- },
300
- children: jsxs("div", {
301
- className: "relative",
302
- children: [mode.svg, navigationValues.navigationMode === mode.key && jsx("svg", {
303
- 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",
304
- viewBox: "0 0 24 24",
305
- fill: "currentColor",
306
- children: jsx("path", {
307
- d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
308
- })
309
- })]
310
- })
311
- }, `navMode_${index}`))
312
- })]
313
- }), jsxs("section", {
314
- children: [jsx("h3", {
315
- className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
316
- children: deviceType === 'mobile' ? 'Mobile Menu Type' : 'Desktop Menu Type'
317
- }), jsx("div", {
318
- className: "flex flex-row gap-4",
319
- children: menuTypes.map((type, index) => jsx("div", {
320
- className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
321
- onClick: () => {
322
- // Pass simple key - handleSettingChange in SettingDrawer will decide if it's global or route-specific
323
- changeSetting('sideMenuType', type.key);
324
- },
325
- children: jsxs("div", {
326
- className: "relative",
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":["_jsxs","_jsx"],"mappings":"sRAMA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAK;AACL,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAE,EAAA;AACP,IAAA,KAAA,EAAG,IACC;AAQP,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAA,CAAA,MAAS,EAAA;AAChB,MAAA,KAAG,EAAE,IACD;AAQP,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAE,EAAA;SACP,GAAG;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AACF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAA,EAAA;AACL,MAAA,CAAA,EAAA,GAAA;SACA,GAAG;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;AACA,KAAA,CAAA,EAAAA,GAAG,CAAE,MACD,EAAA;AAYP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,KAAA,EAAA,IAAU;AAOZ,MAAA,MAAQ,EAAA,GAAA;MACR,EAAA,EAAM,GAAA;AACN,MAAA,IAAM,EAAA,SAAU;MAEhB,OAAA,EAAA;AACA,KAAA,CAAA,EAAAA;AAEQ,MAAA,CAAA,EAAA,GAAA;AAQA,MAAA,CAAA,EAAA,IAAA;MAQF,KACD,EAAA,IAAQ;MAGb,MACI;;AAawB,MAAA,IAAA,EAAA,SAAA;;;AAgCA,GAAA;;AAqBhC,EAAC,GAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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): import("react/jsx-runtime").JSX.Element;
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":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAMxD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4hB7D"}
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"}