Skip to content
This repository was archived by the owner on May 20, 2023. It is now read-only.

Commit a616a05

Browse files
authored
Reorganize directory structure (#175)
* Move entry points to all components out of the lib/src/ directory. * Update import statements to find files in lib/src/<component>. * Update README with new links.
1 parent ad56624 commit a616a05

File tree

354 files changed

+1068
-1110
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

354 files changed

+1068
-1110
lines changed

CHANGELOG.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
## 0.8.0-dev
22

3-
* Remove all precompiled .css files.
4-
* Update all import statements in .scss files to use dart style package imports.
5-
* Add dependency on sass_builder package to compile .css files.
3+
* Move entry points to all components out of the lib/src/ directory.
4+
* Remove all precompiled .css files.
5+
* Update all import statements in .scss files to use dart style package
6+
imports.
7+
* Add dependency on sass_builder package to compile .css files.
68

79
## 0.7.1
810

LICENSE

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
Copyright 2016, the Dart project authors. All rights reserved.
1+
Copyright 2017, the Dart project authors. All rights reserved.
22
Redistribution and use in source and binary forms, with or without
33
modification, are permitted provided that the following conditions are
44
met:

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ Firefox, and Safari.
5050
* AngularDart Components resources:
5151
* [About AngularDart Components](https://webdev.dartlang.org/components)
5252
* [Google I/O 2017 codelab](https://codelabs.developers.google.com/codelabs/your-first-angulardart-web-app)
53-
* [Dart Summit 2016 codelab](https://webdev.dartlang.org/codelabs/angular2_components)
53+
* [Dart Summit 2016 codelab](https://webdev.dartlang.org/codelabs/angular_components)
5454
* [API reference](https://webdev.dartlang.org/components/api)
5555
* AngularDart resources:
5656
* [AngularDart documentation](https://webdev.dartlang.org/angular/guide)
@@ -94,7 +94,7 @@ imports in your sass files.
9494
In your `.scss` files:
9595

9696
```scss
97-
@import 'package:angular_components/src/css/material/material';
97+
@import 'package:angular_components/css/material/material';
9898
9999
.blue {
100100
color: $mat-blue;

lib/angular_components.dart

Lines changed: 184 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,33 +6,205 @@ library angular_components;
66

77
import 'package:angular/angular.dart' show Provider;
88

9-
import 'src/all_components.dart';
9+
import 'app_layout/material_persistent_drawer.dart';
10+
import 'app_layout/material_temporary_drawer.dart';
11+
import 'auto_dismiss/auto_dismiss.dart';
12+
import 'button_decorator/button_decorator.dart';
13+
import 'content/deferred_content.dart';
14+
import 'dynamic_component/dynamic_component.dart';
15+
import 'focus/focus.dart';
16+
import 'focus/focus_activable_item.dart';
17+
import 'focus/focus_item.dart';
18+
import 'focus/focus_list.dart';
19+
import 'focus/focus_trap.dart';
20+
import 'focus/keyboard_only_focus_indicator.dart';
21+
import 'glyph/glyph.dart';
22+
import 'highlighted_text/highlighted_text.dart';
23+
import 'highlighted_text/highlighted_value.dart';
24+
import 'laminate/components/modal/modal.dart';
25+
import 'laminate/popup/module.dart';
26+
import 'laminate/popup/popup.dart';
27+
import 'material_button/material_button.dart';
28+
import 'material_button/material_button_base.dart';
29+
import 'material_button/material_fab.dart';
30+
import 'material_checkbox/material_checkbox.dart'
31+
show MaterialCheckboxComponent;
32+
import 'material_chips/material_chip.dart';
33+
import 'material_chips/material_chips.dart';
34+
import 'material_dialog/material_dialog.dart';
35+
import 'material_expansionpanel/material_expansionpanel.dart';
36+
import 'material_expansionpanel/material_expansionpanel_auto_dismiss.dart';
37+
import 'material_expansionpanel/material_expansionpanel_set.dart';
38+
import 'material_icon/material_icon.dart';
39+
import 'material_input/material_auto_suggest_input.dart';
40+
import 'material_input/material_input.dart' hide materialInputErrorKey;
41+
import 'material_input/material_input_default_value_accessor.dart';
42+
import 'material_input/material_input_multiline.dart';
43+
import 'material_input/material_number_accessor.dart';
44+
import 'material_input/material_number_validators.dart';
45+
import 'material_input/material_percent_directive.dart';
46+
import 'material_list/material_list.dart';
47+
import 'material_list/material_list_item.dart';
48+
import 'material_popup/material_popup.dart';
49+
import 'material_progress/material_progress.dart';
50+
import 'material_radio/material_radio.dart';
51+
import 'material_radio/material_radio_group.dart';
52+
import 'material_ripple/material_ripple.dart';
53+
import 'material_select/display_name.dart';
54+
import 'material_select/dropdown_button.dart';
55+
import 'material_select/material_dropdown_select.dart';
56+
import 'material_select/material_select.dart';
57+
import 'material_select/material_select_dropdown_item.dart';
58+
import 'material_select/material_select_item.dart';
59+
import 'material_select/material_select_searchbox.dart';
60+
import 'material_spinner/material_spinner.dart';
61+
import 'material_tab/fixed_material_tab_strip.dart';
62+
import 'material_tab/material_tab.dart';
63+
import 'material_tab/material_tab_panel.dart';
64+
import 'material_tab/tab_button.dart';
65+
import 'material_toggle/material_toggle.dart';
66+
import 'material_tooltip/material_tooltip.dart';
67+
import 'material_tree/material_tree.dart';
68+
import 'material_yes_no_buttons/material_yes_no_buttons.dart';
69+
import 'reorder_list/reorder_list.dart';
70+
import 'scorecard/scoreboard.dart';
71+
import 'scorecard/scorecard.dart';
72+
import 'stop_propagation/stop_propagation.dart';
73+
import 'theme/dark_theme.dart';
1074

11-
export 'src/all_components.dart';
75+
export 'annotations/rtl_annotation.dart';
76+
export 'app_layout/material_drawer_base.dart';
77+
export 'app_layout/material_persistent_drawer.dart';
78+
export 'app_layout/material_temporary_drawer.dart';
79+
export 'auto_dismiss/auto_dismiss.dart';
80+
export 'button_decorator/button_decorator.dart';
81+
export 'content/deferred_content.dart';
82+
export 'content/deferred_content_aware.dart';
83+
export 'dynamic_component/dynamic_component.dart';
84+
export 'focus/focus.dart';
85+
export 'focus/focus_activable_item.dart';
86+
export 'focus/focus_item.dart';
87+
export 'focus/focus_list.dart';
88+
export 'focus/focus_trap.dart';
89+
export 'focus/keyboard_only_focus_indicator.dart';
90+
export 'forms/error_renderer.dart';
91+
export 'glyph/glyph.dart';
92+
export 'highlighted_text/highlighted_text.dart';
93+
export 'highlighted_text/highlighted_value.dart';
94+
export 'laminate/components/modal/modal.dart';
95+
export 'laminate/enums/alignment.dart';
96+
export 'laminate/overlay/module.dart';
97+
export 'laminate/popup/module.dart';
98+
export 'laminate/popup/popup.dart';
99+
export 'material_button/material_button.dart';
100+
export 'material_button/material_button_base.dart';
101+
export 'material_button/material_fab.dart';
102+
export 'material_checkbox/material_checkbox.dart'
103+
show MaterialCheckboxComponent;
104+
export 'material_chips/material_chip.dart';
105+
export 'material_chips/material_chips.dart';
106+
export 'material_dialog/material_dialog.dart';
107+
export 'material_expansionpanel/material_expansionpanel.dart';
108+
export 'material_expansionpanel/material_expansionpanel_auto_dismiss.dart';
109+
export 'material_expansionpanel/material_expansionpanel_set.dart';
110+
export 'material_icon/material_icon.dart';
111+
export 'material_input/base_material_input.dart';
112+
export 'material_input/deferred_validator.dart';
113+
export 'material_input/input_wrapper.dart';
114+
export 'material_input/material_auto_suggest_input.dart';
115+
export 'material_input/material_input.dart' hide materialInputErrorKey;
116+
export 'material_input/material_input_default_value_accessor.dart';
117+
export 'material_input/material_input_error_keys.dart';
118+
export 'material_input/material_input_multiline.dart';
119+
export 'material_input/material_number_accessor.dart';
120+
export 'material_input/material_number_validators.dart';
121+
export 'material_input/material_percent_directive.dart';
122+
export 'material_list/material_list.dart';
123+
export 'material_list/material_list_item.dart';
124+
export 'material_list/material_list_size.dart';
125+
export 'material_popup/material_popup.dart';
126+
export 'material_progress/material_progress.dart';
127+
export 'material_radio/material_radio.dart';
128+
export 'material_radio/material_radio_group.dart';
129+
export 'material_ripple/material_ripple.dart';
130+
export 'material_select/activation_handler.dart';
131+
export 'material_select/display_name.dart';
132+
export 'material_select/dropdown_button.dart';
133+
export 'material_select/material_dropdown_select.dart';
134+
export 'material_select/material_select.dart';
135+
export 'material_select/material_select_base.dart';
136+
export 'material_select/material_select_dropdown_item.dart';
137+
export 'material_select/material_select_item.dart';
138+
export 'material_select/material_select_searchbox.dart';
139+
export 'material_select/shift_click_selection.dart';
140+
export 'material_spinner/material_spinner.dart';
141+
export 'material_tab/fixed_material_tab_strip.dart';
142+
export 'material_tab/material_tab.dart';
143+
export 'material_tab/material_tab_panel.dart';
144+
export 'material_tab/tab_button.dart';
145+
export 'material_tab/tab_change_event.dart';
146+
export 'material_tab/tab_mixin.dart';
147+
export 'material_toggle/material_toggle.dart';
148+
export 'material_tooltip/material_tooltip.dart';
149+
export 'material_tooltip/module.dart';
150+
export 'material_tree/material_tree.dart';
151+
export 'material_yes_no_buttons/material_yes_no_buttons.dart';
152+
export 'mixins/button_wrapper.dart';
153+
export 'mixins/focusable_mixin.dart';
154+
export 'mixins/has_tab_index.dart';
155+
export 'mixins/highlight_assistant_mixin.dart';
156+
export 'mixins/material_dropdown_base.dart';
157+
export 'mixins/track_layout_changes.dart';
158+
export 'model/selection/select.dart';
159+
export 'model/selection/selection_model.dart';
160+
export 'model/selection/selection_options.dart';
161+
export 'model/selection/string_selection_options.dart';
162+
export 'model/ui/display_name.dart';
163+
export 'model/ui/has_renderer.dart';
164+
export 'model/ui/icon.dart';
165+
export 'reorder_list/reorder_events.dart';
166+
export 'reorder_list/reorder_list.dart';
167+
export 'scorecard/scoreboard.dart';
168+
export 'scorecard/scorecard.dart';
169+
export 'stop_propagation/stop_propagation.dart';
170+
export 'theme/dark_theme.dart';
171+
export 'theme/module.dart';
172+
export 'utils/async/async.dart';
12173

13174
/// A convenience list of all Directives exposed by this package.
14175
const List<dynamic> materialDirectives = const [
15176
AutoDismissDirective,
16177
AutoFocusDirective,
178+
ButtonDirective,
17179
CachingDeferredContentDirective,
180+
CheckNonNegativeValidator,
18181
ClickableTooltipTargetDirective,
19182
DarkThemeDirective,
20183
DeferredContentDirective,
21184
displayNameRendererDirective,
185+
DropdownButtonComponent,
186+
DynamicComponent,
22187
FixedMaterialTabStripComponent,
23188
FocusActivableItemDirective,
24189
FocusItemDirective,
25190
FocusListDirective,
26191
FocusableDirective,
27192
FocusTrapComponent,
28193
GlyphComponent,
194+
HighlightedTextComponent,
195+
HighlightedValueComponent,
196+
KeyboardOnlyFocusIndicatorDirective,
197+
LowerBoundValidator,
198+
MaterialAutoSuggestInputComponent,
29199
MaterialButtonComponent,
200+
MaterialButtonBase,
30201
MaterialCheckboxComponent,
31202
MaterialChipComponent,
32203
MaterialChipsComponent,
33204
MaterialDialogComponent,
34205
MaterialDropdownSelectComponent,
35206
MaterialExpansionPanel,
207+
MaterialExpansionPanelAutoDismiss,
36208
MaterialExpansionPanelSet,
37209
MaterialFabComponent,
38210
MaterialIconComponent,
@@ -44,30 +216,39 @@ const List<dynamic> materialDirectives = const [
44216
MaterialListItemComponent,
45217
MaterialMultilineInputComponent,
46218
MaterialPaperTooltipComponent,
219+
MaterialPercentInputDirective,
47220
MaterialPersistentDrawerDirective,
48-
MaterialTemporaryDrawerComponent,
49221
MaterialPopupComponent,
50222
MaterialProgressComponent,
51223
MaterialRadioComponent,
52224
MaterialRadioGroupComponent,
53225
MaterialRippleComponent,
54226
MaterialSelectComponent,
227+
MaterialSelectDropdownItemComponent,
55228
MaterialSelectItemComponent,
56229
MaterialSelectSearchboxComponent,
57230
MaterialSpinnerComponent,
58231
MaterialTabComponent,
59232
MaterialTabPanelComponent,
233+
MaterialTemporaryDrawerComponent,
234+
MaterialTreeComponent,
235+
MaterialTreeDropdownComponent,
60236
MaterialToggleComponent,
61237
MaterialTooltipDirective,
62238
MaterialTooltipSourceDirective,
63239
MaterialTooltipTargetDirective,
64240
MaterialYesNoButtonsComponent,
65241
ModalComponent,
66242
NgModel,
243+
PositiveNumValidator,
67244
PopupSourceDirective,
68245
ReorderItemDirective,
69246
ReorderListComponent,
247+
ScoreboardComponent,
70248
ScorecardComponent,
249+
StopPropagationDirective,
250+
TabButtonComponent,
251+
UpperBoundValidator,
71252
];
72253

73254
/// A convenience list of all providers exposed by this package.

lib/src/components/app_layout/README.md renamed to lib/app_layout/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ the material spec.
1010
## Setup
1111

1212
The styles are provided by
13-
`package:angular_components/src/components/app_layout/layout.scss.css`. To use
13+
`package:angular_components/app_layout/layout.scss.css`. To use
1414
these styles in an angular component simply add it as a `styleUrls` value in
1515
your `Component` annotation. It is suggested that the style is added before any
1616
component specific styling so you can easily override style values as needed.
@@ -20,7 +20,7 @@ component specific styling so you can easily override style values as needed.
2020
selector: 'my-component',
2121
templateUrl: 'my_component.html',
2222
styleUrls: const [
23-
'package:angular_components/src/components/app_layout/layout.scss.css',
23+
'package:angular_components/app_layout/layout.scss.css',
2424
'my_component.scss.css'])
2525
class MyComponent {}
2626
```

lib/src/components/app_layout/_material_drawer.scss renamed to lib/app_layout/_material_drawer.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
// for details. All rights reserved. Use of this source code is governed by a
33
// BSD-style license that can be found in the LICENSE file.
44

5-
@import 'package:angular_components/src/css/material/material';
5+
@import 'package:angular_components/css/material/material';
66

77
$mat-drawer-width: $mat-grid * 32;
88

File renamed without changes.

lib/src/components/app_layout/layout.scss renamed to lib/app_layout/layout.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
/// This includes:
77
/// material-drawer (persistent and permanent)
88
@import 'material_drawer';
9-
@import 'package:angular_components/src/css/material/material';
10-
@import 'package:angular_components/src/css/material/shadow';
11-
@import 'package:angular_components/src/components/material_list/mixins';
9+
@import 'package:angular_components/css/material/material';
10+
@import 'package:angular_components/css/material/shadow';
11+
@import 'package:angular_components/material_list/mixins';
1212

1313
$mat-toolbar-mobile-breakpoint: 599px;
1414
$mat-drawer-border: 1px solid $mat-border-light;
@@ -92,7 +92,7 @@ $mat-header-dense-height: 48px;
9292

9393
/// Header styling. This is used in your component directly.
9494
// TODO(google) Add support for multiple rows.
95-
// TODO(google) Consider adding support for waterfall headers:
95+
// TODO(google) Consider adding support for waterfall headers.
9696
.material-header {
9797
background-color: $mat-indigo-500;
9898
border: 0;

0 commit comments

Comments
 (0)