Merge branch 'renovate/gitlab-uisvg' into 'master'

Update dependency @gitlab/ui to v32.11.0 See merge request gitlab-org/gitlab!70543

Merge branch 'renovate/gitlab-uisvg' into 'master'
Update dependency @gitlab/ui to v32.11.0 See merge request gitlab-org/gitlab!70543
5a6ffdb7 · Olena Horal-Koretska · 99e7e889 · b5f5ff3d · 5a6ffdb7 · 5a6ffdb7
Commit 5a6ffdb7 authored Sep 17, 2021 by Olena Horal-Koretska
18 changed files
--- a/ee/spec/frontend/analytics/cycle_analytics/components/__snapshots__/labels_selector_spec.js.snap
+++ b/ee/spec/frontend/analytics/cycle_analytics/components/__snapshots__/labels_selector_spec.js.snap
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 exports[`Value Stream Analytics LabelsSelector with no item selected will render the label selector 1`] = `
-"<gl-dropdown-stub headertext=\\"\\" hideheaderborder=\\"true\\" clearalltext=\\"Clear all\\" text=\\"\\" category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" toggleclass=\\"gl-overflow-hidden\\" class=\\"gl-w-full\\">
+"<gl-dropdown-stub headertext=\\"\\" hideheaderborder=\\"true\\" clearalltext=\\"Clear all\\" text=\\"\\" showhighlighteditemstitle=\\"true\\" highlighteditemstitle=\\"Selected\\" highlighteditemstitleclass=\\"gl-px-5\\" category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" toggleclass=\\"gl-overflow-hidden\\" class=\\"gl-w-full\\">
  <gl-dropdown-section-header-stub>Select a label </gl-dropdown-section-header-stub>
  <div class=\\"mb-3 px-3\\">
    <gl-search-box-by-type-stub value=\\"\\" clearbuttontitle=\\"Clear\\"></gl-search-box-by-type-stub>
@@ -30,7 +30,7 @@ exports[`Value Stream Analytics LabelsSelector with no item selected will render
 `;
 exports[`Value Stream Analytics LabelsSelector with selectedLabelIds set will render the label selector 1`] = `
-"<gl-dropdown-stub headertext=\\"\\" hideheaderborder=\\"true\\" clearalltext=\\"Clear all\\" text=\\"\\" category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" toggleclass=\\"gl-overflow-hidden\\" class=\\"gl-w-full\\">
+"<gl-dropdown-stub headertext=\\"\\" hideheaderborder=\\"true\\" clearalltext=\\"Clear all\\" text=\\"\\" showhighlighteditemstitle=\\"true\\" highlighteditemstitle=\\"Selected\\" highlighteditemstitleclass=\\"gl-px-5\\" category=\\"primary\\" variant=\\"default\\" size=\\"medium\\" toggleclass=\\"gl-overflow-hidden\\" class=\\"gl-w-full\\">
  <gl-dropdown-section-header-stub>Select a label </gl-dropdown-section-header-stub>
  <div class=\\"mb-3 px-3\\">
    <gl-search-box-by-type-stub value=\\"\\" clearbuttontitle=\\"Clear\\"></gl-search-box-by-type-stub>

