@homebound/beam 2.323.0 → 2.324.0

package/dist/inputs/RichTextField.d.ts

@@ -20,6 +20,8 @@ export interface RichTextFieldProps {
     onFocus?: () => void;
     /** For rendering formatted text */
     readOnly?: boolean;
+    /** Will set width to: 100% */
+    fullWidth?: boolean;
 }
 /**
  * Provides a simple rich text editor based on trix.

package/dist/inputs/RichTextField.js

@@ -23,7 +23,7 @@ require("trix/dist/trix.css");
  * We also integrate [tributejs]{@link https://github.com/zurb/tribute} for @ mentions.
  */
 function RichTextField(props) {
-    const { mergeTags, label, value = "", onChange, onBlur = utils_1.noop, onFocus = utils_1.noop, readOnly } = props;
+    const { mergeTags, label, value = "", onChange, onBlur = utils_1.noop, onFocus = utils_1.noop, readOnly, fullWidth } = props;
     // We get a reference to the Editor instance after trix-init fires
     const [editor, setEditor] = (0, react_2.useState)();
     const editorElement = (0, react_2.useRef)();
@@ -98,7 +98,7 @@ function RichTextField(props) {
     }, [value, readOnly, editor]);
     const { placeholder, autoFocus } = props;
     if (!readOnly) {
-        return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.w100.maxw("550px").$, children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { labelProps: {}, label: label }), (0, jsx_runtime_1.jsxs)("div", { css: { ...Css_1.Css.br4.bgWhite.$, ...trixCssOverrides }, children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", id: `input-${id}`, value: value }), (0, react_2.createElement)("trix-editor", {
+        return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.w100.if(!fullWidth).maxw("550px").$, children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { labelProps: {}, label: label }), (0, jsx_runtime_1.jsxs)("div", { css: { ...Css_1.Css.br4.bgWhite.$, ...trixCssOverrides }, children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", id: `input-${id}`, value: value }), (0, react_2.createElement)("trix-editor", {
                             id: id,
                             input: `input-${id}`,
                             // Autofocus attribute is case sensitive since this is standard HTML
@@ -107,7 +107,7 @@ function RichTextField(props) {
                         })] }), (0, jsx_runtime_1.jsx)(react_1.Global, { styles: [tributeOverrides] })] }));
     }
     else {
-        return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.w100.maxw("550px").$, children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mh("120px").bgWhite.sm.gray900.bn.p1.br4.bGray300.ba.$, dangerouslySetInnerHTML: { __html: dompurify_1.default.sanitize(value) || placeholder || "" }, "data-readonly": "true" })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.w100.if(!fullWidth).maxw("550px").$, children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, { label: label }), (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.mh("120px").bgWhite.sm.gray900.bn.p1.br4.bGray300.ba.$, dangerouslySetInnerHTML: { __html: dompurify_1.default.sanitize(value) || placeholder || "" }, "data-readonly": "true" })] }));
     }
 }
 exports.RichTextField = RichTextField;

package/package.json

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