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