@soyfri/shared-library 1.1.17 → 1.2.1

package/cjs/components/MenuButton/MenuButton.cjs

@@ -0,0 +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: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/cjs/components/MenuButton/MenuButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/components/MenuButton.cjs

@@ -0,0 +1,2 @@
+"use strict";var t=require("./MenuButton/MenuButton.cjs");exports.MenuButton=t.MenuButton;
+//# sourceMappingURL=MenuButton.cjs.map

package/cjs/components/MenuButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/MenuButton/index.ts

@@ -0,0 +1 @@
+export * from '../../esm/components/MenuButton';

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps } from '@mui/material/Button';
+export interface MenuOption {
+    label: string;
+    action: () => void;
+    icon?: ReactNode;
+}
+interface MenuButtonProps {
+    buttonText?: string;
+    buttonIcon?: ReactNode;
+    options: MenuOption[];
+    variant?: ButtonProps['variant'];
+}
+export declare const MenuButton: React.FC<MenuButtonProps>;
+export default MenuButton;

package/esm/components/MenuButton/MenuButton.js

@@ -0,0 +1,2 @@
+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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MenuButton } from './MenuButton';
+declare const meta: Meta<typeof MenuButton>;
+export default meta;
+type Story = StoryObj<typeof MenuButton>;
+export declare const Default: Story;
+export declare const IconButton: Story;
+export declare const TextAndIconButton: Story;
+export declare const LongMenu: Story;
+export declare const WithAlertActions: Story;
+export declare const Variants: Story;
+export declare const WideButton: Story;

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

@@ -0,0 +1 @@
+export { default as MenuButton } from './MenuButton';

package/esm/components/MenuButton.js

@@ -0,0 +1,2 @@
+export{MenuButton}from"./MenuButton/MenuButton.js";
+//# sourceMappingURL=MenuButton.js.map

package/esm/components/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.1.17",
+  "version": "1.2.1",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -16,6 +16,7 @@
     "@mui/material": "^7.1.2",
     "@mui/x-date-pickers": "^8.5.3",
     "@mui/x-date-pickers-pro": "^8.5.3",
+    "@storybook/test": "^8.6.14",
     "@tailwindcss/cli": "^4.1.7",
     "autoprefixer": "^10.4.21",
     "dayjs": "^1.11.13",
@@ -54,6 +55,11 @@
       "require": "./cjs/components/Select.cjs",
       "types": "./esm/components/Select/Select.d.ts"
     },
+    "./components/MenuButton": {
+      "import": "./esm/components/MenuButton.js",
+      "require": "./cjs/components/MenuButton.cjs",
+      "types": "./esm/components/MenuButton/MenuButton.d.ts"
+    },
     "./components/InputGroup": {
       "import": "./esm/components/InputGroup.js",
       "require": "./cjs/components/InputGroup.cjs",