@admin-layout/tailwind-design-pro 10.0.9-alpha.57 → 10.0.9-alpha.59

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 (33) hide show
  1. package/lib/cdm-locales/en/settings.json +8 -1
  2. package/lib/cdm-locales/es/settings.json +18 -9
  3. package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
  4. package/lib/components/Layout/BasicLayout/index.js +21 -24
  5. package/lib/components/Layout/BasicLayout/index.js.map +1 -1
  6. package/lib/components/Layout/GlobalHeader/Header.d.ts +1 -1
  7. package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
  8. package/lib/components/Layout/GlobalHeader/Header.js +24 -16
  9. package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
  10. package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map +1 -1
  11. package/lib/components/Layout/GlobalHeader/MainHeader.js +103 -88
  12. package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
  13. package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -1
  14. package/lib/components/Layout/Sidebar/Sidebar.js +8 -7
  15. package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
  16. package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
  17. package/lib/components/SettingDrawer/LayoutChange.js +16 -13
  18. package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
  19. package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -1
  20. package/lib/components/SettingDrawer/NavigationsModes.js +14 -9
  21. package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -1
  22. package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
  23. package/lib/components/SettingDrawer/RegionalSettings.js +526 -124
  24. package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
  25. package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
  26. package/lib/components/SettingDrawer/SettingDrawer.js +32 -9
  27. package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
  28. package/lib/machines/settingsMachine.d.ts.map +1 -1
  29. package/lib/machines/settingsMachine.js +77 -74
  30. package/lib/machines/settingsMachine.js.map +1 -1
  31. package/lib/machines/types.d.ts +79 -31
  32. package/lib/machines/types.d.ts.map +1 -1
  33. package/package.json +3 -3
package/lib/components/SettingDrawer/RegionalSettings.js CHANGED
@@ -22,7 +22,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
22
22
  if (contentRef.current) {
23
23
  setContentHeight(contentRef.current.scrollHeight);
24
24
  }
25
- }, [regions.showHeader]);
25
+ }, [regions.desktop?.header?.showHeader, regions.mobile?.header?.showHeader]);
26
26
  const handleRegionChange = (key, value) => {
27
27
  if (!changeSetting) return;
28
28
  changeSetting(`routeSettings.${currentRoute}.regions`, {
@@ -30,44 +30,120 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
30
30
  [key]: value
31
31
  });
32
32
  };
