@homebound/beam 3.15.0 → 3.15.1

package/dist/index.d.cts

@@ -6794,6 +6794,8 @@ type RadioGroupFieldProps<K extends string> = {
     /** The list of options. */
     options: RadioFieldOption<K>[];
     disabled?: boolean;
+    /** Whether the field is required. When true, renders the required suffix (i.e. "*") next to the label. */
+    required?: boolean;
     errorMsg?: string;
     helperText?: string | ReactNode;
     onBlur?: () => void;

package/dist/index.d.ts

@@ -6794,6 +6794,8 @@ type RadioGroupFieldProps<K extends string> = {
     /** The list of options. */
     options: RadioFieldOption<K>[];
     disabled?: boolean;
+    /** Whether the field is required. When true, renders the required suffix (i.e. "*") next to the label. */
+    required?: boolean;
     errorMsg?: string;
     helperText?: string | ReactNode;
     onBlur?: () => void;

package/dist/index.js

@@ -13085,6 +13085,7 @@ function RadioGroupField(props) {
     onChange,
     options,
     disabled = false,
+    required,
     errorMsg,
     helperText,
     layout = "vertical",
@@ -13099,12 +13100,14 @@ function RadioGroupField(props) {
     isReadOnly: false
   });
   const tid = useTestIds(props, defaultTestId(label));
+  const labelSuffix = useLabelSuffix(required, false);
   const {
     labelProps,
     radioGroupProps
   } = useRadioGroup({
     label,
-    isDisabled: disabled
+    isDisabled: disabled,
+    isRequired: required
   }, state);
   return (
     // default styling to position `<Label />` above.
@@ -13119,7 +13122,7 @@ function RadioGroupField(props) {
         justifyContent: "jcsb"
       } : {}
     }), children: [
-      /* @__PURE__ */ jsx70(Label, { label, ...labelProps, ...tid.label, hidden: labelStyle === "hidden" }),
+      /* @__PURE__ */ jsx70(Label, { label, ...labelProps, ...tid.label, suffix: labelSuffix, hidden: labelStyle === "hidden" }),
       /* @__PURE__ */ jsxs43("div", { ...radioGroupProps, children: [
         /* @__PURE__ */ jsx70("div", { ...trussProps44({
           display: "df",
@@ -14445,17 +14448,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);
-    reaction2(
+    this.disposeExpanded = reaction2(
       () => this.states.expandedColumns.map((cs) => cs.column.id),
       (columnIds) => sessionStorage.setItem(key, JSON.stringify(columnIds))
     );
   }
   loadVisible(storageKey) {
+    this.disposeVisible?.();
     this.visibleIds = loadArrayOrUndefined(storageKey);
-    autorun2(() => {
+    this.disposeVisible = autorun2(() => {
       const columnIds = this.states.allVisibleColumns("web").map((cs) => cs.column.id);
       sessionStorage.setItem(storageKey, JSON.stringify(columnIds));
     });
@@ -17386,6 +17398,7 @@ function BoundRadioGroupField(props) {
     RadioGroupField,
     {
       label,
+      required: field.required,
       value: field.value || void 0,
       onChange: (value) => {
         onChange(value);