Merge pull request #35 from fleetbase/dev-v0.2.7

v0.2.7

.ember-cli

@@ -1,15 +1,7 @@
 {
   /**
-    Ember CLI sends analytics information by default. The data is completely
-    anonymous, but there are times when you might want to disable this behavior.
-
-    Setting `disableAnalytics` to true will prevent any data from being sent.
-  */
-  "disableAnalytics": false,
-
-  /**
-  Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
-  rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
+    Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
+    rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
   */
   "isTypeScriptProject": false
 }

.eslintignore

@@ -1,25 +1,13 @@
 # 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
-/npm-shrinkwrap.json.ember-try
-/package.json.ember-try
-/package-lock.json.ember-try
-/yarn.lock.ember-try

.eslintrc.js

@@ -2,30 +2,31 @@
 
 module.exports = {
     root: true,
-    parser: 'babel-eslint',
+    parser: '@babel/eslint-parser',
     parserOptions: {
-        ecmaVersion: 2018,
+        ecmaVersion: 'latest',
         sourceType: 'module',
-        ecmaFeatures: {
-            legacyDecorators: true,
+        requireConfigFile: false,
+        babelOptions: {
+            plugins: [['@babel/plugin-proposal-decorators', { decoratorsBeforeExport: true }]],
         },
     },
     plugins: ['ember'],
     extends: ['eslint:recommended', 'plugin:ember/recommended', 'plugin:prettier/recommended'],
     env: {
         browser: true,
-        node: true,
     },
     globals: {
         module: 'readonly',
+        require: 'readonly',
         socketClusterClient: 'readonly',
     },
     rules: {
         'ember/no-array-prototype-extensions': 'off',
         'ember/no-computed-properties-in-native-classes': 'off',
         'ember/no-classic-classes': 'off',
         'ember/no-empty-glimmer-component-classes': 'off',
-        'node/no-unpublished-require': [
+        'n/no-unpublished-require': [
             'error',
             {
                 allowModules: [
@@ -48,6 +49,7 @@ module.exports = {
             files: [
                 './.eslintrc.js',
                 './.prettierrc.js',
+                './.stylelintrc.js',
                 './.template-lintrc.js',
                 './ember-cli-build.js',
                 './index.js',
@@ -63,13 +65,7 @@ module.exports = {
                 browser: false,
                 node: true,
             },
-            plugins: ['node'],
-            extends: ['plugin:node/recommended'],
-        },
-        {
-            // test files
-            files: ['tests/**/*-test.{js,ts}'],
-            extends: ['plugin:qunit/recommended'],
+            extends: ['plugin:n/recommended'],
         },
     ],
 };

.github/workflows/ci.yml

@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]  # Build on Node.js 16
+        node-version: [18.x]  # Build on Node.js 18
 
     steps:
     - uses: actions/checkout@v2
@@ -44,10 +44,10 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup Node.js 16.x
+    - name: Setup Node.js 18.x
       uses: actions/setup-node@v2
       with:
-        node-version: 16.x
+        node-version: 18.x
 
     - name: Setup pnpm
       uses: pnpm/[email protected]
@@ -70,10 +70,10 @@ jobs:
     steps:
     - uses: actions/checkout@v2
 
-    - name: Setup Node.js 16.x
+    - name: Setup Node.js 18.x
       uses: actions/setup-node@v2
       with:
-        node-version: 16.x
+        node-version: 18.x
 
     - name: Setup pnpm
       uses: pnpm/[email protected]
@@ -99,10 +99,10 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - name: Setup Node.js 16.x
+      - name: Setup Node.js 18.x
         uses: actions/setup-node@v2
         with:
-          node-version: 16.x
+          node-version: 18.x
 
       - name: Setup pnpm
         uses: pnpm/[email protected]

.gitignore

@@ -1,28 +1,21 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
 # compiled output
 /dist/
-/tmp/
+/declarations/
 
 # dependencies
-/bower_components/
 /node_modules/
 
 # misc
 /.env*
 /.pnp*
-/.sass-cache
 /.eslintcache
-/connect.lock
 /coverage/
-/libpeerconnection.log
 /npm-debug.log*
 /testem.log
 /yarn-error.log
 
 # ember-try
 /.node_modules.ember-try/
-/bower.json.ember-try
 /npm-shrinkwrap.json.ember-try
 /package.json.ember-try
 /package-lock.json.ember-try

.npmignore

@@ -2,11 +2,7 @@
 /dist/
 /tmp/
 
-# dependencies
-/bower_components/
-
 # misc
-/.bowerrc
 /.editorconfig
 /.ember-cli
 /.env*
@@ -18,11 +14,11 @@
 /.gitignore
 /.prettierignore
 /.prettierrc.js
+/.stylelintignore
+/.stylelintrc.js
 /.template-lintrc.js
 /.travis.yml
 /.watchmanconfig
-/bower.json
-/config/ember-try.js
 /CONTRIBUTING.md
 /ember-cli-build.js
 /testem.js
@@ -33,7 +29,6 @@
 
 # ember-try
 /.node_modules.ember-try/
-/bower.json.ember-try
 /npm-shrinkwrap.json.ember-try
 /package.json.ember-try
 /package-lock.json.ember-try

.prettierignore

@@ -1,25 +1,13 @@
 # unconventional js
 /blueprints/*/files/
-/vendor/
 
 # compiled output
 /dist/
-/tmp/
-
-# dependencies
-/bower_components/
-/node_modules/
 
 # misc
 /coverage/
 !.*
-.eslintcache
-.lint-todo/
+.*/
 
 # ember-try
 /.node_modules.ember-try/
-/bower.json.ember-try
-/npm-shrinkwrap.json.ember-try
-/package.json.ember-try
-/package-lock.json.ember-try
-/yarn.lock.ember-try

.prettierrc.js

@@ -8,7 +8,7 @@ module.exports = {
     printWidth: 190,
     overrides: [
         {
-            files: '*.hbs',
+            files: '*.{hbs,js,ts}',
             options: {
                 singleQuote: false,
             },

.stylelintignore

@@ -0,0 +1,8 @@
+# unconventional files
+/blueprints/*/files/
+
+# compiled output
+/dist/
+
+# addons
+/.node_modules.ember-try/

.stylelintrc.js

@@ -0,0 +1,39 @@
+'use strict';
+
+module.exports = {
+    extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
+    rules: {
+        'property-no-unknown': null,
+        'selector-class-pattern': null,
+        'length-zero-no-unit': null,
+        'selector-pseudo-element-colon-notation': null,
+        'selector-id-pattern': null,
+        'no-duplicate-selectors': null,
+        'alpha-value-notation': null,
+        'font-family-no-missing-generic-family-keyword': null,
+        'color-function-notation': null,
+        'declaration-block-no-redundant-longhand-properties': null,
+        'declaration-block-no-shorthand-property-overrides': null,
+        'declaration-block-no-duplicate-properties': null,
+        'declaration-empty-line-before': null,
+        'at-rule-empty-line-before': null,
+        'at-rule-no-unknown': null,
+        'media-feature-range-notation': null,
+        'no-descending-specificity': null,
+        'rule-empty-line-before': null,
+        'property-no-vendor-prefix': null,
+        'custom-property-empty-line-before': null,
+        'comment-empty-line-before': null,
+        'number-max-precision': null,
+        'keyframes-name-pattern': null,
+        'prettier/prettier': null,
+        'function-url-quotes': null,
+        'function-no-unknown': null,
+        'value-keyword-case': null,
+        'block-no-empty': null,
+        'color-hex-length': null,
+        'value-no-vendor-prefix': null,
+        'shorthand-property-no-redundant-values': null,
+        'import-notation': null,
+    },
+};

.template-lintrc.js

@@ -5,9 +5,11 @@ module.exports = {
     rules: {
         'no-invalid-interactive': 'off',
         'no-yield-only': 'off',
-        'no-down-event-binding': 'off',
+        'no-pointer-down-event-binding': 'off',
         'table-groups': 'off',
         'link-href-attributes': 'off',
-        'simple-unless': 'off',
+        'require-input-label': 'off',
+        'no-array-prototype-extensions': 'off',
+        'no-unsupported-role-attributes': 'off',
     },
 };

.watchmanconfig

@@ -1,3 +1,3 @@
 {
-  "ignore_dirs": ["tmp", "dist"]
+  "ignore_dirs": ["dist"]
 }

README.md

@@ -1,12 +1,12 @@
-# 🛠️ Fleetbase Components
+# 🛠️ Fleetbase Ember UI
 
 This library contains a collection of reusable UI components that you can use in your application and extensions to create a consistent and cohesive user interface.
 
 ## Installation
 
-To install the Fleetbase Components library, simply run the following command:
+To install the Fleetbase Ember UI library, simply run the following command:
 
-<code>git clone [email protected]:fleetbase/ember-ui</code>
+<code>npm install @fleetbase/ember-ui</code>
 
 ## Usage
 

addon/components/fetch-select.js

@@ -4,7 +4,6 @@ import { inject as service } from '@ember/service';
 import { isEmpty } from '@ember/utils';
 import { action, set } from '@ember/object';
 import { isArray } from '@ember/array';
-import { assign } from '@ember/polyfills';
 import { assert } from '@ember/debug';
 import { timeout } from 'ember-concurrency';
 import { restartableTask } from 'ember-concurrency-decorators';
@@ -93,7 +92,7 @@ export default class FetchSelectComponent extends Component {
      */
     @restartableTask({ withTestWaiter: true }) fetchOptions = function* (term, options = {}) {
         // query might be an EmptyObject/{{hash}}, make it a normal Object
-        const query = assign({}, this.args.query);
+        const query = Object.assign({}, this.args.query);
 
         if (term) {
             set(query, 'query', term);

addon/components/file-icon.hbs

@@ -0,0 +1,9 @@
+<div class="file-icon file-icon-{{this.extension}}">
+    <FaIcon @icon={{this.icon}} class={{@iconClass}} @size={{@iconSize}} />
+    <span class="file-extension truncate">
+        {{this.extension}}
+    </span>
+    <div>
+        {{yield}}
+    </div>
+</div>