@homebound/beam 2.102.5 → 2.102.9

package/dist/components/Button.d.ts

@@ -6,7 +6,7 @@ export interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
     label: string;
     variant?: ButtonVariant;
     size?: ButtonSize;
-    icon?: IconProps["icon"];
+    icon?: IconProps["icon"] | null;
     /** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
     endAdornment?: ReactNode;
     /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
@@ -14,6 +14,8 @@ export interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
     buttonRef?: RefObject<HTMLElement>;
     /** Allow for setting "submit" | "button" | "reset" on button element */
     type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
+    download?: boolean;
 }
 export declare function Button(props: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare type ButtonSize = "sm" | "md" | "lg";

package/dist/components/Button.js

@@ -10,10 +10,10 @@ const Css_1 = require("../Css");
 const utils_1 = require("../utils");
 const useTestIds_1 = require("../utils/useTestIds");
 function Button(props) {
-    const { onClick: onPress, disabled, endAdornment, menuTriggerProps, tooltip, openInNew, ...otherProps } = props;
+    const { onClick: onPress, disabled, endAdornment, menuTriggerProps, tooltip, openInNew, download, ...otherProps } = props;
     const isDisabled = !!disabled;
     const ariaProps = { onPress, isDisabled, ...otherProps, ...menuTriggerProps };
-    const { label, icon, variant = "primary", size = "sm", buttonRef } = ariaProps;
+    const { label, icon = download ? "download" : undefined, variant = "primary", size = "sm", buttonRef } = ariaProps;
     const ref = buttonRef || (0, react_1.useRef)(null);
     const tid = (0, useTestIds_1.useTestIds)(props, label);
     const { buttonProps, isPressed } = (0, react_aria_1.useButton)({
@@ -41,7 +41,7 @@ function Button(props) {
         },
         ...tid,
     };
-    const button = typeof onPress === "string" ? ((0, utils_1.isAbsoluteUrl)(onPress) || openInNew ? ((0, jsx_runtime_1.jsxs)("a", Object.assign({}, buttonAttrs, { href: onPress, className: components_1.navLink, target: "_blank", rel: "noreferrer noopener" }, { children: [buttonContent, (0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.ml1.$ }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "linkExternal" }, void 0) }), void 0)] }), void 0)) : ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, Object.assign({}, buttonAttrs, { to: onPress, className: components_1.navLink }, { children: buttonContent }), void 0))) : ((0, jsx_runtime_1.jsx)("button", Object.assign({}, buttonAttrs, { children: buttonContent }), void 0));
+    const button = typeof onPress === "string" ? ((0, utils_1.isAbsoluteUrl)(onPress) || openInNew || download ? ((0, jsx_runtime_1.jsxs)("a", Object.assign({}, buttonAttrs, { href: onPress, className: components_1.navLink }, (download ? { download: "" } : { target: "_blank", rel: "noreferrer noopener" }), { children: [buttonContent, !download && ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.ml1.$ }, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { icon: "linkExternal" }, void 0) }), void 0))] }), void 0)) : ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, Object.assign({}, buttonAttrs, { to: onPress, className: components_1.navLink }, { children: buttonContent }), void 0))) : ((0, jsx_runtime_1.jsx)("button", Object.assign({}, buttonAttrs, { children: buttonContent }), void 0));
     // If we're disabled b/c of a non-boolean ReactNode, or the caller specified tooltip text, then show it in a tooltip
     return (0, components_1.maybeTooltip)({
         title: (0, components_1.resolveTooltip)(disabled, tooltip),

package/dist/components/Table/GridTable.js

@@ -222,7 +222,7 @@ function renderDiv(style, id, columns, headerRows, filteredRows, firstRowMessage
             ...(style.firstNonHeaderRowCss ? Css_1.Css.addIn(`& > div:nth-of-type(2) > *`, style.firstNonHeaderRowCss).$ : {}),
             ...style.rootCss,
             ...xss,
-        }, "data-testid": id }, { children: [headerRows.map(([, node]) => node), firstRowMessage && (0, jsx_runtime_1.jsx)("div", Object.assign({ css: { ...style.firstRowMessageCss } }, { children: firstRowMessage }), void 0), filteredRows.map(([, node]) => node)] }), void 0));
+        }, "data-testid": id }, { children: [headerRows.map(([, node]) => node), firstRowMessage && ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: { ...style.firstRowMessageCss }, "data-gridrow": true }, { children: firstRowMessage }), void 0)), filteredRows.map(([, node]) => node)] }), void 0));
 }
 /** Renders as a table, primarily/solely for good print support. */
 function renderTable(style, id, columns, headerRows, filteredRows, firstRowMessage, _stickyHeader, _firstLastColumnWidth, xss, _virtuosoRef) {

package/dist/components/Table/useSortState.js

@@ -51,6 +51,11 @@ function deriveSortState(currentSortState, clickedKey, initialSortState) {
     if (!currentSortState || clickedKey !== currentKey) {
         return [clickedKey, GridTable_1.ASC];
     }
+    // If there is an `initialSortState` and we're clicking on that same key, then flip the sort.
+    // Handles cases where the initial sort is DESC so that we can allow for DESC to ASC sorting.
+    if (initialSortState && initialSortState[0] === clickedKey) {
+        return [clickedKey, currentDirection === GridTable_1.ASC ? GridTable_1.DESC : GridTable_1.ASC];
+    }
     // Otherwise when clicking the current column, toggle through sort states
     if (currentDirection === GridTable_1.ASC) {
         // if ASC -> go to desc

package/package.json

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