@nethru/ui 1.0.50 → 1.0.52

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

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { Divider, Menu, MenuItem } from "@mui/material";
+import Button from "./Button";
+import { jsx as _jsx } from "react/jsx-runtime";
+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,
+  menuProps = {},
+  ...props
+}) {
+  const [anchor, setAnchor] = React.useState(null);
+  const handleClick = event => {
+    setAnchor(event.currentTarget);
+    if (onClick) onClick(event);
+  };
+  const handleSelect = id => {
+    setAnchor(null);
+    if (onSelect) onSelect(id);
+  };
+  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, {
+      anchorEl: anchor,
+      open: Boolean(anchor),
+      onClose: _ => setAnchor(null),
+      sx: {
+        ...styles,
+        ...menuProps.sx
+      },
+      ...menuProps,
+      children: options.map(option => {
+        return option.type === 'divider' ? /*#__PURE__*/_jsx(Divider, {}) : /*#__PURE__*/_jsx(MenuItem, {
+          onClick: _ => handleSelect(option.id),
+          children: option.label
+        }, option.id);
+      })
+    })]
+  });
+}
+const styles = {
+  '.MuiButtonBase-root.MuiMenuItem-root': {
+    fontSize: 14
+  }
+};

package/dist/index.js

@@ -12,6 +12,7 @@ export { default as ColumnedSection } from "./ColumnedSection";
 export { default as ConfirmDialog } from "./ConfirmDialog";
 export { default as DataGrid } from "./DataGrid";
 export { default as Dialog } from "./Dialog";
+export { default as DropdownButton } from "./DropdownButton";
 export { default as Editor } from "./Editor";
 export { default as FormLabel } from "./FormLabel";
 export { default as Frame } from "./Frame";

package/package.json

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