Issue #2954378 by shaal, chr.fritsch, kjay, alonaoneill, Eli-T, J.Gayathri,...

Issue #2954378 by shaal, chr.fritsch, kjay, alonaoneill, Eli-T, J.Gayathri, webchick, markconroy, Gábor Hojtsy, phenaproxima, xjm, JayKandari, samuel.mortenson, seanB, alexpott: Use Media images in Umami demo

(cherry picked from commit b3a5877a)

core/profiles/demo_umami/config/install/core.entity_form_display.block_content.banner_block.default.yml

@@ -3,37 +3,35 @@ status: true
 dependencies:
   config:
     - block_content.type.banner_block
-    - field.field.block_content.banner_block.field_banner_image
     - field.field.block_content.banner_block.field_content_link
+    - field.field.block_content.banner_block.field_media_image
     - field.field.block_content.banner_block.field_summary
     - field.field.block_content.banner_block.field_title
-    - image.style.thumbnail
   module:
-    - image
     - link
+    - media_library
 id: block_content.banner_block.default
 targetEntityType: block_content
 bundle: banner_block
 mode: default
 content:
-  field_banner_image:
-    weight: 4
-    settings:
-      progress_indicator: throbber
-      preview_image_style: thumbnail
-    third_party_settings: {  }
-    type: image_image
-    region: content
   field_content_link:
-    weight: 3
+    weight: 4
     settings:
       placeholder_url: ''
       placeholder_title: ''
     third_party_settings: {  }
     type: link_default
     region: content
+  field_media_image:
+    type: media_library_widget
+    weight: 6
+    settings:
+      media_types: {  }
+    third_party_settings: {  }
+    region: content
   field_summary:
-    weight: 2
+    weight: 3
     settings:
       rows: 5
       placeholder: ''
@@ -64,9 +62,9 @@ content:
       include_locked: true
     third_party_settings: {  }
   translation:
-    weight: 10
+    weight: 7
+    region: content
     settings: {  }
     third_party_settings: {  }
-    region: content
 hidden:
   moderation_state: true

core/profiles/demo_umami/config/install/core.entity_form_display.block_content.footer_promo_block.default.yml

@@ -4,36 +4,34 @@ dependencies:
   config:
     - block_content.type.footer_promo_block
     - field.field.block_content.footer_promo_block.field_content_link
-    - field.field.block_content.footer_promo_block.field_promo_image
+    - field.field.block_content.footer_promo_block.field_media_image
     - field.field.block_content.footer_promo_block.field_summary
     - field.field.block_content.footer_promo_block.field_title
-    - image.style.thumbnail
   module:
-    - image
     - link
+    - media_library
 id: block_content.footer_promo_block.default
 targetEntityType: block_content
 bundle: footer_promo_block
 mode: default
 content:
   field_content_link:
-    weight: 3
+    weight: 4
     settings:
       placeholder_url: ''
       placeholder_title: ''
     third_party_settings: {  }
     type: link_default
     region: content
-  field_promo_image:
-    weight: 4
+  field_media_image:
+    weight: 6
     settings:
-      progress_indicator: throbber
-      preview_image_style: thumbnail
+      media_types: {  }
     third_party_settings: {  }
-    type: image_image
+    type: media_library_widget
     region: content
   field_summary:
-    weight: 2
+    weight: 3
     settings:
       rows: 5
       placeholder: ''
@@ -64,9 +62,9 @@ content:
       include_locked: true
     third_party_settings: {  }
   translation:
-    weight: 10
+    weight: 7
+    region: content
     settings: {  }
     third_party_settings: {  }
-    region: content
 hidden:
   moderation_state: true

core/profiles/demo_umami/config/install/core.entity_form_display.media.image.default.yml

@@ -15,7 +15,7 @@ mode: default
 content:
   created:
     type: datetime_timestamp
-    weight: 10
+    weight: 5
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -25,7 +25,7 @@ content:
       preview_image_style: thumbnail
     third_party_settings: {  }
     type: image_image
-    weight: 0
+    weight: 1
     region: content
   langcode:
     type: language_select
@@ -34,9 +34,17 @@ content:
     settings:
       include_locked: true
     third_party_settings: {  }
