@pdg/react-admin-layout 1.0.54 → 1.0.56

package/README.md

@@ -6,3 +6,19 @@ React Admin Layout
 ```
 npm install -D @pdg/react-admin-layout
 ```
+
+## 추가 패키지 설치
+```
+npm install -D @emotion/react @emotion/styled @mui/icons-material @mui/material simplebar-react
+```
+
+## simplebar-react css 추가
+- javascript/typescript 에 추가 시
+  ```javascript
+  import 'simplebar-react/dist/simplebar.min.css';
+  ```
+
+- css/scss 에 추가 시
+  ```css
+  @import 'simplebar-react/dist/simplebar.min.css';
+  ```

package/dist/index.esm.js

@@ -372,7 +372,7 @@ var StyledListItemIcon = styled(ListItemIcon)(_templateObject2$2 || (_templateOb
 function _temp$3(old) {
   return !old;
 }var _templateObject$3;
-var StyledList = styled(List)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  padding: 0;\n"])));var SideMenuList$1 = function SideMenuList(t0) {
+var StyledList = styled(List)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  padding: 0;\n"])));var SideMenuList = function SideMenuList(t0) {
   var $ = c(15);
   var list = t0.list,
     badgeVariant = t0.badgeVariant;
@@ -431,7 +431,6 @@ var StyledList = styled(List)(_templateObject$3 || (_templateObject$3 = _taggedT
   }
   return t2;
 };
-var SideMenuList = /*#__PURE__*/React.memo(SideMenuList$1);
 function _temp$2(letter, idx) {
   return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
 }
@@ -447,7 +446,7 @@ var StyledLogoContainerBox = styled(Box)(function (_ref) {
     borderBottom: 'thin solid #f5f5f5',
     color: 'text.primary'
   });
-});var SideMenu$1 = function SideMenu(t0) {
+});var SideMenu = function SideMenu(t0) {
   var $ = c(8);
   var logo = t0.logo,
     badgeVariant = t0.badgeVariant,
@@ -482,8 +481,7 @@ var StyledLogoContainerBox = styled(Box)(function (_ref) {
     t3 = $[7];
   }
   return t3;
-};
-var SideMenu = /*#__PURE__*/React.memo(SideMenu$1);var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+};var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var StyledContainerBox$1 = styled(Box)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 var StyledHeadContainerBox = styled(Box)(function (_ref) {
   var theme = _ref.theme;
@@ -500,7 +498,7 @@ var StyledHeadIconContainerBox = styled(Box)(_templateObject2$1 || (_templateObj
 var StyledHeadIcon = styled(Icon)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 1rem;\n"])));
 var StyledHeadTitleTypography = styled(Typography)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 0.7rem;\n"])));
 var StyledTitleContainerDiv = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-size: 1rem;\n"])));
-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) {
+var StyledTitleIconContainerDiv = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n  display: inline-flex;\n  margin-right: 0.3rem;\n"])));var Title = function Title(t0) {
   var $ = c(17);
   var title = t0.title,
     icon = t0.icon,
@@ -571,7 +569,6 @@ var StyledTitleIconContainerDiv = styled('div')(_templateObject6 || (_templateOb
   }
   return t7;
 };
-var Title = /*#__PURE__*/React.memo(Title$1);
 function _temp$1(letter, idx) {
   return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
 }

package/dist/index.js

@@ -431,7 +431,6 @@ var StyledList = material.styled(material.List)(_templateObject$3 || (_templateO
   }
   return t2;
 };
-var SideMenuList$1 = /*#__PURE__*/React.memo(SideMenuList);
 function _temp$2(letter, idx) {
   return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
 }
@@ -462,7 +461,7 @@ var StyledLogoContainerBox = material.styled(material.Box)(function (_ref) {
   }
   var t2;
   if ($[2] !== badgeVariant || $[3] !== list) {
-    t2 = list && /*#__PURE__*/React.createElement(SideMenuList$1, {
+    t2 = list && /*#__PURE__*/React.createElement(SideMenuList, {
       badgeVariant: badgeVariant,
       list: list
     });
@@ -482,8 +481,7 @@ var StyledLogoContainerBox = material.styled(material.Box)(function (_ref) {
     t3 = $[7];
   }
   return t3;
-};
-var SideMenu$1 = /*#__PURE__*/React.memo(SideMenu);var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+};var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 var StyledContainerBox$1 = material.styled(material.Box)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
 var StyledHeadContainerBox = material.styled(material.Box)(function (_ref) {
   var theme = _ref.theme;
@@ -571,7 +569,6 @@ var StyledTitleIconContainerDiv = material.styled('div')(_templateObject6 || (_t
   }
   return t7;
 };
-var Title$1 = /*#__PURE__*/React.memo(Title);
 function _temp$1(letter, idx) {
   return "".concat(idx > 0 ? "_" : "").concat(letter.toLowerCase());
 }
@@ -787,7 +784,7 @@ var DefaultLayout = function DefaultLayout(t0) {
   }
   var t17;
   if ($[26] !== titleData) {
-    t17 = titleData && /*#__PURE__*/React.createElement(Title$1, {
+    t17 = titleData && /*#__PURE__*/React.createElement(Title, {
       title: titleData.name,
       icon: titleData.icon,
       headTitle: titleData.parentName,
@@ -845,7 +842,7 @@ var DefaultLayout = function DefaultLayout(t0) {
   }
   var t22;
   if ($[38] !== badgeVariant || $[39] !== logo || $[40] !== menu) {
-    t22 = menu && /*#__PURE__*/React.createElement(SideMenu$1, {
+    t22 = menu && /*#__PURE__*/React.createElement(SideMenu, {
       logo: logo,
       badgeVariant: badgeVariant,
       list: menu
@@ -875,7 +872,7 @@ var DefaultLayout = function DefaultLayout(t0) {
   }
   var t24;
   if ($[46] !== badgeVariant || $[47] !== logo || $[48] !== menu) {
-    t24 = menu && /*#__PURE__*/React.createElement(SideMenu$1, {
+    t24 = menu && /*#__PURE__*/React.createElement(SideMenu, {
       logo: logo,
       badgeVariant: badgeVariant,
       list: menu

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdg/react-admin-layout",
   "title": "React Admin Layout",
   "description": "Admin Layout for React",
-  "version": "1.0.54",
+  "version": "1.0.56",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -31,13 +31,13 @@
     "dev": "cd examples && npm run dev",
     "watchman:del": "watchman watch-del \"${PWD}\" ; watchman watch-project \"${PWD}\"",
     "build:examples": "cd examples && npm run build",
-    "build": "npm run watchman:del && npm run lint && rollup -c --bundleConfigAsCjs",
+    "build": "npm run watchman:del && rollup -c --bundleConfigAsCjs",
     "git:commit": "node .git-commit.cjs",
     "git:push": "git push",
     "git:commit:push": "npm run git:commit && npm run git:push",
     "git:merge:mirror": "node .git-merge.cjs mirror main",
     "reset:gitignore": "git rm -r --cached . && git add .",
-    "pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && rm ./.git/hooks/pre-commit",
+    "pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && [ -f ./.git/hooks/pre-commit ] && rm ./.git/hooks/pre-commit || true",
     "lint": "eslint './src/**/*.{ts,tsx}'",
     "tsc": "tsc --noEmit",
     "reinstall": "npm run reinstall:module",
@@ -56,25 +56,29 @@
     "javascript"
   ],
   "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@mui/icons-material": "^7.0.0",
+    "@mui/material": "^7.0.0",
     "react": ">=19.0.0",
-    "react-dom": ">=19.0.0"
-  },
-  "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
-    "@mui/icons-material": "7.3.6",
-    "@mui/material": "7.3.6",
-    "react-router": "7.10.1",
-    "simplebar-react": "3.3.2"
+    "react-dom": ">=19.0.0",
+    "react-router": ">=7.0.0",
+    "simplebar-react": "^3.0.0"
   },
+  "dependencies": {},
   "devDependencies": {
     "@babel/core": "^7.28.5",
     "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@eslint/js": "9.39.1",
+    "@mui/icons-material": "^7.3.6",
+    "@mui/material": "^7.3.6",
     "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "29.0.0",
+    "@rollup/plugin-eslint": "^9.2.0",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@types/node": "^22.19.2",
     "@types/react": "19.2.7",
@@ -88,6 +92,9 @@
     "eslint-plugin-react-refresh": "0.4.24",
     "globals": "^16.5.0",
     "prettier": "3.7.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-router": "^7.11.0",
     "rollup": "4.53.3",
     "rollup-plugin-delete": "2.2.0",
     "rollup-plugin-peer-deps-external": "2.2.4",