update dependencies and blocking deprecations

.eslintignore

@@ -13,6 +13,8 @@
 # misc
 /coverage/
 !.*
+.*/
+.eslintcache
 
 # ember-try
 /.node_modules.ember-try/

.eslintrc.js

@@ -1,16 +1,16 @@
+'use strict';
+
 module.exports = {
   root: true,
   parser: 'babel-eslint',
   parserOptions: {
     ecmaVersion: 2018,
     sourceType: 'module',
     ecmaFeatures: {
-      legacyDecorators: true
-    }
+      legacyDecorators: true,
+    },
   },
-  plugins: [
-    'ember'
-  ],
+  plugins: ['ember'],
   extends: [
     'eslint:recommended',
     'plugin:ember/recommended'
@@ -20,21 +20,22 @@ module.exports = {
   },
   rules: {
     'ember/no-jquery': 'error',
-    'ember/no-new-mixins': 'off'
+    'ember/no-new-mixins': 'off',
+    'ember/no-classic-classes': 'off'
   },
   overrides: [
     // node files
     {
       files: [
-        '.eslintrc.js',
-        '.template-lintrc.js',
-        'ember-cli-build.js',
-        'index.js',
-        'testem.js',
-        'blueprints/*/index.js',
-        'config/**/*.js',
-        'tests/dummy/config/**/*.js',
-        'lib/**/*.js'
+        './.eslintrc.js',
+        './.prettierrc.js',
+        './.template-lintrc.js',
+        './ember-cli-build.js',
+        './index.js',
+        './testem.js',
+        './blueprints/*/index.js',
+        './config/**/*.js',
+        './tests/dummy/config/**/*.js',
       ],
       excludedFiles: [
         'addon/**',
@@ -43,16 +44,19 @@ module.exports = {
         'tests/dummy/app/**'
       ],
       parserOptions: {
-        sourceType: 'script'
+        sourceType: 'script',
       },
       env: {
         browser: false,
-        node: true
+        node: true,
       },
       plugins: ['node'],
-      rules: Object.assign({}, require('eslint-plugin-node').configs.recommended.rules, {
-        // add your custom rules and overrides for node files here
-      })
-    }
-  ]
+      extends: ['plugin:node/recommended'],
+    },
+    {
+      // Test files:
+      files: ['tests/**/*-test.{js,ts}'],
+      extends: ['plugin:qunit/recommended'],
+    },
+  ],
 };

.gitignore

@@ -12,6 +12,7 @@
 /.env*
 /.pnp*
 /.sass-cache
+/.eslintcache
 /connect.lock
 /coverage/
 /libpeerconnection.log

.npmignore

@@ -10,10 +10,13 @@
 /.editorconfig
 /.ember-cli
 /.env*
+/.eslintcache
 /.eslintignore
 /.eslintrc.js
 /.git/
 /.gitignore
+/.prettierignore
+/.prettierrc.js
 /.template-lintrc.js
 /.travis.yml
 /.watchmanconfig
@@ -23,6 +26,7 @@
 /ember-cli-build.js
 /testem.js
 /tests/
+/yarn-error.log
 /yarn.lock
 .gitkeep
 

.prettierignore

@@ -0,0 +1,21 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+.eslintcache
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try

.prettierrc.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  singleQuote: true,
+};

.travis.yml

@@ -3,9 +3,9 @@ language: node_js
 node_js:
   # we recommend testing addons with the same minimum supported node version as Ember CLI
   # so that your addon works for all apps
-  - "10"
+  - "12"
 
-dist: trusty
+dist: xenial
 
 addons:
   chrome: stable
@@ -35,26 +35,27 @@ jobs:
     - stage: "Tests"
       name: "Tests"
       script:
-        - npm run lint:hbs
-        - npm run lint:js
-        - npm test
+        - npm run lint
+        - npm run test:ember
 
     - stage: "Additional Tests"
       name: "Floating Dependencies"
       install:
         - npm install --no-package-lock
       script:
-        - npm test
+        - npm run test:ember
 
     # we recommend new addons test the current and previous LTS
     # as well as latest stable release (bonus points to beta/canary)
-    - env: EMBER_TRY_SCENARIO=ember-lts-3.12
-    - env: EMBER_TRY_SCENARIO=ember-lts-3.16
+    - env: EMBER_TRY_SCENARIO=ember-lts-3.20
+    - env: EMBER_TRY_SCENARIO=ember-lts-3.24
     - env: EMBER_TRY_SCENARIO=ember-release
     - env: EMBER_TRY_SCENARIO=ember-beta
     - env: EMBER_TRY_SCENARIO=ember-canary
     - env: EMBER_TRY_SCENARIO=ember-default-with-jquery
     - env: EMBER_TRY_SCENARIO=ember-classic
+    - env: EMBER_TRY_SCENARIO=embroider-safe
+    - env: EMBER_TRY_SCENARIO=embroider-optimized
 
 script:
   - node_modules/.bin/ember try:one $EMBER_TRY_SCENARIO

CONTRIBUTING.md

@@ -8,9 +8,8 @@
 
 ## Linting
 
-* `npm run lint:hbs`
-* `npm run lint:js`
-* `npm run lint:js -- --fix`
+* `npm run lint`
+* `npm run lint:fix`
 
 ## Running tests
 
