Merge branch 'develop' into refactor-translations

2020-09-26 10:26:17 -04:00
commit ddf58bd57b
@@ -1,5 +1,5 @@
 import Component from '@ember/component';
-import layout from '../../templates/components/rose/anonymous';
+import layout from './index';

 /**
 * An otherwise empty component that renders a block.  Used only by components
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/badge';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,15 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/button';
-
-/**
- * A simple HTML `<button>` element.
- *
- * @example
- *  <Rose::Button @submit={{true}} @style="primary">Save</Rose::Button>
- *  <Rose::Button @disabled={{true}} @style="secondary">Disabled</Rose::Button>
- */
-export default Component.extend({
-  layout,
-
-  tagName: '',
-});
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/dropdown/button';
-
-/**
- * A dropdown button component based on simplified rose/button
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,16 +1,17 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/dropdown';
-import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { computed, action } from '@ember/object';
+
+export default class RoseDropdownComponent extends Component {

-/**
- * A dropdown component composed of HTML disclosure elements: details and summary
- */
-export default Component.extend({
  // =attributes

-  layout,
-  tagName: '',
-  showCaret: true,
+  /**
+   * @type {boolean}
+   */
+  @computed('args.showCaret')
+  get showCaret() {
+    return this.args.showCaret ?? true;
+  }

  // =actions

@@ -26,5 +27,5 @@ export default Component.extend({
  close(element) {
    if (element.open) element.open = false;
    if (element.parentElement.open) element.parentElement.open = false;
-  },
-});
+  }
+}
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/dropdown/link';
-
-/**
- * A dropdown link wrapper for LinkTo component.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/checkbox';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A simple HTML `<input type="checkbox">` element.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseFormCheckboxComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/errors';
-
-/**
- * A container for error messages.  Yields the error message component.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/errors/message';
-
-/**
- * A simple, styled error message.  Do not use directly.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/helper-text';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/input';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A simple HTML `<input>` element.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseFormInputComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/input/input';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/label';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/radio/group';
-
-/**
- * A `<input type="radio" name="radio-group">` element.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,13 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/radio/radio';
-import ComponentAutoId from '../../../../mixins/component-auto-id';
-
-/**
- * A `<input type="radio">` element.
- * `value` and `selectedValue` must be equal to select
- *  radiofield.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../../utilities/component-auto-id';
+
+export default class RoseFormRadioRadioComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}
@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/select';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A `<select>` element context component which yields option components.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseFormSelectComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}
@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/select/select';
-
-/**
- * This component is used internally by rose/form/select and should not be
- * instantiated directly.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,12 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/textarea';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A `<textarea>` element essentially identical to `Rose::Form::Input` except
- * for the field element.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseFormTextareaComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/form/textarea/textarea';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/header';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/header/brand';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/header/nav';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/header/utilities';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,8 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/icon';
-
-export default Component.extend({
-  layout,
-
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/layout/centered';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/layout/global';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/layout/page';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/layout/sidebar';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,5 +1,5 @@
 import LinkComponent from '@ember/routing/link-component';
-import layout from '../../templates/components/rose/link-button';
+import layout from './index';
 import { computed } from '@ember/object';

 /**
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/list/key-value';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,8 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../../templates/components/rose/list/key-value/item';
-import ComponentAutoId from '../../../../mixins/component-auto-id';
-
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../../utilities/component-auto-id';
+
+export default class RoseListKeyValueItemComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}
@@ -1,7 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/message';
-
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class RoseMessageComponent extends Component {}
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/nav/breadcrumbs';
-
-/**
- * A navigation component with links.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
@@ -1,11 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/nav/sidebar';
-import ComponentAutoId from '../../../mixins/component-auto-id';
-
-/**
- * A simple navigation component intended for the sidebar layout region.
- */
-export default Component.extend(ComponentAutoId, {
-  layout,
-  tagName: '',
-});
@@ -0,0 +1,10 @@
+import Component from '@glimmer/component';
+import { generateComponentID } from '../../../../utilities/component-auto-id';
+
+export default class RoseNavSidebarComponent extends Component {
+
+  // =attributes
+
+  id = generateComponentID();
+
+}