@pdg/react-admin-layout 1.0.53 → 1.0.54

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 (7) hide show
  1. package/dist/@common/useChange.d.ts +1 -1
  2. package/dist/CardLayout/CardLayout.d.ts +3 -1
  3. package/dist/DefaultLayout/DefaultLayout.d.ts +3 -1
  4. package/dist/DefaultLayout/DefaultLayout.types.d.ts +33 -1
  5. package/dist/index.esm.js +861 -897
  6. package/dist/index.js +861 -897
  7. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -7,36 +7,35 @@
7
7
  document.head.appendChild(style);
8
8
  return css;
9
9
  }insertStyle(".simplebar-track.simplebar-vertical{width:8px !important}.simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible:before{opacity:.3 !important}.MuiButtonBase-root.MuiButton-root.MuiButton-outlined{padding:5px 15px 4px}.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-sizeLarge{padding:7px 21px 6px}.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-sizeSmall{padding:3px 9px 2px}.MuiButtonBase-root.MuiButton-root.MuiButton-contained{padding:6px 16px 5px}.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge{padding:8px 22px 7px}.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-sizeSmall{padding:4px 10px 3px}.MuiButtonBase-root.MuiButton-root.MuiButton-text{padding:6px 8px 5px}.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-sizeLarge{padding:8px 11px 7px}.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-sizeSmall{padding:4px 5px 3px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main,input,button,textarea,pre,select,a{font-family:\"Pretendard\",\"Apple Gothic\",\"Dotum\",sans-serif;margin:0;padding:0;border:0;vertical-align:top;box-sizing:border-box;word-break:keep-all;line-height:unset}*:before,*:after{box-sizing:border-box}");var CardLayout = function CardLayout(t0) {
10
- var $ = compilerRuntime.c(5);
11
- var children = t0.children, t1 = t0.backgroundColor;
12
- var backgroundColor = t1 === undefined ? "#eff3f8" : t1;
13
- var t2;
14
- if ($[0] !== children) {
15
- t2 = /*#__PURE__*/ React.createElement(material.Grid, null, children);
16
- $[0] = children;
17
- $[1] = t2;
18
- }
19
- else {
20
- t2 = $[1];
21
- }
22
- var t3;
23
- if ($[2] !== backgroundColor || $[3] !== t2) {
24
- t3 = /*#__PURE__*/ React.createElement(material.Grid, {
25
- container: true,
26
- direction: "column",
27
- alignItems: "center",
28
- justifyContent: "center",
29
- bgcolor: backgroundColor,
30
- minHeight: "100vh"
31
- }, t2);
32
- $[2] = backgroundColor;
33
- $[3] = t2;
34
- $[4] = t3;
35
- }
36
- else {
37
- t3 = $[4];
38
- }
39
- return t3;
10
+ var $ = compilerRuntime.c(5);
11
+ var children = t0.children,
12
+ t1 = t0.backgroundColor;
13
+ var backgroundColor = t1 === undefined ? "#eff3f8" : t1;
14
+ var t2;
15
+ if ($[0] !== children) {
16
+ t2 = /*#__PURE__*/React.createElement(material.Grid, null, children);
17
+ $[0] = children;
18
+ $[1] = t2;
19
+ } else {
20
+ t2 = $[1];
21
+ }
22
+ var t3;
23
+ if ($[2] !== backgroundColor || $[3] !== t2) {
24
+ t3 = /*#__PURE__*/React.createElement(material.Grid, {
25
+ container: true,
26
+ direction: "column",
27
+ alignItems: "center",
28
+ justifyContent: "center",
29
+ bgcolor: backgroundColor,
30
+ minHeight: "100vh"
31
+ }, t2);
32
+ $[2] = backgroundColor;
33
+ $[3] = t2;
34
+ $[4] = t3;
35
+ } else {
36
+ t3 = $[4];
37
+ }
38
+ return t3;
40
39
  };function _arrayLikeToArray(r, a) {
41
40
  (null == a || a > r.length) && (a = r.length);
42
41
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -134,923 +133,888 @@ function _unsupportedIterableToArray(r, a) {
134
133
  }var _templateObject$4, _templateObject2$2;
135
134
  var StyledExpandMore = material.styled(iconsMaterial.ExpandMore)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n margin-top: auto;\n margin-bottom: auto;\n @keyframes open {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(180deg);\n }\n }\n @keyframes close {\n 0% {\n transform: rotate(180deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n }\n"])));
136
135
  var StyledListItemIcon = material.styled(material.ListItemIcon)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n min-width: 30px;\n"])));var useChange = function useChange(value, callback, t0) {
137
- var skipFirst = t0 === undefined ? false : t0;
138
- var _React$useState = React.useState(skipFirst ? false : "|||||skip|||||first|||||"), _React$useState2 = _slicedToArray(_React$useState, 2), _value = _React$useState2[0], _setValue = _React$useState2[1];
139
- if (value !== _value) {
140
- _setValue(value);
141
- callback();
142
- }
136
+ var skipFirst = t0 === undefined ? false : t0;
137
+ var _React$useState = React.useState(skipFirst ? false : "|||||skip|||||first|||||"),
138
+ _React$useState2 = _slicedToArray(_React$useState, 2),
139
+ _value = _React$useState2[0],
140
+ _setValue = _React$useState2[1];
141
+ if (value !== _value) {
142
+ _setValue(value);
143
+ callback();
144
+ }
143
145
  };var _SideMenuListItem = function SideMenuListItem(t0) {
144
- var $ = compilerRuntime.c(48);
145
- var info = t0.info, badgeVariant = t0.badgeVariant, expandedBackgroundColor = t0.expandedBackgroundColor;
146
- var location = reactRouter.useLocation();
147
- var navigate = reactRouter.useNavigate();
148
- var _useState = React.useState(false), _useState2 = _slicedToArray(_useState, 2), isExpandable = _useState2[0], setIsExpandable = _useState2[1];
149
- var _useState3 = React.useState(false), _useState4 = _slicedToArray(_useState3, 2), isExpand = _useState4[0], setIsExpand = _useState4[1];
150
- var t1;
151
- if ($[0] !== info.items || $[1] !== location.pathname) {
152
- t1 = function t1() {
153
- setIsExpandable(!!info.items && info.items.length > 0);
154
- if (info.items && info.items.find(function (info_0) {
155
- return location.pathname === info_0.uri;
156
- })) {
157
- setIsExpand(true);
158
- }
159
- };
160
- $[0] = info.items;
161
- $[1] = location.pathname;
162
- $[2] = t1;
163
- }
164
- else {
165
- t1 = $[2];
166
- }
167
- useChange(info, t1);
168
- var t2;
169
- if ($[3] !== info.items || $[4] !== info.uri || $[5] !== isExpand || $[6] !== isExpandable || $[7] !== location.pathname) {
170
- t2 = function t2() {
171
- if (isExpandable && isExpand != null) {
172
- if (info.uri !== location.pathname) {
173
- if (info.items && !info.items.find(function (info_1) {
174
- return location.pathname === info_1.uri;
175
- })) {
176
- if (isExpand) {
177
- setIsExpand(false);
178
- }
179
- }
180
- }
181
- }
182
- if (isExpandable && !isExpand) {
183
- if (info.items && info.items.find(function (info_2) {
184
- return location.pathname === info_2.uri;
185
- })) {
186
- setIsExpand(true);
187
- }
188
- }
189
- };
190
- $[3] = info.items;
191
- $[4] = info.uri;
192
- $[5] = isExpand;
193
- $[6] = isExpandable;
194
- $[7] = location.pathname;
195
- $[8] = t2;
196
- }
197
- else {
198
- t2 = $[8];
199
- }
200
- useChange(location.pathname, t2);
201
- var t3;
202
- if ($[9] !== info.uri || $[10] !== isExpandable || $[11] !== navigate) {
203
- t3 = isExpandable ? function () {
204
- return setIsExpand(_temp$3);
205
- } : function () {
206
- return info.uri && navigate(info.uri);
207
- };
208
- $[9] = info.uri;
209
- $[10] = isExpandable;
210
- $[11] = navigate;
211
- $[12] = t3;
212
- }
213
- else {
214
- t3 = $[12];
215
- }
216
- var t4 = isExpandable ? false : info.uri === location.pathname;
217
- var t5 = isExpandable && isExpand ? expandedBackgroundColor : undefined;
218
- var t6;
219
- if ($[13] !== t5) {
220
- t6 = {
221
- backgroundColor: t5
222
- };
223
- $[13] = t5;
224
- $[14] = t6;
225
- }
226
- else {
227
- t6 = $[14];
228
- }
229
- var t7;
230
- if ($[15] !== info.icon) {
231
- t7 = info.icon && /*#__PURE__*/ React.createElement(material.Icon, {
232
- fontSize: "small"
233
- }, info.icon);
234
- $[15] = info.icon;
235
- $[16] = t7;
236
- }
237
- else {
238
- t7 = $[16];
239
- }
240
- var t8;
241
- if ($[17] !== t7) {
242
- t8 = /*#__PURE__*/ React.createElement(StyledListItemIcon, null, t7);
243
- $[17] = t7;
244
- $[18] = t8;
245
- }
246
- else {
247
- t8 = $[18];
248
- }
249
- var t9 = info.depth === 1 ? 600 : undefined;
250
- var t10;
251
- if ($[19] !== t9) {
252
- t10 = {
253
- primary: {
254
- style: {
255
- fontWeight: t9
256
- }
257
- }
258
- };
259
- $[19] = t9;
260
- $[20] = t10;
261
- }
262
- else {
263
- t10 = $[20];
264
- }
265
- var t11;
266
- if ($[21] !== badgeVariant || $[22] !== info.badge || $[23] !== info.badgeVariant || $[24] !== info.name) {
267
- t11 = info.badge ? /*#__PURE__*/ React.createElement(material.Badge, {
268
- badgeContent: info.badge,
269
- color: "error",
270
- variant: badgeVariant !== undefined ? badgeVariant : info.badgeVariant,
271
- anchorOrigin: {
272
- horizontal: "left",
273
- vertical: "top"
274
- },
275
- slotProps: {
276
- badge: {
277
- style: {
278
- left: "100%",
279
- top: "50%",
280
- transform: "scale(.8) translate(10px, -50%)"
281
- }
282
- }
283
- }
284
- }, /*#__PURE__*/ React.createElement("div", null, info.name)) : info.name;
285
- $[21] = badgeVariant;
286
- $[22] = info.badge;
287
- $[23] = info.badgeVariant;
288
- $[24] = info.name;
289
- $[25] = t11;
290
- }
291
- else {
292
- t11 = $[25];
293
- }
294
- var t12;
295
- if ($[26] !== t10 || $[27] !== t11) {
296
- t12 = /*#__PURE__*/ React.createElement(material.ListItemText, {
297
- slotProps: t10
298
- }, t11);
299
- $[26] = t10;
300
- $[27] = t11;
301
- $[28] = t12;
302
- }
303
- else {
304
- t12 = $[28];
305
- }
306
- var t13;
307
- if ($[29] !== isExpand || $[30] !== isExpandable) {
308
- t13 = isExpandable && /*#__PURE__*/ React.createElement(StyledExpandMore, {
309
- sx: {
310
- animation: "".concat(isExpand ? "open" : "close", " 0.1s linear"),
311
- transform: "rotate(".concat(isExpand ? 180 : 0, "deg)")
312
- }
313
- });
314
- $[29] = isExpand;
315
- $[30] = isExpandable;
316
- $[31] = t13;
317
- }
318
- else {
319
- t13 = $[31];
320
- }
321
- var t14;
322
- if ($[32] !== t12 || $[33] !== t13 || $[34] !== t3 || $[35] !== t4 || $[36] !== t6 || $[37] !== t8) {
323
- t14 = /*#__PURE__*/ React.createElement(material.ListItemButton, {
324
- onClick: t3,
325
- selected: t4,
326
- style: t6
327
- }, t8, t12, t13);
328
- $[32] = t12;
329
- $[33] = t13;
330
- $[34] = t3;
331
- $[35] = t4;
332
- $[36] = t6;
333
- $[37] = t8;
334
- $[38] = t14;
335
- }
336
- else {
337
- t14 = $[38];
338
- }
339
- var t15;
340
- if ($[39] !== badgeVariant || $[40] !== expandedBackgroundColor || $[41] !== info.items || $[42] !== isExpand || $[43] !== isExpandable) {
341
- t15 = isExpandable && /*#__PURE__*/ React.createElement(material.Collapse, {
342
- "in": isExpand,
343
- style: {
344
- backgroundColor: isExpand ? expandedBackgroundColor : undefined
146
+ var $ = compilerRuntime.c(48);
147
+ var info = t0.info,
148
+ badgeVariant = t0.badgeVariant,
149
+ expandedBackgroundColor = t0.expandedBackgroundColor;
150
+ var location = reactRouter.useLocation();
151
+ var navigate = reactRouter.useNavigate();
152
+ var _useState = React.useState(false),
153
+ _useState2 = _slicedToArray(_useState, 2),
154
+ isExpandable = _useState2[0],
155
+ setIsExpandable = _useState2[1];
156
+ var _useState3 = React.useState(false),
157
+ _useState4 = _slicedToArray(_useState3, 2),
158
+ isExpand = _useState4[0],
159
+ setIsExpand = _useState4[1];
160
+ var t1;
161
+ if ($[0] !== info.items || $[1] !== location.pathname) {
162
+ t1 = function t1() {
163
+ setIsExpandable(!!info.items && info.items.length > 0);
164
+ if (info.items && info.items.find(function (info_0) {
165
+ return location.pathname === info_0.uri;
166
+ })) {
167
+ setIsExpand(true);
168
+ }
169
+ };
170
+ $[0] = info.items;
171
+ $[1] = location.pathname;
172
+ $[2] = t1;
173
+ } else {
174
+ t1 = $[2];
175
+ }
176
+ useChange(info, t1);
177
+ var t2;
178
+ if ($[3] !== info.items || $[4] !== info.uri || $[5] !== isExpand || $[6] !== isExpandable || $[7] !== location.pathname) {
179
+ t2 = function t2() {
180
+ if (isExpandable && isExpand != null) {
181
+ if (info.uri !== location.pathname) {
182
+ if (info.items && !info.items.find(function (info_1) {
183
+ return location.pathname === info_1.uri;
184
+ })) {
185
+ if (isExpand) {
186
+ setIsExpand(false);
345
187
  }
346
- }, info.items && info.items.map(function (subInfo, idx) {
347
- return /*#__PURE__*/ React.createElement(_SideMenuListItem, {
348
- key: idx,
349
- badgeVariant: badgeVariant,
350
- info: subInfo
351
- });
352
- }));
353
- $[39] = badgeVariant;
354
- $[40] = expandedBackgroundColor;
355
- $[41] = info.items;
356
- $[42] = isExpand;
357
- $[43] = isExpandable;
358
- $[44] = t15;
359
- }
360
- else {
361
- t15 = $[44];
362
- }
363
- var t16;
364
- if ($[45] !== t14 || $[46] !== t15) {
365
- t16 = /*#__PURE__*/ React.createElement(React.Fragment, null, t14, t15);
366
- $[45] = t14;
367
- $[46] = t15;
368
- $[47] = t16;
369
- }
370
- else {
371
- t16 = $[47];
372
- }
373
- return t16;
374
- };
375
- function _temp$3(old) {
376
- return !old;
377
- }var _templateObject$3;
378
- var StyledList = material.styled(material.List)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n padding: 0;\n"])));var SideMenuList = function SideMenuList(t0) {
379
- var $ = compilerRuntime.c(15);
380
- var list = t0.list, badgeVariant = t0.badgeVariant;
381
- var theme = material.useTheme();
382
- var T0;
383
- var t1;
384
- if ($[0] !== badgeVariant || $[1] !== list || $[2] !== theme.palette.action.selectedOpacity || $[3] !== theme.palette.primary.main) {
385
- var finalList = list.map(_temp2$2);
386
- var _t = theme.palette.action.selectedOpacity / 2;
387
- var t3;
388
- if ($[6] !== _t || $[7] !== theme.palette.primary.main) {
389
- t3 = material.alpha(theme.palette.primary.main, _t);
390
- $[6] = _t;
391
- $[7] = theme.palette.primary.main;
392
- $[8] = t3;
188
+ }
393
189
  }
394
- else {
395
- t3 = $[8];
190
+ }
191
+ if (isExpandable && !isExpand) {
192
+ if (info.items && info.items.find(function (info_2) {
193
+ return location.pathname === info_2.uri;
194
+ })) {
195
+ setIsExpand(true);
396
196
  }
397
- var expandedBackgroundColor = t3;
398
- T0 = StyledList;
399
- var t4;
400
- if ($[9] !== badgeVariant || $[10] !== expandedBackgroundColor) {
401
- t4 = function t4(info, idx_0) {
402
- return /*#__PURE__*/ React.createElement(_SideMenuListItem, {
403
- key: idx_0,
404
- info: info,
405
- badgeVariant: badgeVariant,
406
- expandedBackgroundColor: expandedBackgroundColor
407
- });
408
- };
409
- $[9] = badgeVariant;
410
- $[10] = expandedBackgroundColor;
411
- $[11] = t4;
197
+ }
198
+ };
199
+ $[3] = info.items;
200
+ $[4] = info.uri;
201
+ $[5] = isExpand;
202
+ $[6] = isExpandable;
203
+ $[7] = location.pathname;
204
+ $[8] = t2;
205
+ } else {
206
+ t2 = $[8];
207
+ }
208
+ useChange(location.pathname, t2);
209
+ var t3;
210
+ if ($[9] !== info.uri || $[10] !== isExpandable || $[11] !== navigate) {
211
+ t3 = isExpandable ? function () {
212
+ return setIsExpand(_temp$3);
213
+ } : function () {
214
+ return info.uri && navigate(info.uri);
215
+ };
216
+ $[9] = info.uri;
217
+ $[10] = isExpandable;
218
+ $[11] = navigate;
219
+ $[12] = t3;
220
+ } else {
221
+ t3 = $[12];
222
+ }
223
+ var t4 = isExpandable ? false : info.uri === location.pathname;
224
+ var t5 = isExpandable && isExpand ? expandedBackgroundColor : undefined;
225
+ var t6;
226
+ if ($[13] !== t5) {
227
+ t6 = {
228
+ backgroundColor: t5
229
+ };
230
+ $[13] = t5;
231
+ $[14] = t6;
232
+ } else {
233
+ t6 = $[14];
234
+ }
235
+ var t7;
236
+ if ($[15] !== info.icon) {
237
+ t7 = info.icon && /*#__PURE__*/React.createElement(material.Icon, {
238
+ fontSize: "small"
239
+ }, info.icon);
240
+ $[15] = info.icon;
241
+ $[16] = t7;
242
+ } else {
243
+ t7 = $[16];
244
+ }
245
+ var t8;
246
+ if ($[17] !== t7) {
247
+ t8 = /*#__PURE__*/React.createElement(StyledListItemIcon, null, t7);
248
+ $[17] = t7;
249
+ $[18] = t8;
250
+ } else {
251
+ t8 = $[18];
252
+ }
253
+ var t9 = info.depth === 1 ? 600 : undefined;
254
+ var t10;
255
+ if ($[19] !== t9) {
256
+ t10 = {
257
+ primary: {
258
+ style: {
259
+ fontWeight: t9
412
260
  }
413
- else {
414
- t4 = $[11];
261
+ }
262
+ };
263
+ $[19] = t9;
264
+ $[20] = t10;
265
+ } else {
266
+ t10 = $[20];
267
+ }
268
+ var t11;
269
+ if ($[21] !== badgeVariant || $[22] !== info.badge || $[23] !== info.badgeVariant || $[24] !== info.name) {
270
+ t11 = info.badge ? /*#__PURE__*/React.createElement(material.Badge, {
271
+ badgeContent: info.badge,
272
+ color: "error",
273
+ variant: badgeVariant !== undefined ? badgeVariant : info.badgeVariant,
274
+ anchorOrigin: {
275
+ horizontal: "left",
276
+ vertical: "top"
277
+ },
278
+ slotProps: {
279
+ badge: {
280
+ style: {
281
+ left: "100%",
282
+ top: "50%",
283
+ transform: "scale(.8) translate(10px, -50%)"
284
+ }
415
285
  }
416
- t1 = finalList.map(t4);
417
- $[0] = badgeVariant;
418
- $[1] = list;
419
- $[2] = theme.palette.action.selectedOpacity;
420
- $[3] = theme.palette.primary.main;
421
- $[4] = T0;
422
- $[5] = t1;
423
- }
424
- else {
425
- T0 = $[4];
426
- t1 = $[5];
427
- }
428
- var t2;
429
- if ($[12] !== T0 || $[13] !== t1) {
430
- t2 = /*#__PURE__*/ React.createElement(T0, null, t1);
431
- $[12] = T0;
432
- $[13] = t1;
433
- $[14] = t2;
434
- }
435
- else {
436
- t2 = $[14];
437
- }
438
- return t2;
286
+ }
287
+ }, /*#__PURE__*/React.createElement("div", null, info.name)) : info.name;
288
+ $[21] = badgeVariant;
289
+ $[22] = info.badge;
290
+ $[23] = info.badgeVariant;
291
+ $[24] = info.name;
292
+ $[25] = t11;
293
+ } else {
294
+ t11 = $[25];
295
+ }
296
+ var t12;
297
+ if ($[26] !== t10 || $[27] !== t11) {
298
+ t12 = /*#__PURE__*/React.createElement(material.ListItemText, {
299
+ slotProps: t10
300
+ }, t11);
301
+ $[26] = t10;
302
+ $[27] = t11;
303
+ $[28] = t12;
304
+ } else {
305
+ t12 = $[28];
306
+ }
307
+ var t13;
308
+ if ($[29] !== isExpand || $[30] !== isExpandable) {
309
+ t13 = isExpandable && /*#__PURE__*/React.createElement(StyledExpandMore, {
310
+ sx: {
311
+ animation: "".concat(isExpand ? "open" : "close", " 0.1s linear"),
312
+ transform: "rotate(".concat(isExpand ? 180 : 0, "deg)")
313
+ }
314
+ });
315
+ $[29] = isExpand;
316
+ $[30] = isExpandable;
317
+ $[31] = t13;
318
+ } else {
319
+ t13 = $[31];
320
+ }
321
+ var t14;
322
+ if ($[32] !== t12 || $[33] !== t13 || $[34] !== t3 || $[35] !== t4 || $[36] !== t6 || $[37] !== t8) {
323
+ t14 = /*#__PURE__*/React.createElement(material.ListItemButton, {
324
+ onClick: t3,
325
+ selected: t4,
326
+ style: t6
327
+ }, t8, t12, t13);
328
+ $[32] = t12;
329
+ $[33] = t13;
330
+ $[34] = t3;
331
+ $[35] = t4;
332
+ $[36] = t6;
333
+ $[37] = t8;
334
+ $[38] = t14;
335
+ } else {
336
+ t14 = $[38];
337
+ }
338
+ var t15;
339
+ if ($[39] !== badgeVariant || $[40] !== expandedBackgroundColor || $[41] !== info.items || $[42] !== isExpand || $[43] !== isExpandable) {
340
+ t15 = isExpandable && /*#__PURE__*/React.createElement(material.Collapse, {
341
+ "in": isExpand,
342
+ style: {
343
+ backgroundColor: isExpand ? expandedBackgroundColor : undefined
344
+ }
345
+ }, info.items && info.items.map(function (subInfo, idx) {
346
+ return /*#__PURE__*/React.createElement(_SideMenuListItem, {
347
+ key: idx,
348
+ badgeVariant: badgeVariant,
349
+ info: subInfo
350
+ });
351
+ }));
352
+ $[39] = badgeVariant;
353
+ $[40] = expandedBackgroundColor;
354
+ $[41] = info.items;
355
+ $[42] = isExpand;
356
+ $[43] = isExpandable;
357
+ $[44] = t15;
358
+ } else {
359
+ t15 = $[44];
360
+ }
361
+ var t16;
362
+ if ($[45] !== t14 || $[46] !== t15) {
363
+ t16 = /*#__PURE__*/React.createElement(React.Fragment, null, t14, t15);
364
+ $[45] = t14;
365
+ $[46] = t15;
366
+ $[47] = t16;
367
+ } else {
368
+ t16 = $[47];
369
+ }
370
+ return t16;
371
+ };
372
+ function _temp$3(old) {
373
+ return !old;
374
+ }var _templateObject$3;
375
+ var StyledList = material.styled(material.List)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n padding: 0;\n"])));var SideMenuList = function SideMenuList(t0) {
376
+ var $ = compilerRuntime.c(15);
377
+ var list = t0.list,
378
+ badgeVariant = t0.badgeVariant;
379
+ var theme = material.useTheme();
380
+ var T0;
381
+ var t1;
382
+ if ($[0] !== badgeVariant || $[1] !== list || $[2] !== theme.palette.action.selectedOpacity || $[3] !== theme.palette.primary.main) {
383
+ var finalList = list.map(_temp2$2);
384
+ var _t = theme.palette.action.selectedOpacity / 2;
385
+ var t3;
386
+ if ($[6] !== _t || $[7] !== theme.palette.primary.main) {
387
+ t3 = material.alpha(theme.palette.primary.main, _t);
388
+ $[6] = _t;
389
+ $[7] = theme.palette.primary.main;
390
+ $[8] = t3;
391
+ } else {
392
+ t3 = $[8];
393
+ }
394
+ var expandedBackgroundColor = t3;
395
+ T0 = StyledList;
396
+ var t4;
397
+ if ($[9] !== badgeVariant || $[10] !== expandedBackgroundColor) {
398
+ t4 = function t4(info, idx_0) {
399
+ return /*#__PURE__*/React.createElement(_SideMenuListItem, {
400
+ key: idx_0,
401
+ info: info,
402
+ badgeVariant: badgeVariant,
403
+ expandedBackgroundColor: expandedBackgroundColor
404
+ });
405
+ };
406
+ $[9] = badgeVariant;
407
+ $[10] = expandedBackgroundColor;
408
+ $[11] = t4;
409
+ } else {
410
+ t4 = $[11];
411
+ }
412
+ t1 = finalList.map(t4);
413
+ $[0] = badgeVariant;
414
+ $[1] = list;
415
+ $[2] = theme.palette.action.selectedOpacity;
416
+ $[3] = theme.palette.primary.main;
417
+ $[4] = T0;
418
+ $[5] = t1;
419
+ } else {
420
+ T0 = $[4];
421
+ t1 = $[5];
422
+ }
423
+ var t2;
424
+ if ($[12] !== T0 || $[13] !== t1) {
425
+ t2 = /*#__PURE__*/React.createElement(T0, null, t1);
426
+ $[12] = T0;
427
+ $[13] = t1;
428
+ $[14] = t2;
429
+ } else {
430
+ t2 = $[14];
431
+ }
432
+ return t2;
439
433
  };
440
- var SideMenuList$1 = /*#__PURE__*/ React.memo(SideMenuList);
434
+ var SideMenuList$1 = /*#__PURE__*/React.memo(SideMenuList);
441
435
  function _temp$2(letter, idx) {
442
- return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
436
+ return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
443
437
  }
444
438
  function _temp2$2(item) {
445
- return _objectSpread2(_objectSpread2({}, item), {}, {
446
- icon: item.icon ? item.icon.replace(/[A-Z]/g, _temp$2) : undefined
447
- });
439
+ return _objectSpread2(_objectSpread2({}, item), {}, {
440
+ icon: item.icon ? item.icon.replace(/[A-Z]/g, _temp$2) : undefined
441
+ });
448
442
  }var _templateObject$2;
449
443
  var StyledSimpleBar = material.styled(SimpleBar)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n max-height: 100%;\n"])));
450
444
  var StyledLogoContainerBox = material.styled(material.Box)(function (_ref) {
451
- var theme = _ref.theme;
452
- return theme.unstable_sx({
453
- borderBottom: 'thin solid #f5f5f5',
454
- color: 'text.primary'
455
- });
445
+ var theme = _ref.theme;
446
+ return theme.unstable_sx({
447
+ borderBottom: 'thin solid #f5f5f5',
448
+ color: 'text.primary'
449
+ });
456
450
  });var SideMenu = function SideMenu(t0) {
457
- var $ = compilerRuntime.c(8);
458
- var logo = t0.logo, badgeVariant = t0.badgeVariant, list = t0.list;
459
- var t1;
460
- if ($[0] !== logo) {
461
- t1 = /*#__PURE__*/ React.createElement(StyledLogoContainerBox, null, /*#__PURE__*/ React.createElement(material.Toolbar, null, logo));
462
- $[0] = logo;
463
- $[1] = t1;
464
- }
465
- else {
466
- t1 = $[1];
467
- }
468
- var t2;
469
- if ($[2] !== badgeVariant || $[3] !== list) {
470
- t2 = list && /*#__PURE__*/ React.createElement(SideMenuList$1, {
471
- badgeVariant: badgeVariant,
472
- list: list
473
- });
474
- $[2] = badgeVariant;
475
- $[3] = list;
476
- $[4] = t2;
477
- }
478
- else {
479
- t2 = $[4];
480
- }
481
- var t3;
482
- if ($[5] !== t1 || $[6] !== t2) {
483
- t3 = /*#__PURE__*/ React.createElement(StyledSimpleBar, null, t1, t2);
484
- $[5] = t1;
485
- $[6] = t2;
486
- $[7] = t3;
487
- }
488
- else {
489
- t3 = $[7];
490
- }
491
- return t3;
451
+ var $ = compilerRuntime.c(8);
452
+ var logo = t0.logo,
453
+ badgeVariant = t0.badgeVariant,
454
+ list = t0.list;
455
+ var t1;
456
+ if ($[0] !== logo) {
457
+ t1 = /*#__PURE__*/React.createElement(StyledLogoContainerBox, null, /*#__PURE__*/React.createElement(material.Toolbar, null, logo));
458
+ $[0] = logo;
459
+ $[1] = t1;
460
+ } else {
461
+ t1 = $[1];
462
+ }
463
+ var t2;
464
+ if ($[2] !== badgeVariant || $[3] !== list) {
465
+ t2 = list && /*#__PURE__*/React.createElement(SideMenuList$1, {
466
+ badgeVariant: badgeVariant,
467
+ list: list
468
+ });
469
+ $[2] = badgeVariant;
470
+ $[3] = list;
471
+ $[4] = t2;
472
+ } else {
473
+ t2 = $[4];
474
+ }
475
+ var t3;
476
+ if ($[5] !== t1 || $[6] !== t2) {
477
+ t3 = /*#__PURE__*/React.createElement(StyledSimpleBar, null, t1, t2);
478
+ $[5] = t1;
479
+ $[6] = t2;
480
+ $[7] = t3;
481
+ } else {
482
+ t3 = $[7];
483
+ }
484
+ return t3;
492
485
  };
493
- var SideMenu$1 = /*#__PURE__*/ React.memo(SideMenu);var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
486
+ var SideMenu$1 = /*#__PURE__*/React.memo(SideMenu);var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
494
487
  var StyledContainerBox$1 = material.styled(material.Box)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n position: relative;\n"])));
495
488
  var StyledHeadContainerBox = material.styled(material.Box)(function (_ref) {
496
- var theme = _ref.theme;
497
- return theme.unstable_sx({
498
- display: {
499
- xs: 'none',
500
- sm: 'flex'
501
- },
502
- alignItems: 'center',
503
- opacity: 0.5
504
- });
489
+ var theme = _ref.theme;
490
+ return theme.unstable_sx({
491
+ display: {
492
+ xs: 'none',
493
+ sm: 'flex'
494
+ },
495
+ alignItems: 'center',
496
+ opacity: 0.5
497
+ });
505
498
  });
506
499
  var StyledHeadIconContainerBox = material.styled(material.Box)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-right: 0.25rem;\n line-height: 0;\n"])));
507
500
  var StyledHeadIcon = material.styled(material.Icon)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: 1rem;\n"])));
508
501
  var StyledHeadTitleTypography = material.styled(material.Typography)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 0.7rem;\n"])));
509
502
  var StyledTitleContainerDiv = material.styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-size: 1rem;\n"])));
510
503
  var StyledTitleIconContainerDiv = material.styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"])));var Title = function Title(t0) {
511
- var $ = compilerRuntime.c(17);
512
- var title = t0.title, icon = t0.icon, headTitle = t0.headTitle, headIcon = t0.headIcon;
513
- var t1;
514
- if ($[0] !== headIcon) {
515
- t1 = headIcon ? headIcon.replace(/[A-Z]/g, _temp$1) : undefined;
516
- $[0] = headIcon;
517
- $[1] = t1;
518
- }
519
- else {
520
- t1 = $[1];
521
- }
522
- var finalHeadIcon = t1;
523
- var t2;
524
- if ($[2] !== icon) {
525
- t2 = icon ? icon.replace(/[A-Z]/g, _temp2$1) : undefined;
526
- $[2] = icon;
527
- $[3] = t2;
528
- }
529
- else {
530
- t2 = $[3];
531
- }
532
- var finalIcon = t2;
533
- var t3;
534
- if ($[4] !== finalHeadIcon || $[5] !== headTitle) {
535
- t3 = headTitle && /*#__PURE__*/ React.createElement(StyledHeadContainerBox, null, finalHeadIcon && /*#__PURE__*/ React.createElement(StyledHeadIconContainerBox, null, /*#__PURE__*/ React.createElement(StyledHeadIcon, null, finalHeadIcon)), /*#__PURE__*/ React.createElement(StyledHeadTitleTypography, null, headTitle));
536
- $[4] = finalHeadIcon;
537
- $[5] = headTitle;
538
- $[6] = t3;
539
- }
540
- else {
541
- t3 = $[6];
542
- }
543
- var t4;
544
- if ($[7] !== finalIcon) {
545
- t4 = finalIcon && /*#__PURE__*/ React.createElement(StyledTitleIconContainerDiv, null, /*#__PURE__*/ React.createElement(material.Icon, {
546
- fontSize: "small"
547
- }, finalIcon));
548
- $[7] = finalIcon;
549
- $[8] = t4;
550
- }
551
- else {
552
- t4 = $[8];
553
- }
554
- var t5;
555
- if ($[9] !== title) {
556
- t5 = /*#__PURE__*/ React.createElement("div", null, title);
557
- $[9] = title;
558
- $[10] = t5;
559
- }
560
- else {
561
- t5 = $[10];
562
- }
563
- var t6;
564
- if ($[11] !== t4 || $[12] !== t5) {
565
- t6 = /*#__PURE__*/ React.createElement(StyledTitleContainerDiv, null, t4, t5);
566
- $[11] = t4;
567
- $[12] = t5;
568
- $[13] = t6;
569
- }
570
- else {
571
- t6 = $[13];
572
- }
573
- var t7;
574
- if ($[14] !== t3 || $[15] !== t6) {
575
- t7 = /*#__PURE__*/ React.createElement(StyledContainerBox$1, null, t3, t6);
576
- $[14] = t3;
577
- $[15] = t6;
578
- $[16] = t7;
579
- }
580
- else {
581
- t7 = $[16];
582
- }
583
- return t7;
504
+ var $ = compilerRuntime.c(17);
505
+ var title = t0.title,
506
+ icon = t0.icon,
507
+ headTitle = t0.headTitle,
508
+ headIcon = t0.headIcon;
509
+ var t1;
510
+ if ($[0] !== headIcon) {
511
+ t1 = headIcon ? headIcon.replace(/[A-Z]/g, _temp$1) : undefined;
512
+ $[0] = headIcon;
513
+ $[1] = t1;
514
+ } else {
515
+ t1 = $[1];
516
+ }
517
+ var finalHeadIcon = t1;
518
+ var t2;
519
+ if ($[2] !== icon) {
520
+ t2 = icon ? icon.replace(/[A-Z]/g, _temp2$1) : undefined;
521
+ $[2] = icon;
522
+ $[3] = t2;
523
+ } else {
524
+ t2 = $[3];
525
+ }
526
+ var finalIcon = t2;
527
+ var t3;
528
+ if ($[4] !== finalHeadIcon || $[5] !== headTitle) {
529
+ t3 = headTitle && /*#__PURE__*/React.createElement(StyledHeadContainerBox, null, finalHeadIcon && /*#__PURE__*/React.createElement(StyledHeadIconContainerBox, null, /*#__PURE__*/React.createElement(StyledHeadIcon, null, finalHeadIcon)), /*#__PURE__*/React.createElement(StyledHeadTitleTypography, null, headTitle));
530
+ $[4] = finalHeadIcon;
531
+ $[5] = headTitle;
532
+ $[6] = t3;
533
+ } else {
534
+ t3 = $[6];
535
+ }
536
+ var t4;
537
+ if ($[7] !== finalIcon) {
538
+ t4 = finalIcon && /*#__PURE__*/React.createElement(StyledTitleIconContainerDiv, null, /*#__PURE__*/React.createElement(material.Icon, {
539
+ fontSize: "small"
540
+ }, finalIcon));
541
+ $[7] = finalIcon;
542
+ $[8] = t4;
543
+ } else {
544
+ t4 = $[8];
545
+ }
546
+ var t5;
547
+ if ($[9] !== title) {
548
+ t5 = /*#__PURE__*/React.createElement("div", null, title);
549
+ $[9] = title;
550
+ $[10] = t5;
551
+ } else {
552
+ t5 = $[10];
553
+ }
554
+ var t6;
555
+ if ($[11] !== t4 || $[12] !== t5) {
556
+ t6 = /*#__PURE__*/React.createElement(StyledTitleContainerDiv, null, t4, t5);
557
+ $[11] = t4;
558
+ $[12] = t5;
559
+ $[13] = t6;
560
+ } else {
561
+ t6 = $[13];
562
+ }
563
+ var t7;
564
+ if ($[14] !== t3 || $[15] !== t6) {
565
+ t7 = /*#__PURE__*/React.createElement(StyledContainerBox$1, null, t3, t6);
566
+ $[14] = t3;
567
+ $[15] = t6;
568
+ $[16] = t7;
569
+ } else {
570
+ t7 = $[16];
571
+ }
572
+ return t7;
584
573
  };
585
- var Title$1 = /*#__PURE__*/ React.memo(Title);
574
+ var Title$1 = /*#__PURE__*/React.memo(Title);
586
575
  function _temp$1(letter, idx) {
587
- return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
576
+ return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
588
577
  }
589
578
  function _temp2$1(letter_0, idx_0) {
590
- return "".concat(idx_0 > 0 ? "_" : "").concat(letter_0.toLowerCase());
579
+ return "".concat(idx_0 > 0 ? "_" : "").concat(letter_0.toLowerCase());
591
580
  }var _templateObject, _templateObject2;
592
581
  var SIDE_MENU_WIDTH = 220;
593
582
  var SCREENS = ['xs', 'sm', 'md', 'lg', 'xl'];
594
583
  var _getNextScreen = function _getNextScreen(screen) {
595
- if (screen === 'xs')
596
- return 'sm';
597
- else if (screen === 'sm')
598
- return 'md';
599
- else if (screen === 'md')
600
- return 'lg';
601
- else
602
- return 'xl';
584
+ if (screen === 'xs') return 'sm';else if (screen === 'sm') return 'md';else if (screen === 'md') return 'lg';else return 'xl';
603
585
  };
604
586
  var DefaultLayout = function DefaultLayout(t0) {
605
- var $ = compilerRuntime.c(67);
606
- var children = t0.children, logo = t0.logo, badgeVariant = t0.badgeVariant, menu = t0.menu, t1 = t0.menuHideScreen, appBarControl = t0.appBarControl;
607
- var menuHideScreen = t1 === undefined ? "sm" : t1;
608
- var location = reactRouter.useLocation();
609
- var getMenuTitles = _temp;
610
- var _useState = React.useState(false), _useState2 = _slicedToArray(_useState, 2), isMobileOpen = _useState2[0], setIsMobileOpen = _useState2[1];
611
- var t2;
612
- if ($[0] !== menu) {
613
- t2 = getMenuTitles(menu);
614
- $[0] = menu;
615
- $[1] = t2;
616
- }
617
- else {
618
- t2 = $[1];
619
- }
620
- var _useState3 = React.useState(t2), _useState4 = _slicedToArray(_useState3, 2), menuTitles_0 = _useState4[0], setMenuTitles = _useState4[1];
621
- var t3;
622
- if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
623
- t3 = function t3() {
624
- return setIsMobileOpen(false);
625
- };
626
- $[2] = t3;
627
- }
628
- else {
629
- t3 = $[2];
630
- }
631
- useChange(location.pathname, t3, true);
632
- var t4;
633
- if ($[3] !== menu) {
634
- t4 = function t4() {
635
- return setMenuTitles(getMenuTitles(menu));
636
- };
637
- $[3] = menu;
638
- $[4] = t4;
639
- }
640
- else {
641
- t4 = $[4];
642
- }
643
- useChange(menu, t4, true);
644
- var t5;
645
- if ($[5] === Symbol["for"]("react.memo_cache_sentinel")) {
646
- t5 = function t5() {
647
- setIsMobileOpen(_temp2);
648
- };
649
- $[5] = t5;
650
- }
651
- else {
652
- t5 = $[5];
653
- }
654
- var toggleIsMobileOpen = t5;
655
- var t6;
656
- if ($[6] !== menuHideScreen) {
657
- t6 = SCREENS.reduce(function (acc, screen) {
658
- if (screen === menuHideScreen) {
659
- acc.found = true;
660
- acc.display[screen] = "block";
661
- }
662
- else {
663
- acc.display[screen] = acc.found ? "none" : "block";
664
- }
665
- return acc;
666
- }, {
667
- found: false,
668
- display: {}
669
- });
670
- $[6] = menuHideScreen;
671
- $[7] = t6;
672
- }
673
- else {
674
- t6 = $[7];
675
- }
676
- var t7;
677
- if ($[8] !== t6.display) {
678
- t7 = {
679
- display: t6.display
680
- };
681
- $[8] = t6.display;
682
- $[9] = t7;
683
- }
684
- else {
685
- t7 = $[9];
686
- }
687
- var sideMenuTemporaryDrawerSx = t7;
688
- var t8;
689
- if ($[10] !== menuHideScreen) {
690
- t8 = SCREENS.reduce(function (acc_0, screen_0) {
691
- if (screen_0 === menuHideScreen) {
692
- acc_0.found = true;
693
- acc_0.display[screen_0] = "none";
694
- }
695
- else {
696
- acc_0.display[screen_0] = acc_0.found ? "block" : "none";
697
- }
698
- return acc_0;
699
- }, {
700
- found: false,
701
- display: {}
702
- });
703
- $[10] = menuHideScreen;
704
- $[11] = t8;
705
- }
706
- else {
707
- t8 = $[11];
708
- }
709
- var t9;
710
- if ($[12] !== t8.display) {
711
- t9 = {
712
- display: t8.display
713
- };
714
- $[12] = t8.display;
715
- $[13] = t9;
716
- }
717
- else {
718
- t9 = $[13];
719
- }
720
- var sideMenuPermanentDrawerSx = t9;
721
- var nextMenuScreen = _getNextScreen(menuHideScreen);
722
- var t10;
723
- if ($[14] !== nextMenuScreen) {
724
- t10 = {
725
- width: _defineProperty({}, nextMenuScreen, "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)")),
726
- ml: _defineProperty({}, nextMenuScreen, "".concat(SIDE_MENU_WIDTH, "px"))
727
- };
728
- $[14] = nextMenuScreen;
729
- $[15] = t10;
730
- }
731
- else {
732
- t10 = $[15];
733
- }
734
- var appBarSx = t10;
735
- var t11;
736
- if ($[16] !== nextMenuScreen) {
737
- t11 = {
738
- mr: 2,
739
- display: _defineProperty({}, nextMenuScreen, "none")
740
- };
741
- $[16] = nextMenuScreen;
742
- $[17] = t11;
743
- }
744
- else {
745
- t11 = $[17];
746
- }
747
- var appBarIconButtonSx = t11;
748
- var t12;
749
- if ($[18] !== nextMenuScreen) {
750
- t12 = {
751
- width: _defineProperty({}, nextMenuScreen, SIDE_MENU_WIDTH),
752
- flexShrink: _defineProperty({}, nextMenuScreen, 0)
753
- };
754
- $[18] = nextMenuScreen;
755
- $[19] = t12;
756
- }
757
- else {
758
- t12 = $[19];
759
- }
760
- var sideMenuContainerBoxSx = t12;
761
- var t13;
762
- if ($[20] !== nextMenuScreen) {
763
- t13 = {
764
- width: _defineProperty({}, nextMenuScreen, "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)")),
765
- flexGrow: 1,
766
- p: 2,
767
- display: "flex",
768
- flexDirection: "column",
769
- minHeight: "100vh"
770
- };
771
- $[20] = nextMenuScreen;
772
- $[21] = t13;
773
- }
774
- else {
775
- t13 = $[21];
776
- }
777
- var mainBoxSx = t13;
778
- var titleData = menuTitles_0[location.pathname];
779
- var t14;
780
- if ($[22] === Symbol["for"]("react.memo_cache_sentinel")) {
781
- t14 = /*#__PURE__*/ React.createElement(iconsMaterial.Menu, null);
782
- $[22] = t14;
783
- }
784
- else {
785
- t14 = $[22];
786
- }
787
- var t15;
788
- if ($[23] !== appBarIconButtonSx) {
789
- t15 = /*#__PURE__*/ React.createElement(material.IconButton, {
790
- color: "inherit",
791
- "aria-label": "open drawer",
792
- edge: "start",
793
- onClick: toggleIsMobileOpen,
794
- sx: appBarIconButtonSx
795
- }, t14);
796
- $[23] = appBarIconButtonSx;
797
- $[24] = t15;
798
- }
799
- else {
800
- t15 = $[24];
801
- }
802
- var t16;
803
- if ($[25] === Symbol["for"]("react.memo_cache_sentinel")) {
804
- t16 = {
805
- flexGrow: 1
806
- };
807
- $[25] = t16;
808
- }
809
- else {
810
- t16 = $[25];
811
- }
812
- var t17;
813
- if ($[26] !== titleData) {
814
- t17 = titleData && /*#__PURE__*/ React.createElement(Title$1, {
815
- title: titleData.name,
816
- icon: titleData.icon,
817
- headTitle: titleData.parentName,
818
- headIcon: titleData.parentIcon
819
- });
820
- $[26] = titleData;
821
- $[27] = t17;
822
- }
823
- else {
824
- t17 = $[27];
825
- }
826
- var t18;
827
- if ($[28] !== t17) {
828
- t18 = /*#__PURE__*/ React.createElement(material.Typography, {
829
- variant: "h6",
830
- noWrap: true,
831
- component: "div",
832
- sx: t16
833
- }, t17);
834
- $[28] = t17;
835
- $[29] = t18;
836
- }
837
- else {
838
- t18 = $[29];
839
- }
840
- var t19;
841
- if ($[30] !== appBarControl || $[31] !== t15 || $[32] !== t18) {
842
- t19 = /*#__PURE__*/ React.createElement(material.Toolbar, null, t15, t18, appBarControl);
843
- $[30] = appBarControl;
844
- $[31] = t15;
845
- $[32] = t18;
846
- $[33] = t19;
847
- }
848
- else {
849
- t19 = $[33];
850
- }
851
- var t20;
852
- if ($[34] !== appBarSx || $[35] !== t19) {
853
- t20 = /*#__PURE__*/ React.createElement(StyledAppBar, {
854
- position: "fixed",
855
- elevation: 0,
856
- sx: appBarSx
857
- }, t19);
858
- $[34] = appBarSx;
859
- $[35] = t19;
860
- $[36] = t20;
861
- }
862
- else {
863
- t20 = $[36];
864
- }
865
- var t21;
866
- if ($[37] === Symbol["for"]("react.memo_cache_sentinel")) {
867
- t21 = {
868
- keepMounted: true
869
- };
870
- $[37] = t21;
871
- }
872
- else {
873
- t21 = $[37];
874
- }
875
- var t22;
876
- if ($[38] !== badgeVariant || $[39] !== logo || $[40] !== menu) {
877
- t22 = menu && /*#__PURE__*/ React.createElement(SideMenu$1, {
878
- logo: logo,
879
- badgeVariant: badgeVariant,
880
- list: menu
881
- });
882
- $[38] = badgeVariant;
883
- $[39] = logo;
884
- $[40] = menu;
885
- $[41] = t22;
886
- }
887
- else {
888
- t22 = $[41];
889
- }
890
- var t23;
891
- if ($[42] !== isMobileOpen || $[43] !== sideMenuTemporaryDrawerSx || $[44] !== t22) {
892
- t23 = /*#__PURE__*/ React.createElement(StyledSideMenuTemporaryDrawer, {
893
- variant: "temporary",
894
- open: isMobileOpen,
895
- onClose: toggleIsMobileOpen,
896
- sx: sideMenuTemporaryDrawerSx,
897
- ModalProps: t21
898
- }, t22);
899
- $[42] = isMobileOpen;
900
- $[43] = sideMenuTemporaryDrawerSx;
901
- $[44] = t22;
902
- $[45] = t23;
903
- }
904
- else {
905
- t23 = $[45];
906
- }
907
- var t24;
908
- if ($[46] !== badgeVariant || $[47] !== logo || $[48] !== menu) {
909
- t24 = menu && /*#__PURE__*/ React.createElement(SideMenu$1, {
910
- logo: logo,
911
- badgeVariant: badgeVariant,
912
- list: menu
913
- });
914
- $[46] = badgeVariant;
915
- $[47] = logo;
916
- $[48] = menu;
917
- $[49] = t24;
918
- }
919
- else {
920
- t24 = $[49];
921
- }
922
- var t25;
923
- if ($[50] !== sideMenuPermanentDrawerSx || $[51] !== t24) {
924
- t25 = /*#__PURE__*/ React.createElement(StyledSideMenuPermanentDrawer, {
925
- variant: "permanent",
926
- open: true,
927
- sx: sideMenuPermanentDrawerSx
928
- }, t24);
929
- $[50] = sideMenuPermanentDrawerSx;
930
- $[51] = t24;
931
- $[52] = t25;
932
- }
933
- else {
934
- t25 = $[52];
935
- }
936
- var t26;
937
- if ($[53] !== sideMenuContainerBoxSx || $[54] !== t23 || $[55] !== t25) {
938
- t26 = /*#__PURE__*/ React.createElement(material.Box, {
939
- component: "nav",
940
- "aria-label": "mailbox folders",
941
- sx: sideMenuContainerBoxSx
942
- }, t23, t25);
943
- $[53] = sideMenuContainerBoxSx;
944
- $[54] = t23;
945
- $[55] = t25;
946
- $[56] = t26;
947
- }
948
- else {
949
- t26 = $[56];
950
- }
951
- var t27;
952
- if ($[57] === Symbol["for"]("react.memo_cache_sentinel")) {
953
- t27 = /*#__PURE__*/ React.createElement(material.Toolbar, null);
954
- $[57] = t27;
955
- }
956
- else {
957
- t27 = $[57];
958
- }
959
- var t28;
960
- if ($[58] !== children) {
961
- t28 = /*#__PURE__*/ React.createElement(StyledMainContentDiv, null, children);
962
- $[58] = children;
963
- $[59] = t28;
964
- }
965
- else {
966
- t28 = $[59];
967
- }
968
- var t29;
969
- if ($[60] !== mainBoxSx || $[61] !== t28) {
970
- t29 = /*#__PURE__*/ React.createElement(material.Box, {
971
- component: "main",
972
- sx: mainBoxSx
973
- }, t27, t28);
974
- $[60] = mainBoxSx;
975
- $[61] = t28;
976
- $[62] = t29;
977
- }
978
- else {
979
- t29 = $[62];
980
- }
981
- var t30;
982
- if ($[63] !== t20 || $[64] !== t26 || $[65] !== t29) {
983
- t30 = /*#__PURE__*/ React.createElement(StyledContainerBox, null, t20, t26, t29);
984
- $[63] = t20;
985
- $[64] = t26;
986
- $[65] = t29;
987
- $[66] = t30;
988
- }
989
- else {
990
- t30 = $[66];
991
- }
992
- return t30;
587
+ var $ = compilerRuntime.c(67);
588
+ var children = t0.children,
589
+ logo = t0.logo,
590
+ badgeVariant = t0.badgeVariant,
591
+ menu = t0.menu,
592
+ t1 = t0.menuHideScreen,
593
+ appBarControl = t0.appBarControl;
594
+ var menuHideScreen = t1 === undefined ? "sm" : t1;
595
+ var location = reactRouter.useLocation();
596
+ var getMenuTitles = _temp;
597
+ var _useState = React.useState(false),
598
+ _useState2 = _slicedToArray(_useState, 2),
599
+ isMobileOpen = _useState2[0],
600
+ setIsMobileOpen = _useState2[1];
601
+ var t2;
602
+ if ($[0] !== menu) {
603
+ t2 = getMenuTitles(menu);
604
+ $[0] = menu;
605
+ $[1] = t2;
606
+ } else {
607
+ t2 = $[1];
608
+ }
609
+ var _useState3 = React.useState(t2),
610
+ _useState4 = _slicedToArray(_useState3, 2),
611
+ menuTitles_0 = _useState4[0],
612
+ setMenuTitles = _useState4[1];
613
+ var t3;
614
+ if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
615
+ t3 = function t3() {
616
+ return setIsMobileOpen(false);
617
+ };
618
+ $[2] = t3;
619
+ } else {
620
+ t3 = $[2];
621
+ }
622
+ useChange(location.pathname, t3, true);
623
+ var t4;
624
+ if ($[3] !== menu) {
625
+ t4 = function t4() {
626
+ return setMenuTitles(getMenuTitles(menu));
627
+ };
628
+ $[3] = menu;
629
+ $[4] = t4;
630
+ } else {
631
+ t4 = $[4];
632
+ }
633
+ useChange(menu, t4, true);
634
+ var t5;
635
+ if ($[5] === Symbol["for"]("react.memo_cache_sentinel")) {
636
+ t5 = function t5() {
637
+ setIsMobileOpen(_temp2);
638
+ };
639
+ $[5] = t5;
640
+ } else {
641
+ t5 = $[5];
642
+ }
643
+ var toggleIsMobileOpen = t5;
644
+ var t6;
645
+ if ($[6] !== menuHideScreen) {
646
+ t6 = SCREENS.reduce(function (acc, screen) {
647
+ if (screen === menuHideScreen) {
648
+ acc.found = true;
649
+ acc.display[screen] = "block";
650
+ } else {
651
+ acc.display[screen] = acc.found ? "none" : "block";
652
+ }
653
+ return acc;
654
+ }, {
655
+ found: false,
656
+ display: {}
657
+ });
658
+ $[6] = menuHideScreen;
659
+ $[7] = t6;
660
+ } else {
661
+ t6 = $[7];
662
+ }
663
+ var t7;
664
+ if ($[8] !== t6.display) {
665
+ t7 = {
666
+ display: t6.display
667
+ };
668
+ $[8] = t6.display;
669
+ $[9] = t7;
670
+ } else {
671
+ t7 = $[9];
672
+ }
673
+ var sideMenuTemporaryDrawerSx = t7;
674
+ var t8;
675
+ if ($[10] !== menuHideScreen) {
676
+ t8 = SCREENS.reduce(function (acc_0, screen_0) {
677
+ if (screen_0 === menuHideScreen) {
678
+ acc_0.found = true;
679
+ acc_0.display[screen_0] = "none";
680
+ } else {
681
+ acc_0.display[screen_0] = acc_0.found ? "block" : "none";
682
+ }
683
+ return acc_0;
684
+ }, {
685
+ found: false,
686
+ display: {}
687
+ });
688
+ $[10] = menuHideScreen;
689
+ $[11] = t8;
690
+ } else {
691
+ t8 = $[11];
692
+ }
693
+ var t9;
694
+ if ($[12] !== t8.display) {
695
+ t9 = {
696
+ display: t8.display
697
+ };
698
+ $[12] = t8.display;
699
+ $[13] = t9;
700
+ } else {
701
+ t9 = $[13];
702
+ }
703
+ var sideMenuPermanentDrawerSx = t9;
704
+ var nextMenuScreen = _getNextScreen(menuHideScreen);
705
+ var t10;
706
+ if ($[14] !== nextMenuScreen) {
707
+ t10 = {
708
+ width: _defineProperty({}, nextMenuScreen, "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)")),
709
+ ml: _defineProperty({}, nextMenuScreen, "".concat(SIDE_MENU_WIDTH, "px"))
710
+ };
711
+ $[14] = nextMenuScreen;
712
+ $[15] = t10;
713
+ } else {
714
+ t10 = $[15];
715
+ }
716
+ var appBarSx = t10;
717
+ var t11;
718
+ if ($[16] !== nextMenuScreen) {
719
+ t11 = {
720
+ mr: 2,
721
+ display: _defineProperty({}, nextMenuScreen, "none")
722
+ };
723
+ $[16] = nextMenuScreen;
724
+ $[17] = t11;
725
+ } else {
726
+ t11 = $[17];
727
+ }
728
+ var appBarIconButtonSx = t11;
729
+ var t12;
730
+ if ($[18] !== nextMenuScreen) {
731
+ t12 = {
732
+ width: _defineProperty({}, nextMenuScreen, SIDE_MENU_WIDTH),
733
+ flexShrink: _defineProperty({}, nextMenuScreen, 0)
734
+ };
735
+ $[18] = nextMenuScreen;
736
+ $[19] = t12;
737
+ } else {
738
+ t12 = $[19];
739
+ }
740
+ var sideMenuContainerBoxSx = t12;
741
+ var t13;
742
+ if ($[20] !== nextMenuScreen) {
743
+ t13 = {
744
+ width: _defineProperty({}, nextMenuScreen, "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)")),
745
+ flexGrow: 1,
746
+ p: 2,
747
+ display: "flex",
748
+ flexDirection: "column",
749
+ minHeight: "100vh"
750
+ };
751
+ $[20] = nextMenuScreen;
752
+ $[21] = t13;
753
+ } else {
754
+ t13 = $[21];
755
+ }
756
+ var mainBoxSx = t13;
757
+ var titleData = menuTitles_0[location.pathname];
758
+ var t14;
759
+ if ($[22] === Symbol["for"]("react.memo_cache_sentinel")) {
760
+ t14 = /*#__PURE__*/React.createElement(iconsMaterial.Menu, null);
761
+ $[22] = t14;
762
+ } else {
763
+ t14 = $[22];
764
+ }
765
+ var t15;
766
+ if ($[23] !== appBarIconButtonSx) {
767
+ t15 = /*#__PURE__*/React.createElement(material.IconButton, {
768
+ color: "inherit",
769
+ "aria-label": "open drawer",
770
+ edge: "start",
771
+ onClick: toggleIsMobileOpen,
772
+ sx: appBarIconButtonSx
773
+ }, t14);
774
+ $[23] = appBarIconButtonSx;
775
+ $[24] = t15;
776
+ } else {
777
+ t15 = $[24];
778
+ }
779
+ var t16;
780
+ if ($[25] === Symbol["for"]("react.memo_cache_sentinel")) {
781
+ t16 = {
782
+ flexGrow: 1
783
+ };
784
+ $[25] = t16;
785
+ } else {
786
+ t16 = $[25];
787
+ }
788
+ var t17;
789
+ if ($[26] !== titleData) {
790
+ t17 = titleData && /*#__PURE__*/React.createElement(Title$1, {
791
+ title: titleData.name,
792
+ icon: titleData.icon,
793
+ headTitle: titleData.parentName,
794
+ headIcon: titleData.parentIcon
795
+ });
796
+ $[26] = titleData;
797
+ $[27] = t17;
798
+ } else {
799
+ t17 = $[27];
800
+ }
801
+ var t18;
802
+ if ($[28] !== t17) {
803
+ t18 = /*#__PURE__*/React.createElement(material.Typography, {
804
+ variant: "h6",
805
+ noWrap: true,
806
+ component: "div",
807
+ sx: t16
808
+ }, t17);
809
+ $[28] = t17;
810
+ $[29] = t18;
811
+ } else {
812
+ t18 = $[29];
813
+ }
814
+ var t19;
815
+ if ($[30] !== appBarControl || $[31] !== t15 || $[32] !== t18) {
816
+ t19 = /*#__PURE__*/React.createElement(material.Toolbar, null, t15, t18, appBarControl);
817
+ $[30] = appBarControl;
818
+ $[31] = t15;
819
+ $[32] = t18;
820
+ $[33] = t19;
821
+ } else {
822
+ t19 = $[33];
823
+ }
824
+ var t20;
825
+ if ($[34] !== appBarSx || $[35] !== t19) {
826
+ t20 = /*#__PURE__*/React.createElement(StyledAppBar, {
827
+ position: "fixed",
828
+ elevation: 0,
829
+ sx: appBarSx
830
+ }, t19);
831
+ $[34] = appBarSx;
832
+ $[35] = t19;
833
+ $[36] = t20;
834
+ } else {
835
+ t20 = $[36];
836
+ }
837
+ var t21;
838
+ if ($[37] === Symbol["for"]("react.memo_cache_sentinel")) {
839
+ t21 = {
840
+ keepMounted: true
841
+ };
842
+ $[37] = t21;
843
+ } else {
844
+ t21 = $[37];
845
+ }
846
+ var t22;
847
+ if ($[38] !== badgeVariant || $[39] !== logo || $[40] !== menu) {
848
+ t22 = menu && /*#__PURE__*/React.createElement(SideMenu$1, {
849
+ logo: logo,
850
+ badgeVariant: badgeVariant,
851
+ list: menu
852
+ });
853
+ $[38] = badgeVariant;
854
+ $[39] = logo;
855
+ $[40] = menu;
856
+ $[41] = t22;
857
+ } else {
858
+ t22 = $[41];
859
+ }
860
+ var t23;
861
+ if ($[42] !== isMobileOpen || $[43] !== sideMenuTemporaryDrawerSx || $[44] !== t22) {
862
+ t23 = /*#__PURE__*/React.createElement(StyledSideMenuTemporaryDrawer, {
863
+ variant: "temporary",
864
+ open: isMobileOpen,
865
+ onClose: toggleIsMobileOpen,
866
+ sx: sideMenuTemporaryDrawerSx,
867
+ ModalProps: t21
868
+ }, t22);
869
+ $[42] = isMobileOpen;
870
+ $[43] = sideMenuTemporaryDrawerSx;
871
+ $[44] = t22;
872
+ $[45] = t23;
873
+ } else {
874
+ t23 = $[45];
875
+ }
876
+ var t24;
877
+ if ($[46] !== badgeVariant || $[47] !== logo || $[48] !== menu) {
878
+ t24 = menu && /*#__PURE__*/React.createElement(SideMenu$1, {
879
+ logo: logo,
880
+ badgeVariant: badgeVariant,
881
+ list: menu
882
+ });
883
+ $[46] = badgeVariant;
884
+ $[47] = logo;
885
+ $[48] = menu;
886
+ $[49] = t24;
887
+ } else {
888
+ t24 = $[49];
889
+ }
890
+ var t25;
891
+ if ($[50] !== sideMenuPermanentDrawerSx || $[51] !== t24) {
892
+ t25 = /*#__PURE__*/React.createElement(StyledSideMenuPermanentDrawer, {
893
+ variant: "permanent",
894
+ open: true,
895
+ sx: sideMenuPermanentDrawerSx
896
+ }, t24);
897
+ $[50] = sideMenuPermanentDrawerSx;
898
+ $[51] = t24;
899
+ $[52] = t25;
900
+ } else {
901
+ t25 = $[52];
902
+ }
903
+ var t26;
904
+ if ($[53] !== sideMenuContainerBoxSx || $[54] !== t23 || $[55] !== t25) {
905
+ t26 = /*#__PURE__*/React.createElement(material.Box, {
906
+ component: "nav",
907
+ "aria-label": "mailbox folders",
908
+ sx: sideMenuContainerBoxSx
909
+ }, t23, t25);
910
+ $[53] = sideMenuContainerBoxSx;
911
+ $[54] = t23;
912
+ $[55] = t25;
913
+ $[56] = t26;
914
+ } else {
915
+ t26 = $[56];
916
+ }
917
+ var t27;
918
+ if ($[57] === Symbol["for"]("react.memo_cache_sentinel")) {
919
+ t27 = /*#__PURE__*/React.createElement(material.Toolbar, null);
920
+ $[57] = t27;
921
+ } else {
922
+ t27 = $[57];
923
+ }
924
+ var t28;
925
+ if ($[58] !== children) {
926
+ t28 = /*#__PURE__*/React.createElement(StyledMainContentDiv, null, children);
927
+ $[58] = children;
928
+ $[59] = t28;
929
+ } else {
930
+ t28 = $[59];
931
+ }
932
+ var t29;
933
+ if ($[60] !== mainBoxSx || $[61] !== t28) {
934
+ t29 = /*#__PURE__*/React.createElement(material.Box, {
935
+ component: "main",
936
+ sx: mainBoxSx
937
+ }, t27, t28);
938
+ $[60] = mainBoxSx;
939
+ $[61] = t28;
940
+ $[62] = t29;
941
+ } else {
942
+ t29 = $[62];
943
+ }
944
+ var t30;
945
+ if ($[63] !== t20 || $[64] !== t26 || $[65] !== t29) {
946
+ t30 = /*#__PURE__*/React.createElement(StyledContainerBox, null, t20, t26, t29);
947
+ $[63] = t20;
948
+ $[64] = t26;
949
+ $[65] = t29;
950
+ $[66] = t30;
951
+ } else {
952
+ t30 = $[66];
953
+ }
954
+ return t30;
993
955
  };
