@homebound/beam 2.324.0 → 2.324.2

package/dist/components/Table/components/SelectToggle.js

@@ -11,8 +11,6 @@ function SelectToggle({ id, disabled }) {
     const { tableState } = (0, react_1.useContext)(TableState_1.TableStateContext);
     const state = (0, hooks_1.useComputed)(() => tableState.getSelected(id), [tableState]);
     const selected = state === "checked" ? true : state === "unchecked" ? false : "indeterminate";
-    return ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { checkboxOnly: true, disabled: disabled, label: "Select", onChange: (selected) => {
-            tableState.selectRow(id, selected);
-        }, selected: selected }));
+    return ((0, jsx_runtime_1.jsx)(inputs_1.Checkbox, { checkboxOnly: true, disabled: disabled, label: "Select", onChange: (selected) => tableState.selectRow(id, selected), selected: selected }));
 }
 exports.SelectToggle = SelectToggle;

package/dist/components/Table/utils/RowState.js

@@ -107,7 +107,7 @@ class RowState {
         // client-side filter changes, a child reappears, and we need to transition to partial-ness.
         if (this.isParent) {
             // Use visibleChildren b/c if filters are hiding some of our children, we still want to show fully selected
-            const children = this.visibleChildren;
+            const children = this.visibleChildren.filter((c) => c.row.selectable !== false);
             const allChecked = children.every((child) => child.selectedState === "checked");
             const allUnchecked = children.every((child) => child.selectedState === "unchecked");
             return children.length === 0 ? "unchecked" : allChecked ? "checked" : allUnchecked ? "unchecked" : "partial";
@@ -122,7 +122,7 @@ class RowState {
      */
     get selectedStateForHeader() {
         if (this.children) {
-            const children = this.visibleChildren;
+            const children = this.visibleChildren.filter((c) => c.row.selectable !== false || c.isParent);
             const allChecked = children.every((child) => child.selectedStateForHeader === "checked");
             const allUnchecked = children.every((child) => child.selectedStateForHeader === "unchecked");
             // For the header purposes, if this is a selectable-row (i.e. not inferSelectedState) make sure
@@ -264,7 +264,8 @@ class RowState {
      * they want the row to be selectable.
      */
     get isParent() {
-        return !!this.children && this.children.length > 0 && this.inferSelectedState;
+        // Check for KEPT_GROUP b/c it has `this.children = []` but we synthesize its children in `visibleChildren`
+        return !!this.children && (this.children.length > 0 || this.row.id === utils_1.KEPT_GROUP) && this.inferSelectedState;
     }
     get isPinned() {
         return typeof this.row.pin === "string" || (!!this.row.pin && this.row.pin.filter !== true);

package/dist/inputs/CheckboxBase.js

@@ -22,7 +22,7 @@ function CheckboxBase(props) {
             .maxw((0, Css_1.px)(320))
             .if(description !== undefined)
             .maxw((0, Css_1.px)(344))
-            .if(isDisabled).cursorNotAllowed.$, "aria-label": label, children: [(0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...(0, react_aria_1.mergeProps)(inputProps, focusProps), ...tid, "data-indeterminate": isIndeterminate }) }), (0, jsx_runtime_1.jsx)(StyledCheckbox, { ...props, isFocusVisible: isFocusVisible }), !checkboxOnly && (
+            .if(isDisabled).cursorNotAllowed.$, "aria-label": label, children: [(0, jsx_runtime_1.jsx)(react_aria_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", { ref: ref, ...(0, react_aria_1.mergeProps)(inputProps, focusProps), ...tid, "data-indeterminate": isIndeterminate }) }), (0, jsx_runtime_1.jsx)(StyledCheckbox, { ...props, isFocusVisible: isFocusVisible, ...tid }), !checkboxOnly && (
             // Use a mtPx(-2) to better align the label with the checkbox.
             // Not using align-items: center as the checkbox would align with all content below, where we really want it to stay only aligned with the label
             (0, jsx_runtime_1.jsxs)("div", { css: Css_1.Css.ml1.mtPx(-2).$, children: [label && (0, jsx_runtime_1.jsx)("div", { css: { ...labelStyles, ...(isDisabled && disabledColor) }, children: label }), description && (0, jsx_runtime_1.jsx)("div", { css: { ...descStyles, ...(isDisabled && disabledColor) }, children: description }), errorMsg && (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { errorMsg: errorMsg, ...tid.errorMsg }), helperText && (0, jsx_runtime_1.jsx)(HelperText_1.HelperText, { helperText: helperText, ...tid.helperText })] }))] }));

package/dist/utils/rtl.js

@@ -188,6 +188,9 @@ function selectOption(select, optionValue) {
     if (!optionToSelect) {
         throw new Error(`Could not find option with value or text content of ${optionValue}`);
     }
+    if (optionToSelect.getAttribute("aria-disabled")) {
+        throw new Error(`Cannot select disabled option ${optionValue}`);
+    }
     (0, rtl_utils_1.click)(optionToSelect);
 }
 function getSelected(select) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.324.0",
+  "version": "2.324.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -118,8 +118,8 @@
     "jest-watch-typeahead": "^2.2.2",
     "mobx": "^6.10.2",
     "mobx-react": "^9.0.1",
-    "prettier": "^2.8.4",
-    "prettier-plugin-organize-imports": "^3.2.2",
+    "prettier": "^3.0.3",
+    "prettier-plugin-organize-imports": "^3.2.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "semantic-release": "^20.1.0",