@admin-layout/tailwind-design-pro 10.0.6-alpha.8 → 10.0.9-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 (62) hide show
  1. package/lib/components/Layout/BasicLayout/index.d.ts +0 -6
  2. package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
  3. package/lib/components/Layout/BasicLayout/index.js +18 -27
  4. package/lib/components/Layout/BasicLayout/index.js.map +1 -1
  5. package/lib/components/Layout/GlobalHeader/Header.d.ts +1 -1
  6. package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
  7. package/lib/components/Layout/GlobalHeader/Header.js +29 -39
  8. package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
  9. package/lib/components/Layout/GlobalHeader/RightContent.d.ts +1 -3
  10. package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
  11. package/lib/components/Layout/GlobalHeader/RightContent.js +23 -0
  12. package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -0
  13. package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -1
  14. package/lib/components/Layout/Sidebar/Sidebar.js +15 -2
  15. package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
  16. package/lib/components/Layout/Sidebar/SidebarMenu.js +3 -3
  17. package/lib/components/Layout/Sidebar/SidebarMenu.js.map +1 -1
  18. package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
  19. package/lib/components/Layout/TailwindLayout.js +8 -2
  20. package/lib/components/Layout/TailwindLayout.js.map +1 -1
  21. package/lib/components/SettingDrawer/CheckBoxTheme.d.ts +1 -6
  22. package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map +1 -1
  23. package/lib/components/SettingDrawer/CheckBoxTheme.js +106 -31
  24. package/lib/components/SettingDrawer/CheckBoxTheme.js.map +1 -1
  25. package/lib/components/SettingDrawer/LayoutChange.d.ts +1 -5
  26. package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
  27. package/lib/components/SettingDrawer/LayoutChange.js +19 -23
  28. package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
  29. package/lib/components/SettingDrawer/NavigationsModes.d.ts +3 -0
  30. package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -0
  31. package/lib/components/SettingDrawer/NavigationsModes.js +281 -0
  32. package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -0
  33. package/lib/components/SettingDrawer/RegionalSettings.d.ts +1 -6
  34. package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
  35. package/lib/components/SettingDrawer/RegionalSettings.js +24 -31
  36. package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
  37. package/lib/components/SettingDrawer/SettingDrawer.d.ts +1 -24
  38. package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
  39. package/lib/components/SettingDrawer/SettingDrawer.js +89 -104
  40. package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
  41. package/lib/components/SettingDrawer/Switch/index.d.ts +2 -8
  42. package/lib/components/SettingDrawer/Switch/index.d.ts.map +1 -1
  43. package/lib/components/SettingDrawer/Switch/index.js +17 -34
  44. package/lib/components/SettingDrawer/Switch/index.js.map +1 -1
  45. package/lib/components/SettingDrawer/ThemeColor.d.ts +1 -6
  46. package/lib/components/SettingDrawer/ThemeColor.d.ts.map +1 -1
  47. package/lib/components/SettingDrawer/ThemeColor.js.map +1 -1
  48. package/lib/components/SettingDrawer/ThemeSelector.d.ts +3 -0
  49. package/lib/components/SettingDrawer/ThemeSelector.d.ts.map +1 -0
  50. package/lib/components/SettingDrawer/ThemeSelector.js +18 -0
  51. package/lib/components/SettingDrawer/ThemeSelector.js.map +1 -0
  52. package/lib/components/SettingDrawer/types.d.ts +60 -0
  53. package/lib/components/SettingDrawer/types.d.ts.map +1 -0
  54. package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +3 -1
  55. package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
  56. package/lib/machines/settingsMachine.d.ts +3 -0
  57. package/lib/machines/settingsMachine.d.ts.map +1 -0
  58. package/lib/machines/settingsMachine.js +218 -0
  59. package/lib/machines/settingsMachine.js.map +1 -0
  60. package/lib/machines/types.d.ts +67 -0
  61. package/lib/machines/types.d.ts.map +1 -0
  62. package/package.json +5 -5