@@ -23,4 +22,4 @@
 * `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/).
+For more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).

LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2020
+Copyright (c) 2021
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

addon/components/paper-autocomplete/options/index.js

@@ -0,0 +1,3 @@
+import PowerSelectOptions from 'ember-power-select/components/power-select/options';
+
+export default class PaperAutocompleteOptions extends PowerSelectOptions {}

addon/components/paper-autocomplete/reset-button/component.js

@@ -1,34 +1,13 @@
 import Component from '@ember/component';
-import TransitionMixin from 'ember-css-transitions/mixins/transition-mixin';
 
-import { tagName, attribute } from '@ember-decorators/component';
+import template from './template';
+import { tagName, layout } from '@ember-decorators/component';
 
-@tagName('button')
-class PaperAutocompleteResetButton extends Component.extend(TransitionMixin) {
+@tagName('')
+@layout(template)
+export default class PaperAutocompleteResetButton extends Component {
 
-  @attribute
-  type = 'button';
-
-  @attribute
-  tabindex = '-1';
-
-  transitionClass = 'ng';
-  onReset = null;
-
-  click(e) {
-    let onReset = this.get('onReset');
-    if (onReset === null) {
-      return;
-    }
-    onReset(e);
-  }
-
-  didTransitionOut() {
-    super.didTransitionOut(...arguments);
-    if (this.onDidTransitionOut) {
-      this.onDidTransitionOut();
-    }
+  handleClick(onReset, e) {
+    if (onReset) { onReset(e) }
   }
 }
-
-export default PaperAutocompleteResetButton;

addon/components/paper-autocomplete/reset-button/template.hbs

@@ -0,0 +1,8 @@
+<button
+  {{on 'click' (fn this.handleClick @onReset)}}
+  {{css-transition 'ng' didTransitionOut=@onDidTransitionOut}}
+  type="button"
+  tabindex="-1"
+  ...attributes>
+  {{yield}}
+</button>

addon/components/paper-autocomplete/template.hbs

@@ -21,10 +21,10 @@
 
   @calculatePosition={{this.calculatePosition}}
   @extra={{hash label=@label labelPath=@labelPath required=@required passThru=@passThru inputClass=@inputClass}}
-  @_ebdTriggerComponent={{component "paper-autocomplete/ebd-trigger" label=@label disabled=@disabled}}
+  @ebdTriggerComponent={{component "paper-autocomplete/ebd-trigger" label=@label disabled=@disabled}}
   @triggerComponent={{component "paper-autocomplete/eps-trigger" isTouched=this.isTouched hideAllMessages=@hideAllMessages validationErrorMessages=@validationErrorMessages errors=@errors}}
 
-  @_ebdContentComponent={{component "paper-autocomplete/ebd-content" select=this.publicAPI}}
+  @ebdContentComponent={{component "paper-autocomplete/ebd-content" select=this.publicAPI}}
   @optionsComponent="paper-autocomplete/options"
   @noMatchesMessageComponent={{component "paper-autocomplete/no-matches-message" onCreate=this._onCreate}}
   @onClose={{this.close}}

addon/components/paper-backdrop.js

@@ -1,52 +1,25 @@
 /**
  * @module ember-paper
  */
-import { bool } from '@ember/object/computed';
-
 import Component from '@ember/component';
-import { computed } from '@ember/object';
-import { htmlSafe } from '@ember/string';
-import TransitionMixin from 'ember-css-transitions/mixins/transition-mixin';
-import { invokeAction } from 'ember-invoke-action';
+import layout from '../templates/components/paper-backdrop';
 /**
  * @class PaperBackdrop
  * @extends Ember.Component
  * @uses TransitionMixin
  */
-export default Component.extend(TransitionMixin, {
-
-  tagName: 'md-backdrop',
-  classNames: ['md-default-theme'],
-  classNameBindings: ['opaque:md-opaque', 'isLockedOpen:md-locked-open'],
-  attributeBindings: ['backdropStyle:style'],
-
-  // TransitionMixin:
-  transitionName: 'ng',
-  shouldTransition: bool('opaque'),
+export default Component.extend({
+  layout,
+  tagName: '',
 
-  backdropStyle: computed('fixed', function() {
-    return this.get('fixed') ? htmlSafe('position:fixed;') : null;
-  }),
+  // addDestroyedElementClone(original, clone) {
+  //   if (original.parentNode) {
+  //     original.parentNode.appendChild(clone);
+  //   }
+  // },
 
-  addDestroyedElementClone(original, clone) {
-    if (original.parentNode) {
-      original.parentNode.appendChild(clone);
-    }
-  },
-
-  sendClickAction(e) {
+  sendClickAction(onClick, e) {
     e.preventDefault();
-    invokeAction(this, 'onClick', e);
-  },
-
-  click(e) {
-    this.sendClickAction(e);
-  },
-
-  // needed for iOS
-  // iOS doesn't trigger a click event on normal divs
-  // unless we use `cursor: pointer` css
-  touchEnd(e) {
-    this.sendClickAction(e);
+    if (onClick) { onClick(e); }
   }
 });

addon/components/paper-button.js

@@ -8,7 +8,7 @@ import layout from '../templates/components/paper-button';
 import FocusableMixin from 'ember-paper/mixins/focusable-mixin';
 import ColorMixin from 'ember-paper/mixins/color-mixin';
 import ProxiableMixin from 'ember-paper/mixins/proxiable-mixin';
-import { invokeAction } from 'ember-invoke-action';
+import { invokeAction } from 'ember-paper/utils/invoke-action';
 
 /**
  * @class PaperButton
@@ -45,7 +45,7 @@ export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
 
   init() {
     this._super(...arguments);
-    if (this.get('href')) {
+    if (this.href) {
       this.setProperties({
         tagName: 'a',
         type: null
@@ -56,6 +56,6 @@ export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
   click(e) {
     invokeAction(this, 'onClick', e);
     // Prevent bubbling, if specified. If undefined, the event will bubble.
-    return this.get('bubbles');
+    return this.bubbles;
   }
 });