Use MDC CollectionCells bundle.

ios/third_party/material_components_ios/BUILD.gn

 # Copyright 2016 The Chromium Authors. All rights reserved.
 # Use of this source code is governed by a BSD-style license that can be
 # found in the LICENSE file.
 
 import("//build/config/locales.gni")
 
 config("config") {
   visibility = [ ":material_components_ios" ]
   include_dirs = [
     "src/components/AppBar/src",
@@ skipping 230 matching lines @@
   ]
 
   libs = [
     "CoreGraphics.framework",
     "CoreText.framework",
     "QuartzCore.framework",
     "UIKit.framework",
   ]
 
   deps = [
+    ":material_collection_cells_bundle",
     ":material_collections_bundle",
     ":material_component_ic_arrow_back_bundle",
     "//ios/third_party/material_text_accessibility_ios",
   ]
 
   foreach(icon_name, _icon_names) {
     deps += [ ":material_component_${icon_name}_bundle" ]
   }
 
   public_configs = [ ":config" ]
 
   configs -= [ "//build/config/compiler:chromium_code" ]
   configs += [
     ":config",
     "//build/config/compiler:enable_arc",
     "//build/config/compiler:no_chromium_code",
   ]
 }
 
-bundle_data("material_collections_bundle") {
+_locales = [ "en" ]
+
+foreach(locale, _locales) {

[lpromero, 2017/03/23 12:12:36]

Is it OK to use the same for loop for both bundle_data targets? Or do you prefer
one foreach for each?

[sdefresne, 2017/03/23 15:55:44]

It's fine using the same loop (we can always split it if the list of supported
locales is different).

+  bundle_data("material_collections_bundle_$locale") {
+    visibility = [ ":material_collections_bundle" ]
+    sources = [
+      "src/components/Collections/src/MaterialCollections.bundle/Resources/$locale.lproj/MaterialCollections.strings",
+    ]
+    outputs = [
+      "{{bundle_root_dir}}/MaterialCollections.bundle/Resources/$locale.lproj/{{source_file_part}}",
+    ]
+  }
+
+  bundle_data("material_collection_cells_bundle_$locale") {
+    visibility = [ ":material_collection_cells_bundle" ]
+    sources = [
+      "src/components/CollectionCells/src/MaterialCollectionCells.bundle/Resources/$locale.lproj/MaterialCollectionCells.strings",
+    ]
+    outputs = [
+      "{{bundle_resources_dir}}/MaterialCollectionCells.bundle/Resources/$locale.lproj/{{source_file_part}}",
+    ]
+  }
+}
+
+group("material_collections_bundle") {
   visibility = [ ":material_components_ios" ]
-  sources = [
-    "src/components/Collections/src/MaterialCollections.bundle/Resources/en.lproj/MaterialCollections.strings",
-  ]
-  outputs = [
-    "{{bundle_root_dir}}/MaterialCollections.bundle/Resources/en.lproj/{{source_file_part}}",
-  ]
+
+  deps = []
+  foreach(locale, _locales) {
+    deps += [ ":material_collections_bundle_$locale" ]
+  }
+}
+
+group("material_collection_cells_bundle") {
+  visibility = [ ":material_components_ios" ]
+
+  deps = []
+  foreach(locale, _locales) {
+    deps += [ ":material_collection_cells_bundle_$locale" ]
+  }
 }
 
 # TODO(crbug.com/662421): Move back to _icon_names when there is just one
 # resource.
 bundle_data("material_component_ic_arrow_back_bundle") {
   visibility = [ ":material_components_ios" ]
   sources = [
     "src/components/private/Icons/icons/ic_arrow_back/src/MaterialIcons_ic_arrow_back.bundle/ic_arrow_back.png",
     "src/components/private/Icons/icons/ic_arrow_back/src/MaterialIcons_ic_arrow_back.bundle/ic_arrow_back@2x.png",
     "src/components/private/Icons/icons/ic_arrow_back/src/MaterialIcons_ic_arrow_back.bundle/ic_arrow_back@3x.png",
@@ skipping 41 matching lines @@
     ]
   }
 }
 
 foreach(icon_name, _icon_names) {
   material_component_icon_bundle("material_component_${icon_name}_bundle") {
     visibility = [ ":material_components_ios" ]
     icon_name = "$icon_name"
   }
 }