build(material): add bazel rules for all components

Part of #8369

Author: jelbourn

.circleci/config.yml

@@ -34,7 +34,7 @@ jobs:
       # For some reason, circleci needs the postinstall to be run explicitly.
       # This may be unnecessary once ngcontainer uses nodejs 8
       - run: bazel run @nodejs//:npm run postinstall
-      - run: bazel build src/cdk/...
+      - run: bazel build src/...
       - save_cache:
           key: material2-{{ .Branch }}-{{ checksum "package-lock.json" }}
           paths:

WORKSPACE

@@ -4,8 +4,7 @@ workspace(name = "angular_material_src")
 git_repository(
   name = "build_bazel_rules_nodejs",
   remote = "https://github.com/bazelbuild/rules_nodejs.git",
-  # TODO(jelbourn): use the correct tag here.
-  commit = "31d36ff2acdf630d1e331f38006cf1a5d303d338",
+  tag = "0.2.2",
 )
 
 # NOTE: this rule installs nodejs, npm, and yarn, but does NOT install

package.json

@@ -123,7 +123,7 @@
     "tsconfig-paths": "^2.3.0",
     "tslint": "^5.8.0",
     "tsutils": "^2.6.0",
-    "typescript": "~2.4.2",
+    "typescript": "~2.5.3",
     "uglify-js": "^2.8.14",
     "web-animations-js": "^2.2.5"
   }

src/cdk/a11y/BUILD.bazel

@@ -1,5 +1,11 @@
 package(default_visibility=["//visibility:public"])
 load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+
