@simoncomputing/mui-bueno-v2 0.19.4 → 0.19.6

package/dist/index.d.ts

@@ -43,10 +43,12 @@ export { Button } from './components/Buttons/Button/Button';
 export { Submit } from './components/Buttons/Submit/Submit';
 export { ScrollToTop } from './components/Buttons/ScrollToTop/ScrollToTop';
 export { LoadingButton } from './components/Buttons/LoadingButton/LoadingButton';
+export { MenuButton } from './components/Buttons/MenuButton/MenuButton';
 export type { ButtonProps } from './components/Buttons/Button/Button';
 export type { SubmitProps } from './components/Buttons/Submit/Submit';
 export type { ScrollToTopProps } from './components/Buttons/ScrollToTop/ScrollToTop';
 export type { LoadingButtonProps } from './components/Buttons/LoadingButton/LoadingButton';
+export type { MenuButtonProps } from './components/Buttons/MenuButton/MenuButton';
 export { ValidationError } from './components/Form/ValidationError/ValidationError';
 export { FormDebugger } from './components/Form/FormDebugger/FormDebugger';
 export { Stepper } from './components/Form/Stepper/Stepper';
@@ -72,7 +74,6 @@ export { DarkModeToggle } from './components/Navigation/Header/DarkModeToggle/Da
 export { ProfileMenu } from './components/Navigation/Header/ProfileMenu';
 export { EnvironmentBanner } from './components/Navigation/Header/EnvironmentBanner';
 export { Sidebar } from './components/Navigation/Sidebar/Sidebar';
-export { MenuButton } from './components/Navigation/MenuButton/MenuButton';
 export { NavBar } from './components/Navigation/NavBar/NavBar';
 export { FloatingNavBar } from './components/Navigation/NavBar/FloatingNavBar/FloatingNavBar';
 export { Drawer } from './components/Navigation/Header/Drawer';
@@ -82,7 +83,6 @@ export type { HeaderProps } from './components/Navigation/Header/Header';
 export type { DarkModeToggleProps } from './components/Navigation/Header/DarkModeToggle/DarkModeToggle';
 export type { ProfileMenuProps } from './components/Navigation/Header/ProfileMenu';
 export type { SidebarProps } from './components/Navigation/Sidebar/Sidebar';