956
+
994
957
  /********************************************************************************************************************
995
958
  * Types
996
959
  * ******************************************************************************************************************/
960
+
997
961
  /********************************************************************************************************************
998
962
  * Styled Components
999
963
  * ******************************************************************************************************************/
964
+
1000
965
  var StyledContainerBox = material.styled(material.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n height: 100%;\n"])));
1001
966
  var StyledAppBar = material.styled(material.AppBar)(function (_ref) {
1002
- var theme = _ref.theme;
1003
- return theme.unstable_sx({
1004
- backdropFilter: 'blur(20px)',
1005
- backgroundColor: 'rgba(255, 255, 255, 0.7)',
1006
- color: 'text.primary',
1007
- borderBottom: 'thin solid #f5f5f5'
1008
- });
967
+ var theme = _ref.theme;
968
+ return theme.unstable_sx({
969
+ backdropFilter: 'blur(20px)',
970
+ backgroundColor: 'rgba(255, 255, 255, 0.7)',
971
+ color: 'text.primary',
972
+ borderBottom: 'thin solid #f5f5f5'
973
+ });
1009
974
  });
1010
975
  var StyledSideMenuTemporaryDrawer = material.styled(material.Drawer)(function (_ref2) {
1011
- var theme = _ref2.theme;
1012
- return theme.unstable_sx({
1013
- '& .MuiDrawer-paper': {
1014
- boxSizing: 'border-box',
1015
- width: SIDE_MENU_WIDTH
1016
- }
1017
- });
976
+ var theme = _ref2.theme;
977
+ return theme.unstable_sx({
978
+ '& .MuiDrawer-paper': {
979
+ boxSizing: 'border-box',
980
+ width: SIDE_MENU_WIDTH
981
+ }
982
+ });
1018
983
  });
1019
984
  var StyledSideMenuPermanentDrawer = material.styled(material.Drawer)(function (_ref3) {
1020
- var theme = _ref3.theme;
1021
- return theme.unstable_sx({
1022
- '& .MuiDrawer-paper': {
1023
- boxSizing: 'border-box',
1024
- width: SIDE_MENU_WIDTH
1025
- }
1026
- });
985
+ var theme = _ref3.theme;
986
+ return theme.unstable_sx({
987
+ '& .MuiDrawer-paper': {
988
+ boxSizing: 'border-box',
989
+ width: SIDE_MENU_WIDTH
990
+ }
991
+ });
1027
992
  });
1028
993
  var StyledMainContentDiv = material.styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex: 1;\n"])));
1029
994
  function _temp(m) {
1030
- var menuTitles = {};
1031
- if (m) {
1032
- m.forEach(function (info) {
1033
- if ((info.uri == null || info.uri === "") && info.items && info.items.length > 0) {
1034
- info.items.map(function (subInfo) {
1035
- menuTitles[subInfo.uri] = {
1036
- name: subInfo.name,
1037
- parentName: info.name,
1038
- parentIcon: info.icon
1039
- };
1040
- });
1041
- }
1042
- else {
1043
- if (info.uri) {
1044
- menuTitles[info.uri] = {
1045
- name: info.name,
1046
- icon: info.icon
1047
- };
1048
- }
1049
- }
995
+ var menuTitles = {};
996
+ if (m) {
997
+ m.forEach(function (info) {
998
+ if ((info.uri == null || info.uri === "") && info.items && info.items.length > 0) {
999
+ info.items.map(function (subInfo) {
1000
+ menuTitles[subInfo.uri] = {
1001
+ name: subInfo.name,
1002
+ parentName: info.name,
1003
+ parentIcon: info.icon
1004
+ };
1050
1005
  });
1051
- }
1052
- return menuTitles;
1006
+ } else {
1007
+ if (info.uri) {
1008
+ menuTitles[info.uri] = {
1009
+ name: info.name,
1010
+ icon: info.icon
1011
+ };
1012
+ }
1013
+ }
1014
+ });
1015
+ }
1016
+ return menuTitles;
1053
1017
  }
1054
1018
  function _temp2(isMobileOpen_0) {
1055
- return !isMobileOpen_0;
1019
+ return !isMobileOpen_0;
1056
1020
  }exports.CardLayout=CardLayout;exports.DefaultLayout=DefaultLayout;