@pdg/react-admin-layout 1.0.52 → 1.0.53

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 +1 -3
  3. package/dist/DefaultLayout/DefaultLayout.d.ts +1 -3
  4. package/dist/DefaultLayout/DefaultLayout.types.d.ts +1 -33
  5. package/dist/index.esm.js +893 -772
  6. package/dist/index.js +893 -772
  7. package/package.json +3 -2
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import {Grid,styled,ListItemIcon,Icon,Badge,Collapse,ListItemText,ListItemButton,List,useTheme,alpha,Box,Toolbar,Typography,AppBar,Drawer,IconButton}from'@mui/material';import React,{useState}from'react';import {c}from'react/compiler-runtime';import {useLocation,useNavigate}from'react-router';import {ExpandMore,Menu}from'@mui/icons-material';import SimpleBar from'simplebar-react';function insertStyle(css) {
1
+ import {c}from'react/compiler-runtime';import {Grid,styled,ListItemIcon,Icon,Badge,Collapse,ListItemText,ListItemButton,List,useTheme,alpha,Box,Toolbar,Typography,AppBar,Drawer,IconButton}from'@mui/material';import React,{useState}from'react';import {useLocation,useNavigate}from'react-router';import {ExpandMore,Menu}from'@mui/icons-material';import SimpleBar from'simplebar-react';function insertStyle(css) {
2
2
  if (typeof window === 'undefined')
3
3
  return;
4
4
  const style = document.createElement('style');
@@ -6,18 +6,37 @@ import {Grid,styled,ListItemIcon,Icon,Badge,Collapse,ListItemText,ListItemButton
6
6
  style.innerHTML = css;
7
7
  document.head.appendChild(style);
8
8
  return css;
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(_ref) {
10
- var children = _ref.children,
11
- _ref$backgroundColor = _ref.backgroundColor,
12
- backgroundColor = _ref$backgroundColor === void 0 ? '#eff3f8' : _ref$backgroundColor;
13
- return /*#__PURE__*/React.createElement(Grid, {
14
- container: true,
15
- direction: 'column',
16
- alignItems: 'center',
17
- justifyContent: 'center',
18
- bgcolor: backgroundColor,
19
- minHeight: '100vh'
20
- }, /*#__PURE__*/React.createElement(Grid, null, children));
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 $ = 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(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(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;
21
40
  };function _arrayLikeToArray(r, a) {
22
41
  (null == a || a > r.length) && (a = r.length);
23
42
  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -61,6 +80,27 @@ function _iterableToArrayLimit(r, l) {
61
80
  function _nonIterableRest() {
62
81
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
63
82
  }
83
+ function ownKeys(e, r) {
84
+ var t = Object.keys(e);
85
+ if (Object.getOwnPropertySymbols) {
86
+ var o = Object.getOwnPropertySymbols(e);
87
+ r && (o = o.filter(function (r) {
88
+ return Object.getOwnPropertyDescriptor(e, r).enumerable;
89
+ })), t.push.apply(t, o);
90
+ }
91
+ return t;
92
+ }
93
+ function _objectSpread2(e) {
94
+ for (var r = 1; r < arguments.length; r++) {
95
+ var t = null != arguments[r] ? arguments[r] : {};
96
+ r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
97
+ _defineProperty(e, r, t[r]);
98
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
99
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
100
+ });
101
+ }
102
+ return e;
103
+ }
64
104
  function _slicedToArray(r, e) {
65
105
  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
66
106
  }
@@ -94,842 +134,923 @@ function _unsupportedIterableToArray(r, a) {
94
134
  }var _templateObject$4, _templateObject2$2;
95
135
  var StyledExpandMore = styled(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"])));
96
136
  var StyledListItemIcon = styled(ListItemIcon)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n min-width: 30px;\n"])));var useChange = function useChange(value, callback, t0) {
97
- var skipFirst = t0 === undefined ? false : t0;
98
- var _React$useState = React.useState(skipFirst ? false : "|||||skip|||||first|||||"),
99
- _React$useState2 = _slicedToArray(_React$useState, 2),
100
- _value = _React$useState2[0],
101
- _setValue = _React$useState2[1];
102
- if (value !== _value) {
103
- _setValue(value);
104
- callback();
105
- }
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
+ }
106
143
  };var _SideMenuListItem = function SideMenuListItem(t0) {
107
- var $ = c(70);
108
- var info = t0.info,
109
- badgeVariant = t0.badgeVariant,
110
- expandedBackgroundColor = t0.expandedBackgroundColor;
111
- var location = useLocation();
112
- var navigate = useNavigate();
113
- var _useState = useState(false),
114
- _useState2 = _slicedToArray(_useState, 2),
115
- isExpandable = _useState2[0],
116
- setIsExpandable = _useState2[1];
117
- var _useState3 = useState(false),
118
- _useState4 = _slicedToArray(_useState3, 2),
119
- isExpand = _useState4[0],
120
- setIsExpand = _useState4[1];
121
- var t1;
122
- if ($[0] !== info.items || $[1] !== location.pathname) {
123
- t1 = function t1() {
124
- setIsExpandable(!!info.items && info.items.length > 0);
125
- if (info.items && info.items.find(function (info_0) {
126
- return location.pathname === info_0.uri;
127
- })) {
128
- setIsExpand(true);
129
- }
130
- };
131
- $[0] = info.items;
132
- $[1] = location.pathname;
133
- $[2] = t1;
134
- } else {
135
- t1 = $[2];
136
- }
137
- useChange(info, t1);
138
- var t2;
139
- if ($[3] !== info.items || $[4] !== info.uri || $[5] !== isExpand || $[6] !== isExpandable || $[7] !== location.pathname) {
140
- t2 = function t2() {
141
- if (isExpandable && isExpand != null) {
142
- if (info.uri !== location.pathname) {
143
- if (info.items && !info.items.find(function (info_1) {
144
- return location.pathname === info_1.uri;
145
- })) {
146
- if (isExpand) {
147
- setIsExpand(false);
144
+ var $ = c(48);
145
+ var info = t0.info, badgeVariant = t0.badgeVariant, expandedBackgroundColor = t0.expandedBackgroundColor;
146
+ var location = useLocation();
147
+ var navigate = useNavigate();
148
+ var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), isExpandable = _useState2[0], setIsExpandable = _useState2[1];
149
+ var _useState3 = 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);
148
158
  }
149
- }
150
- }
151
- }
152
- if (isExpandable && !isExpand) {
153
- if (info.items && info.items.find(function (info_2) {
154
- return location.pathname === info_2.uri;
155
- })) {
156
- setIsExpand(true);
157
- }
158
- }
159
- };
160
- $[3] = info.items;
161
- $[4] = info.uri;
162
- $[5] = isExpand;
163
- $[6] = isExpandable;
164
- $[7] = location.pathname;
165
- $[8] = t2;
166
- } else {
167
- t2 = $[8];
168
- }
169
- useChange(location.pathname, t2);
170
- var t3;
171
- if ($[9] !== badgeVariant || $[10] !== expandedBackgroundColor || $[11] !== info.badge || $[12] !== info.badgeVariant || $[13] !== info.depth || $[14] !== info.icon || $[15] !== info.items || $[16] !== info.name || $[17] !== info.uri || $[18] !== isExpand || $[19] !== isExpandable || $[20] !== location.pathname || $[21] !== navigate) {
172
- var t4;
173
- if ($[23] !== badgeVariant || $[24] !== expandedBackgroundColor || $[25] !== info.badge || $[26] !== info.badgeVariant || $[27] !== info.depth || $[28] !== info.icon || $[29] !== info.name || $[30] !== info.uri || $[31] !== isExpand || $[32] !== isExpandable || $[33] !== location.pathname || $[34] !== navigate) {
174
- var _t;
175
- if ($[36] !== info.uri || $[37] !== isExpandable || $[38] !== navigate) {
176
- _t = isExpandable ? function () {
177
- return setIsExpand(_temp$2);
178
- } : function () {
179
- return info.uri && navigate(info.uri);
180
159
  };
181
- $[36] = info.uri;
182
- $[37] = isExpandable;
183
- $[38] = navigate;
184
- $[39] = _t;
185
- } else {
186
- _t = $[39];
187
- }
188
- var t6 = isExpandable ? false : info.uri === location.pathname;
189
- var t7 = isExpandable && isExpand ? expandedBackgroundColor : undefined;
190
- var t8;
191
- if ($[40] !== t7) {
192
- t8 = {
193
- backgroundColor: t7
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
+ }
194
189
  };
195
- $[40] = t7;
196
- $[41] = t8;
197
- } else {
198
- t8 = $[41];
199
- }
200
- var t9;
201
- if ($[42] !== _t || $[43] !== t6 || $[44] !== t8) {
202
- t9 = {
203
- onClick: _t,
204
- selected: t6,
205
- style: t8
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);
206
207
  };
207
- $[42] = _t;
208
- $[43] = t6;
209
- $[44] = t8;
210
- $[45] = t9;
211
- } else {
212
- t9 = $[45];
213
- }
214
- var t10;
215
- if ($[46] !== info.icon) {
216
- t10 = /*#__PURE__*/React.createElement(StyledListItemIcon, null, info.icon && /*#__PURE__*/React.createElement(Icon, {
217
- fontSize: "small"
218
- }, info.icon));
219
- $[46] = info.icon;
220
- $[47] = t10;
221
- } else {
222
- t10 = $[47];
223
- }
224
- var t11;
225
- if ($[48] !== badgeVariant || $[49] !== info.badge || $[50] !== info.badgeVariant || $[51] !== info.depth || $[52] !== info.name) {
226
- var _t2 = info.depth === 1 ? 600 : undefined;
227
- var t13;
228
- if ($[54] !== _t2) {
229
- t13 = {
230
- slotProps: {
231
- primary: {
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(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: {
232
254
  style: {
233
- fontWeight: _t2
255
+ fontWeight: t9
234
256
  }
235
- }
236
257
  }
237
- };
238
- $[54] = _t2;
239
- $[55] = t13;
240
- } else {
241
- t13 = $[55];
242
- }
243
- var t14;
244
- if ($[56] !== badgeVariant || $[57] !== info.badge || $[58] !== info.badgeVariant || $[59] !== info.name) {
245
- t14 = info.badge ? /*#__PURE__*/React.createElement(Badge, {
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(Badge, {
246
268
  badgeContent: info.badge,
247
269
  color: "error",
248
270
  variant: badgeVariant !== undefined ? badgeVariant : info.badgeVariant,
249
271
  anchorOrigin: {
250
- horizontal: "left",
251
- vertical: "top"
272
+ horizontal: "left",
273
+ vertical: "top"
252
274
  },
253
275
  slotProps: {
254
- badge: {
255
- style: {
256
- left: "100%",
257
- top: "50%",
258
- transform: "scale(.8) translate(10px, -50%)"
276
+ badge: {
277
+ style: {
278
+ left: "100%",
279
+ top: "50%",
280
+ transform: "scale(.8) translate(10px, -50%)"
281
+ }
259
282
  }
260
- }
261
283
  }
262
- }, /*#__PURE__*/React.createElement("div", null, info.name)) : info.name;
263
- $[56] = badgeVariant;
264
- $[57] = info.badge;
265
- $[58] = info.badgeVariant;
266
- $[59] = info.name;
267
- $[60] = t14;
268
- } else {
269
- t14 = $[60];
270
- }
271
- t11 = /*#__PURE__*/React.createElement(ListItemText, t13, t14);
272
- $[48] = badgeVariant;
273
- $[49] = info.badge;
274
- $[50] = info.badgeVariant;
275
- $[51] = info.depth;
276
- $[52] = info.name;
277
- $[53] = t11;
278
- } else {
279
- t11 = $[53];
280
- }
281
- var t12;
282
- if ($[61] !== isExpand || $[62] !== isExpandable) {
283
- t12 = isExpandable && /*#__PURE__*/React.createElement(StyledExpandMore, {
284
- sx: {
285
- animation: "".concat(isExpand ? "open" : "close", " 0.1s linear"),
286
- transform: "rotate(".concat(isExpand ? 180 : 0, "deg)")
287
- }
288
- });
289
- $[61] = isExpand;
290
- $[62] = isExpandable;
291
- $[63] = t12;
292
- } else {
293
- t12 = $[63];
294
- }
295
- t4 = /*#__PURE__*/React.createElement(ListItemButton, t9, t10, t11, t12);
296
- $[23] = badgeVariant;
297
- $[24] = expandedBackgroundColor;
298
- $[25] = info.badge;
299
- $[26] = info.badgeVariant;
300
- $[27] = info.depth;
301
- $[28] = info.icon;
302
- $[29] = info.name;
303
- $[30] = info.uri;
304
- $[31] = isExpand;
305
- $[32] = isExpandable;
306
- $[33] = location.pathname;
307
- $[34] = navigate;
308
- $[35] = t4;
309
- } else {
310
- t4 = $[35];
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;
311
290
  }
312
- var t5;
313
- if ($[64] !== badgeVariant || $[65] !== expandedBackgroundColor || $[66] !== info.items || $[67] !== isExpand || $[68] !== isExpandable) {
314
- t5 = isExpandable && /*#__PURE__*/React.createElement(Collapse, {
315
- "in": isExpand,
316
- style: {
317
- backgroundColor: isExpand ? expandedBackgroundColor : undefined
318
- }
319
- }, info.items && info.items.map(function (subInfo, idx) {
320
- return /*#__PURE__*/React.createElement(_SideMenuListItem, {
321
- key: idx,
322
- badgeVariant: badgeVariant,
323
- info: subInfo
291
+ else {
292
+ t11 = $[25];
293
+ }
294
+ var t12;
295
+ if ($[26] !== t10 || $[27] !== t11) {
296
+ t12 = /*#__PURE__*/ React.createElement(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
+ }
324
313
  });
325
- }));
326
- $[64] = badgeVariant;
327
- $[65] = expandedBackgroundColor;
328
- $[66] = info.items;
329
- $[67] = isExpand;
330
- $[68] = isExpandable;
331
- $[69] = t5;
332
- } else {
333
- t5 = $[69];
334
- }
335
- t3 = /*#__PURE__*/React.createElement(React.Fragment, null, t4, t5);
336
- $[9] = badgeVariant;
337
- $[10] = expandedBackgroundColor;
338
- $[11] = info.badge;
339
- $[12] = info.badgeVariant;
340
- $[13] = info.depth;
341
- $[14] = info.icon;
342
- $[15] = info.items;
343
- $[16] = info.name;
344
- $[17] = info.uri;
345
- $[18] = isExpand;
346
- $[19] = isExpandable;
347
- $[20] = location.pathname;
348
- $[21] = navigate;
349
- $[22] = t3;
350
- } else {
351
- t3 = $[22];
352
- }
353
- return t3;
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(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(Collapse, {
342
+ "in": isExpand,
343
+ style: {
344
+ backgroundColor: isExpand ? expandedBackgroundColor : undefined
345
+ }
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;
354
374
  };
355
- function _temp$2(old) {
356
- return !old;
375
+ function _temp$3(old) {
376
+ return !old;
357
377
  }var _templateObject$3;
358
378
  var StyledList = styled(List)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n padding: 0;\n"])));var SideMenuList$1 = function SideMenuList(t0) {
359
- var $ = c(5);
360
- var list = t0.list,
361
- badgeVariant = t0.badgeVariant;
362
- var theme = useTheme();
363
- var t1;
364
- if ($[0] !== badgeVariant || $[1] !== list || $[2] !== theme.palette.action.selectedOpacity || $[3] !== theme.palette.primary.main) {
365
- var finalList = list.map(_temp2$1);
366
- var expandedBackgroundColor = alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity / 2);
367
- t1 = /*#__PURE__*/React.createElement(StyledList, null, finalList.map(function (info, idx_0) {
368
- return /*#__PURE__*/React.createElement(_SideMenuListItem, {
369
- key: idx_0,
370
- info: info,
371
- badgeVariant: badgeVariant,
372
- expandedBackgroundColor: expandedBackgroundColor
373
- });
374
- }));
375
- $[0] = badgeVariant;
376
- $[1] = list;
377
- $[2] = theme.palette.action.selectedOpacity;
378
- $[3] = theme.palette.primary.main;
379
- $[4] = t1;
380
- } else {
381
- t1 = $[4];
382
- }
383
- return t1;
379
+ var $ = c(15);
380
+ var list = t0.list, badgeVariant = t0.badgeVariant;
381
+ var theme = 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 = alpha(theme.palette.primary.main, _t);
390
+ $[6] = _t;
391
+ $[7] = theme.palette.primary.main;
392
+ $[8] = t3;
393
+ }
394
+ else {
395
+ t3 = $[8];
396
+ }
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;
412
+ }
413
+ else {
414
+ t4 = $[11];
415
+ }
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;
384
439
  };
385
- var SideMenuList = /*#__PURE__*/React.memo(SideMenuList$1);
386
- function _temp$1(letter, idx) {
387
- return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
440
+ var SideMenuList = /*#__PURE__*/ React.memo(SideMenuList$1);
441
+ function _temp$2(letter, idx) {
442
+ return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
388
443
  }
389
- function _temp2$1(item) {
390
- return Object.assign(Object.assign({}, item), {
391
- icon: item.icon ? item.icon.replace(/[A-Z]/g, _temp$1) : undefined
392
- });
444
+ function _temp2$2(item) {
445
+ return _objectSpread2(_objectSpread2({}, item), {}, {
446
+ icon: item.icon ? item.icon.replace(/[A-Z]/g, _temp$2) : undefined
447
+ });
393
448
  }var _templateObject$2;
394
449
  var StyledSimpleBar = styled(SimpleBar)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n max-height: 100%;\n"])));
395
450
  var StyledLogoContainerBox = styled(Box)(function (_ref) {
396
- var theme = _ref.theme;
397
- return theme.unstable_sx({
398
- borderBottom: 'thin solid #f5f5f5',
399
- color: 'text.primary'
400
- });
401
- });var SideMenu$1 = function SideMenu(_ref) {
402
- var logo = _ref.logo,
403
- badgeVariant = _ref.badgeVariant,
404
- list = _ref.list;
405
- return /*#__PURE__*/React.createElement(StyledSimpleBar, null, /*#__PURE__*/React.createElement(StyledLogoContainerBox, null, /*#__PURE__*/React.createElement(Toolbar, null, logo)), list && /*#__PURE__*/React.createElement(SideMenuList, {
406
- badgeVariant: badgeVariant,
407
- list: list
408
- }));
451
+ var theme = _ref.theme;
452
+ return theme.unstable_sx({
453
+ borderBottom: 'thin solid #f5f5f5',
454
+ color: 'text.primary'
455
+ });
456
+ });var SideMenu$1 = function SideMenu(t0) {
457
+ var $ = 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(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, {
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;
409
492
  };
410
- var SideMenu = /*#__PURE__*/React.memo(SideMenu$1);var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
493
+ var SideMenu = /*#__PURE__*/ React.memo(SideMenu$1);var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
411
494
  var StyledContainerBox$1 = styled(Box)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n position: relative;\n"])));
412
495
  var StyledHeadContainerBox = styled(Box)(function (_ref) {
413
- var theme = _ref.theme;
414
- return theme.unstable_sx({
415
- display: {
416
- xs: 'none',
417
- sm: 'flex'
418
- },
419
- alignItems: 'center',
420
- opacity: 0.5
421
- });
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
+ });
422
505
  });
423
506
  var StyledHeadIconContainerBox = styled(Box)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-right: 0.25rem;\n line-height: 0;\n"])));
424
507
  var StyledHeadIcon = styled(Icon)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n font-size: 1rem;\n"])));
425
508
  var StyledHeadTitleTypography = styled(Typography)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: 0.7rem;\n"])));
426
509
  var StyledTitleContainerDiv = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n font-size: 1rem;\n"])));
427
- var StyledTitleIconContainerDiv = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"])));var Title$1 = function Title(_ref) {
428
- var title = _ref.title,
429
- icon = _ref.icon,
430
- headTitle = _ref.headTitle,
431
- headIcon = _ref.headIcon;
432
- /********************************************************************************************************************
433
- * Variable
434
- * ******************************************************************************************************************/
435
- var finalHeadIcon = headIcon ? headIcon.replace(/[A-Z]/g, function (letter, idx) {
436
- return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase());
437
- }) : undefined;
438
- var finalIcon = icon ? icon.replace(/[A-Z]/g, function (letter, idx) {
439
- return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase());
440
- }) : undefined;
441
- /********************************************************************************************************************
442
- * Render
443
- * ******************************************************************************************************************/
444
- return /*#__PURE__*/React.createElement(StyledContainerBox$1, null, headTitle && (/*#__PURE__*/React.createElement(StyledHeadContainerBox, null, finalHeadIcon && (/*#__PURE__*/React.createElement(StyledHeadIconContainerBox, null, /*#__PURE__*/React.createElement(StyledHeadIcon, null, finalHeadIcon))), /*#__PURE__*/React.createElement(StyledHeadTitleTypography, null, headTitle))), /*#__PURE__*/React.createElement(StyledTitleContainerDiv, null, finalIcon && (/*#__PURE__*/React.createElement(StyledTitleIconContainerDiv, null, /*#__PURE__*/React.createElement(Icon, {
445
- fontSize: 'small'
446
- }, finalIcon))), /*#__PURE__*/React.createElement("div", null, title)));
510
+ var StyledTitleIconContainerDiv = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"])));var Title$1 = function Title(t0) {
511
+ var $ = 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(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;
447
584
  };
448
- var Title = /*#__PURE__*/React.memo(Title$1);var _templateObject, _templateObject2;
585
+ var Title = /*#__PURE__*/ React.memo(Title$1);
586
+ function _temp$1(letter, idx) {
587
+ return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
588
+ }
589
+ function _temp2$1(letter_0, idx_0) {
590
+ return "".concat(idx_0 > 0 ? "_" : "").concat(letter_0.toLowerCase());
591
+ }var _templateObject, _templateObject2;
449
592
  var SIDE_MENU_WIDTH = 220;
450
593
  var SCREENS = ['xs', 'sm', 'md', 'lg', 'xl'];
451
594
  var _getNextScreen = function _getNextScreen(screen) {
452
- if (screen === 'xs') return 'sm';else if (screen === 'sm') return 'md';else if (screen === 'md') return 'lg';else return 'xl';
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';
453
603
  };
454
604
  var DefaultLayout = function DefaultLayout(t0) {
455
- var $ = c(96);
456
- var children = t0.children,
457
- logo = t0.logo,
458
- badgeVariant = t0.badgeVariant,
459
- menu = t0.menu,
460
- t1 = t0.menuHideScreen,
461
- appBarControl = t0.appBarControl;
462
- var menuHideScreen = t1 === undefined ? "sm" : t1;
463
- var location = useLocation();
464
- var getMenuTitles = _temp;
465
- var _useState = useState(false),
466
- _useState2 = _slicedToArray(_useState, 2),
467
- isMobileOpen = _useState2[0],
468
- setIsMobileOpen = _useState2[1];
469
- var t2;
470
- if ($[0] !== menu) {
471
- t2 = getMenuTitles(menu);
472
- $[0] = menu;
473
- $[1] = t2;
474
- } else {
475
- t2 = $[1];
476
- }
477
- var _useState3 = useState(t2),
478
- _useState4 = _slicedToArray(_useState3, 2),
479
- menuTitles_0 = _useState4[0],
480
- setMenuTitles = _useState4[1];
481
- var t3;
482
- if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
483
- t3 = function t3() {
484
- return setIsMobileOpen(false);
485
- };
486
- $[2] = t3;
487
- } else {
488
- t3 = $[2];
489
- }
490
- useChange(location.pathname, t3, true);
491
- var t4;
492
- if ($[3] !== menu) {
493
- t4 = function t4() {
494
- return setMenuTitles(getMenuTitles(menu));
495
- };
496
- $[3] = menu;
497
- $[4] = t4;
498
- } else {
499
- t4 = $[4];
500
- }
501
- useChange(menu, t4, true);
502
- var t5;
503
- if ($[5] === Symbol["for"]("react.memo_cache_sentinel")) {
504
- t5 = function t5() {
505
- setIsMobileOpen(_temp2);
506
- };
507
- $[5] = t5;
508
- } else {
509
- t5 = $[5];
510
- }
511
- var toggleIsMobileOpen = t5;
512
- var t6;
513
- if ($[6] !== menuHideScreen) {
514
- t6 = SCREENS.reduce(function (acc, screen) {
515
- if (screen === menuHideScreen) {
516
- acc.found = true;
517
- acc.display[screen] = "block";
518
- } else {
519
- acc.display[screen] = acc.found ? "none" : "block";
520
- }
521
- return acc;
522
- }, {
523
- found: false,
524
- display: {}
525
- });
526
- $[6] = menuHideScreen;
527
- $[7] = t6;
528
- } else {
529
- t6 = $[7];
530
- }
531
- var t7;
532
- if ($[8] !== t6.display) {
533
- t7 = {
534
- display: t6.display
535
- };
536
- $[8] = t6.display;
537
- $[9] = t7;
538
- } else {
539
- t7 = $[9];
540
- }
541
- var sideMenuTemporaryDrawerSx = t7;
542
- var t8;
543
- if ($[10] !== menuHideScreen) {
544
- t8 = SCREENS.reduce(function (acc_0, screen_0) {
545
- if (screen_0 === menuHideScreen) {
546
- acc_0.found = true;
547
- acc_0.display[screen_0] = "none";
548
- } else {
549
- acc_0.display[screen_0] = acc_0.found ? "block" : "none";
550
- }
551
- return acc_0;
552
- }, {
553
- found: false,
554
- display: {}
555
- });
556
- $[10] = menuHideScreen;
557
- $[11] = t8;
558
- } else {
559
- t8 = $[11];
560
- }
561
- var t9;
562
- if ($[12] !== t8.display) {
563
- t9 = {
564
- display: t8.display
565
- };
566
- $[12] = t8.display;
567
- $[13] = t9;
568
- } else {
569
- t9 = $[13];
570
- }
571
- var sideMenuPermanentDrawerSx = t9;
572
- var nextMenuScreen = _getNextScreen(menuHideScreen);
573
- var t10;
574
- if ($[14] !== nextMenuScreen) {
575
- t10 = {
576
- width: _defineProperty({}, nextMenuScreen, "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)")),
577
- ml: _defineProperty({}, nextMenuScreen, "".concat(SIDE_MENU_WIDTH, "px"))
578
- };
579
- $[14] = nextMenuScreen;
580
- $[15] = t10;
581
- } else {
582
- t10 = $[15];
583
- }
584
- var appBarSx = t10;
585
- var t11;
586
- if ($[16] !== nextMenuScreen) {
587
- t11 = {
588
- mr: 2,
589
- display: _defineProperty({}, nextMenuScreen, "none")
590
- };
591
- $[16] = nextMenuScreen;
592
- $[17] = t11;
593
- } else {
594
- t11 = $[17];
595
- }
596
- var appBarIconButtonSx = t11;
597
- var t12;
598
- if ($[18] !== nextMenuScreen) {
599
- t12 = {
600
- width: _defineProperty({}, nextMenuScreen, SIDE_MENU_WIDTH),
601
- flexShrink: _defineProperty({}, nextMenuScreen, 0)
602
- };
603
- $[18] = nextMenuScreen;
604
- $[19] = t12;
605
- } else {
606
- t12 = $[19];
607
- }
608
- var sideMenuContainerBoxSx = t12;
609
- var t13;
610
- if ($[20] !== nextMenuScreen) {
611
- t13 = {
612
- width: _defineProperty({}, nextMenuScreen, "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)")),
613
- flexGrow: 1,
614
- p: 2,
615
- display: "flex",
616
- flexDirection: "column",
617
- minHeight: "100vh"
618
- };
619
- $[20] = nextMenuScreen;
620
- $[21] = t13;
621
- } else {
622
- t13 = $[21];
623
- }
624
- var mainBoxSx = t13;
625
- var titleData = menuTitles_0[location.pathname];
626
- var t14;
627
- if ($[22] !== appBarControl || $[23] !== appBarIconButtonSx || $[24] !== appBarSx || $[25] !== badgeVariant || $[26] !== children || $[27] !== isMobileOpen || $[28] !== logo || $[29] !== mainBoxSx || $[30] !== menu || $[31] !== sideMenuContainerBoxSx || $[32] !== sideMenuPermanentDrawerSx || $[33] !== sideMenuTemporaryDrawerSx || $[34] !== titleData) {
628
- var t15;
629
- if ($[36] !== appBarControl || $[37] !== appBarIconButtonSx || $[38] !== appBarSx || $[39] !== titleData) {
630
- var _t;
631
- if ($[41] !== appBarSx) {
632
- _t = {
633
- position: "fixed",
634
- elevation: 0,
635
- sx: appBarSx
605
+ var $ = 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 = useLocation();
609
+ var getMenuTitles = _temp;
610
+ var _useState = 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 = 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);
636
625
  };
637
- $[41] = appBarSx;
638
- $[42] = _t;
639
- } else {
640
- _t = $[42];
641
- }
642
- var _t2;
643
- if ($[43] !== appBarControl || $[44] !== appBarIconButtonSx || $[45] !== titleData) {
644
- var t18;
645
- if ($[47] !== appBarIconButtonSx) {
646
- var _t3;
647
- if ($[49] === Symbol["for"]("react.memo_cache_sentinel")) {
648
- _t3 = /*#__PURE__*/React.createElement(Menu, null);
649
- $[49] = _t3;
650
- } else {
651
- _t3 = $[49];
652
- }
653
- t18 = /*#__PURE__*/React.createElement(IconButton, {
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(Menu, null);
782
+ $[22] = t14;
783
+ }
784
+ else {
785
+ t14 = $[22];
786
+ }
787
+ var t15;
788
+ if ($[23] !== appBarIconButtonSx) {
789
+ t15 = /*#__PURE__*/ React.createElement(IconButton, {
654
790
  color: "inherit",
655
791
  "aria-label": "open drawer",
656
792
  edge: "start",
657
793
  onClick: toggleIsMobileOpen,
658
794
  sx: appBarIconButtonSx
659
- }, _t3);
660
- $[47] = appBarIconButtonSx;
661
- $[48] = t18;
662
- } else {
663
- t18 = $[48];
664
- }
665
- var t19;
666
- if ($[50] !== titleData) {
667
- var t20;
668
- if ($[52] === Symbol["for"]("react.memo_cache_sentinel")) {
669
- t20 = {
670
- variant: "h6",
671
- noWrap: true,
672
- component: "div",
673
- sx: {
674
- flexGrow: 1
675
- }
676
- };
677
- $[52] = t20;
678
- } else {
679
- t20 = $[52];
680
- }
681
- t19 = /*#__PURE__*/React.createElement(Typography, t20, titleData && /*#__PURE__*/React.createElement(Title, {
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, {
682
815
  title: titleData.name,
683
816
  icon: titleData.icon,
684
817
  headTitle: titleData.parentName,
685
818
  headIcon: titleData.parentIcon
686
- }));
687
- $[50] = titleData;
688
- $[51] = t19;
689
- } else {
690
- t19 = $[51];
691
- }
692
- _t2 = /*#__PURE__*/React.createElement(Toolbar, null, t18, t19, appBarControl);
693
- $[43] = appBarControl;
694
- $[44] = appBarIconButtonSx;
695
- $[45] = titleData;
696
- $[46] = _t2;
697
- } else {
698
- _t2 = $[46];
699
- }
700
- t15 = /*#__PURE__*/React.createElement(StyledAppBar, _t, _t2);
701
- $[36] = appBarControl;
702
- $[37] = appBarIconButtonSx;
703
- $[38] = appBarSx;
704
- $[39] = titleData;
705
- $[40] = t15;
706
- } else {
707
- t15 = $[40];
819
+ });
820
+ $[26] = titleData;
821
+ $[27] = t17;
708
822
  }
709
- var t16;
710
- if ($[53] !== badgeVariant || $[54] !== isMobileOpen || $[55] !== logo || $[56] !== menu || $[57] !== sideMenuContainerBoxSx || $[58] !== sideMenuPermanentDrawerSx || $[59] !== sideMenuTemporaryDrawerSx) {
711
- var _t4;
712
- if ($[61] !== sideMenuContainerBoxSx) {
713
- _t4 = {
714
- component: "nav",
715
- "aria-label": "mailbox folders",
716
- sx: sideMenuContainerBoxSx
717
- };
718
- $[61] = sideMenuContainerBoxSx;
719
- $[62] = _t4;
720
- } else {
721
- _t4 = $[62];
722
- }
723
- var _t5;
724
- if ($[63] !== badgeVariant || $[64] !== isMobileOpen || $[65] !== logo || $[66] !== menu || $[67] !== sideMenuTemporaryDrawerSx) {
725
- var _t6;
726
- if ($[69] === Symbol["for"]("react.memo_cache_sentinel")) {
727
- _t6 = {
823
+ else {
824
+ t17 = $[27];
825
+ }
826
+ var t18;
827
+ if ($[28] !== t17) {
828
+ t18 = /*#__PURE__*/ React.createElement(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(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 = {
728
868
  keepMounted: true
729
- };
730
- $[69] = _t6;
731
- } else {
732
- _t6 = $[69];
733
- }
734
- var _t7;
735
- if ($[70] !== isMobileOpen || $[71] !== sideMenuTemporaryDrawerSx) {
736
- _t7 = {
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, {
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, {
737
893
  variant: "temporary",
738
894
  open: isMobileOpen,
739
895
  onClose: toggleIsMobileOpen,
740
896
  sx: sideMenuTemporaryDrawerSx,
741
- ModalProps: _t6
742
- };
743
- $[70] = isMobileOpen;
744
- $[71] = sideMenuTemporaryDrawerSx;
745
- $[72] = _t7;
746
- } else {
747
- _t7 = $[72];
748
- }
749
- var t21;
750
- if ($[73] !== badgeVariant || $[74] !== logo || $[75] !== menu) {
751
- t21 = menu && /*#__PURE__*/React.createElement(SideMenu, {
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, {
752
910
  logo: logo,
753
911
  badgeVariant: badgeVariant,
754
912
  list: menu
755
- });
756
- $[73] = badgeVariant;
757
- $[74] = logo;
758
- $[75] = menu;
759
- $[76] = t21;
760
- } else {
761
- t21 = $[76];
762
- }
763
- _t5 = /*#__PURE__*/React.createElement(StyledSideMenuTemporaryDrawer, _t7, t21);
764
- $[63] = badgeVariant;
765
- $[64] = isMobileOpen;
766
- $[65] = logo;
767
- $[66] = menu;
768
- $[67] = sideMenuTemporaryDrawerSx;
769
- $[68] = _t5;
770
- } else {
771
- _t5 = $[68];
772
- }
773
- var _t8;
774
- if ($[77] !== badgeVariant || $[78] !== logo || $[79] !== menu || $[80] !== sideMenuPermanentDrawerSx) {
775
- var _t9;
776
- if ($[82] !== sideMenuPermanentDrawerSx) {
777
- _t9 = {
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, {
778
925
  variant: "permanent",
779
926
  open: true,
780
927
  sx: sideMenuPermanentDrawerSx
781
- };
782
- $[82] = sideMenuPermanentDrawerSx;
783
- $[83] = _t9;
784
- } else {
785
- _t9 = $[83];
786
- }
787
- var _t0;
788
- if ($[84] !== badgeVariant || $[85] !== logo || $[86] !== menu) {
789
- _t0 = menu && /*#__PURE__*/React.createElement(SideMenu, {
790
- logo: logo,
791
- badgeVariant: badgeVariant,
792
- list: menu
793
- });
794
- $[84] = badgeVariant;
795
- $[85] = logo;
796
- $[86] = menu;
797
- $[87] = _t0;
798
- } else {
799
- _t0 = $[87];
800
- }
801
- _t8 = /*#__PURE__*/React.createElement(StyledSideMenuPermanentDrawer, _t9, _t0);
802
- $[77] = badgeVariant;
803
- $[78] = logo;
804
- $[79] = menu;
805
- $[80] = sideMenuPermanentDrawerSx;
806
- $[81] = _t8;
807
- } else {
808
- _t8 = $[81];
809
- }
810
- t16 = /*#__PURE__*/React.createElement(Box, _t4, _t5, _t8);
811
- $[53] = badgeVariant;
812
- $[54] = isMobileOpen;
813
- $[55] = logo;
814
- $[56] = menu;
815
- $[57] = sideMenuContainerBoxSx;
816
- $[58] = sideMenuPermanentDrawerSx;
817
- $[59] = sideMenuTemporaryDrawerSx;
818
- $[60] = t16;
819
- } else {
820
- t16 = $[60];
928
+ }, t24);
929
+ $[50] = sideMenuPermanentDrawerSx;
930
+ $[51] = t24;
931
+ $[52] = t25;
821
932
  }
822
- var t17;
823
- if ($[88] !== children || $[89] !== mainBoxSx) {
824
- var _t1;
825
- if ($[91] !== mainBoxSx) {
826
- _t1 = {
827
- component: "main",
828
- sx: mainBoxSx
829
- };
830
- $[91] = mainBoxSx;
831
- $[92] = _t1;
832
- } else {
833
- _t1 = $[92];
834
- }
835
- var _t10;
836
- if ($[93] === Symbol["for"]("react.memo_cache_sentinel")) {
837
- _t10 = /*#__PURE__*/React.createElement(Toolbar, null);
838
- $[93] = _t10;
839
- } else {
840
- _t10 = $[93];
841
- }
842
- var _t11;
843
- if ($[94] !== children) {
844
- _t11 = /*#__PURE__*/React.createElement(StyledMainContentDiv, null, children);
845
- $[94] = children;
846
- $[95] = _t11;
847
- } else {
848
- _t11 = $[95];
849
- }
850
- t17 = /*#__PURE__*/React.createElement(Box, _t1, _t10, _t11);
851
- $[88] = children;
852
- $[89] = mainBoxSx;
853
- $[90] = t17;
854
- } else {
855
- t17 = $[90];
856
- }
857
- t14 = /*#__PURE__*/React.createElement(StyledContainerBox, null, t15, t16, t17);
858
- $[22] = appBarControl;
859
- $[23] = appBarIconButtonSx;
860
- $[24] = appBarSx;
861
- $[25] = badgeVariant;
862
- $[26] = children;
863
- $[27] = isMobileOpen;
864
- $[28] = logo;
865
- $[29] = mainBoxSx;
866
- $[30] = menu;
867
- $[31] = sideMenuContainerBoxSx;
868
- $[32] = sideMenuPermanentDrawerSx;
869
- $[33] = sideMenuTemporaryDrawerSx;
870
- $[34] = titleData;
871
- $[35] = t14;
872
- } else {
873
- t14 = $[35];
874
- }
875
- return t14;
933
+ else {
934
+ t25 = $[52];
935
+ }
936
+ var t26;
937
+ if ($[53] !== sideMenuContainerBoxSx || $[54] !== t23 || $[55] !== t25) {
938
+ t26 = /*#__PURE__*/ React.createElement(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(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(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;
876
993
  };
994
+ /********************************************************************************************************************
995
+ * Types
996
+ * ******************************************************************************************************************/
877
997
  /********************************************************************************************************************
878
998
  * Styled Components
879
999
  * ******************************************************************************************************************/
880
1000
  var StyledContainerBox = styled(Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n height: 100%;\n"])));
881
1001
  var StyledAppBar = styled(AppBar)(function (_ref) {
882
- var theme = _ref.theme;
883
- return theme.unstable_sx({
884
- backdropFilter: 'blur(20px)',
885
- backgroundColor: 'rgba(255, 255, 255, 0.7)',
886
- color: 'text.primary',
887
- borderBottom: 'thin solid #f5f5f5'
888
- });
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
+ });
889
1009
  });
890
1010
  var StyledSideMenuTemporaryDrawer = styled(Drawer)(function (_ref2) {
891
- var theme = _ref2.theme;
892
- return theme.unstable_sx({
893
- '& .MuiDrawer-paper': {
894
- boxSizing: 'border-box',
895
- width: SIDE_MENU_WIDTH
896
- }
897
- });
1011
+ var theme = _ref2.theme;
1012
+ return theme.unstable_sx({
1013
+ '& .MuiDrawer-paper': {
1014
+ boxSizing: 'border-box',
1015
+ width: SIDE_MENU_WIDTH
1016
+ }
1017
+ });
898
1018
  });
899
1019
  var StyledSideMenuPermanentDrawer = styled(Drawer)(function (_ref3) {
900
- var theme = _ref3.theme;
901
- return theme.unstable_sx({
902
- '& .MuiDrawer-paper': {
903
- boxSizing: 'border-box',
904
- width: SIDE_MENU_WIDTH
905
- }
906
- });
1020
+ var theme = _ref3.theme;
1021
+ return theme.unstable_sx({
1022
+ '& .MuiDrawer-paper': {
1023
+ boxSizing: 'border-box',
1024
+ width: SIDE_MENU_WIDTH
1025
+ }
1026
+ });
907
1027
  });
908
1028
  var StyledMainContentDiv = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex: 1;\n"])));
909
1029
  function _temp(m) {
910
- var menuTitles = {};
911
- if (m) {
912
- m.forEach(function (info) {
913
- if ((info.uri == null || info.uri === "") && info.items && info.items.length > 0) {
914
- info.items.map(function (subInfo) {
915
- menuTitles[subInfo.uri] = {
916
- name: subInfo.name,
917
- parentName: info.name,
918
- parentIcon: info.icon
919
- };
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
+ }
920
1050
  });
921
- } else {
922
- if (info.uri) {
923
- menuTitles[info.uri] = {
924
- name: info.name,
925
- icon: info.icon
926
- };
927
- }
928
- }
929
- });
930
- }
931
- return menuTitles;
1051
+ }
1052
+ return menuTitles;
932
1053
  }
933
1054
  function _temp2(isMobileOpen_0) {
934
- return !isMobileOpen_0;
1055
+ return !isMobileOpen_0;
935
1056
  }export{CardLayout,DefaultLayout};