@homebound/beam 2.210.2 → 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/dist/inputs/DateFields/DateFieldBase.js

@@ -160,7 +160,7 @@ function DateFieldBase(props) {
             } }, void 0)) }, void 0));
     const calendarButton = ((0, jsx_runtime_1.jsx)("button", Object.assign({ ref: buttonRef }, buttonProps, { disabled: isDisabled, css: Css_1.Css.if(isDisabled).cursorNotAllowed.$, tabIndex: -1 }, tid.calendarButton, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "calendar", color: isDisabled ? Css_1.Palette.Gray400 : Css_1.Palette.Gray700 }, void 0) }), void 0));
     const EndFieldButtons = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isRangeFilterField && clearButton, !hideCalendarIcon && calendarButton] }, void 0));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, Object.assign({}, textFieldProps, { errorMsg: errorMsg, helperText: helperText, required: required, labelProps: labelProps, inputProps: { ...triggerProps, ...inputProps, size: inputSize }, inputRef: inputRef, inputWrapRef: inputWrapRef, inlineLabel: inlineLabel, onChange: (v) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextFieldBase_1.TextFieldBase, Object.assign({}, textFieldProps, { errorMsg: errorMsg, helperText: helperText, required: required, labelProps: labelProps, inputProps: { ...inputProps, size: inputSize }, inputRef: inputRef, inputWrapRef: inputWrapRef, inlineLabel: inlineLabel, onChange: (v) => {
                     // hide the calendar if the user is manually entering the date
                     state.close();
                     if (v) {

package/package.json

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