@nethru/ui 1.0.16 → 1.0.17

package/dist/Accordion.js

@@ -31,10 +31,14 @@ const styles = {
 };
 export default function Accordion({
   children,
+  sx,
   ...props
 }) {
   return /*#__PURE__*/_jsx(MuiAccordion, {
-    sx: styles,
+    sx: {
+      ...sx,
+      ...styles
+    },
     ...props,
     children: children
   });

package/dist/AccordionDetails.js

@@ -5,10 +5,14 @@ const styles = {
 };
 export default function AccordionDetails({
   children,
+  sx,
   ...props
 }) {
   return /*#__PURE__*/_jsx(MuiAccordionDetails, {
-    sx: styles,
+    sx: {
+      ...sx,
+      ...styles
+    },
     ...props,
     children: children
   });

package/dist/AppBar.js

@@ -7,7 +7,8 @@ export default function AppBar({
   title,
   logoUri,
   onLogoClick,
-  children
+  children,
+  sx
 }) {
   const appbarStyles = {
     boxShadow: 'none',
@@ -33,7 +34,10 @@ export default function AppBar({
   };
   return /*#__PURE__*/_jsx(MuiAppBar, {
     color: "transparent",
-    sx: appbarStyles,
+    sx: {
+      ...sx,
+      ...appbarStyles
+    },
     children: /*#__PURE__*/_jsxs(Toolbar, {
       children: [/*#__PURE__*/_jsxs(Stack, {
         spacing: 1,

package/dist/Checkbox.js

@@ -3,6 +3,7 @@ import { FormControlLabel } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Checkbox({
   label,
+  sx,
   ...props
 }) {
   return /*#__PURE__*/_jsx(FormControlLabel, {
@@ -11,6 +12,7 @@ export default function Checkbox({
       ...props
     }),
     sx: {
+      ...sx,
       mr: 5
     }
   });

package/dist/DataGrid.js

@@ -54,7 +54,11 @@ export default function DataGrid({
   customToolbar = /*#__PURE__*/_jsx(_Fragment, {}),
   customGridCellMap = {},
   slots = {},
+  slotProps,
+  initialState,
   hideToolbar = false,
+  localText,
+  sx,
   ...props
 }) {
   const getTogglableColumns = columns => columns.filter(column => column.field !== 'id').map(column => column.field);
@@ -89,9 +93,9 @@ export default function DataGrid({
     });
   };
   return /*#__PURE__*/_jsx(MuiDataGrid, {
-    autoHeight: true,
     columns: columns,
     rows: rows,
+    autoHeight: true,
     disableColumnMenu: true,
     disableRowSelectionOnClick: true,
     getRowClassName: params => params.indexRelativeToCurrentPage % 2 === 0 ? '' : 'odd',
@@ -100,6 +104,7 @@ export default function DataGrid({
     getRowHeight: () => 'auto',
     localeText: {
       ...koKR.components.MuiDataGrid.defaultProps.localeText,
+      ...localText,
       noRowsLabel: '항목이 없습니다.'
     },
     slots: {
@@ -113,7 +118,8 @@ export default function DataGrid({
       },
       toolbar: {
         showQuickFilter: true
-      }
+      },
+      ...slotProps
     },
     initialState: {
       filter: {
@@ -121,9 +127,13 @@ export default function DataGrid({
           items: [],
           quickFilterExcludeHiddenColumns: true
         }
-      }
+      },
+      ...initialState
+    },
+    sx: {
+      ...sx,
+      ...styles
     },
-    sx: styles,
     ...props
   });
 }

package/dist/Dialog.js

@@ -11,11 +11,13 @@ const Transition = /*#__PURE__*/forwardRef(function Transition(props, ref) {
 export default function Dialog({
   contentFontSize = 16,
   children,
+  sx,
   ...props
 }) {
   return /*#__PURE__*/_jsx(MuiDialog, {
     TransitionComponent: Transition,
     sx: {
+      ...sx,
       '.MuiTypography-root.MuiDialogContentText-root': {
         fontSize: contentFontSize
       }

package/dist/FormLabel.js

@@ -4,6 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export default function FormLabel({
   value = false,
   children,
+  sx,
   ...props
 }) {
   const styles = {
@@ -12,7 +13,10 @@ export default function FormLabel({
     fontWeight: value ? 600 : 400
   };
   return /*#__PURE__*/_jsx(MuiFormLabel, {
-    sx: styles,
+    sx: {
+      ...sx,
+      ...styles
+    },
     ...props,
     children: children
   });

package/dist/GroupSelect.js

@@ -13,7 +13,6 @@ export default function GroupSelect({
   ...props
 }) {
   const styles = {
-    ...sx,
     '.MuiInputLabel-root, .MuiInputBase-input': {
       fontSize: '0.875rem'
     }
@@ -59,7 +58,10 @@ export default function GroupSelect({
       ...params,
       label: placeholder
     }),
-    sx: styles,
+    sx: {
+      ...sx,
+      ...styles
+    },
     ...props
   });
 }

package/dist/ListItemDivider.js

@@ -1,10 +1,12 @@
 import { Divider } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function ListItemDivider({
+  sx,
   ...props
 }) {
   return /*#__PURE__*/_jsx(Divider, {
     sx: {
+      ...sx,
       mt: 3,
       mb: 2
     },

package/dist/SearchTextField.js

@@ -3,6 +3,7 @@ import SearchIcon from "@mui/icons-material/Search";
 import TextField from "@mui/material/TextField";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function SearchTextField({
+  InputProps,
   ...props
 }) {
   return /*#__PURE__*/_jsx(TextField, {
@@ -15,7 +16,8 @@ export default function SearchTextField({
         children: /*#__PURE__*/_jsx(SearchIcon, {
           fontSize: "small"
         })
-      })
+      }),
+      ...InputProps
     },
     ...props
   });

package/dist/Section.js

@@ -2,12 +2,14 @@ import { Paper } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Section({
   children,
+  sx,
   ...props
 }) {
   return /*#__PURE__*/_jsx(Paper, {
     variant: "outlined",
     square: false,
     sx: {
+      ...sx,
       padding: 3,
       marginTop: '20px'
     },

package/dist/Select.js

@@ -9,6 +9,8 @@ export default function Select({
   name,
   fontSize,
   fullWidth = false,
+  inputProps,
+  MenuProps,
   children,
   ...props
 }) {
@@ -25,7 +27,8 @@ export default function Select({
         children: label
       }), /*#__PURE__*/_jsx(MuiSelect, {
         inputProps: {
-          name: name
+          name: name,
+          ...inputProps
         },
         MenuProps: {
           PaperProps: {
@@ -34,7 +37,8 @@ export default function Select({
                 fontSize: fontSize ? fontSize : 15
               }
             }
-          }
+          },
+          ...MenuProps
         },
         ...props,
         children: children

package/dist/Snackbar.js

@@ -13,6 +13,7 @@ export default function Snackbar({
     horizontal: 'right'
   },
   children,
+  sx,
   ...props
 }) {
   const styles = {
@@ -24,7 +25,10 @@ export default function Snackbar({
       autoHideDuration: autoHideDuration,
       anchorOrigin: anchorOrigin,
       TransitionComponent: transition,
-      style: styles,
+      sx: {
+        ...sx,
+        ...styles
+      },
       ...props,
       children: /*#__PURE__*/_jsx(Alert, {
         severity: severity,

package/dist/StatusChip.js

@@ -7,6 +7,7 @@ export default function StatusChip({
   label,
   status,
   onOperate,
+  sx,
   ...props
 }) {
   const styles = {
@@ -24,7 +25,10 @@ export default function StatusChip({
     color: status === 'normal' ? 'success' : 'default',
     deleteIcon: status === 'normal' ? /*#__PURE__*/_jsx(CheckCircleIcon, {}) : /*#__PURE__*/_jsx(ErrorIcon, {}),
     onDelete: _ => onOperate && onOperate(id, status),
-    sx: styles,
+    sx: {
+      ...sx,
+      ...styles
+    },
     ...props
   });
 }

package/dist/Switch.js

@@ -5,6 +5,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function Switch({
   label,
+  labelPlacement = 'top',
   ...props
 }) {
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -23,7 +24,7 @@ export default function Switch({
           ...props
         }),
         label: label,
-        labelPlacement: "top"
+        labelPlacement: labelPlacement
       })
     }), !label && /*#__PURE__*/_jsx(MuiSwitch, {
       ...props

package/dist/TextField.js

@@ -5,6 +5,7 @@ export default function TextField2({
   width,
   fontSize,
   textAlign,
+  inputProps,
   ...props
 }) {
   const styles = {
@@ -15,6 +16,7 @@ export default function TextField2({
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(MuiTextField, {
       inputProps: {
+        ...inputProps,
         style: styles
       },
       ...props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "main": "dist/index.js",
   "files": [
     "/dist"