@@ -1,47 +1,122 @@
1
- import {jsx,jsxs}from'react/jsx-runtime';function CheckBoxTheme(props) {
1
+ import {jsxs,jsx}from'react/jsx-runtime';const themelist = [{
2
+ key: 'light',
3
+ title: 'Light',
4
+ svg: jsxs("svg", {
5
+ width: "58",
6
+ height: "50",
7
+ viewBox: "0 0 58 50",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ children: [jsx("defs", {
10
+ children: jsx("filter", {
11
+ id: "softShadow",
12
+ x: "-20%",
13
+ y: "-20%",
14
+ width: "140%",
15
+ height: "140%",
16
+ children: jsx("feDropShadow", {
17
+ dx: "0",
18
+ dy: "2",
19
+ stdDeviation: "4",
20
+ floodColor: "#000000",
21
+ floodOpacity: "0.1"
22
+ })
23
+ })
24
+ }), jsx("rect", {
25
+ x: "0",
26
+ y: "0",
27
+ width: "58",
28
+ height: "50",
29
+ rx: "8",
30
+ fill: "#ffffff",
31
+ filter: "url(#softShadow)"
32
+ })]
33
+ })
34
+ }, {
35
+ key: 'realDark',
36
+ title: 'realDark',
37
+ svg: jsxs("svg", {
38
+ width: "58",
39
+ height: "50",
40
+ viewBox: "0 0 58 50",
41
+ xmlns: "http://www.w3.org/2000/svg",
42
+ children: [jsx("rect", {
43
+ x: "0",
44
+ y: "0",
45
+ width: "58",
46
+ height: "50",
47
+ rx: "8",
48
+ fill: "#ffffff"
49
+ }), jsx("path", {
50
+ d: "M0,8\n A8,8 0 0 1 8,0\n H18\n V50\n H8\n A8,8 0 0 1 0,42\n Z",
51
+ fill: "#011627"
52
+ })]
53
+ })
54
+ }, {
55
+ key: 'dark',
56
+ title: 'Dark',
57
+ svg: jsxs("svg", {
58
+ width: "58",
59
+ height: "50",
60
+ viewBox: "0 0 58 50",
61
+ xmlns: "http://www.w3.org/2000/svg",
62
+ children: [jsx("rect", {
63
+ width: "58",
64
+ height: "50",
65
+ rx: "8",
66
+ fill: "#000000"
67
+ }), jsx("clipPath", {
68
+ id: "roundedClip",
69
+ children: jsx("rect", {
70
+ width: "58",
71
+ height: "50",
72
+ rx: "8"
73
+ })
74
+ }), jsxs("g", {
75
+ clipPath: "url(#roundedClip)",
76
+ children: [jsx("rect", {
77
+ x: "0",
78
+ y: "13",
79
+ width: "29",
80
+ height: "37",
81
+ fill: "#0d1117"
82
+ }), jsx("rect", {
83
+ x: "29",
84
+ y: "13",
85
+ width: "29",
86
+ height: "37",
87
+ fill: "#233445"
88
+ })]
89
+ })]
90
+ })
91
+ }];
92
+ function CheckBoxTheme(props) {
2
93
  const {
3
94
  list,
4
95
  changeSetting,
5
96
  settings
6
97
  } = props;
7
98
  return jsx("div", {
8
- className: "flex flex-row",
9
- children: list.map((themeItems, index) => {
10
- return jsxs("div", {
11
- className: "w-16 h-12 shadow-sm rounded cursor-pointer",
99
+ className: "flex flex-row gap-4",
100
+ children: themelist.map((themeItems, index) => {
101
+ return jsx("div", {
102
+ className: "relative cursor-pointer hover:opacity-80 transition-opacity",
12
103
  style: {
13
104
  boxShadow: '0 1px 2.5px 0 rgb(0 0 0 / 18%)'
14
105
  },
15
106
  onClick: () => {
16
107
  changeSetting('navTheme', themeItems.key);
17
- changeSetting('primaryColor', settings.primaryColor);
108
+ changeSetting('primaryColor', settings?.primaryColor);
18
109
  },
19
- children: [jsx("div", {
20
- className: "h-3/10 rounded-t",
21
- style: {
22
- backgroundColor: themeItems.key == 'dark' ? 'rgba(6,25,45,1)' : '#ffff'
23
- }
24
- }), jsxs("div", {
25
- className: "flex h-7/10",
26
- children: [jsx("div", {
27
- className: "w-3/10 rounded-bl",
28
- style: {
29
- backgroundColor: themeItems.key === 'dark' ? 'rgba(13,32,51,1)' : '#ffff'
30
- }
31
- }), jsx("div", {
32
- className: "w-7/10 rounded-br",
33
- style: {
34
- backgroundColor: themeItems.key == 'dark' ? 'rgba(38,55,72,1)' : '#f0f2f5'
35
- }
110
+ children: jsxs("div", {
111
+ children: [themeItems.svg, settings?.navTheme === themeItems.key && jsx("svg", {
112
+ className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500",
113
+ viewBox: "0 0 24 24",
114
+ fill: "currentColor",
115
+ children: jsx("path", {
116
+ d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
117
+ })
36
118
  })]
37
- }), settings?.navTheme == themeItems.key ? jsx("svg", {
38
- className: "relative -bottom-8 left-8 w-4 h-4",
39
- viewBox: "0 0 24 24",
40
- fill: "currentColor",
41
- children: jsx("path", {
42
- d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
43
- })
44
- }) : '']
119
+ })
45
120
  }, `themeItem_${index}`);
46
121
  })
47
122
  });
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"yCAQwB,SAAA,aAAa,CAAC,KAA0B,EAAA;QACtD;AACN,IAAA,IAAA;AAGY,IAAA,aAAA;AAMY,IAAA;AACA,GAAA,GAAA,KAAA;AACJ,EAAA,OAAAA,GAAA,CAAA;AAKQ,IAAA,SAAA,EAAA,eAAA;AACH,IAAA,QAAA,EAAA,IAAA,CAAA,GAAA,CAAA,CAAA,UAEL,EAAA,KAAA,KAAc;AAIF,MAAA,OAAAC,IAAA,CAAA,KAAA,EAAA;AACH,QAAA,SAAA,EAAA,4CAGS;AAEN,QAAA,KAAA,EAAA;;SAavB;AAGb,QAAC,OAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CheckBoxTheme.js","sources":["../../../src/components/SettingDrawer/CheckBoxTheme.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,SAAS,GAAG,CAAA;AACd,EAAA,GAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,OAAY;AACZ,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAS,EAAA;SACX,EAAA,IACM;AASZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAY;AACf,IAAA,QAAA,GAAOC,GAAU,CAAA,MAAA,EAAA;cAEb,EAAAA,GAAA,CAAA,QAAK,EAAK;AAcjB,QAAA,EAAA,EAAA,YAAA;AACD,QAAA,CAAA,EAAA,MAAA;AACI,QAAA,CAAA,EAAG,MAAQ;AACX,QAAA,KAAK,EAAE,MAAM;QACb,MACI,EAAK,MAAA;AAWZ,QAAA,QAAA,EAAAA,GAAA,CAAA,cAAA,EAAA;UACH,EAAA,EAAA,GAAA;AAEF,UAAO,EAAA,EAAO,GAAU;UACd,YAAQ,EAAA,GAAA;AACd,UAAA,UACI,EAAA,SAAc;AAEN,UAAA,YAGQ,EAAA;AAGI,SAAA;AACA,OAAA;AACJ,KAAA,CAAA,EAAAA,GAAA,CAAA;SAiBX,GACC;AAEd,MAAC,CAAA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,3 @@
1
- import { ProSettings } from '../defaultSettings';
2
- export type ILayoutSettingsProps = {
3
- settings?: Partial<ProSettings>;
4
- changeSetting?: (key: string, value: string | boolean) => void;
5
- };
1
+ import { ILayoutSettingsProps } from './types';
6
2
  export default function LayoutChange(props: ILayoutSettingsProps): import("react/jsx-runtime").JSX.Element;
7
3
  //# sourceMappingURL=LayoutChange.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,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,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,2CAsE/D"}
1
+ {"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,2CA0C/D"}
@@ -1,5 +1,4 @@
1
- import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function LayoutChange(props) {
2
- useState();
1
+ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function LayoutChange(props) {
3
2
  const {
4
3
  settings,
5
4
  changeSetting
@@ -8,61 +7,58 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {us
8
7
  t
9
8
  } = useTranslation('settings');
10
9
  const {
11
- contentWidth,
12
- splitMenus,
13
- fixedHeader,
14
- layout,
15
- fixSiderbar,
10
+ layout = {},
16
11
  navTheme
17
- } = settings;
12
+ } = settings || {};
13
+ const handleLayoutChange = (key, value) => {
14
+ if (!changeSetting) return;
15
+ changeSetting('layout', {
16
+ ...layout,
17
+ [key]: value
18
+ });
19
+ };
18
20
  return jsxs("div", {
19
21
  children: [jsxs("div", {
20
22
  className: "flex items-center mt-4",
21
23
  children: [jsx("p", {
22
24
  className: "mb-0",
23
25
  style: {
24
- color: navTheme == 'dark' ? '#ffff' : 'black'
26
+ color: navTheme === 'dark' ? '#ffff' : 'black'
25
27
  },
26
28
  children: t('fixed_header')
27
29
  }), jsx("div", {
28
30
  className: "flex-grow"
29
31
  }), jsx(Switch, {
30
- value: fixedHeader,
31
- settingKey: "fixedHeader",
32
- changeSetting: changeSetting,
33
- settings: settings
32
+ value: layout.fixedHeader,
33
+ onChange: checked => handleLayoutChange('fixedHeader', checked)
34
34
  })]
35
35
  }), jsxs("div", {
36
36
  className: "flex items-center mt-4",
37
37
  children: [jsx("p", {
38
38
  className: "mb-0",
39
39
  style: {
40
- color: navTheme == 'dark' ? '#ffff' : 'black'
40
+ color: navTheme === 'dark' ? '#ffff' : 'black'
41
41
  },
42
42
  children: t('fixed_sidebar')
43
43
  }), jsx("div", {
44
44
  className: "flex-grow"
45
45
  }), jsx(Switch, {
46
- value: fixSiderbar,
47
- settingKey: "fixSiderbar",
48
- changeSetting: changeSetting,
49
- settings: settings
46
+ value: layout.fixedSidebar,
47
+ onChange: checked => handleLayoutChange('fixedSidebar', checked)
50
48
  })]
51
49
  }), jsxs("div", {
52
50
  className: "flex items-center mt-4",
53
51
  children: [jsx("p", {
54
52
  className: "mb-0",
55
53
  style: {
56
- color: navTheme == 'dark' ? '#ffff' : 'black'
54
+ color: navTheme === 'dark' ? '#ffff' : 'black'
57
55
  },
58
56
  children: t('split_menus')
59
57
  }), jsx("div", {
60
58
  className: "flex-grow"
61
59
  }), jsx(Switch, {
62
- value: splitMenus,
63
- settingKey: "splitMenus",
64
- changeSetting: changeSetting,
65
- settings: settings
60
+ value: layout.splitMenus,
61
+ onChange: checked => handleLayoutChange('splitMenus', checked)
66
62
  })]
67
63
  })]
68
64
  });
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"wJAWwB,SAAA,YAAY,CAAC,KAA2B,EAAA;EAClB,QAAA;AAC1C,EAAA,MAAA;IACA,QAAQ;AACR,IAAA;AACA,GAAA,GAAA,KAAyB;AACrB,EAAA,MAAA;AACJ,IAAA;AAEA,GAAA,GAAA,cA4BQ,CAAA,UAAA,CAAA;AAiCZ,EAAC,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"2HAKwB,SAAA,YAAY,CAAC,KAA2B,EAAA;AAC5D,EAAA,MAAA;IACA,QAAQ;IACR;AAEA,GAAA,GAAA;AACI,EAAA,MAAA;;oBAEa,CAAA,UAAW,CAAA;AACpB,EAAA,MAAA;aACC,EAAA;AACJ,IAAA;AACL,GAAA,GAAE,QAAA,IAAA,EAAA;QAEK,gCAEM,KAAA;AA0BjB,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,3 @@
1
+ import { NavMenuSelectorProps } from './types';
2
+ export default function NavigationModes({ changeSetting, settings }: NavMenuSelectorProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=NavigationsModes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA2E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAoExF"}
@@ -0,0 +1,281 @@
1
+ import {jsxs,jsx}from'react/jsx-runtime';const navigationModes = [{
2
+ key: 'sidebar',
3
+ title: 'Sidebar',
4
+ svg: jsxs("svg", {
5
+ width: "58",
6
+ height: "50",
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
+ })
45
+ }, {
46
+ key: 'topbar',
47
+ title: 'Top Bar',
48
+ svg: jsxs("svg", {
49
+ width: "58",
50
+ height: "50",
51
+ 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
+ })
89
+ }, {
90
+ key: 'mixed',
91
+ title: 'Mixed',
92
+ svg: jsxs("svg", {
93
+ width: "58",
94
+ height: "50",
95
+ 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
+ })
147
+ }];
148
+ const menuTypes = [{
149
+ key: 'classic',
150
+ title: 'Classic',
151
+ svg: jsxs("svg", {
152
+ width: "58",
153
+ height: "50",
154
+ 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
+ })
185
+ }, {
186
+ key: 'grouping',
187
+ title: 'Grouping',
188
+ svg: jsxs("svg", {
189
+ width: "58",
190
+ height: "50",
191
+ viewBox: "0 0 58 50",
192
+ xmlns: "http://www.w3.org/2000/svg",
193
+ children: [jsx("rect", {
194
+ width: "58",
195
+ height: "50",
196
+ rx: "8",
197
+ fill: "#ffffff"
198
+ }), jsx("rect", {
199
+ x: "0",
200
+ y: "0",
201
+ width: "58",
202
+ height: "14",
203
+ fill: "#001529"
204
+ }), jsx("rect", {
205
+ x: "8",
206
+ y: "6",
207
+ width: "10",
208
+ height: "2",
209
+ rx: "1",
210
+ fill: "#ffffff",
211
+ opacity: "0.65"
212
+ }), jsx("rect", {
213
+ x: "24",
214
+ y: "6",
215
+ width: "10",
216
+ height: "2",
217
+ rx: "1",
218
+ fill: "#ffffff",
219
+ opacity: "0.65"
220
+ })]
221
+ })
222
+ }];
223
+ function NavigationModes({
224
+ changeSetting,
225
+ settings
226
+ }) {
227
+ return jsxs("div", {
228
+ className: "space-y-8",
229
+ children: [jsxs("section", {
230
+ children: [jsx("h3", {
231
+ className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
232
+ children: "Navigation Mode"
233
+ }), jsx("div", {
234
+ className: "flex flex-row gap-4",
235
+ children: navigationModes.map((mode, index) => jsx("div", {
236
+ className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
237
+ onClick: () => changeSetting('layout', {
238
+ ...settings.layout,
239
+ navigationMode: mode.key
240
+ }),
241
+ children: jsxs("div", {
242
+ className: "relative",
243
+ children: [mode.svg, settings?.layout?.navigationMode === mode.key && jsx("svg", {
244
+ 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",
245
+ viewBox: "0 0 24 24",
246
+ fill: "currentColor",
247
+ children: jsx("path", {
248
+ d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
249
+ })
250
+ })]
251
+ })
252
+ }, `navMode_${index}`))
253
+ })]
254
+ }), jsxs("section", {
255
+ children: [jsx("h3", {
256
+ className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
257
+ children: "Menu Type"
258
+ }), jsx("div", {
259
+ className: "flex flex-row gap-4",
260
+ children: menuTypes.map((type, index) => jsx("div", {
261
+ className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
262
+ onClick: () => changeSetting('layout', {
263
+ ...settings.layout,
264
+ sideMenuType: type.key
265
+ }),
266
+ children: jsxs("div", {
267
+ className: "relative",
268
+ children: [type.svg, settings?.layout?.sideMenuType === type.key && jsx("svg", {
269
+ 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",
270
+ viewBox: "0 0 24 24",
271
+ fill: "currentColor",
272
+ children: jsx("path", {
273
+ d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
274
+ })
275
+ })]
276
+ })
277
+ }, `menuType_${index}`))
278
+ })]
279
+ })]
280
+ });
281
+ }export{NavigationModes as default};//# sourceMappingURL=NavigationsModes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yCAGA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,WAAkB;AACpB,MAAA,MACI,EAAK,GAAA;;;AAaoB,MAAA,OAAA,EAAA;;;;AAqDjC,MAAC,KAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,8 +1,3 @@
1
- import { ProSettings } from '../defaultSettings';
2
- type IRegionalSettingsProps = {
3
- settings?: Partial<ProSettings>;
4
- changeSetting?: (key: string, value: string | boolean | any) => void;
5
- };
1
+ import { IRegionalSettingsProps } from './types';
6
2
  export default function RegionalSettings(props: IRegionalSettingsProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
8
3
  //# sourceMappingURL=RegionalSettings.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGjD,KAAK,sBAAsB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,GAAG,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CA4DrE"}
1
+ {"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAiDrE"}