@nethru/ui 2.0.14 → 2.0.16

package/base/ColumnedSection.js

@@ -1,5 +1,5 @@
 import { forwardRef, useMemo } from "react";
-import { Box, Grid } from "@mui/material";
+import { Box, Grid2 } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const ColumnedSection = /*#__PURE__*/forwardRef(({
@@ -26,15 +26,14 @@ const ColumnedSection = /*#__PURE__*/forwardRef(({
       md: point
     };
   }, [columns, breakpoints]);
-  return /*#__PURE__*/_jsx(Grid, {
+  return /*#__PURE__*/_jsx(Grid2, {
     ref: ref,
     container: true,
     spacing: spacing,
     alignItems: "stretch",
     ...props,
-    children: contents.map((content, index) => /*#__PURE__*/_jsxs(Grid, {
-      item: true,
-      ...arrangedBreakpoints,
+    children: contents.map((content, index) => /*#__PURE__*/_jsxs(Grid2, {
+      size: arrangedBreakpoints,
       children: [labels[index], /*#__PURE__*/_jsx(Box, {
         className: showBox ? 'MuiGrid-box' : undefined,
         children: content

package/base/PropertyTable.js

@@ -1,6 +1,7 @@
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { Box, FormHelperText } from "@mui/material";
-import { DataGridPro, koKR } from "@mui/x-data-grid-pro";
+import { DataGridPro } from "@mui/x-data-grid-pro";
+import { koKR } from "@mui/x-data-grid-pro/locales";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const PropertyTable = /*#__PURE__*/forwardRef(({

package/base/assets/images.js

@@ -1 +1,2 @@
-export const appbarBackground = "url('data:image/png;base64,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')";
+export const appbarBackground = "url('data:image/png;base64,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')";
+export const appbarPreviewBackground = "url('data:image/png;base64,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')";

package/base/datagrid/DataGrid.js

@@ -1,5 +1,6 @@
 import { forwardRef, useCallback } from "react";
-import { DataGridPro as MuiDataGridPro, GridToolbarQuickFilter, koKR } from "@mui/x-data-grid-pro";
+import { DataGridPro as MuiDataGridPro, GridToolbarQuickFilter } from "@mui/x-data-grid-pro";
+import { koKR } from "@mui/x-data-grid-pro/locales";
 import { Box, Stack } from "@mui/material";
 import Footer from "./Footer";
 import { jsx as _jsx } from "react/jsx-runtime";

package/base/frame/AppBar.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useMemo } from "react";
 import { Box, Stack, Toolbar } from "@mui/material";
 import MuiAppBar from "@mui/material/AppBar";
 import { useSidebarContext } from "./sidebar/SidebarContext";
-import { appbarBackground } from "../assets/images";
+import { appbarBackground, appbarPreviewBackground } from "../assets/images";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const AppBar = /*#__PURE__*/forwardRef(({
@@ -22,10 +22,10 @@ const AppBar = /*#__PURE__*/forwardRef(({
     top: 'calc(var(--gnb-height) - 10px)',
     width: `calc(100% - var(--primary-menu-width) - ${states.menuClosed ? 'var(--secondary-menu-collapsed-width) - 3px' : 'var(--secondary-menu-width)'} )`,
     height: 10,
-    backgroundImage: appbarBackground,
+    backgroundImage: mode === 'preview' ? appbarPreviewBackground : appbarBackground,
     backgroundRepeat: 'repeat-x',
     backgroundPositionY: 'bottom'
-  }), [states.menuClosed]);
+  }), [mode, states.menuClosed]);
   return /*#__PURE__*/_jsxs(MuiAppBar, {
     ref: ref,
     className: mode === 'preview' ? 'MuiAppBar-preview' : '',

package/base/frame/SplitLayout.js

@@ -1,5 +1,5 @@
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Box, Grid, IconButton, Stack, Tooltip } from '@mui/material';
+import { Box, Grid2, IconButton, Stack, Tooltip } from '@mui/material';
 import { blueGrey, grey } from "../colors";
 import { SplitLayoutIcon } from "../assets/icons";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -75,7 +75,7 @@ const SplitLayout = /*#__PURE__*/forwardRef(({
     if (!aside) setAsidePortion(0);else if (asidePortion === 0) setAsidePortion(defaultAsidePortion);
     // eslint-disable-next-line
   }, [aside]);
-  return /*#__PURE__*/_jsxs(Grid, {
+  return /*#__PURE__*/_jsxs(Grid2, {
     container: true,
     ref: containerRef,
     columns: 100,
@@ -85,17 +85,15 @@ const SplitLayout = /*#__PURE__*/forwardRef(({
       ...sx
     },
     ...props,
-    children: [/*#__PURE__*/_jsxs(Grid, {
-      item: true,
+    children: [/*#__PURE__*/_jsxs(Grid2, {
       component: "section",
-      xs: 100 - asidePortion,
+      size: 100 - asidePortion,
       sx: sectionStyles,
       children: [children, footer]
-    }), aside && /*#__PURE__*/_jsxs(Grid, {
+    }), aside && /*#__PURE__*/_jsxs(Grid2, {
       ref: asideRef,
-      item: true,
       component: "aside",
-      xs: asidePortion,
+      size: asidePortion,
       sx: {
         position: 'relative'
       },

package/base/frame/sidebar/css/sidebar.module.css

@@ -6,6 +6,7 @@
 }
 .container.opened {
     width: calc(var(--primary-menu-width) + var(--secondary-menu-width));
+    min-width: calc(var(--primary-menu-width) + var(--secondary-menu-width));
 }
 .container.closed {
     width: calc(var(--primary-menu-width) + var(--secondary-menu-collapsed-width));

package/base/styles/createTheme.js

@@ -41,6 +41,7 @@ import * as dialogTitle from "./mui/dialogTitle";
 import * as dialogActions from "./mui/dialogActions";
 import * as dialogContent from "./mui/dialogContent";
 import * as grid from "./mui/grid";
+import * as grid2 from "./mui/grid2";
 import * as appBar from "./mui/appBar";
 import * as avatar from "./mui/avatar";
 export default function createTheme() {
@@ -92,6 +93,7 @@ export default function createTheme() {
       MuiDialogActions: dialogActions.styles,
       MuiDialogContent: dialogContent.styles,
       MuiGrid: grid.styles,
+      MuiGrid2: grid2.styles,
       MuiAppBar: appBar.styles,
       MuiAvatar: avatar.styles
     }

package/base/styles/mui/dataGrid.js

@@ -73,6 +73,8 @@ export const styles = {
     cell: ({
       ownerState
     }) => ({
+      display: 'flex',
+      alignItems: 'center',
       minHeight: '40px !important',
       '&.MuiTypography-bold': {
         fontWeight: 'bold'

package/base/styles/mui/grid2.js

@@ -0,0 +1,18 @@
+import { grey } from "../../colors";
+import borderRadius from "../borderRadius";
+export const styles = {
+  defaultProps: {
+    columnSpacing: 5
+  },
+  styleOverrides: {
+    root: {
+      '.MuiGrid-box': {
+        // height: 'calc(100% - 32px)',
+        backgroundColor: grey[50],
+        border: `1px solid ${grey[300]}`,
+        padding: '16px !important',
+        borderRadius: `${borderRadius[2]}px`
+      }
+    }
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "main": "base/index.js",
   "files": [
     "/base"
@@ -8,22 +8,21 @@
   "dependencies": {
     "@codemirror/lang-javascript": "^6.2.1",
     "@codemirror/lang-json": "^6.0.1",
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.5",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
     "@fontsource/roboto": "^5.0.8",
-    "@mui/icons-material": "^5.14.18",
-    "@mui/material": "^5.15.21",
-    "@mui/styled-engine-sc": "^6.0.0-alpha.18",
-    "@mui/x-data-grid-pro": "^6.20.3",
-    "@mui/x-date-pickers-pro": "^7.8.0",
-    "@mui/x-license": "^7.2.0",
-    "@mui/x-tree-view": "^6.17.0",
-    "@nethru/ui": "^1.0.19",
+    "@mui/icons-material": "^6.0.1",
+    "@mui/material": "^6.0.1",
+    "@mui/styled-engine-sc": "^6.0.1",
+    "@mui/x-data-grid-pro": "^7.15.0",
+    "@mui/x-date-pickers-pro": "^7.15.0",
+    "@mui/x-license": "^7.15.0",
+    "@mui/x-tree-view": "^7.15.0",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@uiw/react-codemirror": "^4.21.21",
-    "dayjs": "^1.11.11",
+    "dayjs": "^1.11.13",
     "days": "^1.1.1",
     "immer": "^10.0.3",
     "react": "^18.2.0",