@homebound/beam 2.325.2 → 2.326.1

package/dist/components/BeamContext.js

@@ -60,10 +60,7 @@ function BeamProvider({ children, ...presentationProps }) {
             drawerCanCloseDetailsChecks,
             sdHeaderDiv,
         };
-    }, 
-    // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [modalBodyDiv, modalFooterDiv]);
+    }, [modalBodyDiv, modalFooterDiv, modalHeaderDiv, sdHeaderDiv]);
     return ((0, jsx_runtime_1.jsx)(exports.BeamContext.Provider, { value: { ...context }, children: (0, jsx_runtime_1.jsx)(PresentationContext_1.PresentationProvider, { ...presentationProps, children: (0, jsx_runtime_1.jsx)(Layout_1.RightPaneProvider, { children: (0, jsx_runtime_1.jsx)(index_1.AutoSaveStatusProvider, { children: (0, jsx_runtime_1.jsx)(SnackbarContext_1.SnackbarProvider, { children: (0, jsx_runtime_1.jsxs)(ToastContext_1.ToastProvider, { children: [(0, jsx_runtime_1.jsxs)(react_aria_1.OverlayProvider, { children: [children, modalRef.current && (0, jsx_runtime_1.jsx)(Modal_1.Modal, { ...modalRef.current })] }), (0, jsx_runtime_1.jsx)(SuperDrawer_1.SuperDrawer, {})] }) }) }) }) }) }));
 }
 exports.BeamProvider = BeamProvider;

package/dist/components/Modal/Modal.js

@@ -12,6 +12,7 @@ const IconButton_1 = require("../IconButton");
 const useModal_1 = require("./useModal");
 const Css_1 = require("../../Css");
 const utils_2 = require("../../utils");