-export type { MenuButtonProps } from './components/Navigation/MenuButton/MenuButton';
 export type { NavBarProps } from './components/Navigation/NavBar/NavBar';
 export type { FloatingNavBarProps } from './components/Navigation/NavBar/FloatingNavBar/FloatingNavBar';
 export type { DrawerProps } from './components/Navigation/Header/Drawer';

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import './index.css';var WV = Object.defineProperty;
 var qV = (t, e, n) => e in t ? WV(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var rc = (t, e, n) => qV(t, typeof e != "symbol" ? e + "" : e, n);
-import { createTheme as IA, Typography as qe, Box as Ae, TextField as Ci, FormControl as Yo, Autocomplete as S1, FormControlLabel as Up, Checkbox as C1, FormLabel as DA, Button as qt, Card as na, CardContent as dv, IconButton as cr, Radio as UV, FormHelperText as KV, RadioGroup as YV, Slider as GV, MenuItem as In, ListItemIcon as w1, InputLabel as PA, Select as NA, Switch as JV, InputAdornment as ZV, useMediaQuery as da, useTheme as Fn, darken as Zw, alpha as Vf, lighten as XV, Popper as Kp, Fade as LA, Paper as ms, DialogActions as ml, Link as T1, Collapse as fv, Divider as bi, createSvgIcon as hr, Tooltip as yi, ToggleButton as QV, toggleButtonClasses as eH, rgbToHex as tH, ClickAwayListener as nH, Stack as rH, outlinedInputClasses as Xw, svgIconClasses as Qw, selectClasses as oH, List as $A, ListItem as mf, ListItemButton as iH, CircularProgress as FA, TableRow as Ga, TableCell as Ja, TableContainer as sH, Table as aH, TableHead as lH, TableBody as cH, TablePagination as uH, Dialog as dH, DialogTitle as fH, DialogContent as pH, DialogContentText as hH, useScrollTrigger as mH, Zoom as gH, Fab as yH, Stepper as bH, Step as vH, StepLabel as xH, Drawer as SH, MenuList as CH, ListItemText as BA, Menu as wH, Tabs as TH, Tab as _H, AppBar as kH, Toolbar as EH, Breadcrumbs as MH, Snackbar as OH, AlertTitle as AH } from "@mui/material";
+import { createTheme as IA, Typography as qe, Box as Ae, TextField as Ci, FormControl as Yo, Autocomplete as S1, FormControlLabel as Up, Checkbox as C1, FormLabel as DA, Button as qt, Card as na, CardContent as dv, IconButton as cr, Radio as UV, FormHelperText as KV, RadioGroup as YV, Slider as GV, MenuItem as In, ListItemIcon as w1, InputLabel as PA, Select as NA, Switch as JV, InputAdornment as ZV, useMediaQuery as da, useTheme as Fn, darken as Zw, alpha as Vf, lighten as XV, Popper as Kp, Fade as LA, Paper as ms, DialogActions as ml, Link as T1, Collapse as fv, Divider as bi, createSvgIcon as hr, Tooltip as yi, ToggleButton as QV, toggleButtonClasses as eH, rgbToHex as tH, ClickAwayListener as nH, Stack as rH, outlinedInputClasses as Xw, svgIconClasses as Qw, selectClasses as oH, List as $A, ListItem as mf, ListItemButton as iH, CircularProgress as FA, TableRow as Ga, TableCell as Ja, TableContainer as sH, Table as aH, TableHead as lH, TableBody as cH, TablePagination as uH, Dialog as dH, DialogTitle as fH, DialogContent as pH, DialogContentText as hH, useScrollTrigger as mH, Zoom as gH, Fab as yH, Menu as bH, ListItemText as BA, Stepper as vH, Step as xH, StepLabel as SH, Drawer as CH, MenuList as wH, Tabs as TH, Tab as _H, AppBar as kH, Toolbar as EH, Breadcrumbs as MH, Snackbar as OH, AlertTitle as AH } from "@mui/material";
 import { jsx as S, jsxs as ee, Fragment as mn } from "react/jsx-runtime";
 import * as R from "react";
 import Pe, { useEffect as It, Children as RH, isValidElement as gf, cloneElement as yf, useRef as on, useMemo as Er, createContext as xu, useContext as Yp, forwardRef as Su, createElement as IH, useCallback as zr, useState as xt, useDebugValue as zA, useLayoutEffect as VA, Component as DH, useImperativeHandle as HA } from "react";
@@ -8756,7 +8756,9 @@ const Sme = (t) => {
     useFieldAsValue: g,
     errorMode: x = "normal",
     ...C
-  } = t, [_, T, w] = zn(e), { setValue: E } = w, { error: O } = T, P = {
+  } = t, [_, T, w] = zn(e), { setValue: E } = w, { error: O } = T;
+  g && t.freeSolo && console.error("MultiAutocomplete: `freeSolo` with `useFieldAsValue` not currently supported");
+  const P = {
     ...ur(C, ["useFieldAsValue", "errorMode"]),
     getOptionLabel: y,
     options: r,
@@ -60461,6 +60463,29 @@ const b$ = xu(void 0), v$ = () => {
       )
     }
   ) });
