@homebound/beam 2.199.2 → 2.200.0

package/dist/components/ButtonModal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+import { OverlayTriggerProps } from "./internal/OverlayTrigger";
+export interface ButtonModalProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
+    content: ReactNode;
+    title?: string;
+    storybookDefaultOpen?: boolean;
+}
+export declare function ButtonModal(props: ButtonModalProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/ButtonModal.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonModal = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_aria_1 = require("react-aria");
+const react_stately_1 = require("react-stately");
+const OverlayTrigger_1 = require("./internal/OverlayTrigger");
+const utils_1 = require("../utils");
+const ContextualModal_1 = require("./internal/ContextualModal");
+function ButtonModal(props) {
+    const { storybookDefaultOpen, trigger, disabled, content, title } = props;
+    const state = (0, react_stately_1.useMenuTriggerState)({ isOpen: storybookDefaultOpen });
+    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));
+}
+exports.ButtonModal = ButtonModal;

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

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

package/dist/components/internal/ContextualModal.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextualModal = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+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 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));
+}
+exports.ContextualModal = ContextualModal;

package/package.json

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