Update dependency @gitlab/ui to v21.4.2

Update gitlab ui and update snapshots from new gl-button prop.

Update dependency @gitlab/ui to v21.4.2
Update gitlab ui and update snapshots from new gl-button prop.
279f2736 · GitLab Bot · Jarek Ostrowski · 06c6774a · 279f2736 · 279f2736
Commit 279f2736 authored Sep 17, 2020 by GitLab Bot Committed by Jarek Ostrowski Sep 18, 2020
28 changed files
--- a/ee/spec/frontend/audit_events/components/__snapshots__/audit_events_export_button_spec.js.snap
+++ b/ee/spec/frontend/audit_events/components/__snapshots__/audit_events_export_button_spec.js.snap
@@ -2,6 +2,7 @@

 exports[`AuditEventsExportButton component Audit Events CSV export button matches the snapshot 1`] = `
 <gl-button-stub
+  buttontextclasses=""
  category="primary"
  href="http://example.com/audit_log_reports.csv?created_after=2020-12-12"
  icon="export"

--- a/ee/spec/frontend/compliance_dashboard/components/merge_requests/__snapshots__/merge_commits_export_button_spec.js.snap
+++ b/ee/spec/frontend/compliance_dashboard/components/merge_requests/__snapshots__/merge_commits_export_button_spec.js.snap
@@ -3,6 +3,7 @@
 exports[`MergeCommitsExportButton component Merge commit CSV export button matches the snapshot 1`] = `
 <div>
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    class="gl-align-self-center"
    href="/merge_commit_reports"

--- a/ee/spec/frontend/dependencies/components/__snapshots__/dependencies_actions_spec.js.snap
+++ b/ee/spec/frontend/dependencies/components/__snapshots__/dependencies_actions_spec.js.snap
@@ -79,6 +79,7 @@ exports[`DependenciesActions component matches the snapshot 1`] = `
    </gl-dropdown-stub>
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="flex-grow-0 js-sort-order"
      icon=""
@@ -94,6 +95,7 @@ exports[`DependenciesActions component matches the snapshot 1`] = `
  </div>
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    class="js-download"
    download="dependencies.json"

--- a/ee/spec/frontend/environments_dashboard/components/__snapshots__/dashboard_spec.js.snap
+++ b/ee/spec/frontend/environments_dashboard/components/__snapshots__/dashboard_spec.js.snap
@@ -33,6 +33,7 @@ exports[`dashboard should match the snapshot 1`] = `
    </h1>
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="js-add-projects-button"
      icon=""

--- a/ee/spec/frontend/environments_dashboard/components/__snapshots__/project_header_spec.js.snap
+++ b/ee/spec/frontend/environments_dashboard/components/__snapshots__/project_header_spec.js.snap
@@ -68,6 +68,7 @@ exports[`Project Header matches the snapshot 1`] = `
    >
      <li>
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          class="js-remove-button"
          icon=""

--- a/ee/spec/frontend/projects/components/__snapshots__/project_adjourned_delete_button_spec.js.snap
+++ b/ee/spec/frontend/projects/components/__snapshots__/project_adjourned_delete_button_spec.js.snap
@@ -17,6 +17,7 @@ exports[`Project remove modal initialized matches the snapshot 1`] = `
  />
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    icon=""
    role="button"

--- a/ee/spec/frontend/status_page_settings/__snapshots__/settings_form_spec.js.snap
+++ b/ee/spec/frontend/status_page_settings/__snapshots__/settings_form_spec.js.snap
@@ -17,6 +17,7 @@ exports[`Status Page settings form default state should match the default snapsh
    </h4>
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="js-settings-toggle"
      icon=""
