@homebound/beam 2.318.3 → 2.319.0

package/dist/components/Banner.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export interface BannerProps {
+    type: BannerTypes;
+    message: ReactNode;
+    onClose?: VoidFunction;
+}
+export declare function Banner(props: BannerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export type BannerTypes = "error" | "warning" | "success" | "info" | "alert";

package/dist/components/Banner.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Banner = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Icon_1 = require("./Icon");
+const IconButton_1 = require("./IconButton");
+const Css_1 = require("../Css");
+const utils_1 = require("../utils");
+function Banner(props) {
+    const { type, message, onClose = false, ...others } = props;
+    const tid = (0, utils_1.useTestIds)(others, "banner");
+    return ((0, jsx_runtime_1.jsxs)("div", { css: { ...variantStyles[type], ...Css_1.Css.df.aic.w100.gap1.p2.gray900.base.bshBasic.$ }, ...tid, role: "alert", children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: typeToIcon[type], ...tid.type, color: Css_1.Palette.Gray900 }) }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fg1.$, ...tid.message, children: message }), onClose && ((0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lh(0).$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", onClick: onClose, ...tid.close, color: Css_1.Palette.Gray900 }) }))] }));
+}
+exports.Banner = Banner;
+const typeToIcon = {
+    success: "checkCircle",
+    info: "infoCircle",
+    warning: "error",
+    alert: "errorCircle",
+    error: "xCircle",
+};
+const variantStyles = {
+    success: Css_1.Css.bgGreen100.gray900.$,
+    info: Css_1.Css.bgBlue100.gray900.$,
+    warning: Css_1.Css.bgYellow200.gray900.$,
+    alert: Css_1.Css.bgGray200.gray900.$,
+    error: Css_1.Css.bgRed100.gray900.$,
+};

package/dist/components/Toast/Toast.d.ts

@@ -1,2 +1 @@
 export declare function Toast(): import("@emotion/react/jsx-runtime").JSX.Element;
-export type ToastTypes = "error" | "warning" | "success" | "info" | "alert";

package/dist/components/Toast/Toast.js

@@ -2,28 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toast = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Icon_1 = require("../Icon");
-const Css_1 = require("../../Css");
+const components_1 = require("..");
 const utils_1 = require("../../utils");
-const IconButton_1 = require("../IconButton");
 const ToastContext_1 = require("./ToastContext");
 function Toast() {
     const { setNotice, notice } = (0, ToastContext_1.useToastContext)();
     const tid = (0, utils_1.useTestIds)({}, "toast");
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: notice && ((0, jsx_runtime_1.jsxs)("div", { css: { ...variantStyles[notice.type], ...Css_1.Css.df.aic.w100.gap1.p2.gray900.base.bshBasic.$ }, ...tid, role: "alert", children: [(0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: typeToIcon[notice.type], ...tid.type, color: Css_1.Palette.Gray900 }) }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fg1.$, ...tid.message, children: notice.message }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.lh(0).$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", onClick: () => setNotice(undefined), ...tid.close, color: Css_1.Palette.Gray900 }) })] })) }));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: notice && (0, jsx_runtime_1.jsx)(components_1.Banner, { ...notice, ...tid, onClose: () => setNotice(undefined) }) });
 }
 exports.Toast = Toast;
-const typeToIcon = {
-    success: "checkCircle",
-    info: "infoCircle",
-    warning: "error",
-    alert: "errorCircle",
-    error: "xCircle",
-};
-const variantStyles = {
-    success: Css_1.Css.bgGreen100.gray900.$,
-    info: Css_1.Css.bgBlue100.gray900.$,
-    warning: Css_1.Css.bgYellow200.gray900.$,
-    alert: Css_1.Css.bgGray200.gray900.$,
-    error: Css_1.Css.bgRed100.gray900.$,
-};

package/dist/components/Toast/ToastContext.d.ts

@@ -1,8 +1,6 @@
 import React, { ReactNode } from "react";
-import { ToastTypes } from "./Toast";
-export interface ToastNoticeProps {
-    type: ToastTypes;
-    message: ReactNode;
+import { BannerProps } from "..";
+export interface ToastNoticeProps extends Omit<BannerProps, "onClose"> {
 }
 export type ToastContextProps = {
     notice: ToastNoticeProps | undefined;

package/dist/components/index.d.ts

@@ -8,6 +8,8 @@ export * from "./Accordion";
 export * from "./AccordionList";
 export * from "./AutoSaveIndicator";
 export * from "./Avatar";
+export * from "./Banner";
+export type { BannerProps } from "./Banner";
 export { BeamProvider } from "./BeamContext";
 export * from "./Button";
 export * from "./ButtonDatePicker";

package/dist/components/index.js

@@ -25,6 +25,7 @@ __exportStar(require("./Accordion"), exports);
 __exportStar(require("./AccordionList"), exports);
 __exportStar(require("./AutoSaveIndicator"), exports);
 __exportStar(require("./Avatar"), exports);
+__exportStar(require("./Banner"), exports);
 var BeamContext_1 = require("./BeamContext");
 Object.defineProperty(exports, "BeamProvider", { enumerable: true, get: function () { return BeamContext_1.BeamProvider; } });
 __exportStar(require("./Button"), exports);

package/dist/forms/index.d.ts

@@ -14,6 +14,7 @@ export * from "./BoundSwitchField";
 export * from "./BoundTextAreaField";
 export * from "./BoundTextField";
 export * from "./BoundToggleChipGroupField";
+export * from "./BoundTreeSelectField";
 export * from "./FormHeading";
 export * from "./FormLines";
 export * from "./StaticField";

package/dist/forms/index.js

@@ -30,6 +30,7 @@ __exportStar(require("./BoundSwitchField"), exports);
 __exportStar(require("./BoundTextAreaField"), exports);
 __exportStar(require("./BoundTextField"), exports);
 __exportStar(require("./BoundToggleChipGroupField"), exports);
+__exportStar(require("./BoundTreeSelectField"), exports);
 __exportStar(require("./FormHeading"), exports);
 __exportStar(require("./FormLines"), exports);
 __exportStar(require("./StaticField"), exports);

package/package.json

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