@homebound/beam 2.135.0 → 2.135.1

package/dist/components/ButtonGroup.d.ts

@@ -1,5 +1,4 @@
 import { IconProps } from "./Icon";
-import { Callback } from "../types";
 export interface ButtonGroupProps {
     buttons: ButtonGroupButton[];
     /** Disables all buttons in ButtonGroup */
@@ -9,7 +8,7 @@ export interface ButtonGroupProps {
 export declare type ButtonGroupButton = {
     icon?: IconProps["icon"];
     text?: string;
-    onClick?: Callback;
+    onClick?: VoidFunction;
     /** Disables the button. Note we don't support the `disabled: ReactNode`/tooltip for now. */
     disabled?: boolean;
     /** Indicates the active/selected button, as in a tab or toggle. */

package/dist/components/ButtonMenu.d.ts

@@ -1,6 +1,5 @@
 import { IconProps } from "./Icon";
 import { OverlayTriggerProps } from "./internal/OverlayTrigger";
-import { Callback } from "../types";
 interface ButtonMenuProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
     items: MenuItem[];
     persistentItems?: MenuItem[];
@@ -9,7 +8,7 @@ interface ButtonMenuProps extends Pick<OverlayTriggerProps, "trigger" | "placeme
 export declare function ButtonMenu(props: ButtonMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare type MenuItemBase = {
     label: string;
-    onClick: string | Callback;
+    onClick: string | VoidFunction;
     disabled?: boolean;
 };
 export declare type IconMenuItemType = MenuItemBase & {

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

@@ -1,6 +1,5 @@
 import { MutableRefObject, ReactNode } from "react";
 import { Only, Xss } from "../../Css";
-import { Callback } from "../../types";
 export declare type ModalSize = "sm" | "md" | "lg" | "xl";
 export interface ModalProps {
     /**
@@ -18,7 +17,7 @@ export interface ModalProps {
     /** Force scrolling i.e. to avoid content jumping left/right as scroll bar goes away/comes back. */
     forceScrolling?: boolean;
     /** Adds a callback that is called _after_ close has definitely happened. */
-    onClose?: Callback;
+    onClose?: VoidFunction;
     /** Imperative API for interacting with the Modal */
     api?: MutableRefObject<ModalApi | undefined>;
     /** Adds a border for the header. */

package/dist/components/Modal/Modal.js

@@ -31,8 +31,8 @@ function Modal(props) {
         onClose: closeModal,
         isDismissable: true,
         shouldCloseOnInteractOutside: (el) => {
-            // Do not close the Modal if the user is interacting with the Tribute mentions dropdown (via RichTextField).
-            return !el.closest(".tribute-container");
+            // Do not close the Modal if the user is interacting with the Tribute mentions dropdown (via RichTextField) or with another 3rd party dialog (such as a lightbox) on top of it.
+            return !(el.closest(".tribute-container") || el.closest("[role='dialog']"));
         },
     }, ref);
     const { modalProps } = (0, react_aria_1.useModal)();

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

@@ -1,8 +1,8 @@
-import { Callback, CheckFn } from "../../types";
+import { CheckFn } from "../../types";
 import { ModalProps } from "./Modal";
 export interface UseModalHook {
     openModal: (props: ModalProps) => void;
-    closeModal: Callback;
+    closeModal: VoidFunction;
     addCanClose: (canClose: CheckFn) => void;
     setSize: (size: ModalProps["size"]) => void;
 }

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

@@ -1,9 +1,8 @@
 import { HTMLAttributes, PropsWithChildren } from "react";
 import { MenuItem } from "..";
-import { Callback } from "../../types";
 interface MenuProps<T> {
     ariaMenuProps: HTMLAttributes<HTMLElement>;
-    onClose: Callback;
+    onClose: VoidFunction;
     items: MenuItem[];
     persistentItems?: MenuItem[];
 }

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

@@ -1,11 +1,10 @@
 import { Node } from "@react-types/shared";
 import { TreeState } from "react-stately";
 import { MenuItem } from "../ButtonMenu";
-import { Callback } from "../../types";
 interface MenuItemProps {
     item: Node<MenuItem>;
     state: TreeState<MenuItem>;
-    onClose: Callback;
+    onClose: VoidFunction;
 }
 export declare function MenuItemImpl(props: MenuItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,10 @@
 import { Node } from "@react-types/shared";
 import { TreeState } from "react-stately";
 import { MenuItem } from "../ButtonMenu";
-import { Callback } from "../../types";
 interface MenuSectionProps {
     section: Node<MenuItem>;
     state: TreeState<MenuItem>;
-    onClose: Callback;
+    onClose: VoidFunction;
 }
 export declare function MenuSectionImpl(props: MenuSectionProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/hooks/useHover.d.ts

@@ -1,8 +1,7 @@
 import { HTMLAttributes } from "react";
-import { Callback } from "../types";
 interface useHoverProps {
-    onHoverStart?: Callback;
-    onHoverEnd?: Callback;
+    onHoverStart?: VoidFunction;
+    onHoverEnd?: VoidFunction;
     onHoverChange?: (isHovering: boolean) => void;
     disabled?: boolean;
 }

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./Css";
-export type { HasIdAndName, Callback, CheckFn } from "./types";
+export type { HasIdAndName, CheckFn } from "./types";
 export * from "./components";
 export * from "./forms";
 export * from "./hooks";

package/dist/inputs/DateField.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from "react";
 import { Modifier } from "react-day-picker";
 import { TextFieldBaseProps } from "./TextFieldBase";
-import { Callback } from "../types";
 export interface DateFieldProps extends Pick<TextFieldBaseProps<{}>, "borderless" | "visuallyDisabled" | "hideLabel" | "compact"> {
     value: Date | undefined;
     label: string;
@@ -27,7 +26,7 @@ export interface DateFieldProps extends Pick<TextFieldBaseProps<{}>, "borderless
      * exposed from `react-day-picker`: https://react-day-picker.js.org/api/DayPicker#modifiers
      */
     disabledDays?: Modifier | Modifier[];
-    onEnter?: Callback;
+    onEnter?: VoidFunction;
     defaultOpen?: boolean;
 }
 export declare function DateField(props: DateFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/inputs/NumberField.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Xss } from "../Css";
-import { Callback } from "../types";
 export declare type NumberFieldType = "cents" | "percent" | "basisPoints" | "days";
 export interface NumberFieldProps {
     label: string;
@@ -23,7 +22,7 @@ export interface NumberFieldProps {
     displayDirection?: boolean;
     numFractionDigits?: number;
     truncate?: boolean;
-    onEnter?: Callback;
+    onEnter?: VoidFunction;
 }
 export declare function NumberField(props: NumberFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined): number | undefined;

package/dist/inputs/TextAreaField.d.ts

@@ -1,9 +1,8 @@
 import { Only } from "../Css";
 import { BeamTextFieldProps, TextFieldXss } from "../interfaces";
-import { Callback } from "../types";
 export interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
     preventNewLines?: boolean;
-    onEnter?: Callback;
+    onEnter?: VoidFunction;
 }
 /** Returns a <textarea /> element that auto-adjusts height based on the field's value */
 export declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/inputs/TextField.d.ts

@@ -1,17 +1,16 @@
 import { MutableRefObject, ReactNode } from "react";
 import { Only } from "../Css";
 import { BeamTextFieldProps, TextFieldXss } from "../interfaces";
-import { Callback } from "../types";
 export interface TextFieldProps<X> extends BeamTextFieldProps<X> {
     compact?: boolean;
     inlineLabel?: boolean;
     clearable?: boolean;
     api?: MutableRefObject<TextFieldApi | undefined>;
-    onEnter?: Callback;
+    onEnter?: VoidFunction;
     endAdornment?: ReactNode;
     startAdornment?: ReactNode;
 }
 export declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare type TextFieldApi = {
-    focus: Callback;
+    focus: VoidFunction;
 };

package/dist/inputs/internal/SelectFieldInput.d.ts

@@ -2,7 +2,6 @@ import { InputHTMLAttributes, LabelHTMLAttributes, MutableRefObject, ReactNode }
 import { ComboBoxState } from "react-stately";
 import { PresentationFieldProps } from "../../components/PresentationContext";
 import { Value } from "../Value";
-import { Callback } from "../../types";
 interface SelectFieldInputProps<O, V extends Value> extends PresentationFieldProps {
     buttonProps: any;
     buttonRef: MutableRefObject<HTMLButtonElement | null>;
@@ -26,7 +25,7 @@ interface SelectFieldInputProps<O, V extends Value> extends PresentationFieldPro
     contrast?: boolean;
     nothingSelectedText: string;
     tooltip?: ReactNode;
-    resetField: Callback;
+    resetField: VoidFunction;
 }
 export declare function SelectFieldInput<O, V extends Value>(props: SelectFieldInputProps<O, V>): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/interfaces.d.ts

@@ -2,7 +2,6 @@ import type { PressEvent } from "@react-types/shared";
 import { ReactNode } from "react";
 import { PresentationFieldProps } from "./components/PresentationContext";
 import { Xss } from "./Css";
-import { Callback } from "./types";
 /** Base Interfaced */
 export interface BeamFocusableProps {
     /** Whether the element should receive focus on render. */
@@ -36,9 +35,9 @@ export interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationF
     /** Handler called when the interactive element state changes. */
     onChange: (value: string | undefined) => void;
     /** Called when the component loses focus, mostly for BoundTextField to use. */
-    onBlur?: Callback;
-    onFocus?: Callback;
-    onEnter?: Callback;
+    onBlur?: VoidFunction;
+    onFocus?: VoidFunction;
+    onEnter?: VoidFunction;
     /** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
     readOnly?: boolean | ReactNode;
     placeholder?: string;

package/dist/types.d.ts

@@ -3,7 +3,6 @@ export declare type HasIdAndName<V = string> = {
     name: string;
 };
 export declare type Optional<T, K extends keyof T> = Omit<T, K> & Partial<T>;
-export declare type Callback = () => void;
 export declare type CheckFn = () => boolean;
 export declare type CanCloseCheck = {
     check: CheckFn;

package/package.json

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