+sass_library(
+  name = "a11y_scss_lib",
+  srcs = glob(["**/_*.scss"]),
+)
 
 ng_module(
   name = "a11y",

src/lib/autocomplete/BUILD.bazel

@@ -0,0 +1,40 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "autocomplete",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/autocomplete",
+  assets = [":autocomplete_css"],
+  deps = [
+    "//src/lib/core",
+    "//src/lib/form-field",
+    "//src/cdk/a11y",
+    "//src/cdk/bidi",
+    "//src/cdk/collections",
+    "//src/cdk/keycodes",
+    "//src/cdk/portal",
+    "//src/cdk/overlay",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+sass_binary(
+  name = "autocomplete_scss",
+  src = "autocomplete.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "autocomplete_css",
+  srcs = [":autocomplete_scss"],
+  outs = ["autocomplete.css"],
+  cmd = "cat $(locations :autocomplete_scss) > $@",
+)
+

src/lib/button-toggle/BUILD.bazel

@@ -0,0 +1,35 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "button-toggle",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/button_toggle",
+  assets = [":button_toggle_css"],
+  deps = [
+    "//src/lib/core",
+    "//src/cdk/a11y",
+    "//src/cdk/coercion",
+    "//src/cdk/collections",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+sass_binary(
+  name = "button_toggle_scss",
+  src = "button-toggle.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "button_toggle_css",
+  srcs = [":button_toggle_scss"],
+  outs = ["button-toggle.css"],
+  cmd = "cat $(locations :button_toggle_scss) > $@",
+)

src/lib/button/BUILD.bazel

@@ -0,0 +1,42 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "button",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/button",
+  assets = [":button_css"],
+  deps = [
+    "//src/lib/core",
+    "//src/cdk/a11y",
+    "//src/cdk/platform",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+# Library of all button scss partials.
+sass_library(
+  name = "button_scss_lib",
+  srcs = glob(["**/_*.scss"]),
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+sass_binary(
+  name = "button_scss",
+  src = "button.scss",
+  deps = [":button_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "button_css",
+  srcs = [":button_scss"],
+  outs = ["button.css"],
+  cmd = "cat $(locations :button_scss) > $@",
+)
+

src/lib/card/BUILD.bazel

@@ -0,0 +1,32 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "card",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/card",
+  assets = [":card_css"],
+  deps = [
+    "//src/lib/core",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+sass_binary(
+  name = "card_scss",
+  src = "card.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "card_css",
+  srcs = [":card_scss"],
+  outs = ["card.css"],
+  cmd = "cat $(locations :card_scss) > $@",
+)

src/lib/checkbox/BUILD.bazel

@@ -0,0 +1,36 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "checkbox",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/checkbox",
+  assets = [":checkbox_css"],
+  deps = [
+    "//src/lib/core",
+    "//src/cdk/a11y",
+    "//src/cdk/coercion",
+    "//src/cdk/observers",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+sass_binary(
+  name = "checkbox_scss",
+  src = "checkbox.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "checkbox_css",
+  srcs = [":checkbox_scss"],
+  outs = ["checkbox.css"],
+  cmd = "cat $(locations :checkbox_scss) > $@",
+)
+

src/lib/chips/BUILD.bazel

@@ -0,0 +1,39 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "chips",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/chips",
+  assets = [":chips_css"],
+  deps = [
+    "//src/lib/core",
+    "//src/lib/form-field",
+    "//src/cdk/a11y",
+    "//src/cdk/bidi",
+    "//src/cdk/coercion",
+    "//src/cdk/collections",
+    "//src/cdk/keycodes",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+sass_binary(
+  name = "chips_scss",
+  src = "chips.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "chips_css",
+  srcs = [":chips_scss"],
+  outs = ["chips.css"],
+  cmd = "cat $(locations :chips_scss) > $@",
+)
+

src/lib/core/BUILD.bazel

@@ -0,0 +1,42 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "core",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/core",
+  assets = [":pseudo_checkbox_css"],
+  deps = [
+    "//src/cdk/bidi",
+    "//src/cdk/coercion",
+    "//src/cdk/keycodes",
+    "//src/cdk/platform",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+# Library of all core scss partials.
+sass_library(
+  name = "core_scss_lib",
+  srcs = glob(["**/_*.scss"]),
+  deps = ["//src/cdk/a11y:a11y_scss_lib"],
+)
+
+sass_binary(
+  name = "pseudo_checkbox_scss",
+  src = "selection/pseudo-checkbox/pseudo-checkbox.scss",
+  deps = [":core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "pseudo_checkbox_css",
+  srcs = [":pseudo_checkbox_scss"],
+  outs = ["selection/pseudo-checkbox/pseudo-checkbox.css"],
+  cmd = "cat $(locations :pseudo_checkbox_scss) > $@",
+)

src/lib/core/typings.d.ts

@@ -0,0 +1 @@
+declare var module: {id: string};

src/lib/datepicker/BUILD.bazel

@@ -0,0 +1,76 @@
+package(default_visibility=["//visibility:public"])
+load("@angular//:index.bzl", "ng_module")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_library")
+load("@io_bazel_rules_sass//sass:sass.bzl", "sass_binary")
+
+
+ng_module(
+  name = "datepicker",
+  srcs = glob(["**/*.ts"], exclude=["**/*.spec.ts"]),
+  module_name = "@angular/material/datepicker",
+  assets = [
+    ":datepicker_content_css",
+    ":calendar_body_css",
+    ":calendar_css",
+  ],
+  deps = [
+    "//src/lib/core",
+    "//src/lib/button",
+    "//src/lib/dialog",
+    "//src/lib/icon",
+    "//src/lib/input",
+    "//src/cdk/a11y",
+    "//src/cdk/bidi",
+    "//src/cdk/coercion",
+    "//src/cdk/keycodes",
+    "//src/cdk/portal",
+    "//src/cdk/overlay",
+  ],
+  tsconfig = ":tsconfig-build.json",
+)
+
+
+sass_binary(
+  name = "datepicker_content_scss",
+  src = "datepicker-content.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+sass_binary(
+  name = "calendar_scss",
+  src = "calendar.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+sass_binary(
+  name = "calendar_body_scss",
+  src = "calendar-body.scss",
+  deps = ["//src/lib/core:core_scss_lib"],
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "datepicker_content_css",
+  srcs = [":datepicker_content_scss"],
+  outs = ["datepicker-content.css"],
+  cmd = "cat $(locations :datepicker_content_scss) > $@",
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "calendar_css",
+  srcs = [":calendar_scss"],
+  outs = ["calendar.css"],
+  cmd = "cat $(locations :calendar_scss) > $@",
+)
+
+# TODO(jelbourn): remove this when sass_binary supports specifying an output filename and dir.
+# Copy the output of the sass_binary such that the filename and path match what we expect.
+genrule(
+  name = "calendar_body_css",
+  srcs = [":calendar_body_scss"],
+  outs = ["calendar-body.css"],
+  cmd = "cat $(locations :calendar_body_scss) > $@",
+)