Merge pull request #20224 from jmchilton/bug_fix_wizard

Bug fixes around wizard usage.

Author: mvdbeek

client/src/components/Collections/BuildFileSetWizard.vue

@@ -7,6 +7,7 @@ import { attemptCreate, type CollectionCreatorComponent } from "@/components/Col
 import { rawToTable } from "@/components/Collections/tables";
 import { useWizard } from "@/components/Common/Wizard/useWizard";
 import { useToolRouting } from "@/composables/route";
+import localize from "@/utils/localization";
 
 import { type RemoteFile, type RulesCreatingWhat, type RulesSourceFrom } from "./wizard/types";
 import { useFileSetSources } from "./wizard/useFileSetSources";
@@ -34,6 +35,7 @@ interface Props {
 
 const props = defineProps<Props>();
 
+const title = localize("Rule Based Data Import");
 const ruleState = ref(false);
 const creatingWhat = ref<RulesCreatingWhat>("datasets");
 const creatingWhatTitle = computed(() => {
@@ -181,7 +183,7 @@ function onRuleCreate() {
 </script>
 
 <template>
-    <GenericWizard :use="wizard" :submit-button-label="importButtonLabel" @submit="submit">
+    <GenericWizard :use="wizard" :submit-button-label="importButtonLabel" :title="title" @submit="submit">
         <div v-if="wizard.isCurrent('select-what')">
             <CreatingWhat :creating-what="creatingWhat" @onChange="setCreatingWhat" />
         </div>

client/src/components/Common/Wizard/GenericWizard.vue

@@ -21,9 +21,10 @@ interface Props {
      *
      * This is displayed at the top of the wizard.
      *
-     * The default component can be replaced by a slot named `header`.
+     * The default component can be replaced by a slot named `header` or it can be excluded
+     * as a property to skip the wizard all together.
      *
-     * @default "Generic Wizard"
+     * @default ""
      */
     title?: string;
 
@@ -65,7 +66,7 @@ interface Props {
 
 const props = withDefaults(defineProps<Props>(), {
     use: undefined,
-    title: "Generic Wizard",
+    title: undefined,
     description: undefined,
     submitButtonLabel: "Submit",
     isBusy: false,
@@ -171,7 +172,7 @@ const bodyStyle = computed(() => {
 <template>
     <component :is="props.containerComponent" class="wizard-container">
         <slot name="header">
-            <BCardTitle>
+            <BCardTitle v-if="title">
                 <h2>{{ title }}</h2>
             </BCardTitle>
         </slot>