new storybook format

Author: sleidig

src/app/core/basic-datatypes/date/date-range-filter/date-range-filter.stories.ts

@@ -1,4 +1,4 @@
-import { applicationConfig, Meta, StoryFn } from "@storybook/angular";
+import { applicationConfig, Meta, StoryObj } from "@storybook/angular";
 import { Entity } from "app/core/entity/model/entity";
 import { provideAnimations } from "@angular/platform-browser/animations";
 import { DateRangeFilterComponent } from "./date-range-filter.component";
@@ -15,20 +15,14 @@ export default {
   ],
 } as Meta;
 
-const Template: StoryFn<DateRangeFilterComponent<Entity>> = (
-  args: DateRangeFilterComponent<Entity>,
-) => ({
-  component: DateRangeFilterComponent<Entity>,
-  props: args,
-});
-
 const filterConfig: DateFilter<Entity> = new DateFilter<Entity>(
   "x",
   "Demo Date Filter",
   [],
 );
 
-export const Default = Template.bind({});
-Default.args = {
-  filterConfig,
+export const Default: StoryObj<DateRangeFilterComponent<Entity>> = {
+  args: {
+    filterConfig,
+  },
 };

src/app/core/basic-datatypes/number/number-range-filter/number-range-filter.stories.ts

@@ -1,4 +1,4 @@
-import { applicationConfig, Meta, StoryFn } from "@storybook/angular";
+import { applicationConfig, Meta, StoryObj } from "@storybook/angular";
 import { NumberRangeFilterComponent } from "./number-range-filter.component";
 import { Entity } from "app/core/entity/model/entity";
 import { NumberFilter } from "app/core/filter/filters/numberFilter";
@@ -14,19 +14,13 @@ export default {
   ],
 } as Meta;
 
-const Template: StoryFn<NumberRangeFilterComponent<Entity>> = (
-  args: NumberRangeFilterComponent<Entity>,
-) => ({
-  component: NumberRangeFilterComponent<Entity>,
-  props: args,
-});
-
 const filterConfig: NumberFilter<Entity> = new NumberFilter<Entity>(
   "numberFilter",
 );
 filterConfig.label = "Demo Number Filter";
 
-export const Default = Template.bind({});
-Default.args = {
-  filterConfig,
+export const Default: StoryObj<NumberRangeFilterComponent<Entity>> = {
+  args: {
+    filterConfig,
+  },
 };