+  name:
+    type: string_textfield
+    weight: 0
+    region: content
+    settings:
+      size: 60
+      placeholder: ''
+    third_party_settings: {  }
   path:
     type: path
-    weight: 4
+    weight: 3
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -44,12 +52,17 @@ content:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 100
+    weight: 7
     region: content
     third_party_settings: {  }
+  translation:
+    weight: 6
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   uid:
     type: entity_reference_autocomplete
-    weight: 5
+    weight: 4
     settings:
       match_operator: CONTAINS
       match_limit: 10
@@ -59,4 +72,3 @@ content:
     third_party_settings: {  }
 hidden:
   moderation_state: true
-  name: true

core/profiles/demo_umami/config/install/core.entity_form_display.node.article.default.yml

@@ -3,14 +3,13 @@ status: true
 dependencies:
   config:
     - field.field.node.article.body
-    - field.field.node.article.field_image
+    - field.field.node.article.field_media_image
     - field.field.node.article.field_tags
-    - image.style.thumbnail
     - node.type.article
     - workflows.workflow.editorial
   module:
     - content_moderation
-    - image
+    - media_library
     - path
     - text
 id: node.article.default
@@ -30,21 +29,20 @@ content:
     third_party_settings: {  }
   created:
     type: datetime_timestamp
-    weight: 5
+    weight: 7
     region: content
     settings: {  }
     third_party_settings: {  }
-  field_image:
-    type: image_image
-    weight: 3
-    region: content
+  field_media_image:
+    weight: 5
     settings:
-      progress_indicator: throbber
-      preview_image_style: thumbnail
+      media_types: {  }
     third_party_settings: {  }
+    type: media_library_widget
+    region: content
   field_tags:
     type: entity_reference_autocomplete_tags
-    weight: 2
+    weight: 3
     region: content
     settings:
       match_operator: CONTAINS
@@ -61,13 +59,13 @@ content:
     third_party_settings: {  }
   moderation_state:
     type: moderation_state_default
-    weight: 10
+    weight: 12
     region: content
     settings: {  }
     third_party_settings: {  }
   path:
     type: path
-    weight: 8
+    weight: 10
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -75,21 +73,21 @@ content:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 6
+    weight: 8
     region: content
     third_party_settings: {  }
   status:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 9
+    weight: 11
     region: content
     third_party_settings: {  }
   sticky:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 7
+    weight: 9
     region: content
     third_party_settings: {  }
   title:
@@ -101,13 +99,13 @@ content:
       placeholder: ''
     third_party_settings: {  }
   translation:
-    weight: 10
+    weight: 13
+    region: content
     settings: {  }
     third_party_settings: {  }
-    region: content
   uid:
     type: entity_reference_autocomplete
-    weight: 4
+    weight: 6
     region: content
     settings:
       match_operator: CONTAINS

core/profiles/demo_umami/config/install/core.entity_form_display.node.recipe.default.yml

@@ -4,8 +4,8 @@ dependencies:
   config:
     - field.field.node.recipe.field_cooking_time
     - field.field.node.recipe.field_difficulty
-    - field.field.node.recipe.field_image
     - field.field.node.recipe.field_ingredients
+    - field.field.node.recipe.field_media_image
     - field.field.node.recipe.field_number_of_servings
     - field.field.node.recipe.field_preparation_time
     - field.field.node.recipe.field_recipe_category
@@ -13,12 +13,11 @@ dependencies:
     - field.field.node.recipe.field_summary
     - field.field.node.recipe.field_tags
     - field.field.node.recipe.layout_builder__layout
-    - image.style.thumbnail
     - node.type.recipe
     - workflows.workflow.editorial
   module:
     - content_moderation
-    - image
+    - media_library
     - path
     - text
 id: node.recipe.default
@@ -28,7 +27,7 @@ mode: default
 content:
   created:
     type: datetime_timestamp
-    weight: 13
+    weight: 15
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -45,22 +44,21 @@ content:
     third_party_settings: {  }
     type: options_select
     region: content
