@nethru/ui 1.0.51 → 1.0.53

package/dist/Button.js

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import MuiButton from "@mui/material/Button";
-import { Box } from "@mui/material";
+import { Box, IconButton } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Button({
   label,
@@ -27,10 +27,13 @@ export default function Button({
   const endIcon = useMemo(() => {
     return iconPlacement === 'end' ? iconComponent : null;
   }, [iconComponent, iconPlacement]);
-  return /*#__PURE__*/_jsx(MuiButton, {
+  return label ? /*#__PURE__*/_jsx(MuiButton, {
     startIcon: startIcon,
     endIcon: endIcon,
     ...props,
     children: label
+  }) : /*#__PURE__*/_jsx(IconButton, {
+    ...props,
+    children: iconComponent
   });
 }

package/dist/DataGrid.js

@@ -107,8 +107,8 @@ export default function DataGrid({
     getRowHeight: () => 'auto',
     localeText: {
       ...koKR.components.MuiDataGrid.defaultProps.localeText,
-      ...localText,
-      noRowsLabel: '항목이 없습니다.'
+      noRowsLabel: '항목이 없습니다.',
+      ...localText
     },
     slots: {
       toolbar: hideToolbar ? null : CustomToolbar,

package/dist/DropdownButton.js

@@ -6,6 +6,10 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function DropdownButton({
   label,
+  icon,
+  iconPlacement = 'start',
+  iconSize = '20px',
+  iconProps = {},
   options = [],
   onClick,
   onSelect,
@@ -24,6 +28,10 @@ export default function DropdownButton({
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Button, {
       label: label,
+      icon: icon,
+      iconPlacement: iconPlacement,
+      iconSize: iconSize,
+      iconProps: iconProps,
       onClick: handleClick,
       ...props
     }), options.length > 0 && /*#__PURE__*/_jsx(Menu, {

package/dist/sidebar/MenuTree.js

@@ -24,7 +24,7 @@ export default function MenuTree({
       backgroundColor: 'transparent'
     }
   };
-  const naviate = useNavigate();
+  const navigate = useNavigate();
   const {
     states,
     dispatch
@@ -40,7 +40,7 @@ export default function MenuTree({
       hasChildren: hasChildren(event.target)
     });
     const node = getNode(ids);
-    if (node && node.href) naviate(node.href);
+    if (node && node.href) navigate(node.href instanceof Array ? node.href[0] : node.href);
   };
   const handleToggle = (event, ids) => {
     dispatch({

package/dist/sidebar/SidebarContext.js

@@ -91,7 +91,7 @@ function updateActiveItems(draft, menu, href) {
   function updateActiveSection(sections) {
     if (!sections) return;
     for (let section of sections) {
-      if (href.indexOf(section.href) === 0) {
+      if (startsWith(section.href)) {
         draft.activeSecondaryItem = section.id;
         return true;
       }
@@ -104,7 +104,7 @@ function updateActiveItems(draft, menu, href) {
   function updateActiveSubmenuItems(id, submenu) {
     if (!submenu) return;
     for (let item of submenu) {
-      if (href.indexOf(item.href) === 0) {
+      if (startsWith(item.href)) {
         if (!(id in draft.menuTrees)) draft.menuTrees[id] = emptyState();
         draft.activeSecondaryItem = item.id;
         return true;
@@ -115,4 +115,8 @@ function updateActiveItems(draft, menu, href) {
       }
     }
   }
+  function startsWith(hrefs) {
+    const menuHrefs = hrefs instanceof Array ? hrefs : [hrefs];
+    return menuHrefs.some(menuHref => href.startsWith(menuHref));
+  }
 }

package/package.json

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