@nethru/ui 1.0.10 → 1.0.12

package/dist/AvatarDropdown.js

@@ -4,7 +4,6 @@ import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import Divider from '@mui/material/Divider';
-import SettingsRoundedIcon from '@mui/icons-material/SettingsRounded';
 import LogoutRoundedIcon from '@mui/icons-material/LogoutRounded';
 import { red } from '@mui/material/colors';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,7 +11,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function AvatarDropdown({
   name,
   color,
-  menuItem,
+  bgcolor,
+  children,
   onProfileClick,
   onLogoutClick,
   ...props
@@ -20,15 +20,16 @@ export default function AvatarDropdown({
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
   const firstLetter = useMemo(() => {
-    return name && name.length > 0 ? name[0] : "?";
-  }, name);
+    return name && name.length > 0 ? name[0].toUpperCase() : "?";
+  }, [name]);
   const handleClick = event => setAnchorEl(event.currentTarget);
   const handleClose = () => setAnchorEl(null);
   const styles = {
+    color: color ? color : '#fff',
+    bgcolor: bgcolor ? bgcolor : red[900],
     width: 32,
     height: 32,
-    fontSize: 16,
-    bgcolor: color ? color : red[900]
+    fontSize: 16
   };
   return /*#__PURE__*/_jsxs(Box, {
     ...props,
@@ -53,6 +54,7 @@ export default function AvatarDropdown({
         }
       },
       children: [/*#__PURE__*/_jsxs(MenuItem, {
+        onClick: onProfileClick,
         children: [/*#__PURE__*/_jsx(ListItemIcon, {
           children: /*#__PURE__*/_jsx(Avatar, {
             sx: {
@@ -65,14 +67,7 @@ export default function AvatarDropdown({
             children: firstLetter
           })
         }), name]
-      }), /*#__PURE__*/_jsx(Divider, {}), menuItem, menuItem && /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(MenuItem, {
-        onClick: onProfileClick,
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(SettingsRoundedIcon, {
-            fontSize: "small"
-          })
-        }), "\uD68C\uC6D0 \uC815\uBCF4 \uBCF4\uAE30"]
-      }), /*#__PURE__*/_jsxs(MenuItem, {
+      }), /*#__PURE__*/_jsx(Divider, {}), children, children && /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(MenuItem, {
         onClick: onLogoutClick,
         children: [/*#__PURE__*/_jsx(ListItemIcon, {
           children: /*#__PURE__*/_jsx(LogoutRoundedIcon, {

package/dist/ListItem.js

@@ -13,6 +13,7 @@ export default function ListItem({
     children: [grid && /*#__PURE__*/_jsx(Grid, {
       container: true,
       columnSpacing: spacing,
+      alignItems: "center",
       children: children
     }), !grid && children]
   });

package/dist/Slider.js

@@ -11,7 +11,7 @@ export default function Slider({
   const autoMarks = useMemo(() => {
     let values = value || defaultValue;
     if (values === undefined) return {};
-    if (values instanceof Array == false) values = [values];
+    if (values instanceof Array === false) values = [values];
     return values.map(v => {
       return {
         value: v,

package/package.json

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