-  field_image:
-    weight: 8
-    settings:
-      progress_indicator: throbber
-      preview_image_style: thumbnail
-    third_party_settings: {  }
-    type: image_image
-    region: content
   field_ingredients:
-    weight: 10
+    weight: 11
     settings:
       size: 60
       placeholder: ''
     third_party_settings: {  }
     type: string_textfield
     region: content
+  field_media_image:
+    type: media_library_widget
+    weight: 9
+    settings:
+      media_types: {  }
+    third_party_settings: {  }
+    region: content
   field_number_of_servings:
     weight: 4
     settings:
@@ -86,7 +84,7 @@ content:
     type: entity_reference_autocomplete_tags
     region: content
   field_recipe_instruction:
-    weight: 11
+    weight: 13
     settings:
       rows: 5
       placeholder: ''
@@ -94,7 +92,7 @@ content:
     type: text_textarea
     region: content
   field_summary:
-    weight: 9
+    weight: 10
     settings:
       rows: 5
       placeholder: ''
@@ -113,20 +111,26 @@ content:
     region: content
   langcode:
     type: language_select
-    weight: 2
+    weight: 1
     region: content
     settings:
       include_locked: true
     third_party_settings: {  }
+  layout_builder__layout:
+    type: null
+    weight: 26
+    region: content
+    settings: {  }
+    third_party_settings: {  }
   moderation_state:
     type: moderation_state_default
-    weight: 18
+    weight: 20
     region: content
     settings: {  }
     third_party_settings: {  }
   path:
     type: path
-    weight: 16
+    weight: 18
     region: content
     settings: {  }
     third_party_settings: {  }
@@ -134,21 +138,21 @@ content:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 14
+    weight: 16
     region: content
     third_party_settings: {  }
   status:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 17
+    weight: 19
     region: content
     third_party_settings: {  }
   sticky:
     type: boolean_checkbox
     settings:
       display_label: true
-    weight: 15
+    weight: 17
     region: content
     third_party_settings: {  }
   title:
@@ -160,13 +164,13 @@ content:
       placeholder: ''
     third_party_settings: {  }
   translation:
-    weight: 10
+    weight: 12
+    region: content
     settings: {  }
     third_party_settings: {  }
-    region: content
   uid:
     type: entity_reference_autocomplete
-    weight: 12
+    weight: 14
     settings:
       match_operator: CONTAINS
       match_limit: 10
@@ -174,5 +178,4 @@ content:
       placeholder: ''
     region: content
     third_party_settings: {  }
-hidden:
-  layout_builder__layout: true
+hidden: {  }

core/profiles/demo_umami/config/install/core.entity_view_display.block_content.banner_block.default.yml

@@ -3,30 +3,19 @@ status: true
 dependencies:
   config:
     - block_content.type.banner_block
-    - field.field.block_content.banner_block.field_banner_image
     - field.field.block_content.banner_block.field_content_link
+    - field.field.block_content.banner_block.field_media_image
     - field.field.block_content.banner_block.field_summary
     - field.field.block_content.banner_block.field_title
-    - image.style.scale_crop_7_3_large
   module:
-    - image
     - link
 id: block_content.banner_block.default
 targetEntityType: block_content
 bundle: banner_block
 mode: default
 content:
-  field_banner_image:
-    weight: 0
-    label: hidden
-    settings:
-      image_style: scale_crop_7_3_large
-      image_link: ''
-    third_party_settings: {  }
-    type: image
-    region: content
   field_content_link:
-    weight: 3
+    weight: 4
     label: hidden
     settings:
       trim_length: 80
@@ -37,15 +26,24 @@ content:
     third_party_settings: {  }
     type: link
     region: content
+  field_media_image:
+    type: entity_reference_entity_view
+    weight: 1
+    label: hidden
+    settings:
+      view_mode: scale_crop_7_3_large
+      link: false
+    third_party_settings: {  }
+    region: content
   field_summary:
-    weight: 2
+    weight: 3
     label: hidden
     settings: {  }
     third_party_settings: {  }
     type: basic_string
     region: content
   field_title:
-    weight: 1
+    weight: 2
     label: hidden
     settings:
       link_to_entity: false

core/profiles/demo_umami/config/install/core.entity_view_display.block_content.footer_promo_block.default.yml