+}, tme = (t) => {
+  const { label: e, menuOptions: n = [], icon: r } = t, o = Il(), [i, s] = R.useState(null), a = !!i, l = (f) => {
+    s(f.currentTarget);
+  }, u = () => {
+    s(null);
+  };
+  return n.length === 0 ? null : /* @__PURE__ */ ee(mn, { children: [
+    /* @__PURE__ */ S(
+      qt,
+      {
+        startIcon: r,
+        variant: "outlined",
+        color: "inherit",
+        sx: { minWidth: 0, padding: 1 },
+        onClick: l,
+        children: e
+      }
+    ),
+    /* @__PURE__ */ S(bH, { anchorEl: i, open: a, onClick: u, children: n.map((f) => /* @__PURE__ */ ee(In, { ...Cu(f, o), children: [
+      f.icon && /* @__PURE__ */ S(w1, { children: f.icon }),
+      /* @__PURE__ */ S(BA, { primary: f.label })
+    ] }, f.label)) })
+  ] });
 }, Fme = () => {
   const { values: t, errors: e, status: n } = jA(), { palette: r } = Fn();
   return /* @__PURE__ */ S(ms, { style: { backgroundColor: r.mode === "dark" ? "#303030" : "#f0f0f0", margin: "10px 0" }, children: /* @__PURE__ */ ee($A, { children: [
@@ -60495,7 +60520,7 @@ const b$ = xu(void 0), v$ = () => {
     orientation: a,
     ...ur({ ...t }, l)
   };
-  return /* @__PURE__ */ S(bH, { ...u, children: e.map((f) => /* @__PURE__ */ S(vH, { children: /* @__PURE__ */ S(xH, { children: f }) }, f)) });
+  return /* @__PURE__ */ S(vH, { ...u, children: e.map((f) => /* @__PURE__ */ S(xH, { children: /* @__PURE__ */ S(SH, { children: f }) }, f)) });
 }, zme = (t) => {
   const {
     name: e,
@@ -60534,7 +60559,7 @@ const b$ = xu(void 0), v$ = () => {
         name: e,
         render: (T) => /* @__PURE__ */ ee("div", { children: [
           C.map((w, E) => /* @__PURE__ */ S(Pe.Fragment, { children: /* @__PURE__ */ S(
-            tme,
+            nme,
             {
               variant: l,
               content: /* @__PURE__ */ ee(
@@ -60574,7 +60599,7 @@ const b$ = xu(void 0), v$ = () => {
       }
     )
   ] });
-}, tme = ({ variant: t, content: e }) => {
+}, nme = ({ variant: t, content: e }) => {
   switch (t) {
     case "card":
       return /* @__PURE__ */ S(na, { "data-testid": "repeatable-form-group_card", sx: { padding: "8px", marginBottom: "8px" }, children: /* @__PURE__ */ S(dv, { children: e }) });
@@ -60748,8 +60773,8 @@ const b$ = xu(void 0), v$ = () => {
       ]
     }
   );
-}, nme = (t) => {
-  const { menuOptionLists: e, anchor: n = "left", children: r } = t, { pathname: o } = _1(), i = Il(), [s, a] = xt(!1), l = (m, y) => /* @__PURE__ */ S(CH, { children: m.map((b) => /* @__PURE__ */ ee(
+}, rme = (t) => {
+  const { menuOptionLists: e, anchor: n = "left", children: r } = t, { pathname: o } = _1(), i = Il(), [s, a] = xt(!1), l = (m, y) => /* @__PURE__ */ S(wH, { children: m.map((b) => /* @__PURE__ */ ee(
     In,
     {
       ...Cu(b, i, () => a(!1)),
@@ -60776,9 +60801,9 @@ const b$ = xu(void 0), v$ = () => {
     a(!1);
   }, [o]), p && /* @__PURE__ */ ee(mn, { children: [
     /* @__PURE__ */ S(cr, { onClick: () => a(!0), color: "inherit", title: "Menu", children: /* @__PURE__ */ S(B7, {}) }),
-    /* @__PURE__ */ S(SH, { "data-testid": "mobile-drawer", anchor: n, open: s, onClose: () => a(!1), children: /* @__PURE__ */ S(Ae, { sx: { width: 300 }, display: "flex", flexDirection: "column", justifyContent: "space-between", children: /* @__PURE__ */ S(Ae, { display: "flex", justifyContent: "start", flexDirection: "column", children: f }) }) })
+    /* @__PURE__ */ S(CH, { "data-testid": "mobile-drawer", anchor: n, open: s, onClose: () => a(!1), children: /* @__PURE__ */ S(Ae, { sx: { width: 300 }, display: "flex", flexDirection: "column", justifyContent: "space-between", children: /* @__PURE__ */ S(Ae, { display: "flex", justifyContent: "start", flexDirection: "column", children: f }) }) })
   ] });
-}, rme = (t) => {
+}, ome = (t) => {
   const { env: e, isProd: n } = t;
   return n ? null : /* @__PURE__ */ S(
     ms,
@@ -60795,32 +60820,9 @@ const b$ = xu(void 0), v$ = () => {
       ] })
     }
   );
-}, ome = (t) => {
-  const { label: e, menuOptions: n = [], icon: r } = t, o = Il(), [i, s] = R.useState(null), a = !!i, l = (f) => {
-    s(f.currentTarget);
-  }, u = () => {
-    s(null);
-  };
-  return n.length === 0 ? null : /* @__PURE__ */ ee(mn, { children: [
-    /* @__PURE__ */ S(
-      qt,
-      {
-        startIcon: r,
-        variant: "outlined",
-        color: "inherit",
-        sx: { minWidth: 0, padding: 1 },
-        onClick: l,
-        children: e
-      }
-    ),
-    /* @__PURE__ */ S(wH, { anchorEl: i, open: a, onClick: u, children: n.map((f) => /* @__PURE__ */ ee(In, { ...Cu(f, o), children: [
-      f.icon && /* @__PURE__ */ S(w1, { children: f.icon }),
-      /* @__PURE__ */ S(BA, { primary: f.label })
-    ] }, f.label)) })
-  ] });
 }, ime = (t) => {
   const { displayName: e, userMenuOptions: n } = t;
-  return /* @__PURE__ */ S(ome, { label: e, menuOptions: n, icon: /* @__PURE__ */ S(V7, {}) });
+  return /* @__PURE__ */ S(tme, { label: e, menuOptions: n, icon: /* @__PURE__ */ S(V7, {}) });
 }, TS = (t) => {
   const {
     menuOptions: e,
@@ -60891,7 +60893,7 @@ const b$ = xu(void 0), v$ = () => {
     ...i
   ] : i;
   return /* @__PURE__ */ ee(kH, { ref: n, position: f, sx: m, elevation: 4, children: [
-    e && /* @__PURE__ */ S(rme, { ...e }),
+    e && /* @__PURE__ */ S(ome, { ...e }),
     u,
     /* @__PURE__ */ ee(
       EH,
@@ -60917,7 +60919,7 @@ const b$ = xu(void 0), v$ = () => {
           ) : r }),
           /* @__PURE__ */ ee(Ae, { display: "flex", gap: 2, alignItems: "center", children: [
             !l && !g && E,
-            g && /* @__PURE__ */ S(nme, { menuOptionLists: [o, a, O], anchor: "right" }),
+            g && /* @__PURE__ */ S(rme, { menuOptionLists: [o, a, O], anchor: "right" }),
             !g && /* @__PURE__ */ ee(mn, { children: [
               /* @__PURE__ */ S(Ae, { display: "flex", gap: 0, children: a == null ? void 0 : a.map((P, D) => /* @__PURE__ */ ee(Ae, { display: "flex", alignItems: "center", children: [
                 D > 0 && /* @__PURE__ */ S(
@@ -61221,9 +61223,9 @@ export {
   Ev as DateField,
   Ame as DateRangeField,
   jme as DecisionModal,
-  nme as Drawer,
+  rme as Drawer,
   Sme as DynamicAutocomplete,
-  rme as EnvironmentBanner,
+  ome as EnvironmentBanner,
   Whe as ErrorAlert,
   Tme as FileList,
   U8 as FileUpload,
@@ -61235,7 +61237,7 @@ export {
   s$ as LoadingButton,
   Y2 as LoadingIndicator,
   _me as Location,
-  ome as MenuButton,
+  tme as MenuButton,
   Qh as Modal,
   Cme as MultiAutocomplete,
   sme as NavBar,