@pdg/react-admin-layout 1.0.22 → 1.0.24

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 (5) hide show
  1. package/README.md +7 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.esm.js +28 -28
  4. package/dist/index.js +28 -28
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -15,9 +15,15 @@ npm install -D @pdg/react-admin-layout @mui/material @mui/icons-material @emotio
15
15
  ...
16
16
  <head>
17
17
  ...
18
- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
18
+ <link rel="preconnect" href="https://fonts.googleapis.com">
19
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
19
20
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
20
21
  ...
21
22
  </head>
22
23
  ...
23
24
  ```
25
+
26
+ ### simplebar-react css 추가
27
+ ```
28
+ import 'simplebar-react/dist/simplebar.min.css';
29
+ ```
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import './index.scss';
2
1
  export * from './CardLayout';
3
2
  export * from './DefaultLayout';
3
+ import './index.scss';
package/dist/index.esm.js CHANGED
@@ -1,30 +1,4 @@
1
- import {Grid,useTheme,alpha,ListItemButton,ListItemIcon,Icon,ListItemText,Badge,Collapse,styled,List,Box,Toolbar,Typography,AppBar,Drawer,IconButton}from'@mui/material';import React,{useState,useEffect,useCallback,useMemo}from'react';import {useLocation}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
- if ( ref === void 0 ) ref = {};
3
- var insertAt = ref.insertAt;
4
-
5
- if (!css || typeof document === 'undefined') { return; }
6
-
7
- var head = document.head || document.getElementsByTagName('head')[0];
8
- var style = document.createElement('style');
9
- style.type = 'text/css';
10
-
11
- if (insertAt === 'top') {
12
- if (head.firstChild) {
13
- head.insertBefore(style, head.firstChild);
14
- } else {
15
- head.appendChild(style);
16
- }
17
- } else {
18
- head.appendChild(style);
19
- }
20
-
21
- if (style.styleSheet) {
22
- style.styleSheet.cssText = css;
23
- } else {
24
- style.appendChild(document.createTextNode(css));
25
- }
26
- }var css_248z = "@import 'simplebar-react/dist/simplebar.min.css';\n.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}";
27
- styleInject(css_248z);var CardLayoutDefaultProps = {
1
+ import {Grid,useTheme,alpha,ListItemButton,ListItemIcon,Icon,ListItemText,Badge,Collapse,styled,List,Box,Toolbar,Typography,AppBar,Drawer,IconButton}from'@mui/material';import React,{useState,useEffect,useCallback,useMemo}from'react';import {useLocation}from'react-router-dom';import {ExpandMore,Menu}from'@mui/icons-material';import {notEmpty,empty}from'@pdg/util';import SimpleBar from'simplebar-react';var CardLayoutDefaultProps = {
28
2
  backgroundColor: '#eff3f8',
29
3
  };var CardLayout = function (_a) {
30
4
  var children = _a.children, backgroundColor = _a.backgroundColor;
@@ -396,4 +370,30 @@ var DefaultLayout = function (_a) {
396
370
  React.createElement(StyledMainBox, { component: 'main', sx: mainBoxSx },
397
371
  React.createElement(Toolbar, null),
398
372
  React.createElement(StyledMainContentDiv, null, children))));
399
- };export{CardLayout,DefaultLayout};
373
+ };function styleInject(css, ref) {
374
+ if ( ref === void 0 ) ref = {};
375
+ var insertAt = ref.insertAt;
376
+
377
+ if (!css || typeof document === 'undefined') { return; }
378
+
379
+ var head = document.head || document.getElementsByTagName('head')[0];
380
+ var style = document.createElement('style');
381
+ style.type = 'text/css';
382
+
383
+ if (insertAt === 'top') {
384
+ if (head.firstChild) {
385
+ head.insertBefore(style, head.firstChild);
386
+ } else {
387
+ head.appendChild(style);
388
+ }
389
+ } else {
390
+ head.appendChild(style);
391
+ }
392
+
393
+ if (style.styleSheet) {
394
+ style.styleSheet.cssText = css;
395
+ } else {
396
+ style.appendChild(document.createTextNode(css));
397
+ }
398
+ }var css_248z = "@import 'simplebar-react/dist/simplebar.min.css';\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 {\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}\n\nhtml,\nbody,\ninput,\nbutton,\ntextarea,\npre,\nselect {\n font-family: \"Pretendard\", \"Apple Gothic\", \"Dotum\", sans-serif;\n}\n\n.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}";
399
+ styleInject(css_248z);export{CardLayout,DefaultLayout};
package/dist/index.js CHANGED
@@ -1,30 +1,4 @@
1
- 'use strict';var material=require('@mui/material'),React=require('react'),reactRouterDom=require('react-router-dom'),iconsMaterial=require('@mui/icons-material'),util=require('@pdg/util'),SimpleBar=require('simplebar-react');function styleInject(css, ref) {
2
- if ( ref === void 0 ) ref = {};
3
- var insertAt = ref.insertAt;
4
-
5
- if (!css || typeof document === 'undefined') { return; }
6
-
7
- var head = document.head || document.getElementsByTagName('head')[0];
8
- var style = document.createElement('style');
9
- style.type = 'text/css';
10
-
11
- if (insertAt === 'top') {
12
- if (head.firstChild) {
13
- head.insertBefore(style, head.firstChild);
14
- } else {
15
- head.appendChild(style);
16
- }
17
- } else {
18
- head.appendChild(style);
19
- }
20
-
21
- if (style.styleSheet) {
22
- style.styleSheet.cssText = css;
23
- } else {
24
- style.appendChild(document.createTextNode(css));
25
- }
26
- }var css_248z = "@import 'simplebar-react/dist/simplebar.min.css';\n.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}";
27
- styleInject(css_248z);var CardLayoutDefaultProps = {
1
+ 'use strict';var material=require('@mui/material'),React=require('react'),reactRouterDom=require('react-router-dom'),iconsMaterial=require('@mui/icons-material'),util=require('@pdg/util'),SimpleBar=require('simplebar-react');var CardLayoutDefaultProps = {
28
2
  backgroundColor: '#eff3f8',
29
3
  };var CardLayout = function (_a) {
30
4
  var children = _a.children, backgroundColor = _a.backgroundColor;
@@ -396,4 +370,30 @@ var DefaultLayout = function (_a) {
396
370
  React.createElement(StyledMainBox, { component: 'main', sx: mainBoxSx },
397
371
  React.createElement(material.Toolbar, null),
398
372
  React.createElement(StyledMainContentDiv, null, children))));
399
- };exports.CardLayout=CardLayout;exports.DefaultLayout=DefaultLayout;
373
+ };function styleInject(css, ref) {
374
+ if ( ref === void 0 ) ref = {};
375
+ var insertAt = ref.insertAt;
376
+
377
+ if (!css || typeof document === 'undefined') { return; }
378
+
379
+ var head = document.head || document.getElementsByTagName('head')[0];
380
+ var style = document.createElement('style');
381
+ style.type = 'text/css';
382
+
383
+ if (insertAt === 'top') {
384
+ if (head.firstChild) {
385
+ head.insertBefore(style, head.firstChild);
386
+ } else {
387
+ head.appendChild(style);
388
+ }
389
+ } else {
390
+ head.appendChild(style);
391
+ }
392
+
393
+ if (style.styleSheet) {
394
+ style.styleSheet.cssText = css;
395
+ } else {
396
+ style.appendChild(document.createTextNode(css));
397
+ }
398
+ }var css_248z = "@import 'simplebar-react/dist/simplebar.min.css';\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 {\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}\n\nhtml,\nbody,\ninput,\nbutton,\ntextarea,\npre,\nselect {\n font-family: \"Pretendard\", \"Apple Gothic\", \"Dotum\", sans-serif;\n}\n\n.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}";
399
+ styleInject(css_248z);exports.CardLayout=CardLayout;exports.DefaultLayout=DefaultLayout;
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.22",
4
+ "version": "1.0.24",
5
5
  "description": "Admin Layout for React",
6
6
  "type": "module",
7
7
  "types": "dist/index.d.ts",