@@ -4,12 +4,10 @@ dependencies:
   config:
     - block_content.type.footer_promo_block
     - field.field.block_content.footer_promo_block.field_content_link
-    - field.field.block_content.footer_promo_block.field_promo_image
+    - field.field.block_content.footer_promo_block.field_media_image
     - field.field.block_content.footer_promo_block.field_summary
     - field.field.block_content.footer_promo_block.field_title
-    - image.style.medium_8_7
   module:
-    - image
     - link
 id: block_content.footer_promo_block.default
 targetEntityType: block_content
@@ -17,7 +15,7 @@ bundle: footer_promo_block
 mode: default
 content:
   field_content_link:
-    weight: 3
+    weight: 4
     label: hidden
     settings:
       trim_length: 80
@@ -28,24 +26,24 @@ content:
     third_party_settings: {  }
     type: link
     region: content
-  field_promo_image:
-    weight: 0
+  field_media_image:
+    weight: 1
     label: hidden
     settings:
-      image_style: medium_8_7
-      image_link: ''
+      view_mode: medium_8_7
+      link: false
     third_party_settings: {  }
-    type: image
+    type: entity_reference_entity_view
     region: content
   field_summary:
-    weight: 2
+    weight: 3
     label: hidden
     settings: {  }
     third_party_settings: {  }
     type: basic_string
     region: content
   field_title:
-    weight: 1
+    weight: 2
     label: hidden
     settings:
       link_to_entity: false

core/profiles/demo_umami/config/install/core.entity_view_display.media.image.default.yml

@@ -3,10 +3,10 @@ status: true
 dependencies:
   config:
     - field.field.media.image.field_media_image
-    - image.style.large
     - media.type.image
+    - responsive_image.styles.3_2_image
   module:
-    - image
+    - responsive_image
 id: media.image.default
 targetEntityType: media
 bundle: image
@@ -15,10 +15,10 @@ content:
   field_media_image:
     label: visually_hidden
     settings:
-      image_style: 'large'
+      responsive_image_style: 3_2_image
       image_link: ''
     third_party_settings: {  }
-    type: image
+    type: responsive_image
     weight: 1
     region: content
 hidden:

core/profiles/demo_umami/config/install/core.entity_view_display.media.image.medium_8_7.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.medium_8_7
+    - field.field.media.image.field_media_image
+    - image.style.medium_8_7
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+third_party_settings:
+  layout_builder:
+    allow_custom: false
+    enabled: false
+id: media.image.medium_8_7
+targetEntityType: media
+bundle: image
+mode: medium_8_7
+content:
+  field_media_image:
+    label: visually_hidden
+    settings:
+      image_style: medium_8_7
+      image_link: ''
+    third_party_settings: {  }
+    type: image
+    weight: 1
+    region: content
+hidden:
+  created: true
+  langcode: true
+  name: true
+  thumbnail: true
+  uid: true

core/profiles/demo_umami/config/install/core.entity_view_display.media.image.responsive_3x2.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.responsive_3x2
+    - field.field.media.image.field_media_image
+    - media.type.image
+    - responsive_image.styles.3_2_image
+  module:
+    - layout_builder
+    - responsive_image
+third_party_settings:
+  layout_builder:
+    allow_custom: false
+    enabled: false
+id: media.image.responsive_3x2
+targetEntityType: media
+bundle: image
+mode: responsive_3x2
+content:
+  field_media_image:
+    label: visually_hidden
+    settings:
+      responsive_image_style: 3_2_image
+      image_link: ''
+    third_party_settings: {  }
+    type: responsive_image
+    weight: 1
+    region: content
+hidden:
+  created: true
+  langcode: true
+  name: true
+  thumbnail: true
+  uid: true

core/profiles/demo_umami/config/install/core.entity_view_display.media.image.scale_crop_7_3_large.yml

+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.media.scale_crop_7_3_large
+    - field.field.media.image.field_media_image
+    - image.style.scale_crop_7_3_large
+    - media.type.image
+  module:
+    - image
+    - layout_builder
+third_party_settings:
+  layout_builder:
+    allow_custom: fa