chore: update field story #137

teritorio · Feb 21, 2024 · 56f55e5 · 56f55e5
1 parent fdabe28
commit 56f55e5
Showing 1 changed file with 89 additions and 64 deletions.
diff --git a/components/Fields/Field.stories.ts b/components/Fields/Field.stories.ts
@@ -9,6 +9,9 @@ const meta = {
 export default meta
 type Story = StoryObj<typeof Field>
 
+const description
+  = 'Itinéraire très intéressant, d\'une part pour sa variété paysagère accentuée par la traversée fréquente de cours d\'eau et d\'autre part, par la qualité du patrimoine bâti : maisons traditionnelles landaises, église en garluche. \n\nDistance : 10,2 km - Durée : 4h45 - Animaux tenus en laisse  - Sentier pédestre et VTT \nFiche rando disponible dans le topoguide du Département des Landes du Pays de Born n°15 (en vente : 2 €)'
+
 export const Default = {
   args: {
     context: PropertyTranslationsContextEnum.Details,
@@ -46,77 +49,99 @@ export const DefaultListMany = {
   },
 } satisfies Story
 
-// const description
-//   = 'Itinéraire très intéressant, d\'une part pour sa variété paysagère accentuée par la traversée fréquente de cours d\'eau et d\'autre part, par la qualité du patrimoine bâti : maisons traditionnelles landaises, église en garluche. \n\nDistance : 10,2 km - Durée : 4h45 - Animaux tenus en laisse  - Sentier pédestre et VTT \nFiche rando disponible dans le topoguide du Département des Landes du Pays de Born n°15 (en vente : 2 €)'
+export const NoValue = {
+  args: {
+    ...Default.args,
+    properties: {
+      metadata: { id: 0 },
+    },
+  },
+} satisfies Story
 
-// export const NoValue = bind(Field, {
-//   ...defaultProps,
-//   properties: {
-//     metadata: { id: 0 },
-//   },
-// })
+export const Label = {
+  args: {
+    ...Default.args,
+    field: {
+      ...Default.args.field,
+      label: true,
+    },
+  },
+} satisfies Story
 
-// export const Label = bind(Field, {
-//   ...defaultProps,
-//   field: {
-//     ...defaultProps.field,
-//     label: true,
-//   },
-// })
+export const Route = {
+  args: {
+    ...Default.args,
+    field: { field: 'route' },
+    properties: {
+      'metadata': { id: 0 },
+      'route:hiking:difficulty': 'easy',
+      'route:hiking:duration': 285,
+      'route:hiking:length': 10.2,
+      'route:mtb:difficulty': 'easy',
+      'route:mtb:duration': 90,
+      'route:mtb:length': 10.2,
+    },
+  },
+} satisfies Story
 
-// export const Route = bind(Field, {
-//   ...defaultProps,
-//   field: { field: 'route' },
-//   properties: {
-//     'metadata': { id: 0 },
-//     'route:hiking:difficulty': 'easy',
-//     'route:hiking:duration': 285,
-//     'route:hiking:length': 10.2,
-//     'route:mtb:difficulty': 'easy',
-//     'route:mtb:duration': 90,
-//     'route:mtb:length': 10.2,
-//   },
-// })
+export const StartEndDate = {
+  args: {
+    ...Default.args,
+    field: { field: 'start_end_date' },
+    properties: {
+      metadata: { id: 0 },
+      start_date: '2001-01-01',
+      end_date: '2012-12-12',
+    },
+  },
+} satisfies Story
 
-// export const StartEndDate = bind(Field, {
-//   ...defaultProps,
-//   field: { field: 'start_end_date' },
-//   properties: {
-//     metadata: { id: 0 },
-//     start_date: '2001-01-01',
-//     end_date: '2012-12-12',
-//   },
-// })
+export const Addr = {
+  args: {
+    ...Default.args,
+    field: { field: 'addr' },
+    properties: {
+      'metadata': { id: 0 },
+      'addr:housenumber': '33',
+      'addr:street': 'Rue du Nord',
+      'addr:postcode': '35677',
+      'addr:city': 'Le Grand Nord',
+    },
+  },
+} satisfies Story
 
-// export const Addr = bind(Field, {
-//   ...defaultProps,
-//   field: { field: 'addr' },
-//   properties: {
-//     'metadata': { id: 0 },
-//     'addr:housenumber': '33',
-//     'addr:street': 'Rue du Nord',
-//     'addr:postcode': '35677',
-//     'addr:city': 'Le Grand Nord',
-//   },
-// })
+export const Description = {
+  args: {
+    ...Default.args,
+    field: { field: 'description' },
+    properties: {
+      metadata: { id: 0 },
+      description,
+    },
+  },
+} satisfies Story
 
-// export const Description = bind(Field, {
-//   ...defaultProps,
-//   field: { field: 'description' },
-//   properties: {
-//     metadata: { id: 0 },
-//     description,
-//   },
-// })
+export const DescriptionShort = {
+  args: {
+    ...Default.args,
+    field: { field: 'short_description' },
+    properties: {
+      metadata: { id: 0 },
+      description,
+    },
+  },
+} satisfies Story
 
-// export const DescriptionShort = bind(Field, {
-//   ...defaultProps,
-//   field: { field: 'short_description' },
-//   properties: {
-//     metadata: { id: 0 },
-//     description,
-//   },
-// })
+export const DescriptionDetails = {
+  args: {
+    ...Default.args,
+    field: { field: 'short_description' },
+    properties: {
+      metadata: { id: 0 },
+      description,
+    },
+  },
+} satisfies Story
 
 // export const DescriptionDetails = bind(Field, {
 //   ...defaultProps,