--- a/ee/spec/frontend/analytics/productivity_analytics/components/__snapshots__/metric_chart_spec.js.snap
+++ b/ee/spec/frontend/analytics/productivity_analytics/components/__snapshots__/metric_chart_spec.js.snap
@@ -28,7 +28,10 @@ exports[`MetricChart component template when isLoading is false and chartData is
    clearalltext="Clear all"
    headertext=""
    hideheaderborder="true"
+    highlighteditemstitle="Selected"
+    highlighteditemstitleclass="gl-px-5"
    menu-class="w-100 mw-100"
+    showhighlighteditemstitle="true"
    size="medium"
    text="Please select a metric"
    toggleclass="dropdown-menu-toggle w-100"

--- a/ee/spec/frontend/analytics/productivity_analytics/components/__snapshots__/mr_table_spec.js.snap
+++ b/ee/spec/frontend/analytics/productivity_analytics/components/__snapshots__/mr_table_spec.js.snap
@@ -42,7 +42,10 @@ exports[`MergeRequestTable component matches the snapshot 1`] = `
              clearalltext="Clear all"
              headertext=""
              hideheaderborder="true"
+              highlighteditemstitle="Selected"
+              highlighteditemstitleclass="gl-px-5"
              menu-class="w-100 mw-100"
+              showhighlighteditemstitle="true"
              size="medium"
              text="Time from first comment to last commit"
              toggleclass="dropdown-menu-toggle w-100"

--- 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
@@ -55,7 +55,10 @@ exports[`Project Header matches the snapshot 1`] = `
      clearalltext="Clear all"
      headertext=""
      hideheaderborder="true"
+      highlighteditemstitle="Selected"
+      highlighteditemstitleclass="gl-px-5"
      right="true"
+      showhighlighteditemstitle="true"
      size="medium"
      text=""
      toggleclass="js-more-actions-toggle gl-display-flex gl-align-items-center gl-px-3! gl-bg-transparent gl-shadow-none!"

--- a/ee/spec/frontend/on_demand_scans/components/profile_selector/__snapshots__/scanner_profile_selector_spec.js.snap
+++ b/ee/spec/frontend/on_demand_scans/components/profile_selector/__snapshots__/scanner_profile_selector_spec.js.snap
@@ -120,11 +120,26 @@ exports[`OnDemandScansScannerProfileSelector renders properly with profiles 1`]
                </div>
              </div>
+              <div
+                class="gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center gl-px-5"
+              >
+                <div
+                  class="gl-display-flex"
+                >
+                  <!---->
+                </div>
+                <div
+                  class="gl-display-flex"
+                >
                  <!---->
+                </div>
+              </div>
              <div
                class="gl-new-dropdown-contents"
              >
+                <!---->
                <li
                  class="gl-new-dropdown-item"

--- a/ee/spec/frontend/on_demand_scans/components/profile_selector/__snapshots__/site_profile_selector_spec.js.snap
+++ b/ee/spec/frontend/on_demand_scans/components/profile_selector/__snapshots__/site_profile_selector_spec.js.snap
@@ -120,11 +120,26 @@ exports[`OnDemandScansSiteProfileSelector renders properly with profiles 1`] = `
                </div>
              </div>
+              <div
+                class="gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center gl-px-5"
+              >
+                <div
+                  class="gl-display-flex"
+                >
+                  <!---->
+                </div>
+                <div
+                  class="gl-display-flex"
+                >
                  <!---->
+                </div>
+              </div>
              <div
                class="gl-new-dropdown-contents"
              >
+                <!---->
                <li
                  class="gl-new-dropdown-item"

--- a/ee/spec/frontend/sidebar/components/__snapshots__/iteration_dropdown_spec.js.snap
+++ b/ee/spec/frontend/sidebar/components/__snapshots__/iteration_dropdown_spec.js.snap
@@ -7,6 +7,9 @@ exports[`IterationDropdown default shows gl-dropdown 1`] = `
  clearalltext="Clear all"
  headertext=""
  hideheaderborder="true"
+  highlighteditemstitle="Selected"
+  highlighteditemstitleclass="gl-px-5"
+  showhighlighteditemstitle="true"
  size="medium"
  text="Select iteration"
  variant="default"

--- a/package.json
+++ b/package.json
@@ -57,7 +57,7 @@
    "@gitlab/favicon-overlay": "2.0.0",
    "@gitlab/svgs": "1.212.0",
    "@gitlab/tributejs": "1.0.0",
-    "@gitlab/ui": "32.10.2",
+    "@gitlab/ui": "32.11.0",
    "@gitlab/visual-review-tools": "1.6.1",
    "@rails/actioncable": "6.1.3-2",
    "@rails/ujs": "6.1.3-2",

--- a/spec/frontend/alerts_settings/components/__snapshots__/alerts_form_spec.js.snap
+++ b/spec/frontend/alerts_settings/components/__snapshots__/alerts_form_spec.js.snap
@@ -55,7 +55,10 @@ exports[`Alert integration settings form default state should match the default
        data-qa-selector="incident_templates_dropdown"
        headertext=""
        hideheaderborder="true"
+        highlighteditemstitle="Selected"
+        highlighteditemstitleclass="gl-px-5"
        id="alert-integration-settings-issue-template"
+        showhighlighteditemstitle="true"
        size="medium"
        text="selecte_tmpl"
        variant="default"

--- a/spec/frontend/clusters/components/__snapshots__/remove_cluster_confirmation_spec.js.snap
+++ b/spec/frontend/clusters/components/__snapshots__/remove_cluster_confirmation_spec.js.snap
@@ -46,11 +46,27 @@ exports[`Remove cluster confirmation modal renders splitbutton with modal includ
      >
        <!---->
+        <div
+          class="gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center gl-px-5"
+        >
+          <div
+            class="gl-display-flex"
+          >
            <!---->
+          </div>
+          <div
+            class="gl-display-flex"
+          >
+            <!---->
+          </div>
+        </div>
        <div
          class="gl-new-dropdown-contents"
        >
+          <!---->
          <li
            class="gl-new-dropdown-item"
            role="presentation"

--- a/spec/frontend/content_editor/components/__snapshots__/toolbar_link_button_spec.js.snap
+++ b/spec/frontend/content_editor/components/__snapshots__/toolbar_link_button_spec.js.snap
@@ -11,8 +11,16 @@ exports[`content_editor/components/toolbar_link_button renders dropdown componen
  <ul role=\\"menu\\" tabindex=\\"-1\\" class=\\"dropdown-menu\\">
    <div class=\\"gl-new-dropdown-inner\\">
      <!---->
+      <div class=\\"gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center gl-px-5\\">
+        <div class=\\"gl-display-flex\\">
          <!---->
+        </div>
+        <div class=\\"gl-display-flex\\">
+          <!---->
+        </div>
+      </div>
      <div class=\\"gl-new-dropdown-contents\\">
+        <!---->
        <li role=\\"presentation\\" class=\\"gl-px-3!\\">
          <form tabindex=\\"-1\\" class=\\"b-dropdown-form gl-p-0\\">
            <div placeholder=\\"Link URL\\">

--- a/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap
+++ b/spec/frontend/design_management/components/upload/__snapshots__/design_version_dropdown_spec.js.snap
@@ -6,8 +6,11 @@ exports[`Design management design version dropdown component renders design vers
  clearalltext="Clear all"
  headertext=""
  hideheaderborder="true"
+  highlighteditemstitle="Selected"
+  highlighteditemstitleclass="gl-px-5"
  issueiid=""
  projectpath=""
+  showhighlighteditemstitle="true"
  size="small"
  text="Showing latest version"
  variant="default"
@@ -84,8 +87,11 @@ exports[`Design management design version dropdown component renders design vers
  clearalltext="Clear all"
  headertext=""
  hideheaderborder="true"
+  highlighteditemstitle="Selected"
+  highlighteditemstitleclass="gl-px-5"
  issueiid=""
  projectpath=""
+  showhighlighteditemstitle="true"
  size="small"
  text="Showing latest version"
  variant="default"

--- a/spec/frontend/jira_import/components/__snapshots__/jira_import_form_spec.js.snap
+++ b/spec/frontend/jira_import/components/__snapshots__/jira_import_form_spec.js.snap
@@ -127,11 +127,27 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
            >
              <!---->
+              <div
+                class="gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center gl-px-5"
+              >
+                <div
+                  class="gl-display-flex"
+                >
                  <!---->
+                </div>
+                <div
+                  class="gl-display-flex"
+                >
+                  <!---->
+                </div>
+              </div>
              <div
                class="gl-new-dropdown-contents"
              >
+                <!---->
                <div
                  class="gl-search-box-by-type"
                >
@@ -256,11 +272,27 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
            >
              <!---->
+              <div
+                class="gl-display-flex gl-flex-direction-row gl-justify-content-space-between gl-align-items-center gl-px-5"
+              >
+                <div
+                  class="gl-display-flex"
+                >
                  <!---->
+                </div>
+                <div
+                  class="gl-display-flex"
+                >
+                  <!---->
+                </div>
+              </div>
              <div
                class="gl-new-dropdown-contents"
              >
+                <!---->
                <div
                  class="gl-search-box-by-type"
                >

--- a/spec/frontend/monitoring/components/__snapshots__/dashboard_template_spec.js.snap
+++ b/spec/frontend/monitoring/components/__snapshots__/dashboard_template_spec.js.snap
@@ -40,8 +40,11 @@ exports[`Dashboard template matches the default snapshot 1`] = `
        data-qa-selector="environments_dropdown"
        headertext=""
        hideheaderborder="true"
+        highlighteditemstitle="Selected"
+        highlighteditemstitleclass="gl-px-5"
        id="monitor-environments-dropdown"
        menu-class="monitor-environment-dropdown-menu"
+        showhighlighteditemstitle="true"
        size="medium"
        text="production"
        toggleclass="dropdown-menu-toggle"

--- a/spec/frontend/pages/projects/graphs/__snapshots__/code_coverage_spec.js.snap
+++ b/spec/frontend/pages/projects/graphs/__snapshots__/code_coverage_spec.js.snap
@@ -14,6 +14,9 @@ exports[`Code Coverage when fetching data is successful matches the snapshot 1`]
      clearalltext="Clear all"
      headertext=""
      hideheaderborder="true"
+      highlighteditemstitle="Selected"
+      highlighteditemstitleclass="gl-px-5"
+      showhighlighteditemstitle="true"
      size="medium"
      text="rspec"
      variant="default"

--- a/spec/frontend/vue_shared/components/__snapshots__/clone_dropdown_spec.js.snap
+++ b/spec/frontend/vue_shared/components/__snapshots__/clone_dropdown_spec.js.snap
@@ -6,7 +6,10 @@ exports[`Clone Dropdown Button rendering matches the snapshot 1`] = `
  clearalltext="Clear all"
  headertext=""
  hideheaderborder="true"
+  highlighteditemstitle="Selected"
+  highlighteditemstitleclass="gl-px-5"
  right="true"
+  showhighlighteditemstitle="true"
  size="medium"
  text="Clone"
  variant="info"

--- a/spec/frontend/vue_shared/components/__snapshots__/split_button_spec.js.snap
+++ b/spec/frontend/vue_shared/components/__snapshots__/split_button_spec.js.snap
@@ -6,7 +6,10 @@ exports[`SplitButton renders actionItems 1`] = `
  clearalltext="Clear all"
  headertext=""
  hideheaderborder="true"
+  highlighteditemstitle="Selected"
+  highlighteditemstitleclass="gl-px-5"
  menu-class=""
+  showhighlighteditemstitle="true"
  size="medium"
  split="true"
  text="professor"

--- a/yarn.lock
+++ b/yarn.lock
@@ -974,15 +974,15 @@
  resolved "https://registry.yarnpkg.com/@gitlab/tributejs/-/tributejs-1.0.0.tgz#672befa222aeffc83e7d799b0500a7a4418e59b8"
  integrity sha512-nmKw1+hB6MHvlmPz63yPwVs1qQkycHwsKgxpEbzmky16Y6mL4EJMk3w1b8QlOAF/AIAzjCERPhe/R4MJiohbZw==
-"@gitlab/ui@32.10.2":
+"@gitlab/ui@32.11.0":
-  version "32.10.2"
+  version "32.11.0"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-32.10.2.tgz#d663faaddd5aecf52e7e97b598dfb71a14da60c5"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-32.11.0.tgz#8c4a1724c1733a243f96e4a4813ae7f348502ba6"
-  integrity sha512-WJEVktJjwUoTrR9z8xa3gx73dWwLTq+wsXYH0mfRWzkXHnvjdDp3h8cYj3s1NZ0eAPQ6yVrkvYrTTgLVHZgSbA==
+  integrity sha512-EqP5Ub/IWEi5ErX0txx5vsd6hF7d7dOT5GqaRX6rVaLsUhWLYQZ8ld2yEl5Hx7FLki1t3uag17KII5FcvRTDLg==
  dependencies:
    "@babel/standalone" "^7.0.0"
    bootstrap-vue "2.18.1"
    copy-to-clipboard "^3.0.8"
-    dompurify "^2.3.1"
+    dompurify "^2.3.2"
    echarts "^4.9.0"
    highlight.js "^10.6.0"
    js-beautify "^1.8.8"
@@ -4675,7 +4675,7 @@ dompurify@2.3.0:
  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.3.0.tgz#07bb39515e491588e5756b1d3e8375b5964814e2"
  integrity sha512-VV5C6Kr53YVHGOBKO/F86OYX6/iLTw2yVSI721gKetxpHCK/V5TaLEf9ODjRgl1KLSWRMY6cUhAbv/c+IUnwQw==
-dompurify@^2.3.1, dompurify@^2.3.2:
+dompurify@^2.3.2:
  version "2.3.2"
  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.3.2.tgz#c773efa410abb5c087c7caf44934fefa448f6e60"
  integrity sha512-jXJnvWloI+scD+N5uBikpUMsYXZb0LCAXxLFAOLS5duCzKfXLqBCpuINvFOiI4eJgTLggrngljT18HNoakHUsA==