skawa_material_components 1.2.1

  • Readme
  • Changelog
  • Example
  • Installing
  • 89

skawa_material_components #

Pub Package

More "Material" Components #

These components are based on Material Design and built on top of package:angular_components.

The goal is to provide a couple of components that seem to be missing from angular_components.

Currently Available components:

  • <skawa-card>
  • <skawa-data-table>
  • <skawa-grid>
  • <skawa-snackbar>

Both packages are being actively maintained, meaning components get added and removed. In case of a component from this list is added to angular_components, it will be deprecated and eventually removed from skawa_material_components.

Removed components:

  • <skawa-appbar>
  • <skawa-drawer>
  • <skawa-sidebar>

Getting started #

See examples

Need a component? #

Let us know what you'd like to use, open an issue!

Looking for maintainers #

If you have a component you'd like to be part of this collection, let us know, we can chat!

Licensing #

Skawa Material Components reuses and builds on top of certain parts of angular_components package. (Namely, base SCSS files) angular_components license

Skawa Material Components is released under MIT license.

1.2.1 #

  • added support for Dart 2.5
  • CardOverflowDirective added

1.2.0 #

  • added support for the dart 2.4 and angular 6.0.0-alpha
  • titleAccessor added to SkawaDataTableColComponent

1.1.0+1 #

  • Fix: SkawaDataTableComponent selectable field has a default value, to evade errors after 2.3 dart version

1.1.0 #

  • Pub constraints updated

1.0.0+4 #

  • SkawaDataTableComponent columns can be updated at runtime, and coloring won't be messed up after sorting

1.0.0+3 #

  • Pub constraints updated
  • ExtendedMaterialIconComponent added

1.0.0+2 #

  • SkawaDataTableComponent tests using components with generic parameter

1.0.0+1 #

  • Fixed missing pub constraints

1.0.0 #

  • Release to pub

1.0.0-beta #

  • Splitted the original package, removed the non-material components from this package
  • RowData now has additional classes filed to be able style them differently

1.0.0-alpha+7 #

  • SkawaRawMarkdownRendererComponent added

1.0.0-alpha+6 #

  • SkawaMarkdownEditorComponent disable ex improved

1.0.0-alpha+5 #

  • SkawaMarkdownEditorComponent can be disabled

1.0.0-alpha+4 #

  • Added a new output stream to SkawaMarkdownEditorComponent which emits on displayMode change
  • SkawaMarkdownRendererComponent added
  • SkawaDataTableComponent non-highlightable mode fixed

1.0.0-alpha+3 #

  • SkawaInfobarComponent button open the url in a new tab
  • SkawaDataTableComponent can be non highlightable

1.0.0-alpha+2 #

  • SkawaMarkdownEditorComponent now updates EditorRenderTarget with the proper classes

1.0.0-alpha+1 #

  • fix minor issue in toggleAttribute method
  • snackbar_test refactored
  • added flaky-on-travis tags to tests which is never fails on localhost but sometimes fails on travis
  • moved PromptComponent to lib folder due to Angular4 migration

1.0.0-alpha #

  • Upgrade to Angular4

0.0.16 #

  • Added new component

0.0.15 #

  • Added new component <skawa-markdown-editor> and corresponding Directives.
  • Ckeditor description corrected
  • analysis_options became stricter
  • travis script now running dartfmt, if the code is not formated properly then exit

0.0.14 #

  • Added tests to snackbar
  • Changed angular2 version from ^3.1.0 to 3.1.0

0.0.13 #

  • Added SkawaRandomColorizePipe

0.0.12 #

  • Added sort logic to SkawaDataTableComponent

0.0.11 #

  • Modified snackbar to use material popup.
  • Snackbar should now be in the bottom left corner of the screen always.
  • Changed angular_components version from "^0.5.1" to "^0.5.3+1"

0.0.10 #

  • DataTable highlight event won't be triggered when selector checkbox is clicked

0.0.9 #

  • Changed to DataTable
    • introduction of the concept of primaryAction. Columns with accessors can subscript to (trigger) action.
    • rows can be (highlight)-ed without making a change in selection

0.0.8+1 #

  • Fixed a strong-mode error about missing trigger on Snackbar
  • Changed DataTableAccessor return value from dynamic to String

0.0.8 #

  • Add SnackbarComponent

0.0.7 #

  • Add some new functionality to <skawa-data-table>:
    • change event is emitted when selection changes
    • setting multiSelection toggles whether only a single or multiple elements can be selected

0.0.6+1 #

  • fixed an issue where dart2js would warn about ?? in for loop

0.0.6 #

  • Added support for column renderer for <data-table>

0.0.5 #

  • Added new component <skawa-grid>

