diff --git a/.bazelrc b/.bazelrc index abbb0449fe..c3329952a8 100644 --- a/.bazelrc +++ b/.bazelrc @@ -100,7 +100,11 @@ build --strategy=AngularTemplateCompile=worker # Use the Angular Ivy compiler # See https://github.com/angular/angular/blob/master/docs/BAZEL.md#various-flags-used-for-tests -# build --define=angular_ivy_enabled=False +build:view-engine --define=angular_ivy_enabled=False +build:ivy --define=angular_ivy_enabled=True + +# Set Ivy as the default +build --config=ivy # Angular Architect (Angular CLI) # The Angular CLI will by default try to write to a cache, but under Bazel it's a read only fs diff --git a/apps/components-e2e/BUILD.bazel b/apps/components-e2e/BUILD.bazel index 4e234258e6..904aa2d3d2 100644 --- a/apps/components-e2e/BUILD.bazel +++ b/apps/components-e2e/BUILD.bazel @@ -1,9 +1,19 @@ load("//tools/bazel_rules:index.bzl", "stylelint") +load("@npm//@bazel/typescript:index.bzl", "ts_config") -package(default_visibility = ["//:__subpackages__"]) +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) stylelint( name = "stylelint", srcs = glob(["**/*.scss"]), - config = ":.stylelintrc" + config = ":.stylelintrc", +) + +ts_config( + name = "tsconfig-app", + src = ":tsconfig.app.json", + deps = [ + ":tsconfig.json", + "//:tsconfig.base.json", + ], ) diff --git a/apps/components-e2e/src/BUILD.bazel b/apps/components-e2e/src/BUILD.bazel new file mode 100644 index 0000000000..df484a7bdb --- /dev/null +++ b/apps/components-e2e/src/BUILD.bazel @@ -0,0 +1,28 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") +load("@io_bazel_rules_sass//:defs.bzl", "sass_binary") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "src", + srcs = [ + "main.dev.ts", + "main.prod.ts", + ], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//apps/components-e2e/src/app", + "@npm//@angular/core", + "@npm//@angular/platform-browser", + ], +) + +sass_binary( + name = "styles", + src = "main.scss", + include_paths = ["external/npm"], + output_name = "styles.css", + deps = [ + "//libs/barista-components/style" + ], +) diff --git a/apps/components-e2e/src/app/BUILD.bazel b/apps/components-e2e/src/app/BUILD.bazel new file mode 100644 index 0000000000..80d4d4d706 --- /dev/null +++ b/apps/components-e2e/src/app/BUILD.bazel @@ -0,0 +1,54 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ROUTES = [ + "//apps/components-e2e/src/components/autocomplete", + "//apps/components-e2e/src/components/button", + "//apps/components-e2e/src/components/button-group", + "//apps/components-e2e/src/components/chart", + "//apps/components-e2e/src/components/checkbox", + "//apps/components-e2e/src/components/combobox", + "//apps/components-e2e/src/components/confirmation-dialog", + "//apps/components-e2e/src/components/consumption", + "//apps/components-e2e/src/components/context-dialog", + "//apps/components-e2e/src/components/drawer", + "//apps/components-e2e/src/components/empty-state", + "//apps/components-e2e/src/components/event-chart", + "//apps/components-e2e/src/components/expandable-panel", + "//apps/components-e2e/src/components/expandable-section", + "//apps/components-e2e/src/components/filter-field", + "//apps/components-e2e/src/components/highlight", + "//apps/components-e2e/src/components/key-value-list", + "//apps/components-e2e/src/components/overlay", + "//apps/components-e2e/src/components/pagination", + "//apps/components-e2e/src/components/progress-bar", + "//apps/components-e2e/src/components/quick-filter", + "//apps/components-e2e/src/components/radial-chart", + "//apps/components-e2e/src/components/radio", + "//apps/components-e2e/src/components/select", + "//apps/components-e2e/src/components/show-more", + "//apps/components-e2e/src/components/slider", + "//apps/components-e2e/src/components/stacked-series-chart", + "//apps/components-e2e/src/components/sunburst-chart", + "//apps/components-e2e/src/components/switch", + "//apps/components-e2e/src/components/table", + "//apps/components-e2e/src/components/tabs", + "//apps/components-e2e/src/components/tag", + "//apps/components-e2e/src/components/tile", + "//apps/components-e2e/src/components/tree-table", +] + +ng_module( + name = "app", + srcs = glob(["*.ts"]), + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = ROUTES + [ + "//libs/barista-components/icon:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/forms", + "@npm//@angular/platform-browser", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/app/app.module.ts b/apps/components-e2e/src/app/app.module.ts index 53d3d70e3c..306e1ae8a7 100644 --- a/apps/components-e2e/src/app/app.module.ts +++ b/apps/components-e2e/src/app/app.module.ts @@ -22,7 +22,6 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations'; import { DtIconModule } from '@dynatrace/barista-components/icon'; import { DtE2EApp } from './app.component'; import { AppRoutingModule } from './app.routing.module'; -import { DtOverlayModule } from '@dynatrace/barista-components/overlay'; @NgModule({ declarations: [DtE2EApp], @@ -33,7 +32,6 @@ import { DtOverlayModule } from '@dynatrace/barista-components/overlay'; HttpClientModule, DtIconModule.forRoot({ svgIconLocation: '/assets/icons/{{name}}.svg' }), AppRoutingModule, - DtOverlayModule, ], bootstrap: [DtE2EApp], }) diff --git a/apps/components-e2e/src/app/app.routing.module.ts b/apps/components-e2e/src/app/app.routing.module.ts index 0e7b497944..7892fc83c1 100644 --- a/apps/components-e2e/src/app/app.routing.module.ts +++ b/apps/components-e2e/src/app/app.routing.module.ts @@ -209,9 +209,9 @@ export const routes: Routes = [ ), }, { - path: 'table-order', + path: 'table', loadChildren: () => - import('../components/table-order/table.module').then( + import('../components/table/table.module').then( (module) => module.DtE2ETableModule, ), }, diff --git a/apps/components-e2e/src/components/autocomplete/BUILD.bazel b/apps/components-e2e/src/components/autocomplete/BUILD.bazel new file mode 100644 index 0000000000..305723153f --- /dev/null +++ b/apps/components-e2e/src/components/autocomplete/BUILD.bazel @@ -0,0 +1,24 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "autocomplete", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["autocomplete.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/autocomplete:compile", + "//libs/barista-components/core:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/forms", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/button-group/BUILD.bazel b/apps/components-e2e/src/components/button-group/BUILD.bazel new file mode 100644 index 0000000000..2940bdab2d --- /dev/null +++ b/apps/components-e2e/src/components/button-group/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "button-group", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["button-group.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/button-group:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/button/BUILD.bazel b/apps/components-e2e/src/components/button/BUILD.bazel new file mode 100644 index 0000000000..686a009511 --- /dev/null +++ b/apps/components-e2e/src/components/button/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "button", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["button.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/button:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/chart/BUILD.bazel b/apps/components-e2e/src/components/chart/BUILD.bazel new file mode 100644 index 0000000000..596208624c --- /dev/null +++ b/apps/components-e2e/src/components/chart/BUILD.bazel @@ -0,0 +1,57 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") +load("@npm//@bazel/typescript:index.bzl", "ts_library") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "chart", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "chart-base.ts", + "chart-options.ts", + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = [ + "chart/chart.html", + "heatfield/heatfield.html", + "highcharts/chart-highcharts-ui.html", + "pie-chart/pie-chart.html", + ], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//apps/components-e2e/src/components/chart/selection-area", + "//libs/barista-components/chart:compile", + "//libs/barista-components/core:compile", + "//libs/testing/fixtures", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + "@npm//highcharts", + "@npm//rxjs", + ], +) + +ts_library( + name = "chart-base", + srcs = ["chart-base.ts"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + ":chart-options", + "//apps/components-e2e/src/services", + "@npm//highcharts", + "@npm//rxjs", + "@npm//tslib", + ], +) + +ts_library( + name = "chart-options", + srcs = ["chart-options.ts"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "@npm//tslib", + ], +) diff --git a/apps/components-e2e/src/components/chart/selection-area/BUILD.bazel b/apps/components-e2e/src/components/chart/selection-area/BUILD.bazel new file mode 100644 index 0000000000..9c5c02921c --- /dev/null +++ b/apps/components-e2e/src/components/chart/selection-area/BUILD.bazel @@ -0,0 +1,29 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "selection-area", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = [ + "range/range.html", + "timestamp/timestamp.html", + "selection-area.html", + ], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//apps/components-e2e/src/components/chart:chart-base", + "//apps/components-e2e/src/services", + "//libs/barista-components/button:compile", + "//libs/barista-components/chart:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/checkbox/BUILD.bazel b/apps/components-e2e/src/components/checkbox/BUILD.bazel new file mode 100644 index 0000000000..b925f3b4d6 --- /dev/null +++ b/apps/components-e2e/src/components/checkbox/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "checkbox", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["checkbox.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/checkbox:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/combobox/BUILD.bazel b/apps/components-e2e/src/components/combobox/BUILD.bazel new file mode 100644 index 0000000000..801b2a899d --- /dev/null +++ b/apps/components-e2e/src/components/combobox/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "combobox", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["combobox.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/experimental/combobox:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/confirmation-dialog/BUILD.bazel b/apps/components-e2e/src/components/confirmation-dialog/BUILD.bazel new file mode 100644 index 0000000000..41b42551c0 --- /dev/null +++ b/apps/components-e2e/src/components/confirmation-dialog/BUILD.bazel @@ -0,0 +1,23 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "confirmation-dialog", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["confirmation-dialog.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/confirmation-dialog:compile", + "//libs/barista-components/core:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/consumption/BUILD.bazel b/apps/components-e2e/src/components/consumption/BUILD.bazel new file mode 100644 index 0000000000..98d3ceac4f --- /dev/null +++ b/apps/components-e2e/src/components/consumption/BUILD.bazel @@ -0,0 +1,25 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "consumption", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["consumption.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/consumption:compile", + "//libs/barista-components/core:compile", + "//libs/barista-components/icon:compile", + "//libs/barista-components/overlay:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/context-dialog/BUILD.bazel b/apps/components-e2e/src/components/context-dialog/BUILD.bazel new file mode 100644 index 0000000000..32c8c53eb7 --- /dev/null +++ b/apps/components-e2e/src/components/context-dialog/BUILD.bazel @@ -0,0 +1,24 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "context-dialog", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["context-dialog.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/context-dialog:compile", + "//libs/barista-components/core:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/drawer/BUILD.bazel b/apps/components-e2e/src/components/drawer/BUILD.bazel new file mode 100644 index 0000000000..a0ca2988d0 --- /dev/null +++ b/apps/components-e2e/src/components/drawer/BUILD.bazel @@ -0,0 +1,28 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "drawer", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["drawer.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//apps/components-e2e/src/components/chart:chart-options", + "//apps/components-e2e/src/services", + "//libs/barista-components/chart:compile", + "//libs/barista-components/drawer:compile", + "//libs/barista-components/overlay:compile", + "@npm//@angular/cdk", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + "@npm//rxjs", + ], +) diff --git a/apps/components-e2e/src/components/drawer/drawer.scss b/apps/components-e2e/src/components/drawer/drawer.scss deleted file mode 100644 index f77f081a09..0000000000 --- a/apps/components-e2e/src/components/drawer/drawer.scss +++ /dev/null @@ -1,7 +0,0 @@ -.content-trigger { - position: absolute; - top: 0; - right: 0; - // this is the highest possible z-index (integer max range) - z-index: 2147483647; -} diff --git a/apps/components-e2e/src/components/drawer/drawer.ts b/apps/components-e2e/src/components/drawer/drawer.ts index f07cd06097..5a4ed59bfa 100644 --- a/apps/components-e2e/src/components/drawer/drawer.ts +++ b/apps/components-e2e/src/components/drawer/drawer.ts @@ -28,7 +28,17 @@ import { options as chartOptions } from '../chart/chart-options'; @Component({ selector: 'dt-e2e-drawer', templateUrl: 'drawer.html', - styleUrls: ['drawer.scss'], + styles: [ + ` + .content-trigger { + position: absolute; + top: 0; + right: 0; + // this is the highest possible z-index (integer max range) + z-index: 2147483647; + } + `, + ], }) export class DtE2EDrawer { openCount = 0; diff --git a/apps/components-e2e/src/components/empty-state/BUILD.bazel b/apps/components-e2e/src/components/empty-state/BUILD.bazel new file mode 100644 index 0000000000..9d42925cad --- /dev/null +++ b/apps/components-e2e/src/components/empty-state/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "empty-state", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["empty-state.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/empty-state:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/event-chart/BUILD.bazel b/apps/components-e2e/src/components/event-chart/BUILD.bazel new file mode 100644 index 0000000000..1de7accccf --- /dev/null +++ b/apps/components-e2e/src/components/event-chart/BUILD.bazel @@ -0,0 +1,23 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "event-chart", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["event-chart.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/core:compile", + "//libs/barista-components/event-chart:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/expandable-panel/BUILD.bazel b/apps/components-e2e/src/components/expandable-panel/BUILD.bazel new file mode 100644 index 0000000000..aee5c293cb --- /dev/null +++ b/apps/components-e2e/src/components/expandable-panel/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "expandable-panel", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["expandable-panel.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/expandable-panel:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/expandable-section/BUILD.bazel b/apps/components-e2e/src/components/expandable-section/BUILD.bazel new file mode 100644 index 0000000000..3672003094 --- /dev/null +++ b/apps/components-e2e/src/components/expandable-section/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "expandable-section", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["expandable-section.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/expandable-section:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/filter-field/BUILD.bazel b/apps/components-e2e/src/components/filter-field/BUILD.bazel new file mode 100644 index 0000000000..ed5627eaef --- /dev/null +++ b/apps/components-e2e/src/components/filter-field/BUILD.bazel @@ -0,0 +1,25 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "filter-field", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["filter-field.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/filter-field:compile", + "//libs/examples/src/filter-field", + "//libs/testing/fixtures", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + "@npm//rxjs", + ], +) diff --git a/apps/components-e2e/src/components/highlight/BUILD.bazel b/apps/components-e2e/src/components/highlight/BUILD.bazel new file mode 100644 index 0000000000..9a6018fd5e --- /dev/null +++ b/apps/components-e2e/src/components/highlight/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "highlight", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["highlight.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/highlight:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/key-value-list/BUILD.bazel b/apps/components-e2e/src/components/key-value-list/BUILD.bazel new file mode 100644 index 0000000000..c3cdf48d3a --- /dev/null +++ b/apps/components-e2e/src/components/key-value-list/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "key-value-list", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["key-value-list.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/key-value-list:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/overlay/BUILD.bazel b/apps/components-e2e/src/components/overlay/BUILD.bazel new file mode 100644 index 0000000000..6283f144bf --- /dev/null +++ b/apps/components-e2e/src/components/overlay/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "overlay", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["overlay.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/overlay:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/pagination/BUILD.bazel b/apps/components-e2e/src/components/pagination/BUILD.bazel new file mode 100644 index 0000000000..e95cd4c464 --- /dev/null +++ b/apps/components-e2e/src/components/pagination/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "pagination", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["pagination.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/pagination:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/progress-bar/BUILD.bazel b/apps/components-e2e/src/components/progress-bar/BUILD.bazel new file mode 100644 index 0000000000..d38bd354de --- /dev/null +++ b/apps/components-e2e/src/components/progress-bar/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "progress-bar", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["progress-bar.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/progress-bar:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/quick-filter/BUILD.bazel b/apps/components-e2e/src/components/quick-filter/BUILD.bazel new file mode 100644 index 0000000000..37d40e89b4 --- /dev/null +++ b/apps/components-e2e/src/components/quick-filter/BUILD.bazel @@ -0,0 +1,29 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "quick-filter", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = [ + "quick-filter/quick-filter.html", + "quick-filter-async/quick-filter-async.html", + "quick-filter-initial-data/quick-filter-initial-data.html", + ], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/core:compile", + "//libs/barista-components/experimental/quick-filter:compile", + "//libs/testing/fixtures", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + "@npm//lodash-es", + ], +) diff --git a/apps/components-e2e/src/components/quick-filter/quick-filter/quick-filter.ts b/apps/components-e2e/src/components/quick-filter/quick-filter/quick-filter.ts index 02310cdac2..7cf493b79d 100644 --- a/apps/components-e2e/src/components/quick-filter/quick-filter/quick-filter.ts +++ b/apps/components-e2e/src/components/quick-filter/quick-filter/quick-filter.ts @@ -38,7 +38,9 @@ const config: DtQuickFilterDefaultDataSourceConfig = { templateUrl: 'quick-filter.html', }) export class DtE2EQuickFilter { - _dataSource = new DtQuickFilterDefaultDataSource(DATA[1], config); + _dataSource: DtQuickFilterDefaultDataSource< + any + > = new DtQuickFilterDefaultDataSource(DATA[1], config); filterChanges(filterEvent: DtQuickFilterChangeEvent): void { console.log(filterEvent); diff --git a/apps/components-e2e/src/components/radial-chart/BUILD.bazel b/apps/components-e2e/src/components/radial-chart/BUILD.bazel new file mode 100644 index 0000000000..f1ac33b630 --- /dev/null +++ b/apps/components-e2e/src/components/radial-chart/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "radial-chart", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["radial-chart.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/radial-chart:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/radio/BUILD.bazel b/apps/components-e2e/src/components/radio/BUILD.bazel new file mode 100644 index 0000000000..99d725fde5 --- /dev/null +++ b/apps/components-e2e/src/components/radio/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "radio", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["radio.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/radio:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/select/BUILD.bazel b/apps/components-e2e/src/components/select/BUILD.bazel new file mode 100644 index 0000000000..8e9f41059b --- /dev/null +++ b/apps/components-e2e/src/components/select/BUILD.bazel @@ -0,0 +1,23 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "select", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["select.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/core:compile", + "//libs/barista-components/select:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/show-more/BUILD.bazel b/apps/components-e2e/src/components/show-more/BUILD.bazel new file mode 100644 index 0000000000..5e53b861d5 --- /dev/null +++ b/apps/components-e2e/src/components/show-more/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "show-more", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["show-more.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/show-more:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/slider/BUILD.bazel b/apps/components-e2e/src/components/slider/BUILD.bazel new file mode 100644 index 0000000000..b3c9b99378 --- /dev/null +++ b/apps/components-e2e/src/components/slider/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "slider", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["slider.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/slider:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/stacked-series-chart/BUILD.bazel b/apps/components-e2e/src/components/stacked-series-chart/BUILD.bazel new file mode 100644 index 0000000000..6ea5c4cdbb --- /dev/null +++ b/apps/components-e2e/src/components/stacked-series-chart/BUILD.bazel @@ -0,0 +1,23 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "stacked-series-chart", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["stacked-series-chart.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/stacked-series-chart:compile", + "//libs/barista-components/theming:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/sunburst-chart/BUILD.bazel b/apps/components-e2e/src/components/sunburst-chart/BUILD.bazel new file mode 100644 index 0000000000..f925391875 --- /dev/null +++ b/apps/components-e2e/src/components/sunburst-chart/BUILD.bazel @@ -0,0 +1,24 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "sunburst-chart", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["sunburst-chart.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/sunburst-chart:compile", + "//libs/barista-components/theming:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/switch/BUILD.bazel b/apps/components-e2e/src/components/switch/BUILD.bazel new file mode 100644 index 0000000000..6894d8d005 --- /dev/null +++ b/apps/components-e2e/src/components/switch/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "switch", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["switch.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/switch:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/table/BUILD.bazel b/apps/components-e2e/src/components/table/BUILD.bazel new file mode 100644 index 0000000000..4858ca2d26 --- /dev/null +++ b/apps/components-e2e/src/components/table/BUILD.bazel @@ -0,0 +1,27 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "table", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = [ + "table/table.html", + "table-order-expandable/table-expandable.html", + ], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/core:compile", + "//libs/barista-components/table:compile", + "@npm//@angular/cdk", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/table-order/table-order-expandable/table-expandable.html b/apps/components-e2e/src/components/table/table-order-expandable/table-expandable.html similarity index 100% rename from apps/components-e2e/src/components/table-order/table-order-expandable/table-expandable.html rename to apps/components-e2e/src/components/table/table-order-expandable/table-expandable.html diff --git a/apps/components-e2e/src/components/table-order/table-order-expandable/table-expandable.ts b/apps/components-e2e/src/components/table/table-order-expandable/table-expandable.ts similarity index 100% rename from apps/components-e2e/src/components/table-order/table-order-expandable/table-expandable.ts rename to apps/components-e2e/src/components/table/table-order-expandable/table-expandable.ts diff --git a/apps/components-e2e/src/components/table-order/table.e2e.ts b/apps/components-e2e/src/components/table/table.e2e.ts similarity index 99% rename from apps/components-e2e/src/components/table-order/table.e2e.ts rename to apps/components-e2e/src/components/table/table.e2e.ts index 5967608ae8..adf592e358 100644 --- a/apps/components-e2e/src/components/table-order/table.e2e.ts +++ b/apps/components-e2e/src/components/table/table.e2e.ts @@ -25,8 +25,8 @@ import { changeOrderButton, } from './table.po'; -fixture('Table Order') - .page('http://localhost:4200/table-order') +fixture('Table') + .page('http://localhost:4200/table') .beforeEach(async () => { await resetWindowSizeToDefault(); await waitForAngular(); diff --git a/apps/components-e2e/src/components/table-order/table.module.ts b/apps/components-e2e/src/components/table/table.module.ts similarity index 96% rename from apps/components-e2e/src/components/table-order/table.module.ts rename to apps/components-e2e/src/components/table/table.module.ts index 3409ffbdbe..9c9f53888e 100644 --- a/apps/components-e2e/src/components/table-order/table.module.ts +++ b/apps/components-e2e/src/components/table/table.module.ts @@ -23,7 +23,7 @@ import { DT_UI_TEST_CONFIG, DT_DEFAULT_UI_TEST_CONFIG, } from '@dynatrace/barista-components/core'; -import { DtE2ETable } from './table-order/table'; +import { DtE2ETable } from './table/table'; import { DtE2ETableExpandable } from './table-order-expandable/table-expandable'; const routes: Route[] = [ diff --git a/apps/components-e2e/src/components/table-order/table.po.ts b/apps/components-e2e/src/components/table/table.po.ts similarity index 100% rename from apps/components-e2e/src/components/table-order/table.po.ts rename to apps/components-e2e/src/components/table/table.po.ts diff --git a/apps/components-e2e/src/components/table-order/table-order/table.html b/apps/components-e2e/src/components/table/table/table.html similarity index 100% rename from apps/components-e2e/src/components/table-order/table-order/table.html rename to apps/components-e2e/src/components/table/table/table.html diff --git a/apps/components-e2e/src/components/table-order/table-order/table.ts b/apps/components-e2e/src/components/table/table/table.ts similarity index 100% rename from apps/components-e2e/src/components/table-order/table-order/table.ts rename to apps/components-e2e/src/components/table/table/table.ts diff --git a/apps/components-e2e/src/components/tabs/BUILD.bazel b/apps/components-e2e/src/components/tabs/BUILD.bazel new file mode 100644 index 0000000000..b82c6e5a1e --- /dev/null +++ b/apps/components-e2e/src/components/tabs/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "tabs", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["tabs.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/tabs:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/tag/BUILD.bazel b/apps/components-e2e/src/components/tag/BUILD.bazel new file mode 100644 index 0000000000..4a438e2f8c --- /dev/null +++ b/apps/components-e2e/src/components/tag/BUILD.bazel @@ -0,0 +1,26 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "tag", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = [ + "tag-add/tag-add.html", + "tag-list/tag-list.html", + ], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/core:compile", + "//libs/barista-components/tag:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/tile/BUILD.bazel b/apps/components-e2e/src/components/tile/BUILD.bazel new file mode 100644 index 0000000000..8c64510403 --- /dev/null +++ b/apps/components-e2e/src/components/tile/BUILD.bazel @@ -0,0 +1,23 @@ + +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "tile", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["tile.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/tile:compile", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + ], +) diff --git a/apps/components-e2e/src/components/tree-table/BUILD.bazel b/apps/components-e2e/src/components/tree-table/BUILD.bazel new file mode 100644 index 0000000000..baafa42ca5 --- /dev/null +++ b/apps/components-e2e/src/components/tree-table/BUILD.bazel @@ -0,0 +1,26 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "tree-table", + srcs = glob( + include = ["**/*.ts"], + exclude = [ + "**/*.po.ts", + "**/*.e2e.ts", + ], + ), + angular_assets = ["tree-table.html"], + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "//libs/barista-components/core:compile", + "//libs/barista-components/tree-table:compile", + "@npm//@angular/cdk", + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//@angular/router", + "@npm//@dynatrace/barista-icons", + "@npm//rxjs", + ], +) diff --git a/apps/components-e2e/src/components/chart/chart/chart-series.ts b/apps/components-e2e/src/main.dev.ts similarity index 70% rename from apps/components-e2e/src/components/chart/chart/chart-series.ts rename to apps/components-e2e/src/main.dev.ts index a1a20087f5..11a05c9268 100644 --- a/apps/components-e2e/src/components/chart/chart/chart-series.ts +++ b/apps/components-e2e/src/main.dev.ts @@ -14,13 +14,8 @@ * limitations under the License. */ -import { generateData } from '@dynatrace/testing/fixtures'; +// Used to launch the application under Bazel development mode. +import { platformBrowser } from '@angular/platform-browser'; +import { DtE2EAppModule } from './app/app.module'; -export const series: Highcharts.IndividualSeriesOptions[] = [ - { - name: 'Requests', - type: 'column', - yAxis: 1, - data: generateData(40, 0, 200, 1370304000000, 900000), - }, -]; +platformBrowser().bootstrapModule(DtE2EAppModule); diff --git a/apps/components-e2e/src/main.prod.ts b/apps/components-e2e/src/main.prod.ts new file mode 100644 index 0000000000..d210ffdbb4 --- /dev/null +++ b/apps/components-e2e/src/main.prod.ts @@ -0,0 +1,23 @@ +/** + * @license + * Copyright 2020 Dynatrace LLC + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +// Used to launch the application under Bazel production mode. +import { enableProdMode } from '@angular/core'; +import { platformBrowser } from '@angular/platform-browser'; +import { DtE2EAppModule } from './app/app.module'; + +enableProdMode(); +platformBrowser().bootstrapModule(DtE2EAppModule); diff --git a/apps/components-e2e/src/main.scss b/apps/components-e2e/src/main.scss index ea5e4a5233..da9d08adb1 100644 --- a/apps/components-e2e/src/main.scss +++ b/apps/components-e2e/src/main.scss @@ -1,3 +1,5 @@ +@import '../../../libs/barista-components/style/index'; + // this reset is needed because protractor ignores a margin on // the body when asking for a location of an element body { diff --git a/apps/components-e2e/src/main.ts b/apps/components-e2e/src/main.ts index 4a8f9796ce..6f9d46ee2b 100644 --- a/apps/components-e2e/src/main.ts +++ b/apps/components-e2e/src/main.ts @@ -14,6 +14,13 @@ * limitations under the License. */ +// TODO: Remove once the app can be served with bazel +// This main entry point is used to launch the app under the +// @angular-devkit/build-angular, which is the default CLI +// builder. Note that for AOT, the CLI will magically replace +// the bootstrap by switching platform-browser-dynamic with +// platform-browser. +// This file is completely unused in the Bazel build. import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { DtE2EAppModule } from './app/app.module'; diff --git a/apps/components-e2e/src/services/BUILD.bazel b/apps/components-e2e/src/services/BUILD.bazel new file mode 100644 index 0000000000..a608424fd8 --- /dev/null +++ b/apps/components-e2e/src/services/BUILD.bazel @@ -0,0 +1,14 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//apps/components-e2e:__subpackages__"]) + +ng_module( + name = "services", + srcs = glob(["**/*.ts"]), + tsconfig = "//apps/components-e2e:tsconfig-app", + deps = [ + "@npm//@angular/common", + "@npm//@angular/core", + "@npm//rxjs", + ], +) diff --git a/libs/barista-components/context-dialog/index.ts b/libs/barista-components/context-dialog/index.ts index 72e6ff3461..0ff3086ba8 100644 --- a/libs/barista-components/context-dialog/index.ts +++ b/libs/barista-components/context-dialog/index.ts @@ -14,8 +14,9 @@ * limitations under the License. */ -export * from './src/context-dialog-module'; export * from './src/context-dialog'; +export * from './src/context-dialog-module'; export * from './src/context-dialog-trigger'; +export * from './src/footer/context-dialog-footer'; export * from './src/header/context-dialog-header'; export * from './src/header/context-dialog-header-title'; diff --git a/libs/barista-components/experimental/combobox/BUILD.bazel b/libs/barista-components/experimental/combobox/BUILD.bazel index 06883a7d7e..e0bb3cb4c3 100644 --- a/libs/barista-components/experimental/combobox/BUILD.bazel +++ b/libs/barista-components/experimental/combobox/BUILD.bazel @@ -17,7 +17,7 @@ ng_module_view_engine( ":styles", "src/combobox.html", ], - module_name = "@dynatrace/barista-components/combobox", + module_name = "@dynatrace/barista-components/experimental/combobox", tsconfig = "tsconfig_lib", deps = [ "@npm//@angular/core", diff --git a/libs/barista-components/stacked-series-chart/index.ts b/libs/barista-components/stacked-series-chart/index.ts index f3194f7d73..b62d8e34f9 100644 --- a/libs/barista-components/stacked-series-chart/index.ts +++ b/libs/barista-components/stacked-series-chart/index.ts @@ -14,14 +14,15 @@ * limitations under the License. */ -export * from './src/stacked-series-chart.module'; +export * from './/src/stacked-series-chart-overlay.directive'; export * from './src/stacked-series-chart'; +export * from './src/stacked-series-chart.module'; export { + DtStackedSeriesChartFillMode, + DtStackedSeriesChartLegend, + DtStackedSeriesChartMode, DtStackedSeriesChartNode, DtStackedSeriesChartSeries, DtStackedSeriesChartTooltipData, DtStackedSeriesChartValueDisplayMode, - DtStackedSeriesChartMode, - DtStackedSeriesChartFillMode, - DtStackedSeriesChartLegend, } from './src/stacked-series-chart.util'; diff --git a/libs/barista-components/style/BUILD.bazel b/libs/barista-components/style/BUILD.bazel index 6e40f488ac..325b86cf2a 100644 --- a/libs/barista-components/style/BUILD.bazel +++ b/libs/barista-components/style/BUILD.bazel @@ -1,7 +1,7 @@ load("//tools/bazel_rules:index.bzl", "stylelint") -load("@io_bazel_rules_sass//:defs.bzl", "sass_library") +load("@io_bazel_rules_sass//:defs.bzl", "sass_binary", "sass_library") -package(default_visibility = ["//:__subpackages__"]) +package(default_visibility = ["//visibility:public"]) sass_library( name = "style", @@ -9,10 +9,42 @@ sass_library( ["**/*.scss"], ), deps = [ + ":angular_cdk", "//libs/barista-components/input:theme", ], ) +sass_library( + name = "angular_cdk", + srcs = [ + "@npm//:node_modules/@angular/cdk/_a11y.scss", + "@npm//:node_modules/@angular/cdk/_overlay.scss", + ], +) + +sass_library( + name = "barista_font", + srcs = [ + "@npm//:node_modules/@dynatrace/barista-fonts/typography.scss", + ], +) + +sass_binary( + name = "index", + src = "index.scss", + include_paths = ["external/npm"], + deps = [ + ":barista_font", + ":style", + ], +) + +sass_binary( + name = "main", + src = "main.scss", + deps = [":style"], +) + stylelint( name = "stylelint", srcs = glob(["**/*.scss"]), diff --git a/libs/barista-components/sunburst-chart/index.ts b/libs/barista-components/sunburst-chart/index.ts index e0eb585e72..df58ee2100 100644 --- a/libs/barista-components/sunburst-chart/index.ts +++ b/libs/barista-components/sunburst-chart/index.ts @@ -14,8 +14,9 @@ * limitations under the License. */ -export * from './src/sunburst-chart.module'; export * from './src/sunburst-chart'; +export * from './src/sunburst-chart.directive'; +export * from './src/sunburst-chart.module'; export { DtSunburstChartNode, DtSunburstChartTooltipData, diff --git a/libs/barista-components/tabs/index.ts b/libs/barista-components/tabs/index.ts index 8beff65e1c..53d2522929 100644 --- a/libs/barista-components/tabs/index.ts +++ b/libs/barista-components/tabs/index.ts @@ -14,9 +14,11 @@ * limitations under the License. */ -export * from './src/tabs-module'; +export * from './src/navigation/tab-group-navigation'; +export * from './src/navigation/tab-navigation-adapter'; export * from './src/tab-group'; export * from './src/tab/tab'; +export * from './src/tab/tab-body'; +export * from './src/tab/tab-content'; export * from './src/tab/tab-label'; -export * from './src/navigation/tab-group-navigation'; -export * from './src/navigation/tab-navigation-adapter'; +export * from './src/tabs-module'; diff --git a/libs/examples/BUILD.bazel b/libs/examples/BUILD.bazel index eeaebb6cdb..79f1d6821e 100644 --- a/libs/examples/BUILD.bazel +++ b/libs/examples/BUILD.bazel @@ -1,5 +1,6 @@ load("//libs/barista-components:config.bzl", "COMPONENT_TARGETS") load("//tools/bazel_rules:index.bzl", "stylelint") +load("@npm//@bazel/typescript:index.bzl", "ts_config") package(default_visibility = ["//:__subpackages__"]) @@ -20,5 +21,14 @@ filegroup( stylelint( name = "stylelint", srcs = glob(["**/*.scss"]), - config = ":.stylelintrc" + config = ":.stylelintrc", +) + +ts_config( + name = "tsconfig-lib", + src = ":tsconfig.lib.json", + deps = [ + ":tsconfig.json", + "//:tsconfig.base.json", + ], ) diff --git a/libs/examples/src/filter-field/BUILD.bazel b/libs/examples/src/filter-field/BUILD.bazel new file mode 100644 index 0000000000..9dc80a68f4 --- /dev/null +++ b/libs/examples/src/filter-field/BUILD.bazel @@ -0,0 +1,17 @@ +load("//tools/bazel_rules:index.bzl", "ng_module") + +package(default_visibility = ["//:__subpackages__"]) + +ng_module( + name = "filter-field", + srcs = glob(["**/*.ts"]), + angular_assets = glob(["**/*.html"]), + module_name = "@dynatrace/examples/filter-field", + tsconfig = "//libs/examples:tsconfig-lib", + deps = [ + "//libs/barista-components/filter-field:compile", + "//libs/barista-components/input:compile", + "@npm//@angular/core", + "@npm//@angular/forms", + ], +) diff --git a/libs/examples/tsconfig.lib.json b/libs/examples/tsconfig.lib.json index 2c16d82b53..ee47252594 100644 --- a/libs/examples/tsconfig.lib.json +++ b/libs/examples/tsconfig.lib.json @@ -16,5 +16,5 @@ "strictInjectionParameters": true, "enableResourceInlining": true }, - "include": ["**/*.ts"] + "include": ["**/*.d.ts"] }