@xdam/ember-partials 0.10.0 → 0.10.1

package/README.md

@@ -1,75 +1,75 @@
-@xdam/ember-partials (xep)
-==============================================================================
-
-Ember components for XDAM applications.
-
-- [@xdam/ember-partials (xep)](#xdamember-partials-xep)
-  - [Installation](#installation)
-  - [Usage](#usage)
-  - [Contributing](#contributing)
-    - [Installation](#installation-1)
-    - [Linting](#linting)
-    - [Running tests](#running-tests)
-    - [Running the dummy application](#running-the-dummy-application)
-
-
-Compatibility
-------------------------------------------------------------------------------
-
-* Ember.js v2.18 or above
-* Ember CLI v2.13 or above
-
-
-Installation
-------------------------------------------------------------------------------
-
-> Note: This package does not provide prefixed styles (see ember-cli-autoprefixer).
-
-Usage
-------------------------------------------------------------------------------
-
-Usage available in the dummy app available at [http://localhost:4200](http://localhost:4200).
-
-
-Contributing
-------------------------------------------------------------------------------
-
-See the [Contributing](CONTRIBUTING.md) guide for details.
-
-
-License
-------------------------------------------------------------------------------
-
-### Installation
-
-* `git clone <repository-url>`
-* `cd ember-partials`
-* `yarn install`
-
-### Linting
-
-Lint every kind:
-
-* `yarn lint`
-
-Or individually:
-
-* `yarn lint:js`
-* `yarn lint:js --fix`
-* `yarn lint:hbs`
-* `yarn lint:hbs --fix`
-* `yarn lint:scss`
-* `yarn lint:scss --fix`
-
-### Running tests
-
-* `ember test` – Runs the test suite on the current Ember version
-* `ember test --server` – Runs the test suite in "watch mode"
-* `ember try:each` – Runs the test suite against multiple Ember versions
-
-### Running the dummy application
-
-* `ember serve`
-* Visit the dummy application at [http://localhost:4200](http://localhost:4200).
-
-For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).
+@xdam/ember-partials (xep)
+==============================================================================
+
+Ember components for XDAM applications.
+
+- [@xdam/ember-partials (xep)](#xdamember-partials-xep)
+  - [Installation](#installation)
+  - [Usage](#usage)
+  - [Contributing](#contributing)
+    - [Installation](#installation-1)
+    - [Linting](#linting)
+    - [Running tests](#running-tests)
+    - [Running the dummy application](#running-the-dummy-application)
+
+
+Compatibility
+------------------------------------------------------------------------------
+
+* Ember.js v2.18 or above
+* Ember CLI v2.13 or above
+
+
+Installation
+------------------------------------------------------------------------------
+
+> Note: This package does not provide prefixed styles (see ember-cli-autoprefixer).
+
+Usage
+------------------------------------------------------------------------------
+
+Usage available in the dummy app available at [http://localhost:4200](http://localhost:4200).
+
+
+Contributing
+------------------------------------------------------------------------------
+
+See the [Contributing](CONTRIBUTING.md) guide for details.
+
+
+License
+------------------------------------------------------------------------------
+
+### Installation
+
+* `git clone <repository-url>`
+* `cd ember-partials`
+* `yarn install`
+
+### Linting
+
+Lint every kind:
+
+* `yarn lint`
+
+Or individually:
+
+* `yarn lint:js`
+* `yarn lint:js --fix`
+* `yarn lint:hbs`
+* `yarn lint:hbs --fix`
+* `yarn lint:scss`
+* `yarn lint:scss --fix`
+
+### Running tests
+
+* `ember test` – Runs the test suite on the current Ember version
+* `ember test --server` – Runs the test suite in "watch mode"
+* `ember try:each` – Runs the test suite against multiple Ember versions
+
+### Running the dummy application
+
+* `ember serve`
+* Visit the dummy application at [http://localhost:4200](http://localhost:4200).
+
+For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

package/addon/components/xep-avatar.js

@@ -3,10 +3,8 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-avatar';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
-import { computed } from '@ember-decorators/object';
-import { inject as service } from '@ember-decorators/service';
+import { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
 
 import styleString from '@xdam/ember-partials/utils/style-string';
 
@@ -29,7 +27,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-avatar')
   testSelector;
 
@@ -38,7 +35,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [href]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute
   href;
 
@@ -47,7 +43,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -55,7 +50,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [firstName]
    * @type {String}
    */
-  @argument(optional('string'))
   firstName;
 
   /**
@@ -63,7 +57,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [lastName]
    * @type {String}
    */
-  @argument(optional('string'))
   lastName;
 
   /**
@@ -71,7 +64,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [entityName]
    * @type {String}
    */
-  @argument(optional('string'))
   entityName;
 
   /**
@@ -79,7 +71,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [textContent]
    * @type {String}
    */
-  @argument(optional('string'))
   textContent;
 
   /**
@@ -87,7 +78,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [image]
    * @type {String}
    */
-  @argument(optional('string'))
   image;
 
   /**
@@ -96,7 +86,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [backgroundColor]
    * @type {String}
    */
-  @argument(optional('string'))
   backgroundColor;
 
   /**
@@ -104,7 +93,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [width]
    * @type {Number}
    */
-  @argument('number')
   width = 32;
 
   /**
@@ -112,7 +100,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [border]
    * @type {String}
    */
-  @argument(optional('string'))
   border;
 
   /**

package/addon/components/xep-bubble.js

@@ -3,9 +3,7 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-bubble';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 
 /**
  * Component description...
@@ -25,7 +23,6 @@ export default class XepBubbleComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-bubble')
   testSelector;
 
@@ -34,7 +31,6 @@ export default class XepBubbleComponent extends Component {
    * @argument [floating]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('xep-bubble--floating')
   floating;
 
@@ -43,7 +39,6 @@ export default class XepBubbleComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   init() {

package/addon/components/xep-button.js

@@ -2,12 +2,9 @@ import Component from '@ember/component';
 import {
   classNames, attribute, className, tagName, layout,
 } from '@ember-decorators/component';
-import { argument } from '@ember-decorators/argument';
-import { computed } from '@ember-decorators/object';
-import { oneOf, optional, Action } from '@ember-decorators/argument/types';
-import EmberObject from '@ember/object';
+import EmberObject, { computed } from '@ember/object';
 import template from '@xdam/ember-partials/templates/components/xep-button';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 
 const VARIANT_TYPES = {
   // Defaults to a text button that is flush with the surface.
@@ -44,7 +41,6 @@ export default class XepButtonComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-button')
   testSelector;
 
@@ -53,7 +49,6 @@ export default class XepButtonComponent extends Component {
    * @argument [tabindex]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute
   title;
 
@@ -62,7 +57,6 @@ export default class XepButtonComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument(optional('number'))
   @attribute
   tabindex;
 
@@ -71,7 +65,6 @@ export default class XepButtonComponent extends Component {
    * @argument [type]
    * @type {String}
    */
-  @argument(optional(oneOf('submit', 'reset', 'button')))
   @attribute
   type;
 
@@ -80,7 +73,6 @@ export default class XepButtonComponent extends Component {
    * @argument [name]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute
   name;
 
@@ -89,7 +81,6 @@ export default class XepButtonComponent extends Component {
    * @argument [value]
    * @type {*}
    */
-  @argument(optional('any'))
   @attribute
   value;
 
@@ -98,7 +89,6 @@ export default class XepButtonComponent extends Component {
    * @argument [disabled]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @attribute
   disabled;
 
@@ -107,7 +97,6 @@ export default class XepButtonComponent extends Component {
    * @argument [dense]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-button--dense')
   dense;
 
@@ -117,7 +106,6 @@ export default class XepButtonComponent extends Component {
    * @argument [active]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('xep-button--active')
   active;
 
@@ -126,7 +114,6 @@ export default class XepButtonComponent extends Component {
    * @argument [dialogActionName]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-mdc-dialog-action')
   dialogActionName;
 
@@ -135,7 +122,6 @@ export default class XepButtonComponent extends Component {
    * @argument [dialogActionName]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-dialog__button--default')
   dialogDefaultAction;
 
@@ -144,7 +130,6 @@ export default class XepButtonComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -152,7 +137,6 @@ export default class XepButtonComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 
   /**
@@ -160,7 +144,6 @@ export default class XepButtonComponent extends Component {
    * @argument variant
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(VARIANT_TYPES))))
   variant = 'standard';
 
   // Map of classNames for each variant type
@@ -186,7 +169,6 @@ export default class XepButtonComponent extends Component {
    * @argument color
    * @type {String}
    */
-  @argument('string')
   color = 'primary';
 
   /**

package/addon/components/xep-checkbox.js

@@ -3,11 +3,9 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-checkbox';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import { guidFor } from '@ember/object/internals';
 import { MDCCheckbox } from '@material/checkbox';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 import { addEventListener, runDisposables } from 'ember-lifeline';
 
 import updateDirtyProps from '@xdam/ember-partials/utils/update-dirty-props';
@@ -29,7 +27,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-checkbox')
   testSelector;
 
@@ -38,7 +35,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -46,7 +42,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [checkboxId]
    * @type {String}
    */
-  @argument('string')
   checkboxId = guidFor(Symbol('Input Id'));
 
   /**
@@ -54,7 +49,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [label]
    * @type {String}
    */
-  @argument(optional('string'))
   label;
 
   /**
@@ -62,7 +56,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [checked]
    * @type {String}
    */
-  @argument(optional('boolean'))
   checked;
 
   /**
@@ -70,7 +63,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [value]
    * @type {String}
    */
-  @argument(optional('string'))
   value;
 
   /**
@@ -78,7 +70,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [indeterminate]
    * @type {String}
    */
-  @argument(optional('boolean'))
   indeterminate;
 
   /**
@@ -86,7 +77,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [disabled]
    * @type {String}
    */
-  @argument(optional('boolean'))
   disabled;
 
   trackedProps = ['indeterminate', 'disabled', 'checked', 'value'];

package/addon/components/xep-chip-icon.js

@@ -3,8 +3,6 @@ import {
   classNames, layout, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip-icon';
-import { argument } from '@ember-decorators/argument';
-import { optional, Action } from '@ember-decorators/argument/types';
 
 /**
  * You can optionally add a leading icon (i.e. thumbnail) and/or a trailing “remove” icon to a chip.
@@ -23,7 +21,6 @@ export default class XepChipIconComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip-icon')
   testSelector;
 
@@ -32,6 +29,5 @@ export default class XepChipIconComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 }

package/addon/components/xep-chip-set.js

@@ -1,18 +1,13 @@
-import {
-  oneOf, optional,
-} from '@ember-decorators/argument/types';
 import Component from '@ember/component';
 import {
   classNames, layout, className, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip-set';
-import { alias } from '@ember-decorators/object/computed';
-import { argument } from '@ember-decorators/argument';
-import { inject as service } from '@ember-decorators/service';
-import { computed } from '@ember-decorators/object';
+import { alias } from '@ember/object/computed';
+import { inject as service } from '@ember/service';
 import { MDCChipSet } from '@material/chips';
 import { addEventListener, runDisposables } from 'ember-lifeline';
-import EmberObject from '@ember/object';
+import EmberObject, { computed } from '@ember/object';
 
 const VARIANT_TYPES = {
   standard: '',
@@ -53,7 +48,6 @@ export default class XepChipSetComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip-set')
   testSelector;
 
@@ -62,7 +56,6 @@ export default class XepChipSetComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -70,7 +63,6 @@ export default class XepChipSetComponent extends Component {
    * @argument variant
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(VARIANT_TYPES))))
   variant = 'standard';
 
   // Map of classNames for each variant type

package/addon/components/xep-chip-text.js

@@ -1,8 +1,6 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip-text';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @layout(template)
 @classNames('xep-chip-text', 'mdc-chip__text')
@@ -12,7 +10,6 @@ export default class XepChipTextComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip-text')
   testSelector;
 }

package/addon/components/xep-chip.js

@@ -3,8 +3,6 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import { addEventListener, runDisposables } from 'ember-lifeline';
 
 /**
@@ -24,7 +22,6 @@ export default class XepChipComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip')
   testSelector;
 
@@ -33,7 +30,6 @@ export default class XepChipComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument(optional('number'))
   @attribute
   tabindex = 0;
 
@@ -42,7 +38,6 @@ export default class XepChipComponent extends Component {
    * @argument [elementId]
    * @type {String}
    */
-  @argument(optional('string'))
   elementId;
 
   /**
@@ -50,7 +45,6 @@ export default class XepChipComponent extends Component {
    * @argument [selected]
    * @type {Boolean}
    */
-  @argument('boolean')
   @className('mdc-chip--selected')
   selected = false;
 
@@ -60,7 +54,6 @@ export default class XepChipComponent extends Component {
    * @argument variant
    * @type {String}
    */
-  @argument('string')
   variant;
 
   didInsertElement() {

package/addon/components/xep-dialog-actions.js

@@ -3,8 +3,6 @@ import {
   classNames, layout, tagName, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-dialog-actions';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @tagName('footer')
 @layout(template)
@@ -15,7 +13,6 @@ export default class XepDialogActionsComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog-actions')
   testSelector;
 }

package/addon/components/xep-dialog-content.js

@@ -1,8 +1,6 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-dialog-content';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @layout(template)
 @classNames('xep-dialog-content', 'mdc-dialog__content')
@@ -12,7 +10,6 @@ export default class XepDialogContentComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog-content')
   testSelector;
 }

package/addon/components/xep-dialog-title.js

@@ -1,8 +1,6 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-dialog-title';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @layout(template)
 @classNames('xep-dialog-title', 'mdc-dialog__title')
@@ -12,7 +10,6 @@ export default class XepDialogTitleComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog-title')
   testSelector;
 }