@homebound/beam 3.15.0 → 3.15.1

package/dist/index.cjs

@@ -13510,6 +13510,7 @@ function RadioGroupField(props) {
     onChange,
     options,
     disabled = false,
+    required,
     errorMsg,
     helperText,
     layout = "vertical",
@@ -13524,12 +13525,14 @@ function RadioGroupField(props) {
     isReadOnly: false
   });
   const tid = useTestIds(props, defaultTestId(label));
+  const labelSuffix = useLabelSuffix(required, false);
   const {
     labelProps,
     radioGroupProps
   } = (0, import_react_aria34.useRadioGroup)({
     label,
-    isDisabled: disabled
+    isDisabled: disabled,
+    isRequired: required
   }, state);
   return (
     // default styling to position `<Label />` above.
@@ -13544,7 +13547,7 @@ function RadioGroupField(props) {
         justifyContent: "jcsb"
       } : {}
     }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Label, { label, ...labelProps, ...tid.label, hidden: labelStyle === "hidden" }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix, hidden: labelStyle === "hidden" }),
       /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { ...radioGroupProps, children: [
         /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { ...(0, import_runtime47.trussProps)({
           display: "df",
@@ -14870,17 +14873,26 @@ var ColumnStorage = class {
   }
   expandedIds;
   visibleIds;
+  // `loadExpanded`/`loadVisible` can be called multiple times (i.e. when `props.columns`
+  // change, which also changes the auto-derived storage key). Each call wires up a mobx
+  // autorun/reaction that writes to its key, so we must dispose the previous one. Otherwise
+  // a stale writer keeps firing against an old key and clobbers it with the current visible
+  // set, e.g. a conditional column's key gets overwritten while that column isn't rendered.
+  disposeExpanded;
+  disposeVisible;
   loadExpanded(persistCollapse) {
+    this.disposeExpanded?.();
     const key = `expandedColumn_${persistCollapse}`;
     this.expandedIds = loadArrayOrUndefined(key);
-    (0, import_mobx4.reaction)(
+    this.disposeExpanded = (0, import_mobx4.reaction)(
       () => this.states.expandedColumns.map((cs) => cs.column.id),
       (columnIds) => sessionStorage.setItem(key, JSON.stringify(columnIds))
     );
   }
   loadVisible(storageKey) {
+    this.disposeVisible?.();
     this.visibleIds = loadArrayOrUndefined(storageKey);
-    (0, import_mobx4.autorun)(() => {
+    this.disposeVisible = (0, import_mobx4.autorun)(() => {
       const columnIds = this.states.allVisibleColumns("web").map((cs) => cs.column.id);
       sessionStorage.setItem(storageKey, JSON.stringify(columnIds));
     });
@@ -17811,6 +17823,7 @@ function BoundRadioGroupField(props) {
     RadioGroupField,
     {
       label,
+      required: field.required,
       value: field.value || void 0,
       onChange: (value) => {
         onChange(value);