@homebound/beam 2.210.3 → 2.211.0

package/dist/components/ButtonModal.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 import { OverlayTriggerProps } from "./internal/OverlayTrigger";
 import { ButtonVariant } from "./Button";
 export interface ButtonModalProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
-    content: ReactNode;
+    content: ReactNode | ((close: () => void) => ReactNode);
     title?: string;
     variant?: ButtonVariant;
     storybookDefaultOpen?: boolean;

package/dist/components/ButtonModal.js

@@ -14,6 +14,6 @@ function ButtonModal(props) {
     const buttonRef = (0, react_1.useRef)(null);
     const { menuTriggerProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled: !!disabled }, state, buttonRef);
     const tid = (0, utils_1.useTestIds)(props, (0, OverlayTrigger_1.isTextButton)(trigger) ? trigger.label : (0, OverlayTrigger_1.isIconButton)(trigger) ? trigger.icon : trigger.name);
-    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.OverlayTrigger, Object.assign({}, props, { menuTriggerProps: menuTriggerProps, state: state, buttonRef: buttonRef }, tid, { children: (0, jsx_runtime_1.jsx)(ContextualModal_1.ContextualModal, { content: content, title: title }, void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(OverlayTrigger_1.OverlayTrigger, Object.assign({}, props, { menuTriggerProps: menuTriggerProps, state: state, buttonRef: buttonRef }, tid, { children: (0, jsx_runtime_1.jsx)(ContextualModal_1.ContextualModal, { content: content, title: title, close: state.close }, void 0) }), void 0));
 }
 exports.ButtonModal = ButtonModal;

package/dist/components/internal/ContextualModal.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from "react";
 export interface ContextualModalProps {
     content: ReactNode;
     title?: string;
+    close: () => void;
 }
 export declare function ContextualModal(props: ContextualModalProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/internal/ContextualModal.js

@@ -6,8 +6,8 @@ const react_aria_1 = require("react-aria");
 const Css_1 = require("../../Css");
 const utils_1 = require("../../utils");
 function ContextualModal(props) {
-    const { content, title } = props;
+    const { content, title, close } = props;
     const tid = (0, utils_1.useTestIds)(props, "popup");
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.FocusScope, Object.assign({ restoreFocus: true, autoFocus: true }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Css_1.Css.p3.df.fdc.gap3.bgWhite.bshModal.br4.maxh("inherit").overflowAuto.$ }, { children: [title && ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: Css_1.Css.lg.tc.$ }, tid.title, { children: title }), void 0)), (0, jsx_runtime_1.jsx)("div", Object.assign({}, tid.content, { children: content }), void 0)] }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(react_aria_1.FocusScope, Object.assign({ restoreFocus: true, autoFocus: true }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Css_1.Css.p3.df.fdc.gap3.bgWhite.bshModal.br4.maxh("inherit").overflowAuto.$ }, tid, { children: [title && ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: Css_1.Css.lg.tc.$ }, tid.title, { children: title }), void 0)), (0, jsx_runtime_1.jsx)("div", Object.assign({}, tid.content, { children: typeof content === "function" ? content(close) : content }), void 0)] }), void 0) }), void 0));
 }
 exports.ContextualModal = ContextualModal;

package/dist/components/internal/OverlayTrigger.js

@@ -13,7 +13,7 @@ const Css_1 = require("../../Css");
 const utils_1 = require("../../utils");
 const defaultTestId_1 = require("../../utils/defaultTestId");
 function OverlayTrigger(props) {
-    const { trigger, buttonRef, menuTriggerProps, placement, state, disabled, tooltip, children, variant, hideEndAdornment, showActiveBorder = false } = props;
+    const { trigger, buttonRef, menuTriggerProps, placement, state, disabled, tooltip, children, variant, hideEndAdornment, showActiveBorder = false, } = props;
     const popoverRef = (0, react_1.useRef)(null);
     const { overlayProps: positionProps } = (0, react_aria_1.useOverlayPosition)({
         targetRef: buttonRef,

package/package.json

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