@homebound/beam 4.55.0 → 4.56.0

package/dist/index.cjs

@@ -20428,6 +20428,7 @@ function useMenuSelectField(props) {
     getOptionLabel = defaultOptionLabel,
     getOptionMenuLabel,
     getOptionSearchText,
+    autoSort = true,
     onSearch,
     disabledOptions,
     nothingSelectedText = "",
@@ -20470,10 +20471,10 @@ function useMenuSelectField(props) {
   const [optionsLoading, setOptionsLoading] = (0, import_react85.useState)(false);
   const didRequestOptionsRef = (0, import_react85.useRef)(false);
   const options = (0, import_react85.useMemo)(
-    () => initializeOptions(optionsProp, getOptionValue, getOptionLabel, void 0, false),
+    () => initializeOptions(optionsProp, getOptionValue, getOptionLabel, void 0, autoSort),
     // getOptionValue and getOptionLabel are typically inline lambdas
     // oxlint-disable-next-line react-hooks/exhaustive-deps
-    [optionsProp]
+    [optionsProp, autoSort]
   );
   const { hoverProps, isHovered } = (0, import_react_aria37.useHover)({});
   const { focusProps, isFocusVisible } = (0, import_react_aria37.useFocusRing)();
@@ -22333,11 +22334,12 @@ var import_mobx_react11 = require("mobx-react");
 // src/inputs/MenuSelectField/MenuTreeSelectField.tsx
 var import_jsx_runtime140 = require("react/jsx-runtime");
 function MenuTreeSelectField(props) {
-  const { onSelect, selectionDisplay = "all", defaultExpanded = false, ...rest } = props;
+  const { onSelect, selectionDisplay = "all", defaultExpanded = false, autoSort = false, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
     BaseMenuSelectField,
     {
       ...rest,
+      autoSort,
       selectionMode: "multiple",
       tree: { getChildren: getNestedChildren, display: selectionDisplay, defaultExpanded },
       onCommit: (values, opts) => onSelect(treeSelectResponse(values, opts))
@@ -32009,14 +32011,19 @@ var SingleFilter = class extends BaseFilter {
     return resolveOptionSelectedFilterLabel(options, getOptionValue, getOptionLabel, value);
   }
   render(value, setValue, tid, inModal, vertical) {
-    const { label, defaultValue, options: maybeOptions, nothingSelectedText, ...props } = this.props;
+    const { label, defaultValue, options: maybeOptions, nothingSelectedText, autoSort, ...props } = this.props;
     const { getOptionValue, getOptionLabel } = optionReaders2(this.props);
     const unsetText = nothingSelectedText ?? "All";
-    const options = Array.isArray(maybeOptions) ? [allOption, ...maybeOptions] : { ...maybeOptions, current: maybeOptions.current };
+    const isStaticList = Array.isArray(maybeOptions);
+    const options = isStaticList ? [
+      allOption,
+      ...initializeOptions(maybeOptions, getOptionValue, getOptionLabel, void 0, autoSort ?? true)
+    ] : maybeOptions;
     return /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
       MenuSelectField,
       {
         ...props,
+        autoSort: isStaticList ? false : autoSort,
         options,
         getOptionValue: (option) => option === allOption ? void 0 : getOptionValue(option),
         getOptionLabel: (option) => option === allOption ? unsetText : getOptionLabel(option),
@@ -34439,26 +34446,28 @@ function WorkflowActions(props) {
     onCancel,
     onSaveAndExit,
     destructiveAction,
-    completeLabel,
     onComplete,
     primaryDisabled,
     aiMode = false,
     isFirstStep = true,
     isLastStep = true,
     onBack,
-    onContinue
+    onContinue,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const {
     sm: isMobile
   } = useBreakpoint();
   const primaryVariant = aiMode ? "ai" : "primary";
+  const completeButtonLabel = nonStandardCompleteLabel ?? completeLabel ?? "Save";
   return /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic jcsb sm_w100", children: [
     /* @__PURE__ */ (0, import_jsx_runtime273.jsx)("div", { className: "df aic", children: !isFirstStep && isMobile && onBack && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
     /* @__PURE__ */ (0, import_jsx_runtime273.jsxs)("div", { className: "df aic g_1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
       onSaveAndExit && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
       destructiveAction && /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: destructiveAction.label ?? "Remove", variant: "danger", onClick: destructiveAction.onConfirm }),
-      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: completeLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
+      isLastStep ? /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: completeButtonLabel, variant: primaryVariant, onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ (0, import_jsx_runtime273.jsx)(Button, { label: "Continue", variant: primaryVariant, onClick: async () => {
         await onContinue?.();
       }, disabled: primaryDisabled })
     ] })
@@ -34486,7 +34495,15 @@ function WorkflowPageLayout(props) {
     destructiveAction,
     rightPaneTriggers,
     banner: bannerProp,
-    ...actionProps
+    onSaveAndExit,
+    onComplete,
+    primaryDisabled,
+    isFirstStep,
+    isLastStep,
+    onBack,
+    onContinue,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const tid = useTestIds(props, "workflowPageLayout");
   const {
@@ -34506,7 +34523,7 @@ function WorkflowPageLayout(props) {
     onCancel,
     destructiveAction
   });
-  const actions = /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowActions, { ...actionProps, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
+  const actions = /* @__PURE__ */ (0, import_jsx_runtime274.jsx)(WorkflowActions, { completeLabel, nonStandardCompleteLabel, onSaveAndExit, onComplete, primaryDisabled, isFirstStep, isLastStep, onBack, onContinue, aiMode, onCancel: onCancelClick, destructiveAction: destructiveAction && {
     ...destructiveAction,
     onConfirm: onDestructiveActionClick
   } });
@@ -34634,7 +34651,6 @@ var import_jsx_runtime275 = require("react/jsx-runtime");
 function FocusedFormLayout(props) {
   const {
     onCancel,
-    completeLabel,
     onComplete,
     onSaveAndExit,
     destructiveAction,
@@ -34645,14 +34661,20 @@ function FocusedFormLayout(props) {
     rightPaneTriggers,
     banner,
     children,
-    ...headerProps
+    title,
+    documentTitleSuffix,
+    breadcrumbs,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const tid = useTestIds(props, "focusedFormLayout");
   return /* @__PURE__ */ (0, import_jsx_runtime275.jsx)(
     WorkflowPageLayout,
     {
       ...tid,
-      ...headerProps,
+      title,
+      documentTitleSuffix,
+      breadcrumbs,
       banner,
       aiMode,
       isDirty,
@@ -34661,6 +34683,7 @@ function FocusedFormLayout(props) {
       onSaveAndExit,
       destructiveAction,
       completeLabel,
+      nonStandardCompleteLabel,
       onComplete,
       primaryDisabled,
       rightPaneTriggers,
@@ -34677,7 +34700,6 @@ function StepperLayout(props) {
     steps,
     defaultStep,
     onCancel,
-    completeLabel,
     onComplete,
     onSaveAndExit,
     destructiveAction,
@@ -34685,7 +34707,11 @@ function StepperLayout(props) {
     allowNavigation,
     aiMode,
     banner,
-    ...headerProps
+    title,
+    documentTitleSuffix,
+    breadcrumbs,
+    completeLabel,
+    nonStandardCompleteLabel
   } = props;
   const stepTabs = steps.map((step) => ({ ...step, value: defaultTestId(step.label) }));
   const [currentStep, setCurrentStep] = (0, import_react189.useState)(() => getInitialStep(stepTabs, defaultStep));
@@ -34702,7 +34728,9 @@ function StepperLayout(props) {
     WorkflowPageLayout,
     {
       ...tid,
-      ...headerProps,
+      title,
+      documentTitleSuffix,
+      breadcrumbs,
       banner,
       aiMode,
       stepperTabs: { steps: stepTabs, currentStep, onChange: goToStep },
@@ -34718,6 +34746,7 @@ function StepperLayout(props) {
       onSaveAndExit,
       destructiveAction,
       completeLabel,
+      nonStandardCompleteLabel,
       onComplete,
       primaryDisabled: activeStep?.primaryDisabled,
       rightPaneTriggers: activeStep?.rightPaneTriggers,