@soyfri/shared-library 1.2.0 → 1.2.1

package/cjs/components/MenuButton/MenuButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),n=require("@mui/material");const r=({buttonText:r,buttonIcon:o,options:u,variant:i="contained"})=>{const[s,a]=t.useState(null),l=Boolean(s),c=t.useId(),x=`menu-button-${c}`,d=`menu-content-${c}`,p=()=>{a(null)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Button,{variant:i,id:x,"aria-controls":l?d:void 0,"aria-haspopup":"true","aria-expanded":l?"true":void 0,onClick:e=>{a(e.currentTarget)},startIcon:o,children:r}),e.jsxRuntimeExports.jsx(n.Menu,{id:d,anchorEl:s,open:l,onClose:p,MenuListProps:{"aria-labelledby":x},children:u.map(((t,r)=>e.jsxRuntimeExports.jsx(n.MenuItem,{onClick:()=>{return e=t.action,p(),void e();var e},children:t.label},r)))})]})};exports.MenuButton=r,exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/jsx-runtime.cjs"),t=require("react"),n=require("@mui/material");const r=({buttonText:r,buttonIcon:i,options:o,variant:s="contained"})=>{const[u,a]=t.useState(null),[l,c]=t.useState(0),x=Boolean(u),p=t.useRef(null),d=t.useId(),m=`menu-button-${d}`,j=`menu-content-${d}`,h=()=>{a(null)};return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Button,{ref:p,variant:s,id:m,"aria-controls":x?j:void 0,"aria-haspopup":"true","aria-expanded":x?"true":void 0,onClick:e=>{a(e.currentTarget),p.current&&c(p.current.offsetWidth)},startIcon:i,children:r}),e.jsxRuntimeExports.jsx(n.Menu,{id:j,anchorEl:u,open:x,onClose:h,MenuListProps:{"aria-labelledby":m},PaperProps:{style:{minWidth:l}},children:o.map(((t,r)=>e.jsxRuntimeExports.jsxs(n.MenuItem,{onClick:()=>{return e=t.action,h(),void e();var e},children:[t.icon&&e.jsxRuntimeExports.jsx(n.ListItemIcon,{children:t.icon}),e.jsxRuntimeExports.jsx(n.Typography,{variant:"inherit",noWrap:!0,children:t.label})]},r)))})]})};exports.MenuButton=r,exports.default=r;
 //# sourceMappingURL=MenuButton.cjs.map

package/esm/components/MenuButton/MenuButton.d.ts

@@ -3,6 +3,7 @@ import { ButtonProps } from '@mui/material/Button';
 export interface MenuOption {
     label: string;
     action: () => void;
+    icon?: ReactNode;
 }
 interface MenuButtonProps {
     buttonText?: string;

package/esm/components/MenuButton/MenuButton.js

@@ -1,2 +1,2 @@
-import{j as n}from"../../_virtual/jsx-runtime.js";import{useState as r,useId as t}from"react";import{Button as o,Menu as a,MenuItem as e}from"@mui/material";const i=({buttonText:i,buttonIcon:l,options:s,variant:u="contained"})=>{const[c,d]=r(null),m=Boolean(c),p=t(),x=`menu-button-${p}`,j=`menu-content-${p}`,v=()=>{d(null)};return n.jsxs(n.Fragment,{children:[n.jsx(o,{variant:u,id:x,"aria-controls":m?j:void 0,"aria-haspopup":"true","aria-expanded":m?"true":void 0,onClick:n=>{d(n.currentTarget)},startIcon:l,children:i}),n.jsx(a,{id:j,anchorEl:c,open:m,onClose:v,MenuListProps:{"aria-labelledby":x},children:s.map(((r,t)=>n.jsx(e,{onClick:()=>{return n=r.action,v(),void n();var n},children:r.label},t)))})]})};export{i as MenuButton,i as default};
+import{j as n}from"../../_virtual/jsx-runtime.js";import{useState as r,useRef as t,useId as e}from"react";import{Button as o,Menu as i,MenuItem as a,ListItemIcon as l,Typography as s}from"@mui/material";const c=({buttonText:c,buttonIcon:u,options:d,variant:p="contained"})=>{const[m,h]=r(null),[x,j]=r(0),v=Boolean(m),f=t(null),b=e(),C=`menu-button-${b}`,P=`menu-content-${b}`,W=()=>{h(null)};return n.jsxs(n.Fragment,{children:[n.jsx(o,{ref:f,variant:p,id:C,"aria-controls":v?P:void 0,"aria-haspopup":"true","aria-expanded":v?"true":void 0,onClick:n=>{h(n.currentTarget),f.current&&j(f.current.offsetWidth)},startIcon:u,children:c}),n.jsx(i,{id:P,anchorEl:m,open:v,onClose:W,MenuListProps:{"aria-labelledby":C},PaperProps:{style:{minWidth:x}},children:d.map(((r,t)=>n.jsxs(a,{onClick:()=>{return n=r.action,W(),void n();var n},children:[r.icon&&n.jsx(l,{children:r.icon}),n.jsx(s,{variant:"inherit",noWrap:!0,children:r.label})]},t)))})]})};export{c as MenuButton,c as default};
 //# sourceMappingURL=MenuButton.js.map

package/esm/components/MenuButton/MenuButton.stories.d.ts

@@ -8,5 +8,5 @@ export declare const IconButton: Story;
 export declare const TextAndIconButton: Story;
 export declare const LongMenu: Story;
 export declare const WithAlertActions: Story;
-export declare const DisabledButton: Story;
 export declare const Variants: Story;
+export declare const WideButton: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",