+const ModalContext_1 = require("./ModalContext");
 /**
  * Internal component for displaying a Modal; see `useModal` for the public API.
  *
@@ -67,12 +68,12 @@ function Modal(props) {
     // TODO: validate this eslint-disable. It was automatically ignored as part of https://app.shortcut.com/homebound-team/story/40033/enable-react-hooks-exhaustive-deps-for-react-projects
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [modalBodyRef, modalFooterRef, modalHeaderRef]);
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.OverlayContainer, { children: (0, jsx_runtime_1.jsx)(components_1.AutoSaveStatusProvider, { children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.underlay.z4.$, ...underlayProps, ...testId.underlay, children: (0, jsx_runtime_1.jsx)(react_aria_1.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.br24.bgWhite.bshModal.overflowHidden
-                            .maxh("90vh")
-                            .df.fdc.wPx(width)
-                            .mhPx(defaultMinHeight)
-                            .if(isFixedHeight)
-                            .hPx(height).$, ref: ref, ...overlayProps, ...dialogProps, ...modalProps, ...testId, children: [(0, jsx_runtime_1.jsxs)("header", { css: Css_1.Css.df.p3.fs0.if(drawHeaderBorder).bb.bGray200.$, children: [(0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.fg1.xl2Sb.gray900.$, ref: modalHeaderRef, ...titleProps, ...testId.title }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.pl1.$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) })] }), (0, jsx_runtime_1.jsx)("main", { ref: modalBodyRef, css: Css_1.Css.fg1.overflowYAuto.if(hasScroll).bb.bGray200.if(!!forceScrolling).overflowYScroll.$, children: content }), (0, jsx_runtime_1.jsx)("footer", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)("div", { ref: modalFooterRef }) })] }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ModalContext_1.ModalProvider, { children: (0, jsx_runtime_1.jsx)(react_aria_1.OverlayContainer, { children: (0, jsx_runtime_1.jsx)(components_1.AutoSaveStatusProvider, { children: (0, jsx_runtime_1.jsx)("div", { css: Css_1.Css.underlay.z4.$, ...underlayProps, ...testId.underlay, children: (0, jsx_runtime_1.jsx)(react_aria_1.FocusScope, { contain: true, restoreFocus: true, autoFocus: true, children: (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.br24.bgWhite.bshModal.overflowHidden
+                                .maxh("90vh")
+                                .df.fdc.wPx(width)
+                                .mhPx(defaultMinHeight)
+                                .if(isFixedHeight)
+                                .hPx(height).$, ref: ref, ...overlayProps, ...dialogProps, ...modalProps, ...testId, children: [(0, jsx_runtime_1.jsxs)("header", { css: Css_1.Css.df.p3.fs0.if(drawHeaderBorder).bb.bGray200.$, children: [(0, jsx_runtime_1.jsx)("h1", { css: Css_1.Css.fg1.xl2Sb.gray900.$, ref: modalHeaderRef, ...titleProps, ...testId.title }), (0, jsx_runtime_1.jsx)("span", { css: Css_1.Css.fs0.pl1.$, children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { icon: "x", onClick: closeModal, ...testId.titleClose }) })] }), (0, jsx_runtime_1.jsx)("main", { ref: modalBodyRef, css: Css_1.Css.fg1.overflowYAuto.if(hasScroll).bb.bGray200.if(!!forceScrolling).overflowYScroll.$, children: content }), (0, jsx_runtime_1.jsx)("footer", { css: Css_1.Css.fs0.$, children: (0, jsx_runtime_1.jsx)("div", { ref: modalFooterRef }) })] }) }) }) }) }) }));
 }
 exports.Modal = Modal;
 function ModalHeader({ children }) {

package/dist/components/Modal/ModalContext.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+interface ModalContextState {
+    inModal: boolean;
+}
+export declare const ModalContext: import("react").Context<ModalContextState>;
+interface ModalProviderProps {
+    children: ReactNode;
+}
+export declare function ModalProvider({ children }: ModalProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function useModalContext(): ModalContextState;
+export {};

package/dist/components/Modal/ModalContext.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModalContext = exports.ModalProvider = exports.ModalContext = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+exports.ModalContext = (0, react_1.createContext)({ inModal: false });
+function ModalProvider({ children }) {
+    const value = (0, react_1.useMemo)(() => ({ inModal: true }), []);
+    return (0, jsx_runtime_1.jsx)(exports.ModalContext.Provider, { value: value, children: children });
+}
+exports.ModalProvider = ModalProvider;
+function useModalContext() {
+    return (0, react_1.useContext)(exports.ModalContext);
+}
+exports.useModalContext = useModalContext;

package/dist/components/Modal/useModal.d.ts

@@ -5,5 +5,6 @@ export interface UseModalHook {
     closeModal: VoidFunction;
     addCanClose: (canClose: CheckFn) => void;
     setSize: (size: ModalProps["size"]) => void;
+    inModal: boolean;
 }
 export declare function useModal(): UseModalHook;

package/dist/components/Modal/useModal.js

@@ -4,8 +4,10 @@ exports.useModal = void 0;
 const react_1 = require("react");
 const BeamContext_1 = require("../BeamContext");
 const utils_1 = require("../../utils");
+const ModalContext_1 = require("./ModalContext");
 function useModal() {
     const { modalState, modalCanCloseChecks } = (0, BeamContext_1.useBeamContext)();
+    const { inModal } = (0, ModalContext_1.useModalContext)();
     const lastCanClose = (0, react_1.useRef)();
     const api = (0, react_1.useRef)();
     (0, react_1.useEffect)(() => {
@@ -45,6 +47,7 @@ function useModal() {
                 modalState.current.api.current.setSize(size);
             }
         },
-    }), [modalState, modalCanCloseChecks]);
+        inModal,
+    }), [inModal, modalState, modalCanCloseChecks]);
 }
 exports.useModal = useModal;

package/dist/inputs/ChipTextField.js

@@ -53,9 +53,11 @@ function ChipTextField(props) {
             }
         }, onInput: (e) => {
             var _a, _b, _c;
-            // Prevent user from pasting content that has new line characters and replace with empty space.
             const target = e.target;
-            target.textContent = (_b = (_a = target.textContent) === null || _a === void 0 ? void 0 : _a.replace(/[\n\r]/g, " ")) !== null && _b !== void 0 ? _b : "";
+            if ("inputType" in e.nativeEvent && e.nativeEvent.inputType === "insertFromPaste") {
+                // Clean up any formatting from pasted text
+                target.innerHTML = (_b = (_a = target.textContent) === null || _a === void 0 ? void 0 : _a.replace(/[A\n\r]/g, " ")) !== null && _b !== void 0 ? _b : "";
+            }
             onChange((_c = target.textContent) !== null && _c !== void 0 ? _c : "");
         }, ...focusProps, css: {
             ...Css_1.Css[typeScale].dib.br16.pl1.pxPx(10).pyPx(2).gray900.bgGray300.outline0.mwPx(32).$,

package/package.json

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