33
- const handleHeaderElementChange = (element, value) => {
33
+ const handleDesktopHeaderChange = (element, value) => {
34
34
  if (!changeSetting) return;
35
- const headerElements = regions.headerElements || {
35
+ const desktopHeader = regions.desktop?.header || {
36
36
  showLogo: true,
37
37
  showSearchSlot: true,
38
- showRightContent: true
38
+ showRightContent: true,
39
+ showMenuToggle: true,
40
+ showBackButton: true,
41
+ showPageTitle: true,
42
+ showActionButtons: true,
43
+ position: 'fixed',
44
+ height: '64px',
45
+ backgroundColor: 'inherit',
46
+ elevation: 2,
47
+ showHeader: true,
48
+ showMenu: true,
49
+ menuHeaderRender: true,
50
+ searchBarRender: true,
51
+ searchBarBehavior: SearchBarBehavior.PERMANENT,
52
+ searchBarOverlay: true,
53
+ scrollThreshold: 50,
54
+ fixedHeader: true
39
55
  };
40
56
  changeSetting(`routeSettings.${currentRoute}.regions`, {
41
57
  ...regions,
42
- headerElements: {
43
- ...headerElements,
44
- [element]: value
58
+ desktop: {
59
+ ...regions.desktop,
60
+ header: {
61
+ ...desktopHeader,
62
+ [element]: value
63
+ }
45
64
  }
46
65
  });
47
66
  };
48
- const handleSearchBarBehaviorChange = value => {
49
- if (!changeSetting) return;
50
- changeSetting(`routeSettings.${currentRoute}.regions`, {
51
- ...regions,
52
- searchBarBehavior: value ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT
53
- });
54
- };
55
- const handleThresholdChange = value => {
67
+ const handleMobileHeaderChange = (element, value) => {
56
68
  if (!changeSetting) return;
69
+ const mobileHeader = regions.mobile?.header || {
70
+ showLogo: true,
71
+ showSearchSlot: false,
72
+ showRightContent: true,
73
+ showMenuToggle: true,
74
+ showBackButton: true,
75
+ showPageTitle: true,
76
+ showActionButtons: true,
77
+ position: 'fixed',
78
+ height: '56px',
79
+ backgroundColor: 'inherit',
80
+ elevation: 2,
81
+ showHeader: true,
82
+ showMenu: true,
83
+ menuHeaderRender: true,
84
+ searchBarRender: true,
85
+ searchBarBehavior: SearchBarBehavior.PERMANENT,
86
+ searchBarOverlay: true,
87
+ scrollThreshold: 50,
88
+ fixedHeader: false
89
+ };
57
90
  changeSetting(`routeSettings.${currentRoute}.regions`, {
58
91
  ...regions,
59
- scrollThreshold: value
92
+ mobile: {
93
+ ...regions.mobile,
94
+ header: {
95
+ ...mobileHeader,
96
+ [element]: value
97
+ }
98
+ }
60
99
  });
61
100
  };
62
- const headerElements = regions.headerElements || {
101
+ const desktopHeader = regions.desktop?.header || {
63
102
  showLogo: true,
64
103
  showSearchSlot: true,
65
- showRightContent: true
104
+ showRightContent: true,
105
+ showMenuToggle: true,
106
+ showBackButton: true,
107
+ showPageTitle: true,
108
+ showActionButtons: true,
109
+ position: 'fixed',
110
+ height: '64px',
111
+ backgroundColor: 'inherit',
112
+ elevation: 2,
113
+ showHeader: true,
114
+ showMenu: true,
115
+ menuHeaderRender: true,
116
+ searchBarRender: true,
117
+ searchBarBehavior: SearchBarBehavior.PERMANENT,
118
+ searchBarOverlay: true,
119
+ scrollThreshold: 50,
120
+ fixedHeader: true
121
+ };
122
+ const mobileHeader = regions.mobile?.header || {
123
+ showLogo: true,
124
+ showSearchSlot: false,
125
+ showRightContent: true,
126
+ showMenuToggle: true,
127
+ showBackButton: true,
128
+ showPageTitle: true,
129
+ showActionButtons: true,
130
+ position: 'fixed',
131
+ height: '56px',
132
+ backgroundColor: 'inherit',
133
+ elevation: 2,
134
+ showHeader: true,
135
+ showMenu: true,
136
+ menuHeaderRender: true,
137
+ searchBarRender: true,
138
+ searchBarBehavior: SearchBarBehavior.PERMANENT,
139
+ searchBarOverlay: true,
140
+ scrollThreshold: 50,
141
+ fixedHeader: false
66
142
  };
67
143
  return jsxs("div", {
68
- children: [jsxs("div", {
144
+ children: [jsx("div", {
69
145
  className: "flex items-center mb-2",
70
- children: [jsxs("button", {
146
+ children: jsxs("button", {
71
147
  onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
72
148
  className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
73
149
  children: [jsx("svg", {
@@ -87,13 +163,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
87
163
  },
88
164
  children: t('header')
89
165
  })]
90
- }), jsx("div", {
91
- className: "flex-grow"
92
- }), jsx(Switch, {
93
- value: regions.showHeader,
94
- onChange: checked => handleRegionChange('showHeader', checked)
95
- })]
96
- }), regions.showHeader && jsx("div", {
166
+ })
167
+ }), jsx("div", {
97
168
  ref: contentRef,
98
169
  className: "overflow-hidden transition-all duration-300 ease-in-out",
99
170
  style: {
@@ -103,43 +174,450 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
103
174
  children: jsxs("div", {
104
175
  className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
105
176
  children: [jsxs("div", {
106
- className: "flex items-center mb-2",
177
+ className: "mb-4",
107
178
  children: [jsx("p", {
179
+ className: "font-medium mb-2",
108
180
  style: {
109
181
  color: navTheme === 'dark' ? '#ffff' : 'black'
110
182
  },
111
- children: t('show_logo')
112
- }), jsx("div", {
113
- className: "flex-grow"
114
- }), jsx(Switch, {
115
- value: headerElements.showLogo,
116
- onChange: checked => handleHeaderElementChange('showLogo', checked)
183
+ children: t('desktop_settings')
184
+ }), jsxs("div", {
185
+ className: "pl-4 space-y-2",
186
+ children: [jsxs("div", {
187
+ className: "flex items-center",
188
+ children: [jsx("p", {
189
+ style: {
190
+ color: navTheme === 'dark' ? '#ffff' : 'black'
191
+ },
192
+ children: t('show_header')
193
+ }), jsx("div", {
194
+ className: "flex-grow"
195
+ }), jsx(Switch, {
196
+ value: regions.desktop?.header?.showHeader ?? true,
197
+ onChange: checked => handleDesktopHeaderChange('showHeader', checked)
198
+ })]
199
+ }), jsxs("div", {
200
+ className: "flex items-center",
201
+ children: [jsx("p", {
202
+ style: {
203
+ color: navTheme === 'dark' ? '#ffff' : 'black'
204
+ },
205
+ children: t('fixed_header')
206
+ }), jsx("div", {
207
+ className: "flex-grow"
208
+ }), jsx(Switch, {
209
+ value: desktopHeader.fixedHeader,
210
+ onChange: checked => handleDesktopHeaderChange('fixedHeader', checked)
211
+ })]
212
+ }), jsxs("div", {
213
+ className: "flex items-center",
214
+ children: [jsx("p", {
215
+ style: {
216
+ color: navTheme === 'dark' ? '#ffff' : 'black'
217
+ },
218
+ children: t('show_logo')
219
+ }), jsx("div", {
220
+ className: "flex-grow"
221
+ }), jsx(Switch, {
222
+ value: desktopHeader.showLogo,
223
+ onChange: checked => handleDesktopHeaderChange('showLogo', checked)
224
+ })]
225
+ }), jsxs("div", {
226
+ className: "flex items-center",
227
+ children: [jsx("p", {
228
+ style: {
229
+ color: navTheme === 'dark' ? '#ffff' : 'black'
230
+ },
231
+ children: t('show_search_slot')
232
+ }), jsx("div", {
233
+ className: "flex-grow"
234
+ }), jsx(Switch, {
235
+ value: desktopHeader.showSearchSlot,
236
+ onChange: checked => handleDesktopHeaderChange('showSearchSlot', checked)
237
+ })]
238
+ }), jsxs("div", {
239
+ className: "flex items-center",
240
+ children: [jsx("p", {
241
+ style: {
242
+ color: navTheme === 'dark' ? '#ffff' : 'black'
243
+ },
244
+ children: t('show_right_content')
245
+ }), jsx("div", {
246
+ className: "flex-grow"
247
+ }), jsx(Switch, {
248
+ value: desktopHeader.showRightContent,
249
+ onChange: checked => handleDesktopHeaderChange('showRightContent', checked)
250
+ })]
251
+ }), jsxs("div", {
252
+ className: "flex items-center",
253
+ children: [jsx("p", {
254
+ style: {
255
+ color: navTheme === 'dark' ? '#ffff' : 'black'
256
+ },
257
+ children: t('show_menu_toggle')
258
+ }), jsx("div", {
259
+ className: "flex-grow"
260
+ }), jsx(Switch, {
261
+ value: desktopHeader.showMenuToggle,
262
+ onChange: checked => handleDesktopHeaderChange('showMenuToggle', checked)
263
+ })]
264
+ }), jsxs("div", {
265
+ className: "flex items-center",
266
+ children: [jsx("p", {
267
+ style: {
268
+ color: navTheme === 'dark' ? '#ffff' : 'black'
269
+ },
270
+ children: t('show_back_button')
271
+ }), jsx("div", {
272
+ className: "flex-grow"
273
+ }), jsx(Switch, {
274
+ value: desktopHeader.showBackButton,
275
+ onChange: checked => handleDesktopHeaderChange('showBackButton', checked)
276
+ })]
277
+ }), jsxs("div", {
278
+ className: "flex items-center",
279
+ children: [jsx("p", {
280
+ style: {
281
+ color: navTheme === 'dark' ? '#ffff' : 'black'
282
+ },
283
+ children: t('show_page_title')
284
+ }), jsx("div", {
285
+ className: "flex-grow"
286
+ }), jsx(Switch, {
287
+ value: desktopHeader.showPageTitle,
288
+ onChange: checked => handleDesktopHeaderChange('showPageTitle', checked)
289
+ })]
290
+ }), jsxs("div", {
291
+ className: "flex items-center",
292
+ children: [jsx("p", {
293
+ style: {
294
+ color: navTheme === 'dark' ? '#ffff' : 'black'
295
+ },
296
+ children: t('show_action_buttons')
297
+ }), jsx("div", {
298
+ className: "flex-grow"
299
+ }), jsx(Switch, {
300
+ value: desktopHeader.showActionButtons,
301
+ onChange: checked => handleDesktopHeaderChange('showActionButtons', checked)
302
+ })]
303
+ })]
117
304
  })]
118
305
  }), jsxs("div", {
119
- className: "flex items-center mb-2",
306
+ className: "mt-6 mb-4",
120
307
  children: [jsx("p", {
308
+ className: "font-medium mb-2",
121
309
  style: {
122
310
  color: navTheme === 'dark' ? '#ffff' : 'black'
123
311
  },
124
- children: t('show_search_slot')
125
- }), jsx("div", {
126
- className: "flex-grow"
127
- }), jsx(Switch, {
128
- value: headerElements.showSearchSlot,
129
- onChange: checked => handleHeaderElementChange('showSearchSlot', checked)
312
+ children: t('mobile_settings')
313
+ }), jsxs("div", {
314
+ className: "pl-4 space-y-2",
315
+ children: [jsxs("div", {
316
+ className: "flex items-center",
317
+ children: [jsx("p", {
318
+ style: {
319
+ color: navTheme === 'dark' ? '#ffff' : 'black'
320
+ },
321
+ children: t('show_header')
322
+ }), jsx("div", {
323
+ className: "flex-grow"
324
+ }), jsx(Switch, {
325
+ value: regions.mobile?.header?.showHeader ?? true,
326
+ onChange: checked => handleMobileHeaderChange('showHeader', checked)
327
+ })]
328
+ }), jsxs("div", {
329
+ className: "flex items-center",
330
+ children: [jsx("p", {
331
+ style: {
332
+ color: navTheme === 'dark' ? '#ffff' : 'black'
333
+ },
334
+ children: t('fixed_header')
335
+ }), jsx("div", {
336
+ className: "flex-grow"
337
+ }), jsx(Switch, {
338
+ value: mobileHeader.fixedHeader,
339
+ onChange: checked => handleMobileHeaderChange('fixedHeader', checked)
340
+ })]
341
+ }), jsxs("div", {
342
+ className: "flex items-center",
343
+ children: [jsx("p", {
344
+ style: {
345
+ color: navTheme === 'dark' ? '#ffff' : 'black'
346
+ },
347
+ children: t('show_logo')
348
+ }), jsx("div", {
349
+ className: "flex-grow"
350
+ }), jsx(Switch, {
351
+ value: mobileHeader.showLogo,
352
+ onChange: checked => handleMobileHeaderChange('showLogo', checked)
353
+ })]
354
+ }), jsxs("div", {
355
+ className: "flex items-center",
356
+ children: [jsx("p", {
357
+ style: {
358
+ color: navTheme === 'dark' ? '#ffff' : 'black'
359
+ },
360
+ children: t('show_search_slot')
361
+ }), jsx("div", {
362
+ className: "flex-grow"
363
+ }), jsx(Switch, {
364
+ value: mobileHeader.showSearchSlot,
365
+ onChange: checked => handleMobileHeaderChange('showSearchSlot', checked)
366
+ })]
367
+ }), jsxs("div", {
368
+ className: "flex items-center",
369
+ children: [jsx("p", {
370
+ style: {
371
+ color: navTheme === 'dark' ? '#ffff' : 'black'
372
+ },
373
+ children: t('show_right_content')
374
+ }), jsx("div", {
375
+ className: "flex-grow"
376
+ }), jsx(Switch, {
377
+ value: mobileHeader.showRightContent,
378
+ onChange: checked => handleMobileHeaderChange('showRightContent', checked)
379
+ })]
380
+ }), jsxs("div", {
381
+ className: "flex items-center",
382
+ children: [jsx("p", {
383
+ style: {
384
+ color: navTheme === 'dark' ? '#ffff' : 'black'
385
+ },
386
+ children: t('show_menu_toggle')
387
+ }), jsx("div", {
388
+ className: "flex-grow"
389
+ }), jsx(Switch, {
390
+ value: mobileHeader.showMenuToggle,
391
+ onChange: checked => handleMobileHeaderChange('showMenuToggle', checked)
392
+ })]
393
+ }), jsxs("div", {
394
+ className: "flex items-center",
395
+ children: [jsx("p", {
396
+ style: {
397
+ color: navTheme === 'dark' ? '#ffff' : 'black'
398
+ },
399
+ children: t('show_back_button')
400
+ }), jsx("div", {
401
+ className: "flex-grow"
402
+ }), jsx(Switch, {
403
+ value: mobileHeader.showBackButton,
404
+ onChange: checked => handleMobileHeaderChange('showBackButton', checked)
405
+ })]
406
+ }), jsxs("div", {
407
+ className: "flex items-center",
408
+ children: [jsx("p", {
409
+ style: {
410
+ color: navTheme === 'dark' ? '#ffff' : 'black'
411
+ },
412
+ children: t('show_page_title')
413
+ }), jsx("div", {
414
+ className: "flex-grow"
415
+ }), jsx(Switch, {
416
+ value: mobileHeader.showPageTitle,
417
+ onChange: checked => handleMobileHeaderChange('showPageTitle', checked)
418
+ })]
419
+ }), jsxs("div", {
420
+ className: "flex items-center",
421
+ children: [jsx("p", {
422
+ style: {
423
+ color: navTheme === 'dark' ? '#ffff' : 'black'
424
+ },
425
+ children: t('show_action_buttons')
426
+ }), jsx("div", {
427
+ className: "flex-grow"
428
+ }), jsx(Switch, {
429
+ value: mobileHeader.showActionButtons,
430
+ onChange: checked => handleMobileHeaderChange('showActionButtons', checked)
431
+ })]
432
+ })]
130
433
  })]
131
434
  }), jsxs("div", {
132
- className: "flex items-center mb-2",
435
+ className: "mt-6 mb-4",
133
436
  children: [jsx("p", {
437
+ className: "font-medium mb-2",
134
438
  style: {
135
439
  color: navTheme === 'dark' ? '#ffff' : 'black'
136
440
  },
137
- children: t('show_right_content')
138
- }), jsx("div", {
139
- className: "flex-grow"
140
- }), jsx(Switch, {
141
- value: headerElements.showRightContent,
142
- onChange: checked => handleHeaderElementChange('showRightContent', checked)
441
+ children: t('search_bar')
442
+ }), jsxs("div", {
443
+ className: "pl-4 space-y-2",
444
+ children: [jsxs("div", {
445
+ className: "mb-4",
446
+ children: [jsx("p", {
447
+ className: "font-medium mb-2",
448
+ style: {
449
+ color: navTheme === 'dark' ? '#ffff' : 'black'
450
+ },
451
+ children: t('desktop_settings')
452
+ }), jsxs("div", {
453
+ className: "pl-4 space-y-2",
454
+ children: [jsxs("div", {
455
+ className: "flex items-center",
456
+ children: [jsx("p", {
457
+ style: {
458
+ color: navTheme === 'dark' ? '#ffff' : 'black'
459
+ },
460
+ children: t('search_bar')
461
+ }), jsx("div", {
462
+ className: "flex-grow"
463
+ }), jsx(Switch, {
464
+ value: desktopHeader.searchBarRender,
465
+ onChange: checked => handleDesktopHeaderChange('searchBarRender', checked)
466
+ })]
467
+ }), jsxs("div", {
468
+ className: "flex items-center",
469
+ children: [jsx("p", {
470
+ style: {
471
+ color: navTheme === 'dark' ? '#ffff' : 'black'
472
+ },
473
+ children: t('search_bar_on_scroll')
474
+ }), jsx("div", {
475
+ className: "flex-grow"
476
+ }), jsx(Switch, {
477
+ value: desktopHeader.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
478
+ onChange: checked => handleDesktopHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
479
+ })]
480
+ }), jsxs("div", {
481
+ className: "flex items-center",
482
+ children: [jsx("p", {
483
+ style: {
484
+ color: navTheme === 'dark' ? '#ffff' : 'black'
485
+ },
486
+ children: t('search_bar_overlay')
487
+ }), jsx("div", {
488
+ className: "flex-grow"
489
+ }), jsx(Switch, {
490
+ value: desktopHeader.searchBarOverlay,
491
+ onChange: checked => handleDesktopHeaderChange('searchBarOverlay', checked)
492
+ })]
493
+ }), jsxs("div", {
494
+ className: "mb-4",
495
+ children: [jsxs("div", {
496
+ className: "flex items-center justify-between mb-2",
497
+ children: [jsx("p", {
498
+ style: {
499
+ color: navTheme === 'dark' ? '#ffff' : 'black'
500
+ },
501
+ children: t('scroll_threshold')
502
+ }), jsxs("span", {
503
+ className: "text-sm",
504
+ style: {
505
+ color: navTheme === 'dark' ? '#ffff' : 'black'
506
+ },
507
+ children: [desktopHeader.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
508
+ })]
509
+ }), jsxs("div", {
510
+ className: "relative",
511
+ children: [jsx("input", {
512
+ type: "range",
513
+ min: scrollThresholdConfig.MIN,
514
+ max: scrollThresholdConfig.MAX,
515
+ step: scrollThresholdConfig.STEP,
516
+ value: desktopHeader.scrollThreshold || scrollThresholdConfig.DEFAULT,
517
+ onChange: e => handleDesktopHeaderChange('scrollThreshold', parseInt(e.target.value)),
518
+ className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
519
+ }), jsxs("div", {
520
+ className: "flex justify-between text-xs mt-2",
521
+ children: [jsxs("span", {
522
+ children: [scrollThresholdConfig.MIN, "px"]
523
+ }), jsxs("span", {
524
+ children: [scrollThresholdConfig.MAX / 2, "px"]
525
+ }), jsxs("span", {
526
+ children: [scrollThresholdConfig.MAX, "px"]
527
+ })]
528
+ })]
529
+ })]
530
+ })]
531
+ })]
532
+ }), jsxs("div", {
533
+ className: "mt-6 mb-4",
534
+ children: [jsx("p", {
535
+ className: "font-medium mb-2",
536
+ style: {
537
+ color: navTheme === 'dark' ? '#ffff' : 'black'
538
+ },
539
+ children: t('mobile_settings')
540
+ }), jsxs("div", {
541
+ className: "pl-4 space-y-2",
542
+ children: [jsxs("div", {
543
+ className: "flex items-center",
544
+ children: [jsx("p", {
545
+ style: {
546
+ color: navTheme === 'dark' ? '#ffff' : 'black'
547
+ },
548
+ children: t('search_bar')
549
+ }), jsx("div", {
550
+ className: "flex-grow"
551
+ }), jsx(Switch, {
552
+ value: mobileHeader.searchBarRender,
553
+ onChange: checked => handleMobileHeaderChange('searchBarRender', checked)
554
+ })]
555
+ }), jsxs("div", {
556
+ className: "flex items-center",
557
+ children: [jsx("p", {
558
+ style: {
559
+ color: navTheme === 'dark' ? '#ffff' : 'black'
560
+ },
561
+ children: t('search_bar_on_scroll')
562
+ }), jsx("div", {
563
+ className: "flex-grow"
564
+ }), jsx(Switch, {
565
+ value: mobileHeader.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
566
+ onChange: checked => handleMobileHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
567
+ })]
568
+ }), jsxs("div", {
569
+ className: "flex items-center",
570
+ children: [jsx("p", {
571
+ style: {
572
+ color: navTheme === 'dark' ? '#ffff' : 'black'
573
+ },
574
+ children: t('search_bar_overlay')
575
+ }), jsx("div", {
576
+ className: "flex-grow"
577
+ }), jsx(Switch, {
578
+ value: mobileHeader.searchBarOverlay,
579
+ onChange: checked => handleMobileHeaderChange('searchBarOverlay', checked)
580
+ })]
581
+ }), jsxs("div", {
582
+ className: "mb-4",
583
+ children: [jsxs("div", {
584
+ className: "flex items-center justify-between mb-2",
585
+ children: [jsx("p", {
586
+ style: {
587
+ color: navTheme === 'dark' ? '#ffff' : 'black'
588
+ },
589
+ children: t('scroll_threshold')
590
+ }), jsxs("span", {
591
+ className: "text-sm",
592
+ style: {
593
+ color: navTheme === 'dark' ? '#ffff' : 'black'
594
+ },
595
+ children: [mobileHeader.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
596
+ })]
597
+ }), jsxs("div", {
598
+ className: "relative",
599
+ children: [jsx("input", {
600
+ type: "range",
601
+ min: scrollThresholdConfig.MIN,
602
+ max: scrollThresholdConfig.MAX,
603
+ step: scrollThresholdConfig.STEP,
604
+ value: mobileHeader.scrollThreshold || scrollThresholdConfig.DEFAULT,
605
+ onChange: e => handleMobileHeaderChange('scrollThreshold', parseInt(e.target.value)),
606
+ className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
607
+ }), jsxs("div", {
608
+ className: "flex justify-between text-xs mt-2",
609
+ children: [jsxs("span", {
610
+ children: [scrollThresholdConfig.MIN, "px"]
611
+ }), jsxs("span", {
612
+ children: [scrollThresholdConfig.MAX / 2, "px"]
613
+ }), jsxs("span", {
614
+ children: [scrollThresholdConfig.MAX, "px"]
615
+ })]
616
+ })]
617
+ })]
618
+ })]
619
+ })]
620
+ })]
143
621
  })]
144
622
  })]
145
623
  })
@@ -156,45 +634,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
156
634
  value: regions.showFooter,
157
635
  onChange: checked => handleRegionChange('showFooter', checked)
158
636
  })]
159
- }), jsxs("div", {
160
- className: "flex items-center mb-2",
161
- children: [jsx("p", {
162
- style: {
163
- color: navTheme === 'dark' ? '#ffff' : 'black'
164
- },
165
- children: t('search_bar')
166
- }), jsx("div", {
167
- className: "flex-grow"
168
- }), jsx(Switch, {
169
- value: regions.searchBarRender,
170
- onChange: checked => handleRegionChange('searchBarRender', checked)
171
- })]
172
- }), jsxs("div", {
173
- className: "flex items-center mb-2",
174
- children: [jsx("p", {
175
- style: {
176
- color: navTheme === 'dark' ? '#ffff' : 'black'
177
- },
178
- children: t('search_bar_on_scroll')
179
- }), jsx("div", {
180
- className: "flex-grow"
181
- }), jsx(Switch, {
182
- value: regions.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
183
- onChange: handleSearchBarBehaviorChange
184
- })]
185
- }), jsxs("div", {
186
- className: "flex items-center mb-2",
187
- children: [jsx("p", {
188
- style: {
189
- color: navTheme === 'dark' ? '#ffff' : 'black'
190
- },
191
- children: t('search_bar_overlay')
192
- }), jsx("div", {
193
- className: "flex-grow"
194
- }), jsx(Switch, {
195
- value: regions.searchBarOverlay,
196
- onChange: checked => handleRegionChange('searchBarOverlay', checked)
197
- })]
198
637
  }), jsxs("div", {
199
638
  className: "flex items-center mb-2",
200
639
  children: [jsx("p", {
@@ -221,43 +660,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {use
221
660
  value: regions.menuHeaderRender,
222
661
  onChange: checked => handleRegionChange('menuHeaderRender', checked)
223
662
  })]
224
- }), jsxs("div", {
225
- className: "mb-4",
226
- children: [jsxs("div", {
227
- className: "flex items-center justify-between mb-2",
228
- children: [jsx("p", {
229
- style: {
230
- color: navTheme === 'dark' ? '#ffff' : 'black'
231
- },
232
- children: t('scroll_threshold')
233
- }), jsxs("span", {
234
- className: "text-sm",
235
- style: {
236
- color: navTheme === 'dark' ? '#ffff' : 'black'
237
- },
238
- children: [regions.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
239
- })]
240
- }), jsxs("div", {
241
- className: "relative",
242
- children: [jsx("input", {
243
- type: "range",
244
- min: scrollThresholdConfig.MIN,
245
- max: scrollThresholdConfig.MAX,
246
- step: scrollThresholdConfig.STEP,
247
- value: regions.scrollThreshold || scrollThresholdConfig.DEFAULT,
248
- onChange: e => handleThresholdChange(parseInt(e.target.value)),
249
- className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
250
- }), jsxs("div", {
251
- className: "flex justify-between text-xs mt-2",
252
- children: [jsxs("span", {
253
- children: [scrollThresholdConfig.MIN, "px"]
254
- }), jsxs("span", {
255
- children: [scrollThresholdConfig.MAX / 2, "px"]
256
- }), jsxs("span", {
257
- children: [scrollThresholdConfig.MAX, "px"]
258
- })]
259
- })]
260
- })]
261
663
  })]
262
664
  });
263
665
  }export{RegionalSettings as default};//# sourceMappingURL=RegionalSettings.js.map