@homebound/beam 3.82.0 → 3.83.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -10295,6 +10295,8 @@ type FormSectionLayoutProps = {
10295
10295
  initialFields?: ReactNode;
10296
10296
  /** Rendered top-right of the title row, e.g. an "Add items" Button. */
10297
10297
  actions?: FormSectionAction[];
10298
+ /** When true, prepends `AutoSaveIndicator` in the actions area. */
10299
+ withAutoSave?: boolean;
10298
10300
  sections?: FormSectionProps[];
10299
10301
  };
10300
10302
  /** Centered (720px) width/column shell for a form built out of `FormSection`s — e.g. as a `WorkflowLayoutStep`'s `content`. */
package/dist/index.d.ts CHANGED
@@ -10295,6 +10295,8 @@ type FormSectionLayoutProps = {
10295
10295
  initialFields?: ReactNode;
10296
10296
  /** Rendered top-right of the title row, e.g. an "Add items" Button. */
10297
10297
  actions?: FormSectionAction[];
10298
+ /** When true, prepends `AutoSaveIndicator` in the actions area. */
10299
+ withAutoSave?: boolean;
10298
10300
  sections?: FormSectionProps[];
10299
10301
  };
10300
10302
  /** Centered (720px) width/column shell for a form built out of `FormSection`s — e.g. as a `WorkflowLayoutStep`'s `content`. */
package/dist/index.js CHANGED
@@ -26769,6 +26769,7 @@ function FormSectionLayout(props) {
26769
26769
  title,
26770
26770
  description,
26771
26771
  actions,
26772
+ withAutoSave,
26772
26773
  initialFields,
26773
26774
  sections
26774
26775
  } = props;
@@ -26778,7 +26779,10 @@ function FormSectionLayout(props) {
26778
26779
  /* @__PURE__ */ jsxs113("div", { className: "df fdc jcsb gap_12px", children: [
26779
26780
  /* @__PURE__ */ jsxs113("div", { className: "df jcsb aic", children: [
26780
26781
  /* @__PURE__ */ jsx218("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
26781
- actions && /* @__PURE__ */ jsx218("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx218(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx218(Button, { ...action }, `${action.label}`)) })
26782
+ (withAutoSave || actions) && /* @__PURE__ */ jsxs113("div", { className: "df gap1 fs0", ...tid.actions, children: [
26783
+ withAutoSave && /* @__PURE__ */ jsx218(AutoSaveIndicator, {}),
26784
+ actions?.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx218(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx218(Button, { ...action }, `${action.label}`))
26785
+ ] })
26782
26786
  ] }),
26783
26787
  description && /* @__PURE__ */ jsx218("div", { ...trussProps126({
26784
26788
  fontWeight: "fw4",