upgrade storybook and babel deps (#9371)

2026-06-11 01:42:06 -04:00 · 2020-07-01 16:28:16 -07:00 · 2020-07-01 16:28:16 -07:00 · f9f43d1868
commit f9f43d1868
parent c17f17c6f2
41 changed files with 2355 additions and 679 deletions
--- a/ui/.storybook/babel.config.js
+++ b/ui/.storybook/babel.config.js
@ -1,3 +1,5 @@
+/* eslint-env node */
+
 module.exports = {
  presets: [
    [
--- 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`
--- 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({
--- 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',
--- 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(
--- 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({
--- 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`,
--- 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(
--- 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(
--- 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`,
    () => ({
--- 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({
--- 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(
--- 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(
--- 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(
--- 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`,
--- 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(
--- 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(
--- 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`,
--- 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`,
--- 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`,
--- 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(
--- 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(
--- 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(
--- 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(
--- 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(
--- 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(
--- 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(
--- 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(
--- 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`,
--- 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(
--- 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`,
--- 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"
  },
--- 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`,
--- 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(
--- 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(
--- 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`,
--- 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()
--- 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(
--- 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(
--- 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(
--- a/ui/yarn.lock
+++ b/ui/yarn.lock