@@ -148,6 +149,7 @@ exports[`Status Page settings form default state should match the default snapsh
        class="gl-display-flex gl-justify-content-end"
      >
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          class="js-no-auto-disable"
          icon=""

--- a/ee/spec/frontend/threat_monitoring/components/policy_editor/__snapshots__/policy_editor_spec.js.snap
+++ b/ee/spec/frontend/threat_monitoring/components/policy_editor/__snapshots__/policy_editor_spec.js.snap
@@ -161,6 +161,7 @@ exports[`PolicyEditorApp component renders the policy editor layout 1`] = `
        class="gl-p-3 gl-rounded-base gl-border-1 gl-border-solid gl-border-gray-100 gl-mb-5"
      >
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          data-testid="add-rule"
          icon=""
@@ -216,6 +217,7 @@ spec:
      class="col-md-auto"
    >
      <gl-button-stub
+        buttontextclasses=""
        category="primary"
        data-testid="save-policy"
        icon=""
@@ -229,6 +231,7 @@ spec:
      <!---->
       
      <gl-button-stub
+        buttontextclasses=""
        category="secondary"
        href="/threat-monitoring"
        icon=""

--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
    "@babel/preset-env": "^7.10.1",
    "@gitlab/at.js": "1.5.5",
    "@gitlab/svgs": "1.164.0",
-    "@gitlab/ui": "21.3.1",
+    "@gitlab/ui": "21.4.2",
    "@gitlab/visual-review-tools": "1.6.1",
    "@rails/actioncable": "^6.0.3-1",
    "@sentry/browser": "^5.22.3",

--- a/spec/frontend/add_context_commits_modal/components/__snapshots__/add_context_commits_modal_spec.js.snap
+++ b/spec/frontend/add_context_commits_modal/components/__snapshots__/add_context_commits_modal_spec.js.snap
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AddContextCommitsModal renders modal with 2 tabs 1`] = `
-<gl-modal-stub
-  body-class="add-review-item pt-0"
-  cancel-variant="light"
-  modalclass=""
-  modalid="add-review-item"
-  ok-disabled="true"
-  ok-title="Save changes"
-  scrollable="true"
-  size="md"
-  title="Add or remove previously merged commits"
-  titletag="h4"
->
-  <gl-tabs-stub
-    contentclass="pt-0"
-    theme="indigo"
-    value="0"
-  >
-    <gl-tab-stub>
-       
-      <div
-        class="mt-2"
-      >
-        <gl-search-box-by-type-stub
-          clearbuttontitle="Clear"
-          placeholder="Search by commit title or SHA"
-          value=""
-        />
-         
-        <review-tab-container-stub
-          commits=""
-          emptylisttext="Your search didn't match any commits. Try a different query."
-          loadingfailedtext="Unable to load commits. Try again later."
-        />
-      </div>
-    </gl-tab-stub>
-     
-    <gl-tab-stub>
-       
-      <review-tab-container-stub
-        commits=""
-        emptylisttext="Commits you select appear here. Go to the first tab and select commits to add to this merge request."
-        loadingfailedtext="Unable to load commits. Try again later."
-      />
-    </gl-tab-stub>
-  </gl-tabs-stub>
-</gl-modal-stub>
-`;
--- a/spec/frontend/alert_settings/__snapshots__/alert_settings_form_spec.js.snap
+++ b/spec/frontend/alert_settings/__snapshots__/alert_settings_form_spec.js.snap
@@ -26,7 +26,7 @@ exports[`AlertsSettingsForm with default values renders the initial template 1`]
    </gl-form-group-stub>
    <gl-form-group-stub label=\\"Authorization key\\" label-for=\\"authorization-key\\" label-class=\\"label-bold\\">
      <gl-form-input-group-stub value=\\"abcedfg123\\" predefinedoptions=\\"[object Object]\\" id=\\"authorization-key\\" readonly=\\"\\" class=\\"gl-mb-2\\"></gl-form-input-group-stub>
-      <gl-button-stub category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" icon=\\"\\" disabled=\\"true\\" class=\\"gl-mt-3\\" role=\\"button\\" tabindex=\\"0\\">Reset key</gl-button-stub>
+      <gl-button-stub category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" icon=\\"\\" buttontextclasses=\\"\\" disabled=\\"true\\" class=\\"gl-mt-3\\" role=\\"button\\" tabindex=\\"0\\">Reset key</gl-button-stub>
      <gl-modal-stub modalid=\\"authKeyModal\\" titletag=\\"h4\\" modalclass=\\"\\" size=\\"md\\" title=\\"Reset key\\" ok-title=\\"Reset key\\" ok-variant=\\"danger\\">
        Resetting the authorization key for this project will require updating the authorization key in every alert source it is enabled in.
      </gl-modal-stub>
@@ -35,13 +35,13 @@ exports[`AlertsSettingsForm with default values renders the initial template 1`]
      <gl-form-textarea-stub noresize=\\"true\\" id=\\"alert-json\\" disabled=\\"true\\" state=\\"true\\" placeholder=\\"Enter test alert JSON....\\" rows=\\"6\\" max-rows=\\"10\\"></gl-form-textarea-stub>
    </gl-form-group-stub>
    <div class=\\"gl-display-flex gl-justify-content-end\\">
-      <gl-button-stub category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" icon=\\"\\" disabled=\\"true\\">Test alert payload</gl-button-stub>
+      <gl-button-stub category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" icon=\\"\\" buttontextclasses=\\"\\" disabled=\\"true\\">Test alert payload</gl-button-stub>
    </div>
    <div class=\\"footer-block row-content-block gl-display-flex gl-justify-content-space-between\\">
-      <gl-button-stub category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" icon=\\"\\" disabled=\\"true\\">
+      <gl-button-stub category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" icon=\\"\\" buttontextclasses=\\"\\" disabled=\\"true\\">
        Cancel
      </gl-button-stub>
-      <gl-button-stub category=\\"primary\\" variant=\\"success\\" size=\\"medium\\" icon=\\"\\" disabled=\\"true\\">
+      <gl-button-stub category=\\"primary\\" variant=\\"success\\" size=\\"medium\\" icon=\\"\\" buttontextclasses=\\"\\" disabled=\\"true\\">
        Save changes
      </gl-button-stub>
    </div>

--- a/spec/frontend/code_navigation/components/__snapshots__/popover_spec.js.snap
+++ b/spec/frontend/code_navigation/components/__snapshots__/popover_spec.js.snap
@@ -56,6 +56,7 @@ exports[`Code navigation popover component renders popover 1`] = `
        class="popover-body border-top"
      >
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          class="w-100"
          data-testid="go-to-definition-btn"

--- a/spec/frontend/design_management/components/toolbar/__snapshots__/design_navigation_spec.js.snap
+++ b/spec/frontend/design_management/components/toolbar/__snapshots__/design_navigation_spec.js.snap
@@ -13,6 +13,7 @@ exports[`Design management pagination component renders navigation buttons 1`] =
    class="ml-3 mr-3"
  >
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="js-previous-design"
      disabled="true"
@@ -23,6 +24,7 @@ exports[`Design management pagination component renders navigation buttons 1`] =
    />
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="js-next-design"
      icon="angle-right"

--- a/spec/frontend/design_management/components/toolbar/__snapshots__/index_spec.js.snap
+++ b/spec/frontend/design_management/components/toolbar/__snapshots__/index_spec.js.snap
@@ -41,6 +41,7 @@ exports[`Design management toolbar component renders design and updated data 1`]
  />
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    href="/-/designs/306/7f747adcd4693afadbe968d7ba7d983349b9012d"
    icon="download"

--- a/spec/frontend/design_management/components/upload/__snapshots__/button_spec.js.snap
+++ b/spec/frontend/design_management/components/upload/__snapshots__/button_spec.js.snap
@@ -5,6 +5,7 @@ exports[`Design management upload button component renders inverted upload desig
  isinverted="true"
 >
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    icon=""
    size="small"
@@ -30,6 +31,7 @@ exports[`Design management upload button component renders inverted upload desig
 exports[`Design management upload button component renders loading icon 1`] = `
 <div>
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    disabled="true"
    icon=""
@@ -62,6 +64,7 @@ exports[`Design management upload button component renders loading icon 1`] = `
 exports[`Design management upload button component renders upload design button 1`] = `
 <div>
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    icon=""
    size="small"

--- a/spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap
+++ b/spec/frontend/design_management/pages/__snapshots__/index_spec.js.snap
@@ -110,6 +110,7 @@ exports[`Design management index page designs renders designs list and header wi
        class="qa-selector-toolbar gl-display-flex gl-align-items-center"
      >
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          class="gl-mr-4 js-select-all"
          icon=""

--- a/spec/frontend/design_management/pages/design/__snapshots__/index_spec.js.snap
+++ b/spec/frontend/design_management/pages/design/__snapshots__/index_spec.js.snap
@@ -67,6 +67,7 @@ exports[`Design management design index page renders design index 1`] = `
    />
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-mb-4"
      data-testid="resolved-comments"

--- a/spec/frontend/grafana_integration/components/__snapshots__/grafana_integration_spec.js.snap
+++ b/spec/frontend/grafana_integration/components/__snapshots__/grafana_integration_spec.js.snap
@@ -17,6 +17,7 @@ exports[`grafana integration component default state to match the default snapsh
    </h3>
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="js-settings-toggle"
      icon=""
@@ -96,6 +97,7 @@ exports[`grafana integration component default state to match the default snapsh
        class="gl-display-flex gl-justify-content-end"
      >
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          icon=""
          size="medium"

--- a/spec/frontend/incidents_settings/components/__snapshots__/alerts_form_spec.js.snap
+++ b/spec/frontend/incidents_settings/components/__snapshots__/alerts_form_spec.js.snap
@@ -97,6 +97,7 @@ exports[`Alert integration settings form default state should match the default
      class="gl-display-flex gl-justify-content-end"
    >
      <gl-button-stub
+        buttontextclasses=""
        category="primary"
        class="js-no-auto-disable"
        data-qa-selector="save_changes_button"

--- a/spec/frontend/incidents_settings/components/__snapshots__/incidents_settings_tabs_spec.js.snap
+++ b/spec/frontend/incidents_settings/components/__snapshots__/incidents_settings_tabs_spec.js.snap
@@ -18,6 +18,7 @@ exports[`IncidentsSettingTabs should render the component 1`] = `
    </h4>
     
    <gl-button-stub
+      buttontextclasses=""
      category="primary"
      class="js-settings-toggle"
      icon=""

--- a/spec/frontend/incidents_settings/components/__snapshots__/pagerduty_form_spec.js.snap
+++ b/spec/frontend/incidents_settings/components/__snapshots__/pagerduty_form_spec.js.snap
@@ -46,6 +46,7 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
        class="gl-display-flex gl-justify-content-end"
      >
        <gl-button-stub
+          buttontextclasses=""
          category="primary"
          class="gl-mt-3"
          data-testid="webhook-reset-btn"
@@ -80,6 +81,7 @@ exports[`Alert integration settings form should match the default snapshot 1`] =
      class="gl-display-flex gl-justify-content-end"
    >
      <gl-button-stub
+        buttontextclasses=""
        category="primary"
        class="js-no-auto-disable"
        icon=""

--- a/spec/frontend/packages/shared/components/__snapshots__/package_list_row_spec.js.snap
+++ b/spec/frontend/packages/shared/components/__snapshots__/package_list_row_spec.js.snap
@@ -118,6 +118,7 @@ exports[`packages_list_row renders 1`] = `
    >
      <gl-button-stub
        aria-label="Remove package"
+        buttontextclasses=""
        category="primary"
        data-testid="action-delete"
        icon="remove"

--- a/spec/frontend/pages/admin/users/components/__snapshots__/delete_user_modal_spec.js.snap
+++ b/spec/frontend/pages/admin/users/components/__snapshots__/delete_user_modal_spec.js.snap
@@ -39,6 +39,7 @@ exports[`User Operation confirmation modal renders modal with form included 1`]
    />
  </form>
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    icon=""
    size="medium"
@@ -48,6 +49,7 @@ exports[`User Operation confirmation modal renders modal with form included 1`]
  </gl-button-stub>
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    disabled="true"
    icon=""
@@ -60,6 +62,7 @@ exports[`User Operation confirmation modal renders modal with form included 1`]
  </gl-button-stub>
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    disabled="true"
    icon=""

--- a/spec/frontend/projects/components/__snapshots__/project_delete_button_spec.js.snap
+++ b/spec/frontend/projects/components/__snapshots__/project_delete_button_spec.js.snap
@@ -17,6 +17,7 @@ exports[`Project remove modal initialized matches the snapshot 1`] = `
  />
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    icon=""
    role="button"

--- a/spec/frontend/projects/components/shared/__snapshots__/delete_button_spec.js.snap
+++ b/spec/frontend/projects/components/shared/__snapshots__/delete_button_spec.js.snap
@@ -18,6 +18,7 @@ exports[`Project remove modal intialized matches the snapshot 1`] = `
  />
   
  <gl-button-stub
+    buttontextclasses=""
    category="primary"
    icon=""
    role="button"
@@ -84,6 +85,7 @@ exports[`Project remove modal intialized matches the snapshot 1`] = `
     
    <template>
      <gl-button-stub
+        buttontextclasses=""
        category="primary"
        class="js-modal-action-cancel"
        icon=""
@@ -98,6 +100,7 @@ exports[`Project remove modal intialized matches the snapshot 1`] = `
      <!---->
       
      <gl-button-stub
+        buttontextclasses=""
        category="primary"
        class="js-modal-action-primary"
        disabled="true"

--- a/spec/frontend/serverless/components/__snapshots__/empty_state_spec.js.snap
+++ b/spec/frontend/serverless/components/__snapshots__/empty_state_spec.js.snap
@@ -11,7 +11,7 @@ exports[`EmptyStateComponent should render content 1`] = `
      <p>In order to start using functions as a service, you must first install Knative on your Kubernetes cluster. <gl-link-stub href=\\"/help\\">More information</gl-link-stub>
      </p>
      <div>
-        <gl-button-stub category=\\"primary\\" variant=\\"success\\" size=\\"medium\\" icon=\\"\\" href=\\"/clusters\\">Install Knative</gl-button-stub>
+        <gl-button-stub category=\\"primary\\" variant=\\"success\\" size=\\"medium\\" icon=\\"\\" buttontextclasses=\\"\\" href=\\"/clusters\\">Install Knative</gl-button-stub>
        <!---->
      </div>
    </div>

--- a/spec/frontend/vue_shared/components/__snapshots__/clone_dropdown_spec.js.snap
+++ b/spec/frontend/vue_shared/components/__snapshots__/clone_dropdown_spec.js.snap
@@ -39,6 +39,7 @@ exports[`Clone Dropdown Button rendering matches the snapshot 1`] = `
            tag="div"
          >
            <gl-button-stub
+              buttontextclasses=""
              category="primary"
              class="d-inline-flex"
              data-clipboard-text="ssh://foo.bar"
@@ -80,6 +81,7 @@ exports[`Clone Dropdown Button rendering matches the snapshot 1`] = `
            tag="div"
          >
            <gl-button-stub
+              buttontextclasses=""
              category="primary"
              class="d-inline-flex"
              data-clipboard-text="http://foo.bar"

--- a/yarn.lock
+++ b/yarn.lock
@@ -848,10 +848,10 @@
  resolved "https://registry.yarnpkg.com/@gitlab/svgs/-/svgs-1.164.0.tgz#6cefad871c45f945ef92b99015d0f510b1d2de4a"
  integrity sha512-a9e/cYUc1QQk7azjH4x/m6/p3icavwGEi5F9ipNlDqiJtUor5tqojxvMxPOhuVbN/mTwnC6lGsSZg4tqTsdJAQ==

-"@gitlab/ui@21.3.1":
-  version "21.3.1"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-21.3.1.tgz#027b767804540539da73d4874370895d7398adea"
-  integrity sha512-ynyg8i8W8Ud+GoySr4hAjJoW55kWMwSEFLX5MEX8CbdqGurkTLqHYLLpXPBSSnVEcw4stR+bFbKSc35rmBkWPA==
+"@gitlab/ui@21.4.2":
+  version "21.4.2"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-21.4.2.tgz#c3d36167ab4df49ce978e20bdd3790e716f5a2d1"
+  integrity sha512-p8ujeGvCG06Opn0eQlrwZyi9v9RK3T2V4TUcljTAUYDdm0p23qJjjIlFjfGHlQsNg0wRgnkbKFXfkZ/Oy8GyiQ==
  dependencies:
    "@babel/standalone" "^7.0.0"
    "@gitlab/vue-toasted" "^1.3.0"