22235: Added TraineeCreationStepperComponent flexibility, Loading state for FeaturesAttributesRows, and ProjectsIcon, MINOR

src/components/FeatureAttributes/FeaturesAttributesRows/FeaturesAttributesRows.i18n.ts

@@ -25,9 +25,6 @@ const en = {
     timeSeries: "Time series",
     type: "Type",
   },
-  state: {
-    empty: "No features were found in the dataset.",
-  },
 };
 
 type Resource = typeof en;

src/components/FeatureAttributes/FeaturesAttributesRows/FeaturesAttributesRows.stories.tsx

@@ -24,6 +24,7 @@ const meta: Meta<typeof FeaturesAttributesRows> = {
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {},
   args: {
+    loading: false,
     purposes: ["core"],
   },
 };
@@ -186,6 +187,23 @@ Synthesis.args!.timeFeatureAtom =
     runRequiredAtom: synthesisRunRequiredAtom,
   });
 
+const loadingRunRequiredAtom = getInferFeatureAttributesRunRequiredFields();
+export const Loading: Story = {
+  args: {
+    loading: true,
+    activeFeatureAtom: getFeatureAttributesActiveFeatureAtom(),
+    optionsAtom: getFeatureAttributesOptionsAtom({}),
+    paramsAtom: getInferFeatureAttributesParamsAtom({
+      features: sampleFeatureAttributesIndex,
+    }),
+    runRequiredAtom: loadingRunRequiredAtom,
+  },
+};
+Default.args!.timeFeatureAtom = getInferFeatureAttributesParamsTimeFeatureAtom({
+  paramsAtom: Default.args!.paramsAtom!,
+  runRequiredAtom: loadingRunRequiredAtom,
+});
+
 const noFeaturesRunRequiredAtom = getInferFeatureAttributesRunRequiredFields();
 export const NoFeatures: Story = {
   args: {

src/components/FeatureAttributes/FeaturesAttributesRows/FeaturesAttributesRows.test.tsx

@@ -76,7 +76,10 @@ describe("FeaturesAttributesRows", () => {
     );
 
     const table = screen.getByRole("table");
-    const featureRows = within(table).getAllByRole("row").slice(1);
+    const featureRows = within(table)
+      .getAllByRole("row")
+      // Remove the header row
+      .slice(1);
     expect(featureRows.length).toBe(features.length);
     features.forEach((feature) => {
       within(table).getByText(feature);