@pdg/react-admin-layout 1.0.35 → 1.0.36

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 (4) hide show
  1. package/dist/DefaultLayout/DefaultLayout.d.ts +1 -1
  2. package/dist/index.esm.js +24 -30
  3. package/dist/index.js +23 -29
  4. package/package.json +1 -1
package/dist/DefaultLayout/DefaultLayout.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { DefaultLayoutProps as Props } from './DefaultLayout.types';
3
- declare const DefaultLayout: ({ children, logo, badgeVariant, menu, menuHideScreen: initMenuHideScreen, appBarControl, }: Props) => React.JSX.Element;
3
+ declare const DefaultLayout: ({ children, logo, badgeVariant, menu, menuHideScreen, appBarControl }: Props) => React.JSX.Element;
4
4
  export default DefaultLayout;
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import {Grid,styled,ListItemIcon,ListItemButton,Icon,ListItemText,Badge,Collapse,List,useTheme,alpha,Box,Toolbar,Typography,AppBar,Drawer,IconButton}from'@mui/material';import React,{useState,useEffect,useMemo}from'react';import {useLocation,useNavigate}from'react-router-dom';import {ExpandMore,Menu}from'@mui/icons-material';import {notEmpty,empty}from'@pdg/util';import SimpleBar from'simplebar-react';function styleInject(css, ref) {
1
+ import {Grid,styled,ListItemIcon,ListItemButton,Icon,ListItemText,Badge,Collapse,List,useTheme,alpha,Box,Toolbar,Typography,AppBar,Drawer,IconButton}from'@mui/material';import React,{useState,useEffect,useCallback,useMemo}from'react';import {useLocation,useNavigate}from'react-router-dom';import {ExpandMore,Menu}from'@mui/icons-material';import {notEmpty,empty}from'@pdg/util';import SimpleBar from'simplebar-react';function styleInject(css, ref) {
2
2
  if ( ref === void 0 ) ref = {};
3
3
  var insertAt = ref.insertAt;
4
4
 
@@ -26,7 +26,7 @@ import {Grid,styled,ListItemIcon,ListItemButton,Icon,ListItemText,Badge,Collapse
26
26
  }var css_248z = ".simplebar-track.simplebar-vertical {\n width: 8px !important;\n}\n.simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible:before {\n opacity: 0.3 !important;\n}\n\n.MuiButtonBase-root.MuiButton-root.MuiButton-outlined {\n padding: 5px 15px 4px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-sizeLarge {\n padding: 7px 21px 6px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-sizeSmall {\n padding: 3px 9px 2px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-contained {\n padding: 6px 16px 5px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {\n padding: 8px 22px 7px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-sizeSmall {\n padding: 4px 10px 3px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-text {\n padding: 6px 8px 5px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-sizeLarge {\n padding: 8px 11px 7px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-sizeSmall {\n padding: 4px 5px 3px;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo,\nmain,\ninput,\nbutton,\ntextarea,\npre,\nselect,\na {\n font-family: \"Pretendard\", \"Apple Gothic\", \"Dotum\", sans-serif;\n margin: 0;\n padding: 0;\n border: 0;\n vertical-align: top;\n box-sizing: border-box;\n word-break: keep-all;\n line-height: unset;\n}\n\n*:before,\n*:after {\n box-sizing: border-box;\n}";
27
27
  styleInject(css_248z);var CardLayout = function (_a) {
28
28
  var children = _a.children, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#eff3f8' : _b;
29
- return (React.createElement(Grid, { container: true, direction: 'column', alignItems: 'center', justifyContent: 'center', style: { minHeight: '100vh', backgroundColor: backgroundColor } },
29
+ return (React.createElement(Grid, { container: true, direction: 'column', alignItems: 'center', justifyContent: 'center', bgcolor: backgroundColor, minHeight: '100vh' },
30
30
  React.createElement(Grid, { item: true, xs: 12 }, children)));
31
31
  };/******************************************************************************
32
32
  Copyright (c) Microsoft Corporation.
@@ -171,13 +171,19 @@ var StyledHeadTitleTypography = styled(Typography)(templateObject_4 || (template
171
171
  var StyledTitleContainerDiv = styled('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: 1rem;\n"], ["\n display: flex;\n align-items: center;\n font-size: 1rem;\n"])));
172
172
  var StyledTitleIconContainerDiv = styled('div')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"], ["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"])));
173
173
  var templateObject_1$1, templateObject_2$1, templateObject_3, templateObject_4, templateObject_5, templateObject_6;var Title = function (_a) {
174
+ /********************************************************************************************************************
175
+ * Variable
176
+ * ******************************************************************************************************************/
174
177
  var title = _a.title, icon = _a.icon, headTitle = _a.headTitle, headIcon = _a.headIcon;
175
- var finalHeadIcon = useMemo(function () {
176
- return headIcon
177
- ? headIcon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); })
178
- : undefined;
179
- }, [headIcon]);
180
- var finalIcon = useMemo(function () { return (icon ? icon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); }) : undefined); }, [icon]);
178
+ var finalHeadIcon = headIcon
179
+ ? headIcon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); })
180
+ : undefined;
181
+ var finalIcon = icon
182
+ ? icon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); })
183
+ : undefined;
184
+ /********************************************************************************************************************
185
+ * Render
186
+ * ******************************************************************************************************************/
181
187
  return (React.createElement(StyledContainerBox$1, null,
182
188
  headTitle && (React.createElement(StyledHeadContainerBox, null,
183
189
  finalHeadIcon && (React.createElement(StyledHeadIconContainerBox, null,
@@ -187,7 +193,8 @@ var templateObject_1$1, templateObject_2$1, templateObject_3, templateObject_4,
187
193
  finalIcon && (React.createElement(StyledTitleIconContainerDiv, null,
188
194
  React.createElement(Icon, { fontSize: 'small' }, finalIcon))),
189
195
  React.createElement("div", null, title))));
190
- };var SIDE_MENU_WIDTH = 220;
196
+ };
197
+ var Title$1 = React.memo(Title);var SIDE_MENU_WIDTH = 220;
191
198
  var StyledContainerBox = styled(Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n"], ["\n display: flex;\n height: 100%;\n"])));
192
199
  var StyledAppBar = styled(AppBar)(function (_a) {
193
200
  var theme = _a.theme;
@@ -241,15 +248,13 @@ var DefaultLayout = function (_a) {
241
248
  * Use
242
249
  * ******************************************************************************************************************/
243
250
  var _b, _c, _d, _e, _f, _g;
244
- var children = _a.children, logo = _a.logo, badgeVariant = _a.badgeVariant, menu = _a.menu, initMenuHideScreen = _a.menuHideScreen, appBarControl = _a.appBarControl;
251
+ var children = _a.children, logo = _a.logo, badgeVariant = _a.badgeVariant, menu = _a.menu, _h = _a.menuHideScreen, menuHideScreen = _h === void 0 ? 'sm' : _h, appBarControl = _a.appBarControl;
245
252
  var location = useLocation();
246
253
  /********************************************************************************************************************
247
254
  * State
248
255
  * ******************************************************************************************************************/
249
- var _h = useState(false), isMobileOpen = _h[0], setIsMobileOpen = _h[1];
250
- var _j = useState({}), menuTitles = _j[0], setMenuTitles = _j[1];
251
- var _k = useState(), title = _k[0], setTitle = _k[1];
252
- var _l = useState(initMenuHideScreen || 'sm'), menuHideScreen = _l[0], setMenuHideScreen = _l[1];
256
+ var _j = useState(false), isMobileOpen = _j[0], setIsMobileOpen = _j[1];
257
+ var _k = useState({}), menuTitles = _k[0], setMenuTitles = _k[1];
253
258
  /********************************************************************************************************************
254
259
  * Effect
255
260
  * ******************************************************************************************************************/
@@ -269,27 +274,15 @@ var DefaultLayout = function (_a) {
269
274
  }
270
275
  setMenuTitles(menuTitles);
271
276
  }, [menu]);
272
- useEffect(function () {
273
- setMenuHideScreen(initMenuHideScreen || 'sm');
274
- }, [initMenuHideScreen]);
275
277
  useEffect(function () {
276
278
  setIsMobileOpen(false);
277
279
  }, [location]);
278
- useEffect(function () {
279
- if (menuTitles) {
280
- var titleData = menuTitles[location.pathname];
281
- if (titleData) {
282
- setTitle(React.createElement(Title, { title: titleData.name, icon: titleData.icon, headTitle: titleData.parentName, headIcon: titleData.parentIcon }));
283
- }
284
- else {
285
- setTitle(undefined);
286
- }
287
- }
288
- }, [location, menuTitles]);
289
280
  /********************************************************************************************************************
290
281
  * Function
291
282
  * ******************************************************************************************************************/
292
- var toggleIsMobileOpen = function () { return setIsMobileOpen(function (isMobileOpen) { return !isMobileOpen; }); };
283
+ var toggleIsMobileOpen = useCallback(function () {
284
+ setIsMobileOpen(function (isMobileOpen) { return !isMobileOpen; });
285
+ }, []);
293
286
  /********************************************************************************************************************
294
287
  * Memo
295
288
  * ******************************************************************************************************************/
@@ -337,6 +330,7 @@ var DefaultLayout = function (_a) {
337
330
  flexShrink: (_f = {}, _f[nextMenuScreen] = 0, _f),
338
331
  };
339
332
  var mainBoxSx = { width: (_g = {}, _g[nextMenuScreen] = "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)"), _g) };
333
+ var titleData = menuTitles[location.pathname];
340
334
  /********************************************************************************************************************
341
335
  * Render
342
336
  * ******************************************************************************************************************/
@@ -345,7 +339,7 @@ var DefaultLayout = function (_a) {
345
339
  React.createElement(Toolbar, null,
346
340
  React.createElement(IconButton, { color: 'inherit', "aria-label": 'open drawer', edge: 'start', onClick: toggleIsMobileOpen, sx: appBarIconButtonSx },
347
341
  React.createElement(Menu, null)),
348
- React.createElement(Typography, { variant: 'h6', noWrap: true, component: 'div', sx: { flexGrow: 1 } }, title),
342
+ React.createElement(Typography, { variant: 'h6', noWrap: true, component: 'div', sx: { flexGrow: 1 } }, titleData && (React.createElement(Title$1, { title: titleData.name, icon: titleData.icon, headTitle: titleData.parentName, headIcon: titleData.parentIcon }))),
349
343
  appBarControl)),
350
344
  React.createElement(StyledSideMenuContainerBox, { component: 'nav', "aria-label": 'mailbox folders', sx: sideMenuContainerBoxSx },
351
345
  React.createElement(StyledSideMenuTemporaryDrawer, { variant: 'temporary', open: isMobileOpen, onClose: toggleIsMobileOpen, sx: sideMenuTemporaryDrawerSx, ModalProps: {
package/dist/index.js CHANGED
@@ -26,7 +26,7 @@
26
26
  }var css_248z = ".simplebar-track.simplebar-vertical {\n width: 8px !important;\n}\n.simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-visible:before {\n opacity: 0.3 !important;\n}\n\n.MuiButtonBase-root.MuiButton-root.MuiButton-outlined {\n padding: 5px 15px 4px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-sizeLarge {\n padding: 7px 21px 6px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-sizeSmall {\n padding: 3px 9px 2px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-contained {\n padding: 6px 16px 5px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-sizeLarge {\n padding: 8px 22px 7px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-sizeSmall {\n padding: 4px 10px 3px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-text {\n padding: 6px 8px 5px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-sizeLarge {\n padding: 8px 11px 7px;\n}\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-sizeSmall {\n padding: 4px 5px 3px;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo,\nmain,\ninput,\nbutton,\ntextarea,\npre,\nselect,\na {\n font-family: \"Pretendard\", \"Apple Gothic\", \"Dotum\", sans-serif;\n margin: 0;\n padding: 0;\n border: 0;\n vertical-align: top;\n box-sizing: border-box;\n word-break: keep-all;\n line-height: unset;\n}\n\n*:before,\n*:after {\n box-sizing: border-box;\n}";
27
27
  styleInject(css_248z);var CardLayout = function (_a) {
28
28
  var children = _a.children, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#eff3f8' : _b;
29
- return (React.createElement(material.Grid, { container: true, direction: 'column', alignItems: 'center', justifyContent: 'center', style: { minHeight: '100vh', backgroundColor: backgroundColor } },
29
+ return (React.createElement(material.Grid, { container: true, direction: 'column', alignItems: 'center', justifyContent: 'center', bgcolor: backgroundColor, minHeight: '100vh' },
30
30
  React.createElement(material.Grid, { item: true, xs: 12 }, children)));
31
31
  };/******************************************************************************
32
32
  Copyright (c) Microsoft Corporation.
@@ -171,13 +171,19 @@ var StyledHeadTitleTypography = material.styled(material.Typography)(templateObj
171
171
  var StyledTitleContainerDiv = material.styled('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n font-size: 1rem;\n"], ["\n display: flex;\n align-items: center;\n font-size: 1rem;\n"])));
172
172
  var StyledTitleIconContainerDiv = material.styled('div')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"], ["\n flex-shrink: 0;\n display: inline-flex;\n margin-right: 0.3rem;\n"])));
173
173
  var templateObject_1$1, templateObject_2$1, templateObject_3, templateObject_4, templateObject_5, templateObject_6;var Title = function (_a) {
174
+ /********************************************************************************************************************
175
+ * Variable
176
+ * ******************************************************************************************************************/
174
177
  var title = _a.title, icon = _a.icon, headTitle = _a.headTitle, headIcon = _a.headIcon;
175
- var finalHeadIcon = React.useMemo(function () {
176
- return headIcon
177
- ? headIcon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); })
178
- : undefined;
179
- }, [headIcon]);
180
- var finalIcon = React.useMemo(function () { return (icon ? icon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); }) : undefined); }, [icon]);
178
+ var finalHeadIcon = headIcon
179
+ ? headIcon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); })
180
+ : undefined;
181
+ var finalIcon = icon
182
+ ? icon.replace(/[A-Z]/g, function (letter, idx) { return "".concat(idx > 0 ? '_' : '').concat(letter.toLowerCase()); })
183
+ : undefined;
184
+ /********************************************************************************************************************
185
+ * Render
186
+ * ******************************************************************************************************************/
181
187
  return (React.createElement(StyledContainerBox$1, null,
182
188
  headTitle && (React.createElement(StyledHeadContainerBox, null,
183
189
  finalHeadIcon && (React.createElement(StyledHeadIconContainerBox, null,
@@ -187,7 +193,8 @@ var templateObject_1$1, templateObject_2$1, templateObject_3, templateObject_4,
187
193
  finalIcon && (React.createElement(StyledTitleIconContainerDiv, null,
188
194
  React.createElement(material.Icon, { fontSize: 'small' }, finalIcon))),
189
195
  React.createElement("div", null, title))));
190
- };var SIDE_MENU_WIDTH = 220;
196
+ };
197
+ var Title$1 = React.memo(Title);var SIDE_MENU_WIDTH = 220;
191
198
  var StyledContainerBox = material.styled(material.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n height: 100%;\n"], ["\n display: flex;\n height: 100%;\n"])));
192
199
  var StyledAppBar = material.styled(material.AppBar)(function (_a) {
193
200
  var theme = _a.theme;
@@ -241,15 +248,13 @@ var DefaultLayout = function (_a) {
241
248
  * Use
242
249
  * ******************************************************************************************************************/
243
250
  var _b, _c, _d, _e, _f, _g;
244
- var children = _a.children, logo = _a.logo, badgeVariant = _a.badgeVariant, menu = _a.menu, initMenuHideScreen = _a.menuHideScreen, appBarControl = _a.appBarControl;
251
+ var children = _a.children, logo = _a.logo, badgeVariant = _a.badgeVariant, menu = _a.menu, _h = _a.menuHideScreen, menuHideScreen = _h === void 0 ? 'sm' : _h, appBarControl = _a.appBarControl;
245
252
  var location = reactRouterDom.useLocation();
246
253
  /********************************************************************************************************************
247
254
  * State
248
255
  * ******************************************************************************************************************/
249
- var _h = React.useState(false), isMobileOpen = _h[0], setIsMobileOpen = _h[1];
250
- var _j = React.useState({}), menuTitles = _j[0], setMenuTitles = _j[1];
251
- var _k = React.useState(), title = _k[0], setTitle = _k[1];
252
- var _l = React.useState(initMenuHideScreen || 'sm'), menuHideScreen = _l[0], setMenuHideScreen = _l[1];
256
+ var _j = React.useState(false), isMobileOpen = _j[0], setIsMobileOpen = _j[1];
257
+ var _k = React.useState({}), menuTitles = _k[0], setMenuTitles = _k[1];
253
258
  /********************************************************************************************************************
254
259
  * Effect
255
260
  * ******************************************************************************************************************/
@@ -269,27 +274,15 @@ var DefaultLayout = function (_a) {
269
274
  }
270
275
  setMenuTitles(menuTitles);
271
276
  }, [menu]);
272
- React.useEffect(function () {
273
- setMenuHideScreen(initMenuHideScreen || 'sm');
274
- }, [initMenuHideScreen]);
275
277
  React.useEffect(function () {
276
278
  setIsMobileOpen(false);
277
279
  }, [location]);
278
- React.useEffect(function () {
279
- if (menuTitles) {
280
- var titleData = menuTitles[location.pathname];
281
- if (titleData) {
282
- setTitle(React.createElement(Title, { title: titleData.name, icon: titleData.icon, headTitle: titleData.parentName, headIcon: titleData.parentIcon }));
283
- }
284
- else {
285
- setTitle(undefined);
286
- }
287
- }
288
- }, [location, menuTitles]);
289
280
  /********************************************************************************************************************
290
281
  * Function
291
282
  * ******************************************************************************************************************/
292
- var toggleIsMobileOpen = function () { return setIsMobileOpen(function (isMobileOpen) { return !isMobileOpen; }); };
283
+ var toggleIsMobileOpen = React.useCallback(function () {
284
+ setIsMobileOpen(function (isMobileOpen) { return !isMobileOpen; });
285
+ }, []);
293
286
  /********************************************************************************************************************
294
287
  * Memo
295
288
  * ******************************************************************************************************************/
@@ -337,6 +330,7 @@ var DefaultLayout = function (_a) {
337
330
  flexShrink: (_f = {}, _f[nextMenuScreen] = 0, _f),
338
331
  };
339
332
  var mainBoxSx = { width: (_g = {}, _g[nextMenuScreen] = "calc(100% - ".concat(SIDE_MENU_WIDTH, "px)"), _g) };
333
+ var titleData = menuTitles[location.pathname];
340
334
  /********************************************************************************************************************
341
335
  * Render
342
336
  * ******************************************************************************************************************/
@@ -345,7 +339,7 @@ var DefaultLayout = function (_a) {
345
339
  React.createElement(material.Toolbar, null,
346
340
  React.createElement(material.IconButton, { color: 'inherit', "aria-label": 'open drawer', edge: 'start', onClick: toggleIsMobileOpen, sx: appBarIconButtonSx },
347
341
  React.createElement(iconsMaterial.Menu, null)),
348
- React.createElement(material.Typography, { variant: 'h6', noWrap: true, component: 'div', sx: { flexGrow: 1 } }, title),
342
+ React.createElement(material.Typography, { variant: 'h6', noWrap: true, component: 'div', sx: { flexGrow: 1 } }, titleData && (React.createElement(Title$1, { title: titleData.name, icon: titleData.icon, headTitle: titleData.parentName, headIcon: titleData.parentIcon }))),
349
343
  appBarControl)),
350
344
  React.createElement(StyledSideMenuContainerBox, { component: 'nav', "aria-label": 'mailbox folders', sx: sideMenuContainerBoxSx },
351
345
  React.createElement(StyledSideMenuTemporaryDrawer, { variant: 'temporary', open: isMobileOpen, onClose: toggleIsMobileOpen, sx: sideMenuTemporaryDrawerSx, ModalProps: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pdg/react-admin-layout",
3
3
  "title": "React Admin Layout",
4
- "version": "1.0.35",
4
+ "version": "1.0.36",
5
5
  "description": "Admin Layout for React",
6
6
  "type": "module",
7
7
  "types": "dist/index.d.ts",