@homebound/beam 2.155.0 → 2.157.0

package/dist/components/ButtonMenu.d.ts

@@ -10,6 +10,7 @@ declare type MenuItemBase = {
     label: string;
     onClick: string | VoidFunction;
     disabled?: boolean;
+    destructive?: boolean;
 };
 export declare type IconMenuItemType = MenuItemBase & {
     icon: IconProps["icon"];

package/dist/components/Stepper.d.ts

@@ -4,10 +4,9 @@ export interface Step {
     disabled?: boolean;
     value: string;
 }
-interface StepperBarProps {
+export interface StepperProps {
     steps: Step[];
     currentStep: Step["value"];
     onChange: (stepValue: string) => void;
 }
-export declare function Stepper({ steps, currentStep, onChange }: StepperBarProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+export declare function Stepper({ steps, currentStep, onChange }: StepperProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/SuperDrawer/SuperDrawer.js

@@ -56,7 +56,7 @@ function SuperDrawer() {
     const { content } = currentContent;
     // Also get the first / non-detail element on the stack
     const firstContent = contentStack.current[0].opts;
-    const { onPrevClick, onNextClick, titleRightContent, titleLeftContent } = firstContent;
+    const { onPrevClick, onNextClick, titleRightContent, titleLeftContent, hideControls } = firstContent;
     const isDetail = currentContent !== firstContent;
     const title = currentContent.title || firstContent.title;
     return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: content && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: { body: Css_1.Css.overflowHidden.$ } }, void 0), (0, react_1.createElement)(framer_motion_1.motion.div, { ...testId, 
@@ -80,7 +80,7 @@ function SuperDrawer() {
                         // Preventing clicks from triggering parent onClick
                         onClick: (e) => e.stopPropagation() }, { children: (0, jsx_runtime_1.jsxs)(form_state_1.AutoSaveStatusProvider, { children: [(0, jsx_runtime_1.jsxs)("header", Object.assign({ css: Css_1.Css.df.p3.bb.bGray200.df.aic.jcsb.gap2.$ }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Css_1.Css.df.aic.$ }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ css: Css_1.Css.xl2Em.gray900.mr2.$ }, testId.title, { ref: drawerHeaderRef }, { children: !modalState.current && (title || null) }), void 0), !modalState.current && (titleLeftContent || null)] }), void 0), !modalState.current && (
                                         // Forcing height to 32px to match title height
-                                        (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Css_1.Css.df.childGap3.aic.hPx(32).fs0.$ }, { children: [titleRightContent || null, (0, jsx_runtime_1.jsx)(components_1.ButtonGroup, Object.assign({ buttons: [
+                                        (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Css_1.Css.df.childGap3.aic.hPx(32).fs0.$ }, { children: [titleRightContent || null, !hideControls && ((0, jsx_runtime_1.jsx)(components_1.ButtonGroup, Object.assign({ buttons: [
                                                         {
                                                             icon: "chevronLeft",
                                                             onClick: () => onPrevClick && onPrevClick(),
@@ -91,7 +91,7 @@ function SuperDrawer() {
                                                             onClick: () => onNextClick && onNextClick(),
                                                             disabled: !onNextClick || isDetail,
                                                         },
-                                                    ] }, testId.headerActions), void 0), (0, jsx_runtime_1.jsx)(components_1.IconButton, Object.assign({ icon: "x", onClick: closeDrawer }, testId.close), void 0)] }), void 0))] }), void 0), content, modalState.current && (
+                                                    ] }, testId.headerActions), void 0)), (0, jsx_runtime_1.jsx)(components_1.IconButton, Object.assign({ icon: "x", onClick: closeDrawer }, testId.close), void 0)] }), void 0))] }), void 0), content, modalState.current && (
                                 // Forcing some design constraints on the modal component
                                 (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: 
                                     // topPX(81) is the offset from the header

package/dist/components/SuperDrawer/useSuperDrawer.d.ts

@@ -11,6 +11,8 @@ export interface OpenInDrawerOpts {
     onPrevClick?: () => void;
     /** Invokes right, disabled if undefined. */
     onNextClick?: () => void;
+    /** Hides the pagination controls for `onNextClick` and `onPrevClick` */
+    hideControls?: true;
     /** Adds a callback that is called _after_ close has definitely happened. */
     onClose?: () => void;
     content: ReactNode;

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export { NavLink } from "./NavLink";
 export { PresentationProvider } from "./PresentationContext";
 export * from "./Snackbar";
 export * from "./Stepper";
+export type { Step, StepperProps } from "./Stepper";
 export * from "./SuperDrawer";
 export * from "./Table";
 export { TabContent, Tabs, TabsWithContent } from "./Tabs";

package/dist/components/internal/MenuItem.js

@@ -14,7 +14,7 @@ const defaultTestId_1 = require("../../utils/defaultTestId");
 function MenuItemImpl(props) {
     const { item, state, onClose } = props;
     const menuItem = item.value;
-    const { disabled: isDisabled, onClick, label } = menuItem;
+    const { disabled: isDisabled, onClick, label, destructive } = menuItem;
     const isFocused = state.selectionManager.focusedKey === item.key;
     const ref = (0, react_1.useRef)(null);
     const history = (0, react_router_1.useHistory)();
@@ -43,6 +43,7 @@ function MenuItemImpl(props) {
             ...(!isDisabled && isHovered ? Css_1.Css.bgGray100.$ : {}),
             ...(isFocused ? Css_1.Css.add("boxShadow", `inset 0 0 0 1px ${Css_1.Palette.LightBlue700}`).$ : {}),
             ...(isDisabled ? Css_1.Css.gray500.cursorNotAllowed.$ : {}),
+            ...(destructive ? Css_1.Css.red600.$ : {}),
         } }, tid[(0, defaultTestId_1.defaultTestId)(menuItem.label)], { children: maybeWrapInLink(onClick, isIconMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(IconMenuItem, Object.assign({}, menuItem), void 0)) : isImageMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(ImageMenuItem, Object.assign({}, menuItem), void 0)) : (label), isDisabled) }), void 0));
 }
 exports.MenuItemImpl = MenuItemImpl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.155.0",
+  "version": "2.157.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",