run tagless-ember-components-codemod

This is the result of running the tagless-ember-components-codemod
against Ember Bootstrap.

The following open pull request have been merged in before:

- Support native classes: ember-codemods/tagless-ember-components-codemod#44
- Support component with event handlers: ember-codemods/tagless-ember-components-codemod#52
- Support aria role for native classes: ember-codemods/tagless-ember-components-codemod#56

Steps:
  mv addon/templates/components/common addon/templates/components/base
  npx jelhan/tagless-ember-components-codemod#merged-native-class-support
  mv addon/templates/components/base addon/templates/components/common

Author: jelhan

addon/components/base/bs-accordion.js

@@ -1,5 +1,5 @@
 import { action } from '@ember/object';
-import { layout as templateLayout } from '@ember-decorators/component';
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-accordion';
 import listenTo from 'ember-bootstrap/utils/cp/listen-to';
@@ -36,7 +36,7 @@ import defaultValue from 'ember-bootstrap/utils/default-decorator';
   @extends Ember.Component
   @public
 */
-@templateLayout(layout)
+@tagName("")
 export default class Accordion extends Component {
   @defaultValue
   ariaRole = 'tablist';

addon/components/base/bs-form/element/help-text.js

@@ -1,4 +1,4 @@
-import { layout as templateLayout } from '@ember-decorators/component';
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-form/element/help-text';
 
@@ -9,5 +9,5 @@ import layout from 'ember-bootstrap/templates/components/bs-form/element/help-te
  @extends Ember.Component
  @private
  */
-@templateLayout(layout)
+@tagName("")
 export default class FormElementHelpText extends Component {}

addon/components/base/bs-form/group.js

@@ -1,4 +1,4 @@
-import { layout as templateLayout } from '@ember-decorators/component';
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import { notEmpty } from '@ember/object/computed';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-form/group';
@@ -25,7 +25,7 @@ import layout from 'ember-bootstrap/templates/components/bs-form/group';
   @extends Ember.Component
   @public
 */
-@templateLayout(layout)
+@tagName("")
 export default class FormGroup extends Component {
   /**
    * @property classTypePrefix

addon/components/base/bs-modal/body.js

@@ -1,4 +1,4 @@
-import { classNames, layout as templateLayout } from '@ember-decorators/component';
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-modal/body';
 
@@ -11,6 +11,5 @@ import layout from 'ember-bootstrap/templates/components/bs-modal/body';
  @extends Ember.Component
  @public
  */
-@templateLayout(layout)
-@classNames('modal-body')
+@tagName("")
 export default class ModalBody extends Component {}

addon/components/base/bs-modal/footer.js

@@ -1,4 +1,5 @@
-import { classNames, layout as templateLayout, tagName } from '@ember-decorators/component';
+import { action } from "@ember/object";
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import { notEmpty } from '@ember/object/computed';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-modal/footer';
@@ -13,9 +14,7 @@ import defaultValue from 'ember-bootstrap/utils/default-decorator';
  @extends Ember.Component
  @public
  */
-@templateLayout(layout)
-@tagName('form')
-@classNames('modal-footer')
+@tagName("")
 export default class ModalFooter extends Component {
   /**
    * The title of the default close button. Will be ignored (i.e. no close button) if you provide your own block
@@ -84,7 +83,8 @@ export default class ModalFooter extends Component {
    * @public
    */
 
-  submit(e) {
+  @action
+  handleSubmit(e) {
     e.preventDefault();
     // send to parent bs-modal component
     this.get('onSubmit')();

addon/components/base/bs-modal/header/close.js

@@ -1,4 +1,5 @@
-import { attributeBindings, classNames, layout as templateLayout, tagName } from '@ember-decorators/component';
+import { action } from "@ember/object";
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-modal/header/close';
 import defaultValue from 'ember-bootstrap/utils/default-decorator';
@@ -10,10 +11,7 @@ import defaultValue from 'ember-bootstrap/utils/default-decorator';
  @extends Ember.Component
  @private
  */
-@templateLayout(layout)
-@tagName('button')
-@classNames('close')
-@attributeBindings('type', 'aria-label')
+@tagName("")
 export default class ModalHeaderClose extends Component {
   'aria-label' = 'Close';
 
@@ -27,7 +25,8 @@ export default class ModalHeaderClose extends Component {
   onClick() {
   }
 
-  click() {
+  @action
+  handleClick() {
     this.get('onClick')();
   }
 }

addon/components/base/bs-modal/header/title.js

@@ -1,4 +1,4 @@
-import { classNames, layout as templateLayout, tagName } from '@ember-decorators/component';
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-modal/header/title';
 
@@ -9,7 +9,5 @@ import layout from 'ember-bootstrap/templates/components/bs-modal/header/title';
  @extends Ember.Component
  @private
  */
-@templateLayout(layout)
-@tagName('h4')
-@classNames('modal-title')
+@tagName("")
 export default class ModalHeaderTitle extends Component {}

addon/components/base/bs-progress.js

@@ -1,4 +1,4 @@
-import { classNames, layout as templateLayout } from '@ember-decorators/component';
+import { layout as templateLayout, tagName } from '@ember-decorators/component';
 import Component from '@ember/component';
 import layout from 'ember-bootstrap/templates/components/bs-progress';
 import defaultValue from 'ember-bootstrap/utils/default-decorator';
@@ -36,8 +36,7 @@ import defaultValue from 'ember-bootstrap/utils/default-decorator';
   @extends Ember.Component
   @public
 */
-@templateLayout(layout)
-@classNames('progress')
+@tagName("")
 export default class Progress extends Component {
   /**
    * @property progressBarComponent

addon/templates/components/common/bs-accordion.hbs

@@ -1,6 +1,8 @@
-{{yield
-  (hash
-    item=(component this.itemComponent selected=this.isSelected onClick=this.doChange)
-    change=this.doChange
-  )
-}}
+<div ...attributes>
+  {{yield
+    (hash
+      item=(component this.itemComponent selected=this.isSelected onClick=this.doChange)
+      change=this.doChange
+    )
+  }}
+</div>

addon/templates/components/common/bs-form/element/help-text.hbs

@@ -1 +1,3 @@
-{{@text}}
+<div ...attributes>
+  {{@text}}
+</div>