Merge branch 'develop' into chore-card-style

.github/labler.yml

@@ -0,0 +1,23 @@
+addons:
+  - addons/**/*
+
+addons/api:
+  - addons/api/**/*
+
+addons/auth:
+  - addons/auth/**/*
+
+addons/styles:
+  - addons/rose/**/*
+
+ui:
+  - ui/**/*
+
+ui/admin:
+  - ui/core/**/*
+
+ui/admin/app:
+  - ui/core/app/**/*
+
+ui/admin/tests:
+  - ui/core/tests/**/*

.github/workflows/labler.yml

@@ -0,0 +1,11 @@
+name: "Pull Request Labeler"
+on:
+- pull_request_target
+
+jobs:
+  triage:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/labeler@main
+      with:
+        repo-token: "${{ secrets.GITHUB_TOKEN }}"

ui/core/app/routes/scopes/scope/auth-methods.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../utilities/confirm';
 
 export default class ScopesScopeAuthMethodsRoute extends Route {
   // =services
@@ -71,10 +72,11 @@ export default class ScopesScopeAuthMethodsRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.delete-confirm')
   async delete(authMethod) {
     try {
       await authMethod.destroyRecord();
-      await this.transitionTo('scopes.scope.auth-methods');
+      await this.replaceWith('scopes.scope.auth-methods');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
     } catch (error) {

ui/core/app/routes/scopes/scope/auth-methods/auth-method/accounts.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../utilities/confirm';
 
 export default class ScopesScopeAuthMethodsAuthMethodAccountsRoute extends Route {
   // =services
@@ -71,10 +72,11 @@ export default class ScopesScopeAuthMethodsAuthMethodAccountsRoute extends Route
    */
   @action
   @loading
-  async delete(account) {
+  @confirm('questions.delete-confirm')
+  async deleteAccount(account) {
     try {
       await account.destroyRecord();
-      await this.transitionTo('scopes.scope.auth-methods.auth-method.accounts');
+      await this.replaceWith('scopes.scope.auth-methods.auth-method.accounts');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
     } catch (error) {

ui/core/app/routes/scopes/scope/groups.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../utilities/confirm';
 
 export default class ScopesScopeGroupsRoute extends Route {
   // =services
@@ -68,12 +69,13 @@ export default class ScopesScopeGroupsRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.delete-confirm')
   async delete(group) {
     try {
       await group.destroyRecord();
+      await this.replaceWith('scopes.scope.groups');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
-      await this.transitionTo('scopes.scope.groups');
     } catch (error) {
       //TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/groups/group/members.js

@@ -3,6 +3,7 @@ import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { hash, all } from 'rsvp';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../utilities/confirm';
 
 export default class ScopesScopeGroupsGroupMembersRoute extends Route {
   // =services
@@ -38,10 +39,11 @@ export default class ScopesScopeGroupsGroupMembersRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.remove-confirm')
   async removeMember(group, member) {
     try {
       await group.removeMember(member.id);
-      await this.refresh();
+      this.refresh();
       this.notify.success(this.intl.t('notifications.remove-success'));
     } catch (error) {
       // TODO: replace with translated strings

ui/core/app/routes/scopes/scope/projects.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../utilities/confirm';
 
 export default class ScopesScopeProjectsRoute extends Route {
   // =services
@@ -9,6 +10,7 @@ export default class ScopesScopeProjectsRoute extends Route {
   @service intl;
   @service notify;
   @service session;
+  @service confirm;
 
   // =methods
 
@@ -84,12 +86,13 @@ export default class ScopesScopeProjectsRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.delete-confirm')
   async delete(project) {
     try {
       await project.destroyRecord();
+      await this.replaceWith('scopes.scope.projects');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo('scopes.scope.projects');
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/projects/project/host-catalogs.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../utilities/confirm';
 
 export default class ScopesScopeProjectsProjectHostCatalogsRoute extends Route {
   // =services
@@ -61,16 +62,17 @@ export default class ScopesScopeProjectsProjectHostCatalogsRoute extends Route {
 
   /**
    * Deletes the host catalog and redirects to index.
-   * @param {ProjectModel} project
+   * @param {HostCatalogModel} hostCatalog
    */
   @action
   @loading
-  async delete(project) {
+  @confirm('questions.delete-confirm')
+  async delete(hostCatalog) {
     try {
-      await project.destroyRecord();
+      await hostCatalog.destroyRecord();
+      await this.replaceWith('scopes.scope.projects.project.host-catalogs');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo('scopes.scope.projects.project.host-catalogs');
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../../../utilities/confirm';
 
 export default class ScopesScopeProjectsProjectHostCatalogsHostCatalogHostSetsRoute extends Route {
   // =services
@@ -70,13 +71,14 @@ export default class ScopesScopeProjectsProjectHostCatalogsHostCatalogHostSetsRo
    */
   @action
   @loading
-  async delete(hostSet) {
+  @confirm('questions.delete-confirm')
+  async deleteHostSet(hostSet) {
     try {
       await hostSet.destroyRecord();
-      this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo(
+      await this.replaceWith(
         'scopes.scope.projects.project.host-catalogs.host-catalog.host-sets'
       );
+      this.notify.success(this.intl.t('notifications.delete-success'));
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/host-set/hosts.js

@@ -3,6 +3,7 @@ import { hash, all } from 'rsvp';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../../../../../utilities/confirm';
 
 export default class ScopesScopeProjectsProjectHostCatalogsHostCatalogHostSetsHostSetHostsRoute extends Route {
   // =services
@@ -37,6 +38,7 @@ export default class ScopesScopeProjectsProjectHostCatalogsHostCatalogHostSetsHo
    */
   @action
   @loading
+  @confirm('questions.remove-confirm')
   async removeHost(hostSet, host) {
     try {
       const scopeID = this.modelFor('scopes.scope.projects.project').id;

ui/core/app/routes/scopes/scope/projects/project/host-catalogs/host-catalog/hosts.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../../../utilities/confirm';
 
 export default class ScopesScopeProjectsProjectHostCatalogsHostCatalogHostsRoute extends Route {
   // =services
@@ -70,14 +71,15 @@ export default class ScopesScopeProjectsProjectHostCatalogsHostCatalogHostsRoute
    */
   @action
   @loading
-  async delete(host) {
+  @confirm('questions.delete-confirm')
+  async deleteHost(host) {
     try {
       await host.destroyRecord();
-      this.refresh();
-      this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo(
+      await this.replaceWith(
         'scopes.scope.projects.project.host-catalogs.host-catalog.hosts'
       );
+      this.refresh();
+      this.notify.success(this.intl.t('notifications.delete-success'));
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/projects/project/targets.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../utilities/confirm';
 
 export default class ScopesScopeProjectsProjectTargetsRoute extends Route {
   // =services
@@ -62,12 +63,13 @@ export default class ScopesScopeProjectsProjectTargetsRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.delete-confirm')
   async delete(target) {
     try {
       await target.destroyRecord();
+      await this.replaceWith('scopes.scope.projects.project.targets');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo('scopes.scope.projects.project.targets');
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/projects/project/targets/target/host-sets.js

@@ -3,6 +3,7 @@ import { all, hash } from 'rsvp';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../../../utilities/confirm';
 
 export default class ScopesScopeProjectsProjectTargetsTargetHostSetsRoute extends Route {
   // =services
@@ -55,6 +56,7 @@ export default class ScopesScopeProjectsProjectTargetsTargetHostSetsRoute extend
    */
   @action
   @loading
+  @confirm('questions.remove-confirm')
   async removeHostSet(target, hostSet) {
     try {
       await target.removeHostSet(hostSet.id);

ui/core/app/routes/scopes/scope/roles.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../utilities/confirm';
 
 export default class ScopesScopeRolesRoute extends Route {
   // =services
@@ -68,12 +69,13 @@ export default class ScopesScopeRolesRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.delete-confirm')
   async delete(role) {
     try {
       await role.destroyRecord();
+      await this.replaceWith('scopes.scope.roles');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo('scopes.scope.roles');
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/routes/scopes/scope/roles/role/principals.js

@@ -3,6 +3,7 @@ import { all, hash } from 'rsvp';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../../../utilities/confirm';
 
 export default class ScopesScopeRolesRolePrincipalsRoute extends Route {
   // =services
@@ -65,6 +66,7 @@ export default class ScopesScopeRolesRolePrincipalsRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.remove-confirm')
   async removePrincipal(principal) {
     try {
       const role = this.modelFor('scopes.scope.roles.role');

ui/core/app/routes/scopes/scope/users.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import loading from 'ember-loading/decorator';
+import { confirm } from '../../../utilities/confirm';
 
 export default class ScopesScopeUsersRoute extends Route {
   // =services
@@ -69,12 +70,13 @@ export default class ScopesScopeUsersRoute extends Route {
    */
   @action
   @loading
+  @confirm('questions.delete-confirm')
   async delete(user) {
     try {
       await user.destroyRecord();
+      await this.replaceWith('scopes.scope.users');
       this.refresh();
       this.notify.success(this.intl.t('notifications.delete-success'));
-      this.transitionTo('scopes.scope.users');
     } catch (error) {
       // TODO: replace with translated strings
       this.notify.error(error.message, { closeAfter: null });

ui/core/app/services/confirm.js

@@ -0,0 +1,53 @@
+import Service from '@ember/service';
+import { getOwner } from '@ember/application';
+import { bind } from '@ember/runloop';
+import { Promise, resolve } from 'rsvp';
+import config from '../config/environment';
+
+export default class ConfirmService extends Service {
+
+  // =attributes
+
+  /**
+   * When the confirm service is disabled, it always returns resolving promises.
+   * @type {boolean}
+   */
+  enabled = config.enableConfirmService;
+
+  /**
+   * The window's confirm function, bound to the window scope.
+   * @type {Function}
+   */
+  get confirmFn() {
+    // The Ember way of accessing globals...
+    const document =
+      getOwner(this).lookup('service:-document').documentElement;
+    // defaultView === window, but without using globals directly
+    const windowRef = document.parentNode.defaultView;
+    const { confirm } = windowRef;
+    return bind(windowRef, confirm);
+  }
+
+  // =methods
+
+  /**
+   * When the service is enabled, returns a promise that resolves if the user
+   * accepts the confirmation, otherwise rejects.  If the service is disabled,
+   * this method always returns a resolving promise.
+   * @param {string} text
+   * @return {Promise}
+   */
+  confirm(text) {
+    if (this.enabled) {
+      return new Promise((resolve, reject) => {
+        if (this.confirmFn(text)) {
+          return resolve();
+        } else {
+          return reject();
+        }
+      });
+    } else {
+      return resolve();
+    }
+  }
+}

ui/core/app/templates/scopes/scope/auth-methods/auth-method/accounts/account/-actions.hbs

@@ -2,7 +2,7 @@
   <dropdown.button
     @style="danger"
     @disabled={{@model.canSave}}
-    {{on "click" (route-action "delete" @model)}}
+    {{on "click" (route-action "deleteAccount" @model)}}
   >
     {{t 'actions.delete'}}
   </dropdown.button>

ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/-actions.hbs

@@ -19,4 +19,4 @@
   >
     {{t 'resources.host-catalog.actions.delete'}}
   </dropdown.button>
-</Rose::Dropdown>
+</Rose::Dropdown>

ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/host-sets/-actions.hbs

@@ -5,8 +5,8 @@
   <dropdown.button
     @style="danger"
     @disabled={{@model.canSave}}
-    {{on "click" (route-action "delete" @model)}}
+    {{on "click" (route-action "deleteHostSet" @model)}}
   >
     {{t 'resources.host-set.actions.delete'}}
   </dropdown.button>
-</Rose::Dropdown>
+</Rose::Dropdown>

ui/core/app/templates/scopes/scope/projects/project/host-catalogs/host-catalog/hosts/-actions.hbs

@@ -2,8 +2,8 @@
   <dropdown.button
     @style="danger"
     @disabled={{@model.canSave}}
-    {{on "click" (route-action "delete" @model)}}
+    {{on "click" (route-action "deleteHost" @model)}}
   >
     {{t 'resources.host.actions.delete'}}
   </dropdown.button>
-</Rose::Dropdown>
+</Rose::Dropdown>

ui/core/app/utilities/confirm.js

@@ -0,0 +1,23 @@
+import { getOwner } from '@ember/application';
+
+/**
+ * Decorates a method whereby calls to the method will first request
+ * confirmation via the confirmation service.  If the user accepts, the
+ * original method is executed.  If the user denies, it is not.
+ */
+export function confirm(confirmationTextKey) {
+  return function (_target, _propertyKey, desc) {
+    const method = desc.value;
+    desc.value = function () {
+      const owner = getOwner(this);
+      const confirmService = owner.lookup('service:confirm');
+      const intl = owner.lookup('service:intl');
+      const text = intl.t(confirmationTextKey);
+      return confirmService.confirm(text)
+        // If user confirmed, execute the decorated method
+        .then(() => method.apply(this, arguments))
+        // If the user denied, gracefully handle promise rejection with no-op
+        .catch(() => {});
+    };
+  }
+}

ui/core/config/environment.js

@@ -34,6 +34,7 @@ module.exports = function (environment) {
     appName: APP_NAME,
 
     notifyTimeout: 4000,
+    enableConfirmService: true,
 
     contentSecurityPolicyHeader: 'Content-Security-Policy',
     contentSecurityPolicyMeta: true,
@@ -98,6 +99,7 @@ module.exports = function (environment) {
 
     // Notification timeout should be 0 for fast tests
     ENV.notifyTimeout = 0;
+    ENV.enableConfirmService = false;
   }
 
   if (environment === 'production') {

ui/core/package.json

@@ -86,7 +86,8 @@
     "qunit-dom": "^1.0.0",
     "rose": "*",
     "sass": "^1.26.5",
-    "sass-lint": "^1.13.1"
+    "sass-lint": "^1.13.1",
+    "sinon": "^9.1.0"
   },
   "engines": {
     "node": "10.* || >= 12"

ui/core/tests/acceptance/projects-test.js

@@ -10,6 +10,7 @@ import {
   //currentSession,
   //invalidateSession,
 } from 'ember-simple-auth/test-support';
+import sinon from 'sinon';
 
 module('Acceptance | projects', function (hooks) {
   setupApplicationTest(hooks);
@@ -141,6 +142,28 @@ module('Acceptance | projects', function (hooks) {
     assert.equal(getProjectScopesCount(), initialProjectScopesCount - 1);
   });
 
+  test('can delete project with confirmation acceptance', async function (assert) {
+    assert.expect(2);
+    const confirmService = this.owner.lookup('service:confirm');
+    confirmService.enabled = true;
+    window.confirm = sinon.fake.returns(true);
+    await visit(existingProjectURL);
+    await click('.rose-layout-page-actions .rose-dropdown-button-danger');
+    assert.equal(getProjectScopesCount(), initialProjectScopesCount - 1);
+    assert.ok(window.confirm.calledOnce);
+  });
+
+  test('cannot delete project with confirmation denial', async function (assert) {
+    assert.expect(2);
+    const confirmService = this.owner.lookup('service:confirm');
+    confirmService.enabled = true;
+    window.confirm = sinon.fake.returns(false);
+    await visit(existingProjectURL);
+    await click('.rose-layout-page-actions .rose-dropdown-button-danger');
+    assert.equal(getProjectScopesCount(), initialProjectScopesCount);
+    assert.ok(window.confirm.calledOnce);
+  });
+
   test('saving an existing project with invalid fields displays error messages', async function (assert) {
     assert.expect(2);
     this.server.patch('/scopes/:id', () => {

ui/core/tests/unit/services/confirm-test.js

@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Service | confirm', function(hooks) {
+  setupTest(hooks);
+
+  // Replace this with your real tests.
+  test('it exists', function(assert) {
+    let service = this.owner.lookup('service:confirm');
+    assert.ok(service);
+  });
+});

ui/core/translations/en-us.yaml

@@ -18,6 +18,9 @@ titles:
   actions: Actions
 descriptions:
   empty-set: There are no items to display yet.  You may be able to add items or try back later.
+questions:
+  delete-confirm: Are you sure you want to delete this resource?
+  remove-confirm: Are you sure you want to remove this association?
 hashicorp:
   title: HashiCorp
   copyright: © 2020 HashiCorp

yarn.lock

@@ -2975,6 +2975,42 @@
   resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.7.0.tgz#9a06f4f137ee84d7df0460c1fdb1135ffa6c50fd"
   integrity sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow==
 
+"@sinonjs/commons@^1", "@sinonjs/commons@^1.6.0", "@sinonjs/commons@^1.7.0", "@sinonjs/commons@^1.7.2":
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.1.tgz#e7df00f98a203324f6dc7cc606cad9d4a8ab2217"
+  integrity sha512-892K+kWUUi3cl+LlqEWIDrhvLgdL79tECi8JZUyq6IviKy/DNhuzCRlbHUjxK89f4ypPMMaFnFuR9Ie6DoIMsw==
+  dependencies:
+    type-detect "4.0.8"
+
+"@sinonjs/fake-timers@^6.0.0", "@sinonjs/fake-timers@^6.0.1":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-6.0.1.tgz#293674fccb3262ac782c7aadfdeca86b10c75c40"
+  integrity sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+
+"@sinonjs/formatio@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@sinonjs/formatio/-/formatio-5.0.1.tgz#f13e713cb3313b1ab965901b01b0828ea6b77089"
+  integrity sha512-KaiQ5pBf1MpS09MuA0kp6KBQt2JUOQycqVG1NZXvzeaXe5LGFqAKueIS0bw4w0P9r7KuBSVdUk5QjXsUdu2CxQ==
+  dependencies:
+    "@sinonjs/commons" "^1"
+    "@sinonjs/samsam" "^5.0.2"
+
+"@sinonjs/samsam@^5.0.2", "@sinonjs/samsam@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/samsam/-/samsam-5.1.0.tgz#3afe719232b541bb6cf3411a4c399a188de21ec0"
+  integrity sha512-42nyaQOVunX5Pm6GRJobmzbS7iLI+fhERITnETXzzwDZh+TtDr/Au3yAvXVjFmZ4wEUaE4Y3NFZfKv0bV0cbtg==
+  dependencies:
+    "@sinonjs/commons" "^1.6.0"
+    lodash.get "^4.4.2"
+    type-detect "^4.0.8"
+
+"@sinonjs/text-encoding@^0.7.1":
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/@sinonjs/text-encoding/-/text-encoding-0.7.1.tgz#8da5c6530915653f3a1f38fd5f101d8c3f8079c5"
+  integrity sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ==
+
 "@storybook/addon-actions@^6.0.21":
   version "6.0.21"
   resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-6.0.21.tgz#0de1d109d4b1eb99f644bbe84e74c25cfd2b1b6b"
@@ -8286,7 +8322,7 @@ dezalgo@^1.0.0:
     asap "^2.0.0"
     wrappy "1"
 
-diff@^4.0.1:
+diff@^4.0.1, diff@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
   integrity sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==
@@ -13501,6 +13537,11 @@ junk@^3.1.0:
   resolved "https://registry.yarnpkg.com/junk/-/junk-3.1.0.tgz#31499098d902b7e98c5d9b9c80f43457a88abfa1"
   integrity sha512-pBxcB3LFc8QVgdggvZWyeys+hnrNWg4OcZIU/1X59k5jQdLBlCsYGRQaz234SqoRLTCgMH00fY0xRJH+F9METQ==
 
+just-extend@^4.0.2:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/just-extend/-/just-extend-4.1.1.tgz#158f1fdb01f128c411dc8b286a7b4837b3545282"
+  integrity sha512-aWgeGFW67BP3e5181Ep1Fv2v8z//iBJfrvyTnq8wG86vEESwmonn1zPBJ0VfmT9CJq2FIT0VsETtrNFm2a+SHA==
+
 keyv@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
@@ -14833,6 +14874,17 @@ nice-try@^1.0.4:
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
+nise@^4.0.4:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/nise/-/nise-4.0.4.tgz#d73dea3e5731e6561992b8f570be9e363c4512dd"
+  integrity sha512-bTTRUNlemx6deJa+ZyoCUTRvH3liK5+N6VQZ4NIw90AgDXY6iPnsqplNFf6STcj+ePk0H/xqxnP75Lr0J0Fq3A==
+  dependencies:
+    "@sinonjs/commons" "^1.7.0"
+    "@sinonjs/fake-timers" "^6.0.0"
+    "@sinonjs/text-encoding" "^0.7.1"
+    just-extend "^4.0.2"
+    path-to-regexp "^1.7.0"
+
 no-case@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
@@ -15703,6 +15755,13 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
+path-to-regexp@^1.7.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
+  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
+  dependencies:
+    isarray "0.0.1"
+
 path-type@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
@@ -17745,6 +17804,19 @@ single-line-log@^1.1.2:
   dependencies:
     string-width "^1.0.1"
 
+sinon@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/sinon/-/sinon-9.1.0.tgz#4afc90707c8e360fe051398eed2d3b197980ffc3"
+  integrity sha512-9zQShgaeylYH6qtsnNXlTvv0FGTTckuDfHBi+qhgj5PvW2r2WslHZpgc3uy3e/ZAoPkqaOASPi+juU6EdYRYxA==
+  dependencies:
+    "@sinonjs/commons" "^1.7.2"
+    "@sinonjs/fake-timers" "^6.0.1"
+    "@sinonjs/formatio" "^5.0.1"
+    "@sinonjs/samsam" "^5.1.0"
+    diff "^4.0.2"
+    nise "^4.0.4"
+    supports-color "^7.1.0"
+
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
@@ -19076,6 +19148,11 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
+type-detect@4.0.8, type-detect@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
+  integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
+
 type-fest@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"