fix(media-container): Better describing the way to use the ratio para…

…meter - FRONT-3864 (#2769)

Co-authored-by: Romain Emery <emery.romain@gmail.com>

src/implementations/twig/components/media-container/README.md

@@ -21,7 +21,7 @@ npm install --save @ecl/twig-component-media-container
   - "label" (string) (default: ''),
   - "description" (string) (default: ''),
 - **"alt"** (string) (default: '') The alternate text foher the image,
-- **"ratio"** (string) (default: 16-9) The ratio of the embedded media, if any,
+- **"ratio"** (string) ('') Ratio of the embedded media, if empty the ratio will be set by the js
 - **"extra_classes"** (optional) (string) (default: '') Extra classes (space separated)
 - **"extra_attributes"** (optional) (array) (default: []) Extra attributes
   - "name" (string) Attribute name, eg. 'data-test'

src/implementations/twig/components/media-container/media-container.html.twig

@@ -29,7 +29,7 @@
       },
       ...
     ]
-  - "ratio" (string) (default: 16-9)
+  - "ratio" (string) ('')
 
   Blocks:
     - "embedded_media"

src/implementations/twig/components/media-container/media-container.story.js

@@ -59,7 +59,7 @@ const getArgTypes = (data) => {
   argTypes.ratio = {
     name: 'ratio',
     type: { name: 'select' },
-    description: 'Media ratio',
+    description: 'Media ratio (if empty the ratio will be set by the js)',
     options: {
       auto: '',
       '16/9': '16-9',
@@ -69,6 +69,7 @@ const getArgTypes = (data) => {
     },
     table: {
       type: { summary: 'string' },
+      defaultValue: { summary: '' },
       category: 'Display',
     },
   };