tenjin-ui-kit 0.2.10 → 0.2.12

package/components/wrapperLayout/layout/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Layout = function Layout(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      width: "100vw",
+      height: "100vh",
+      backgroundColor: "gray"
+    }
+  }, children);
+};
+var _default = Layout;
+exports.default = _default;

package/components/wrapperLayout/layout/style.js

@@ -0,0 +1 @@
+"use strict";

package/components/wrapperLayout/main/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Main = function Main(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      width: "100%",
+      height: "calc(100vh - 62px)",
+      padding: '0.5rem',
+      display: 'flex'
+    }
+  }, children);
+};
+var _default = Main;
+exports.default = _default;

package/components/wrapperLayout/main/pageContainer/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var PageContainer = function PageContainer() {
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      // display: 'flex',
+      // flex: 1,
+      flexGrow: 1,
+      '& > :not(style)': {
+        m: 1,
+        width: '100%',
+        maxHeight: '100%',
+        height: '100%',
+        margin: '0px !important'
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Paper, null, "Page Container"));
+};
+var _default = PageContainer;
+exports.default = _default;

package/components/wrapperLayout/main/sideBar/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var SideBar = function SideBar() {
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      // display: 'flex',
+      // flex: '1',
+      '& > :not(style)': {
+        m: 1,
+        width: '304px',
+        maxHeight: '100%',
+        height: '100%',
+        margin: '0px 8px 0px 0px !important'
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Paper, null, "SideBar"));
+};
+var _default = SideBar;
+exports.default = _default;

package/components/wrapperLayout/topBar/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var TopBar = function TopBar() {
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    sx: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      '& > :not(style)': {
+        m: 1,
+        width: '100vw',
+        height: '60px',
+        margin: '0px !important'
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Paper, null, "TopBar"));
+};
+var _default = TopBar;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },

package/themes/default.js

@@ -9,12 +9,12 @@ var _default = (0, _material.createTheme)({
   components: {
     MuiButton: {
       defaultProps: {
-        variant: "contained",
+        variant: 'contained',
         disableRipple: true
       },
       styleOverrides: {
         root: {
-          textTransform: "initial"
+          textTransform: 'initial'
         }
       }
     },
@@ -26,32 +26,32 @@ var _default = (0, _material.createTheme)({
   },
   overrides: {
     MuiCssBaseline: {
-      "@global": {
+      '@global': {
         html: {
-          "scroll-behavior": "smooth",
-          height: "100vh"
+          'scroll-behavior': 'smooth',
+          height: '100vh'
         },
         body: {
-          position: "relative",
+          position: 'relative',
           margin: 0,
-          height: "100vh",
-          color: "#000000",
-          backgroundColor: "#f4f7fc"
+          height: '100vh',
+          color: '#000000',
+          backgroundColor: '#f4f7fc'
         },
-        "*::-webkit-scrollbar": {
-          width: "6px"
+        '*::-webkit-scrollbar': {
+          width: '6px'
         },
         a: {
-          textDecoration: "none",
-          color: "#44409A"
+          textDecoration: 'none',
+          color: '#44409A'
         },
-        "*::-webkit-scrollbar-thumb": {
-          backgroundColor: "#e4e4e4",
-          borderRadius: "3px",
+        '*::-webkit-scrollbar-thumb': {
+          backgroundColor: '#e4e4e4',
+          borderRadius: '3px',
           opacity: 0.5
         },
-        "*::-webkit-scrollbar-track": {
-          background: "transparent"
+        '*::-webkit-scrollbar-track': {
+          background: 'transparent'
         }
       }
     }
@@ -94,80 +94,80 @@ var _default = (0, _material.createTheme)({
     //   main: "#BF1E1E",
     // },
     primary: {
-      main: "#44409A"
+      main: '#44409A'
     },
     primary_light: {
-      main: "#5B58A9"
+      main: '#5B58A9'
     },
     primary_dark: {
-      main: "#000050"
+      main: '#000050'
     },
     secondary: {
-      main: "#BF1E1E"
+      main: '#BF1E1E'
     },
     secondary_light: {
-      main: "#CC3F3F"
+      main: '#CC3F3F'
     },
     secondary_dark: {
-      main: "#951010"
+      main: '#951010'
     },
     success: {
-      main: "#2C7413"
+      main: '#2C7413'
     },
     success_light: {
-      main: "#5EA342"
+      main: '#5EA342'
     },
     success_dark: {
-      main: "#004700"
+      main: '#004700'
     },
     info: {
-      main: "#70BBFD"
+      main: '#70BBFD'
     },
     info_light: {
-      main: "#A6EDFF"
+      main: '#A6EDFF'
     },
     info_dark: {
-      main: "#358BCA"
+      main: '#358BCA'
     },
     error: {
-      main: "#BE1515"
+      main: '#BE1515'
     },
     error_light: {
-      main: "#F8533F"
+      main: '#F8533F'
     },
     error_dark: {
-      main: "#860000"
+      main: '#860000'
     },
     warning: {
-      main: "#EB9A31"
+      main: '#EB9A31'
     },
     warning_light: {
-      main: "#FFCB62"
+      main: '#FFCB62'
     },
     warning_dark: {
-      main: "#B46C00"
+      main: '#B46C00'
     },
     grey: {
-      main: "#7D7D7D"
+      main: '#7D7D7D'
     },
     grey_light: {
-      main: "#ACACAC"
+      main: '#ACACAC'
     },
     grey_dark: {
-      main: "#515151"
+      main: '#515151'
     },
     secondary_grey: {
-      main: "#D7E2F0"
+      main: '#D7E2F0'
     },
     white: {
-      main: "#ffffff"
+      main: '#ffffff'
     },
     text: {
-      main: "#000000"
+      main: '#000000'
     }
   },
   typography: {
-    fontFamily: ["-apple-system", "BlinkMacSystemFont", '"Segoe UI"', "Roboto", '"Helvetica Neue"', "Arial", "sans-serif", '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(",")
+    fontFamily: ['-apple-system', 'BlinkMacSystemFont', '"Segoe UI"', 'Roboto', '"Helvetica Neue"', 'Arial', 'sans-serif', '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"'].join(',')
   }
 });
 exports.default = _default;