0.0.4 #

  • CKEditor accepts initial value as content input property

0.0.3+1 #

  • Fixed transformer usage

0.0.3 #

  • Added new component <skawa-ckeditor>

0.0.2 #

  • Added tests with travis integration
  • Minor changes to components and their styling

example/README.md

Getting started #

See examples

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  skawa_material_components: ^1.2.1

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:skawa_material_components/base_implementations/grid/grid.dart';
import 'package:skawa_material_components/card/card.dart';
import 'package:skawa_material_components/card/card_actions.dart';
import 'package:skawa_material_components/card/card_directives.dart';
import 'package:skawa_material_components/card/card_overflow.dart';
import 'package:skawa_material_components/data_table/data_table.dart';
import 'package:skawa_material_components/data_table/data_table_column.dart';
import 'package:skawa_material_components/data_table/row_data.dart';
import 'package:skawa_material_components/data_table/sort.dart';
import 'package:skawa_material_components/extended_material_icon/extended_material_icon.dart';
import 'package:skawa_material_components/grid/grid_component.dart';
import 'package:skawa_material_components/skawa_materialish_components.dart';
import 'package:skawa_material_components/snackbar/snackbar.dart';
import 'package:skawa_material_components/util/attribute.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
78
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100
Overall:
Weighted score of the above. [more]
89
Learn more about scoring.

We analyzed this package on Nov 19, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.6.0
  • pana: 0.12.21

Platforms

Detected platforms: web

Platform components identified in package: html, js.

Health suggestions

Format lib/base_implementations/grid/grid.dart.

Run dartfmt to format lib/base_implementations/grid/grid.dart.

Format lib/card/card.dart.

Run dartfmt to format lib/card/card.dart.

Format lib/data_table/data_table.dart.

Run dartfmt to format lib/data_table/data_table.dart.

Fix additional 6 files with analysis or formatting issues.

Additional issues in the following files:

  • lib/data_table/data_table_column.dart (Run dartfmt to format lib/data_table/data_table_column.dart.)
  • lib/data_table/sort.dart (Run dartfmt to format lib/data_table/sort.dart.)
  • lib/extended_material_icon/extended_material_icon.dart (Run dartfmt to format lib/extended_material_icon/extended_material_icon.dart.)
  • lib/grid/grid_component.dart (Run dartfmt to format lib/grid/grid_component.dart.)
  • lib/skawa_materialish_components.dart (Run dartfmt to format lib/skawa_materialish_components.dart.)
  • lib/snackbar/snackbar.dart (Run dartfmt to format lib/snackbar/snackbar.dart.)

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.5.0 <3.0.0
angular ^6.0.0-alpha 6.0.0-alpha+1
angular_components ^0.14.0-alpha 0.14.0-alpha+1
quiver ^2.0.3 2.1.2+1
sass_builder ^2.1.2 2.1.3
Transitive dependencies
analyzer 0.37.1+1 0.39.1
angular_ast 0.5.11
angular_compiler 0.4.5
angular_forms 2.1.4
args 1.5.2
async 2.4.0
build 1.2.2
built_collection 4.3.0
built_value 7.0.0
charcode 1.1.2
checked_yaml 1.0.2
cli_repl 0.2.0+1
code_builder 3.2.1
collection 1.14.12
convert 2.1.1
crypto 2.1.3
csslib 0.16.1
dart_internal 0.1.7
dart_style 1.2.10 1.3.3
fixnum 0.10.11
front_end 0.1.21+1 0.1.29
glob 1.2.0
html 0.14.0+3
http 0.12.0+2
http_parser 3.1.3
intl 0.15.8 0.16.0
js 0.6.1+1
json_annotation 3.0.0
kernel 0.3.21+1 0.3.29
logging 0.11.3+2
matcher 0.12.6
meta 1.1.8
node_interop 1.0.3
node_io 1.0.1+2
observable 0.22.2
package_config 1.1.0
package_resolver 1.0.10
path 1.6.4
pedantic 1.8.0+1
protobuf 0.13.16+1 1.0.1
pub_semver 1.4.2
pubspec_parse 0.1.5
sass 1.23.7
source_gen 0.9.4+6
source_maps 0.10.8
source_span 1.5.5
stack_trace 1.9.3
stream_transform 0.0.20
string_scanner 1.0.5
term_glyph 1.1.0
tuple 1.0.3
typed_data 1.1.6
watcher 0.9.7+12
yaml 2.2.0
Dev dependencies
angular_test ^2.3.0
build_config ^0.4.1+1 0.4.1+1
build_runner ^1.7.0
build_test ^0.10.7
build_web_compilers ^2.0.0
pageloader ^3.2.0
test ^1.6.2