upgrade storybook and babel deps (#9371)

Noelle Daley · andaley · commit bdeb7cc093e7 · 2020-07-17T13:31:31.000-07:00
diff --git a/ui/.storybook/babel.config.js b/ui/.storybook/babel.config.js
@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 module.exports = {
   presets: [
     [
diff --git a/ui/blueprints/story/files/__path__/stories/__name__.stories.js b/ui/blueprints/story/files/__path__/stories/__name__.stories.js
@@ -3,7 +3,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 <%= importMD %>
 
-storiesOf('<%= classifiedModuleName %>/', module)
+storiesOf('<%= classifiedModuleName %>', module)
   .addParameters({ options: { showPanel: true } })
   .add(`<%= classifiedModuleName %>`, () => ({
     template: hbs`
diff --git a/ui/lib/core/stories/alert-banner.stories.js b/ui/lib/core/stories/alert-banner.stories.js
@@ -4,7 +4,7 @@ import notes from './alert-banner.md';
 import { withKnobs, object } from '@storybook/addon-knobs';
 import { MESSAGE_TYPES } from '../addon/helpers/message-types.js';
 
-storiesOf('Alerts/AlertBanner/', module)
+storiesOf('Alerts/AlertBanner', module)
   .addParameters({ options: { showPanel: false } })
   .addDecorator(
     withKnobs({
diff --git a/ui/lib/core/stories/alert-inline.stories.js b/ui/lib/core/stories/alert-inline.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import notes from './alert-inline.md';
 import { MESSAGE_TYPES } from '../addon/helpers/message-types.js';
 
-storiesOf('Alerts/AlertInline/', module)
+storiesOf('Alerts/AlertInline', module)
   .addParameters({ options: { showPanel: false } })
   .add(
     'AlertInline',
diff --git a/ui/lib/core/stories/chevron.stories.js b/ui/lib/core/stories/chevron.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, select } from '@storybook/addon-knobs';
 import notes from './chevron.md';
 
-storiesOf('Chevron/', module)
+storiesOf('Chevron', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/confirm-action.stories.js b/ui/lib/core/stories/confirm-action.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, text, boolean } from '@storybook/addon-knobs';
 import notes from './confirm-action.md';
 
-storiesOf('ConfirmAction/', module)
+storiesOf('Confirm/ConfirmAction', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(
     withKnobs({
diff --git a/ui/lib/core/stories/doc-link.stories.js b/ui/lib/core/stories/doc-link.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './doc-link.md';
 
-storiesOf('DocLink/', module)
+storiesOf('DocLink', module)
   .addParameters({ options: { showPanel: true } })
   .add(
     `DocLink`,
diff --git a/ui/lib/core/stories/empty-state.stories.js b/ui/lib/core/stories/empty-state.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, text } from '@storybook/addon-knobs';
 import notes from './empty-state.md';
 
-storiesOf('EmptyState/', module)
+storiesOf('EmptyState', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs({ escapeHTML: false }))
   .add(
diff --git a/ui/lib/core/stories/form-field-groups.stories.js b/ui/lib/core/stories/form-field-groups.stories.js
@@ -24,7 +24,7 @@ const MODELS = {
 
 const DEFAULT_VALUE = 'aws/client';
 
-storiesOf('Form/FormFieldGroups/', module)
+storiesOf('Forms/FormFieldGroups', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/form-field.stories.js b/ui/lib/core/stories/form-field.stories.js
@@ -11,7 +11,7 @@ const createAttr = (name, type, options) => {
   };
 };
 
-storiesOf('Form/FormField/', module)
+storiesOf('Forms/FormField', module)
   .add(
     `FormField|string`,
     () => ({
diff --git a/ui/lib/core/stories/form-save-buttons.stories.js b/ui/lib/core/stories/form-save-buttons.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, text, boolean } from '@storybook/addon-knobs';
 import notes from './form-save-buttons.md';
 
-storiesOf('FormSaveButtons/', module)
+storiesOf('Forms/FormSaveButtons', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(
     withKnobs({
diff --git a/ui/lib/core/stories/icon.stories.js b/ui/lib/core/stories/icon.stories.js
@@ -4,7 +4,7 @@ import notes from './icon.md';
 import icons from '../../../node_modules/@hashicorp/structure-icons/dist/index.js';
 import { withKnobs, select } from '@storybook/addon-knobs';
 
-storiesOf('Icon/', module)
+storiesOf('Icon', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/info-table-row.stories.js b/ui/lib/core/stories/info-table-row.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, boolean, text } from '@storybook/addon-knobs';
 import notes from './info-table-row.md';
 
-storiesOf('InfoTableRow/', module)
+storiesOf('InfoTable/InfoTableRow', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs({ escapeHTML: false }))
   .add(
diff --git a/ui/lib/core/stories/info-table.stories.js b/ui/lib/core/stories/info-table.stories.js
@@ -5,7 +5,7 @@ import notes from './info-table.md';
 
 const ITEMS = ['https://127.0.0.1:8201', 'hello', 3];
 
-storiesOf('InfoTable/', module)
+storiesOf('InfoTable/InfoTable', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs({ escapeHTML: false }))
   .add(
diff --git a/ui/lib/core/stories/layout-loading.stories.js b/ui/lib/core/stories/layout-loading.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './layout-loading.md';
 
-storiesOf('Loading/LayoutLoading/', module)
+storiesOf('LayoutLoading', module)
   .addParameters({ options: { showPanel: true } })
   .add(
     `LayoutLoading`,
diff --git a/ui/lib/core/stories/list-view.stories.js b/ui/lib/core/stories/list-view.stories.js
@@ -19,7 +19,7 @@ let options = {
   filtered,
 };
 
-storiesOf('ListView/', module)
+storiesOf('ListView', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/masked-input.stories.js b/ui/lib/core/stories/masked-input.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, text, boolean } from '@storybook/addon-knobs';
 import notes from './masked-input.md';
 
-storiesOf('MaskedInput/', module)
+storiesOf('MaskedInput', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/message-error.stories.js b/ui/lib/core/stories/message-error.stories.js
@@ -10,7 +10,7 @@ let model = EmberObject.create({
   isError: true,
 });
 
-storiesOf('MessageError/', module)
+storiesOf('MessageError', module)
   .addParameters({ options: { showPanel: true } })
   .add(
     `MessageError`,
diff --git a/ui/lib/core/stories/message.stories.js b/ui/lib/core/stories/message.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './message.md';
 
-storiesOf('Confirm/Message/', module)
+storiesOf('Confirm/Message', module)
   .addParameters({ options: { showPanel: true } })
   .add(
     `Message`,
diff --git a/ui/lib/core/stories/popup-menu.stories.js b/ui/lib/core/stories/popup-menu.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './popup-menu.md';
 
-storiesOf('PopupMenu/', module)
+storiesOf('PopupMenu', module)
   .addParameters({ options: { showPanel: true } })
   .add(
     `PopupMenu`,
diff --git a/ui/lib/core/stories/search-select.stories.js b/ui/lib/core/stories/search-select.stories.js
@@ -6,7 +6,7 @@ import { withKnobs, text } from '@storybook/addon-knobs';
 const onChange = value => alert(`New value is "${value}"`);
 const models = ['identity/groups'];
 
-storiesOf('SearchSelect/', module)
+storiesOf('SearchSelect', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs({ escapeHTML: false }))
   .add(
diff --git a/ui/lib/core/stories/select.stories.js b/ui/lib/core/stories/select.stories.js
@@ -9,7 +9,7 @@ const OPTIONS = [
   { value: 'weds', label: 'Wednesday', spanish: 'miercoles' },
 ];
 
-storiesOf('Select/', module)
+storiesOf('Select', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/toolbar/toolbar-actions.stories.js b/ui/lib/core/stories/toolbar/toolbar-actions.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs } from '@storybook/addon-knobs';
 import notes from './toolbar-actions.md';
 
-storiesOf('Toolbar/', module)
+storiesOf('Toolbar', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/toolbar/toolbar-download-button.stories.js b/ui/lib/core/stories/toolbar/toolbar-download-button.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, text } from '@storybook/addon-knobs';
 import notes from './toolbar-download-button.md';
 
-storiesOf('Toolbar/', module)
+storiesOf('Toolbar', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/toolbar/toolbar-filters.stories.js b/ui/lib/core/stories/toolbar/toolbar-filters.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs } from '@storybook/addon-knobs';
 import notes from './toolbar-filters.md';
 
-storiesOf('Toolbar/', module)
+storiesOf('Toolbar', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/toolbar/toolbar-link.stories.js b/ui/lib/core/stories/toolbar/toolbar-link.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, select, text } from '@storybook/addon-knobs';
 import notes from './toolbar-link.md';
 
-storiesOf('Toolbar/', module)
+storiesOf('Toolbar', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/toolbar/toolbar-secret-link.stories.js b/ui/lib/core/stories/toolbar/toolbar-secret-link.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, select, text } from '@storybook/addon-knobs';
 import notes from './toolbar-secret-link.md';
 
-storiesOf('Toolbar/', module)
+storiesOf('Toolbar', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/toolbar/toolbar.stories.js b/ui/lib/core/stories/toolbar/toolbar.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import { withKnobs, select } from '@storybook/addon-knobs';
 import notes from './toolbar.md';
 
-storiesOf('Toolbar/', module)
+storiesOf('Toolbar', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/ttl-picker.stories.js b/ui/lib/core/stories/ttl-picker.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './ttl-picker.md';
 
-storiesOf('TTL/TtlPicker/', module)
+storiesOf('TTL/TtlPicker', module)
   .addParameters({ options: { showPanel: false } })
   .add(
     `TtlPicker`,
diff --git a/ui/lib/core/stories/ttl-picker2.stories.js b/ui/lib/core/stories/ttl-picker2.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import notes from './ttl-picker2.md';
 import { withKnobs, text, boolean, select } from '@storybook/addon-knobs';
 
-storiesOf('TTL/TtlPicker2/', module)
+storiesOf('TTL/TtlPicker2', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/lib/core/stories/vault-logo-spinner.stories.js b/ui/lib/core/stories/vault-logo-spinner.stories.js
@@ -2,7 +2,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './vault-logo-spinner.md';
 
-storiesOf('Loading/VaultLogoSpinner/', module)
+storiesOf('VaultLogoSpinner', module)
   .addParameters({ options: { showPanel: true } })
   .add(
     `VaultLogoSpinner`,
diff --git a/ui/package.json b/ui/package.json
@@ -40,9 +40,10 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-object-rest-spread": "^7.5.5",
+    "@babel/plugin-transform-block-scoping": "^7.10.4",
     "@ember/optional-features": "^0.7.0",
     "@hashicorp/structure-icons": "^1.3.0",
-    "@storybook/ember-cli-storybook": "meirish/ember-cli-storybook#6bd58326d8c21e986d390b541ae5e49089d61b93",
+    "@storybook/ember-cli-storybook": "^0.2.1",
     "Duration.js": "icholy/Duration.js#golang_compatible",
     "autosize": "^4.0.0",
     "babel-eslint": "^10.0.2",
@@ -65,12 +66,12 @@
     "deepmerge": "^4.0.0",
     "doctoc": "^1.4.0",
     "ember-api-actions": "^0.2.8",
-    "ember-auto-import": "^1.5.3",
+    "ember-auto-import": "^1.6.0",
     "ember-basic-dropdown": "^1.0.0",
     "ember-basic-dropdown-hover": "^0.6.0",
     "ember-cli": "~3.11.0",
     "ember-cli-autoprefixer": "^0.8.1",
-    "ember-cli-babel": "^7.8.0",
+    "ember-cli-babel": "^7.21.0",
     "ember-cli-browserstack": "^0.0.7",
     "ember-cli-clipboard": "^0.13.0",
     "ember-cli-content-security-policy": "^1.0.0",
@@ -143,14 +144,14 @@
     "yargs-parser": "^13.1.1"
   },
   "optionalDependencies": {
-    "@babel/core": "^7.5.5",
-    "@storybook/addon-knobs": "^5.1.10",
-    "@storybook/addon-links": "^5.1.10",
-    "@storybook/addon-notes": "^5.1.10",
-    "@storybook/addon-viewport": "^5.1.10",
-    "@storybook/addons": "^5.1.10",
-    "@storybook/ember": "^5.1.10",
-    "babel-loader": "^8.0.6",
+    "@babel/core": "^7.10.4",
+    "@storybook/addon-knobs": "^5.3.19",
+    "@storybook/addon-links": "^5.3.19",
+    "@storybook/addon-notes": "^5.3.19",
+    "@storybook/addon-viewport": "^5.3.19",
+    "@storybook/addons": "^5.3.19",
+    "@storybook/ember": "^5.3.19",
+    "babel-loader": "^8.1.0",
     "jsdoc-to-markdown": "^5.0.0",
     "lint-staged": "^10.1.2"
   },
diff --git a/ui/stories/alert-popup.stories.js b/ui/stories/alert-popup.stories.js
@@ -4,7 +4,7 @@ import { storiesOf } from '@storybook/ember';
 import notes from './alert-popup.md';
 import { MESSAGE_TYPES } from '../lib/core/addon/helpers/message-types.js';
 
-storiesOf('Alerts/AlertPopup/', module)
+storiesOf('Alerts/AlertPopup', module)
   .addParameters({ options: { showPanel: false } })
   .add(
     `AlertPopup`,
diff --git a/ui/stories/auth-config-form/config.stories.js b/ui/stories/auth-config-form/config.stories.js
@@ -23,7 +23,7 @@ const MODELS = {
 
 const DEFAULT_VALUE = 'aws/client';
 
-storiesOf('AuthConfigForm/Config/', module)
+storiesOf('AuthConfigForm/Config', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/stories/auth-config-form/options.stories.js b/ui/stories/auth-config-form/options.stories.js
@@ -23,7 +23,7 @@ const MODELS = {
 
 const DEFAULT_VALUE = 'aws/client';
 
-storiesOf('AuthConfigForm/Options/', module)
+storiesOf('AuthConfigForm/Options', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/stories/auth-form.stories.js b/ui/stories/auth-form.stories.js
@@ -3,7 +3,7 @@ import hbs from 'htmlbars-inline-precompile';
 import { storiesOf } from '@storybook/ember';
 import notes from './auth-form.md';
 
-storiesOf('AuthForm/', module)
+storiesOf('AuthForm', module)
   .addParameters({ options: { showPanel: false } })
   .add(
     `AuthForm`,
diff --git a/ui/stories/file-to-array-buffer.stories.js b/ui/stories/file-to-array-buffer.stories.js
@@ -5,7 +5,7 @@ import { withKnobs, text } from '@storybook/addon-knobs';
 
 import notes from './file-to-array-buffer.md';
 
-storiesOf('FileToArrayBuffer/', module)
+storiesOf('FileToArrayBuffer', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(
     withKnobs()
diff --git a/ui/stories/http-requests-container.stories.js b/ui/stories/http-requests-container.stories.js
@@ -18,7 +18,7 @@ const COUNTERS = [
   { start_time: '2019-03-01T00:00:00Z', total: 5000 },
 ];
 
-storiesOf('HttpRequests/Container/', module)
+storiesOf('HttpRequests/HttpRequestsContainer', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/stories/http-requests-table.stories.js b/ui/stories/http-requests-table.stories.js
@@ -11,7 +11,7 @@ const COUNTERS = [
   { start_time: '2019-03-01T00:00:00Z', total: 5000 },
 ];
 
-storiesOf('HttpRequests/Table/', module)
+storiesOf('HttpRequests/Table', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/stories/toggle.stories.js b/ui/stories/toggle.stories.js
@@ -3,7 +3,7 @@ import { storiesOf } from '@storybook/ember';
 import notes from './toggle.md';
 import { withKnobs, text, boolean, select } from '@storybook/addon-knobs';
 
-storiesOf('Toggle/', module)
+storiesOf('Toggle', module)
   .addParameters({ options: { showPanel: true } })
   .addDecorator(withKnobs())
   .add(
diff --git a/ui/yarn.lock b/ui/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+/* eslint-env node */`
	`2`	`+`
`1`	`3`	`module.exports = {`
`2`	`4`	`presets: [`
`3`	`5`	`[`