Migrate GlNewDropdownDivider to GlDropdownDivider

GitLab UI doesn't export `GlNewDropdownDivider` anymore, this updates
all imports to use `GlDropdownDivider` instead,
parent e1ec396e
<script> <script>
import { import {
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownHeader, GlNewDropdownHeader,
GlNewDropdownItem, GlNewDropdownItem,
GlLoadingIcon, GlLoadingIcon,
...@@ -18,7 +18,7 @@ const SEARCH_DEBOUNCE_MS = 250; ...@@ -18,7 +18,7 @@ const SEARCH_DEBOUNCE_MS = 250;
export default { export default {
components: { components: {
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownHeader, GlNewDropdownHeader,
GlNewDropdownItem, GlNewDropdownItem,
GlLoadingIcon, GlLoadingIcon,
...@@ -200,7 +200,7 @@ export default { ...@@ -200,7 +200,7 @@ export default {
<span class="text-center d-block">{{ $options.translations.selectMilestone }}</span> <span class="text-center d-block">{{ $options.translations.selectMilestone }}</span>
</gl-new-dropdown-header> </gl-new-dropdown-header>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-search-box-by-type <gl-search-box-by-type
ref="searchBox" ref="searchBox"
...@@ -217,17 +217,17 @@ export default { ...@@ -217,17 +217,17 @@ export default {
</span> </span>
</gl-new-dropdown-item> </gl-new-dropdown-item>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<template v-if="isLoading"> <template v-if="isLoading">
<gl-loading-icon /> <gl-loading-icon />
<gl-new-dropdown-divider /> <gl-dropdown-divider />
</template> </template>
<template v-else-if="noResults"> <template v-else-if="noResults">
<div class="dropdown-item-space"> <div class="dropdown-item-space">
<span ref="noResults" class="pl-4">{{ $options.translations.noResultsLabel }}</span> <span ref="noResults" class="pl-4">{{ $options.translations.noResultsLabel }}</span>
</div> </div>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
</template> </template>
<template v-else-if="dropdownItems.length"> <template v-else-if="dropdownItems.length">
<gl-new-dropdown-item <gl-new-dropdown-item
...@@ -240,7 +240,7 @@ export default { ...@@ -240,7 +240,7 @@ export default {
{{ item }} {{ item }}
</span> </span>
</gl-new-dropdown-item> </gl-new-dropdown-item>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
</template> </template>
<gl-new-dropdown-item v-for="(item, idx) in extraLinks" :key="idx" :href="item.url"> <gl-new-dropdown-item v-for="(item, idx) in extraLinks" :key="idx" :href="item.url">
......
...@@ -3,7 +3,7 @@ import { mapState, mapGetters, mapActions } from 'vuex'; ...@@ -3,7 +3,7 @@ import { mapState, mapGetters, mapActions } from 'vuex';
import { import {
GlDeprecatedButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownItem, GlNewDropdownItem,
GlModal, GlModal,
GlIcon, GlIcon,
...@@ -24,7 +24,7 @@ export default { ...@@ -24,7 +24,7 @@ export default {
components: { components: {
GlDeprecatedButton, GlDeprecatedButton,
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownItem, GlNewDropdownItem,
GlModal, GlModal,
GlIcon, GlIcon,
...@@ -268,7 +268,7 @@ export default { ...@@ -268,7 +268,7 @@ export default {
{{ selectedDashboard.starred ? $options.i18n.unstarDashboard : $options.i18n.starDashboard }} {{ selectedDashboard.starred ? $options.i18n.unstarDashboard : $options.i18n.starDashboard }}
</gl-new-dropdown-item> </gl-new-dropdown-item>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-new-dropdown-item <gl-new-dropdown-item
v-gl-modal="$options.modalIds.createDashboard" v-gl-modal="$options.modalIds.createDashboard"
......
...@@ -8,7 +8,7 @@ import { ...@@ -8,7 +8,7 @@ import {
GlLoadingIcon, GlLoadingIcon,
GlDropdown, GlDropdown,
GlNewDropdownItem as GlDropdownItem, GlNewDropdownItem as GlDropdownItem,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
GlModal, GlModal,
GlModalDirective, GlModalDirective,
GlSprintf, GlSprintf,
......
...@@ -5,7 +5,7 @@ import { ...@@ -5,7 +5,7 @@ import {
GlDropdown, GlDropdown,
GlNewDropdownItem, GlNewDropdownItem,
GlNewDropdownHeader, GlNewDropdownHeader,
GlNewDropdownDivider, GlDropdownDivider,
GlSearchBoxByType, GlSearchBoxByType,
GlModalDirective, GlModalDirective,
} from '@gitlab/ui'; } from '@gitlab/ui';
...@@ -20,7 +20,7 @@ export default { ...@@ -20,7 +20,7 @@ export default {
GlDropdown, GlDropdown,
GlNewDropdownItem, GlNewDropdownItem,
GlNewDropdownHeader, GlNewDropdownHeader,
GlNewDropdownDivider, GlDropdownDivider,
GlSearchBoxByType, GlSearchBoxByType,
}, },
directives: { directives: {
...@@ -101,7 +101,7 @@ export default { ...@@ -101,7 +101,7 @@ export default {
<gl-icon class="text-muted gl-flex-shrink-0 gl-ml-3 gl-align-self-center" name="star" /> <gl-icon class="text-muted gl-flex-shrink-0 gl-ml-3 gl-align-self-center" name="star" />
</div> </div>
</gl-new-dropdown-item> </gl-new-dropdown-item>
<gl-new-dropdown-divider <gl-dropdown-divider
v-if="starredDashboards.length && nonStarredDashboards.length" v-if="starredDashboards.length && nonStarredDashboards.length"
ref="starredListDivider" ref="starredListDivider"
/> />
......
...@@ -6,7 +6,7 @@ import { ...@@ -6,7 +6,7 @@ import {
GlButton, GlButton,
GlDropdown, GlDropdown,
GlNewDropdownItem, GlNewDropdownItem,
GlNewDropdownDivider, GlDropdownDivider,
GlTooltipDirective, GlTooltipDirective,
} from '@gitlab/ui'; } from '@gitlab/ui';
import { n__, __ } from '~/locale'; import { n__, __ } from '~/locale';
...@@ -50,7 +50,7 @@ export default { ...@@ -50,7 +50,7 @@ export default {
GlButton, GlButton,
GlDropdown, GlDropdown,
GlNewDropdownItem, GlNewDropdownItem,
GlNewDropdownDivider, GlDropdownDivider,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -164,7 +164,7 @@ export default { ...@@ -164,7 +164,7 @@ export default {
@click="removeRefreshInterval()" @click="removeRefreshInterval()"
>{{ __('Off') }}</gl-new-dropdown-item >{{ __('Off') }}</gl-new-dropdown-item
> >
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-new-dropdown-item <gl-new-dropdown-item
v-for="(option, i) in $options.refreshIntervals" v-for="(option, i) in $options.refreshIntervals"
:key="i" :key="i"
......
...@@ -6,7 +6,7 @@ import { ...@@ -6,7 +6,7 @@ import {
GlNewDropdownHeader, GlNewDropdownHeader,
GlNewDropdownItem, GlNewDropdownItem,
GlSearchBoxByType, GlSearchBoxByType,
GlNewDropdownDivider, GlDropdownDivider,
GlTooltipDirective, GlTooltipDirective,
} from '@gitlab/ui'; } from '@gitlab/ui';
import { redirectTo } from '~/lib/utils/url_utility'; import { redirectTo } from '~/lib/utils/url_utility';
...@@ -22,7 +22,7 @@ export default { ...@@ -22,7 +22,7 @@ export default {
GlNewDropdownHeader, GlNewDropdownHeader,
GlNewDropdownItem, GlNewDropdownItem,
GlSearchBoxByType, GlSearchBoxByType,
GlNewDropdownDivider, GlDropdownDivider,
}, },
directives: { directives: {
GlTooltip: GlTooltipDirective, GlTooltip: GlTooltipDirective,
...@@ -116,7 +116,7 @@ export default { ...@@ -116,7 +116,7 @@ export default {
<gl-new-dropdown-header> <gl-new-dropdown-header>
{{ __('Search by author') }} {{ __('Search by author') }}
</gl-new-dropdown-header> </gl-new-dropdown-header>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-search-box-by-type <gl-search-box-by-type
v-model.trim="authorInput" v-model.trim="authorInput"
class="gl-m-3" class="gl-m-3"
...@@ -126,7 +126,7 @@ export default { ...@@ -126,7 +126,7 @@ export default {
<gl-new-dropdown-item :is-checked="!currentAuthor" @click="selectAuthor(null)"> <gl-new-dropdown-item :is-checked="!currentAuthor" @click="selectAuthor(null)">
{{ __('Any Author') }} {{ __('Any Author') }}
</gl-new-dropdown-item> </gl-new-dropdown-item>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-new-dropdown-item <gl-new-dropdown-item
v-for="author in commitsAuthors" v-for="author in commitsAuthors"
:key="author.id" :key="author.id"
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { mapActions, mapGetters, mapState } from 'vuex'; import { mapActions, mapGetters, mapState } from 'vuex';
import { import {
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownHeader, GlNewDropdownHeader,
GlSearchBoxByType, GlSearchBoxByType,
GlSprintf, GlSprintf,
...@@ -19,7 +19,7 @@ export default { ...@@ -19,7 +19,7 @@ export default {
store: createStore(), store: createStore(),
components: { components: {
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownHeader, GlNewDropdownHeader,
GlSearchBoxByType, GlSearchBoxByType,
GlSprintf, GlSprintf,
...@@ -134,7 +134,7 @@ export default { ...@@ -134,7 +134,7 @@ export default {
<span class="gl-text-center gl-display-block">{{ i18n.dropdownHeader }}</span> <span class="gl-text-center gl-display-block">{{ i18n.dropdownHeader }}</span>
</gl-new-dropdown-header> </gl-new-dropdown-header>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-search-box-by-type <gl-search-box-by-type
ref="searchBox" ref="searchBox"
...@@ -175,7 +175,7 @@ export default { ...@@ -175,7 +175,7 @@ export default {
@selected="selectRef($event)" @selected="selectRef($event)"
/> />
<gl-new-dropdown-divider v-if="showTagsSection || showCommitsSection" /> <gl-dropdown-divider v-if="showTagsSection || showCommitsSection" />
</template> </template>
<template v-if="showTagsSection"> <template v-if="showTagsSection">
...@@ -190,7 +190,7 @@ export default { ...@@ -190,7 +190,7 @@ export default {
@selected="selectRef($event)" @selected="selectRef($event)"
/> />
<gl-new-dropdown-divider v-if="showCommitsSection" /> <gl-dropdown-divider v-if="showCommitsSection" />
</template> </template>
<template v-if="showCommitsSection"> <template v-if="showCommitsSection">
......
...@@ -3,7 +3,7 @@ import { ...@@ -3,7 +3,7 @@ import {
GlToken, GlToken,
GlFilteredSearchToken, GlFilteredSearchToken,
GlFilteredSearchSuggestion, GlFilteredSearchSuggestion,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
GlLoadingIcon, GlLoadingIcon,
} from '@gitlab/ui'; } from '@gitlab/ui';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { import {
GlFilteredSearchToken, GlFilteredSearchToken,
GlFilteredSearchSuggestion, GlFilteredSearchSuggestion,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
GlLoadingIcon, GlLoadingIcon,
} from '@gitlab/ui'; } from '@gitlab/ui';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
......
...@@ -4,7 +4,7 @@ import { ...@@ -4,7 +4,7 @@ import {
GlButton, GlButton,
GlDropdown, GlDropdown,
GlNewDropdownItem as GlDropdownItem, GlNewDropdownItem as GlDropdownItem,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
GlForm, GlForm,
GlFormInput, GlFormInput,
GlFormGroup, GlFormGroup,
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
import { debounce } from 'lodash'; import { debounce } from 'lodash';
import { import {
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownItem, GlNewDropdownItem,
GlIcon, GlIcon,
GlLoadingIcon, GlLoadingIcon,
...@@ -15,7 +15,7 @@ import { deprecatedCreateFlash as createFlash } from '~/flash'; ...@@ -15,7 +15,7 @@ import { deprecatedCreateFlash as createFlash } from '~/flash';
export default { export default {
components: { components: {
GlDropdown, GlDropdown,
GlNewDropdownDivider, GlDropdownDivider,
GlNewDropdownItem, GlNewDropdownItem,
GlSearchBoxByType, GlSearchBoxByType,
GlIcon, GlIcon,
...@@ -97,7 +97,7 @@ export default { ...@@ -97,7 +97,7 @@ export default {
<span ref="noResults" class="text-secondary gl-p-3"> <span ref="noResults" class="text-secondary gl-p-3">
{{ $options.translations.noMatchingResults }} {{ $options.translations.noMatchingResults }}
</span> </span>
<gl-new-dropdown-divider /> <gl-dropdown-divider />
<gl-new-dropdown-item @click="addEnvironment(environmentSearch)"> <gl-new-dropdown-item @click="addEnvironment(environmentSearch)">
{{ createEnvironmentLabel }} {{ createEnvironmentLabel }}
</gl-new-dropdown-item> </gl-new-dropdown-item>
......
...@@ -5,7 +5,7 @@ import { ...@@ -5,7 +5,7 @@ import {
GlSegmentedControl, GlSegmentedControl,
GlDropdown, GlDropdown,
GlNewDropdownItem as GlDropdownItem, GlNewDropdownItem as GlDropdownItem,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
} from '@gitlab/ui'; } from '@gitlab/ui';
import { __ } from '~/locale'; import { __ } from '~/locale';
......
...@@ -3,7 +3,7 @@ import { ...@@ -3,7 +3,7 @@ import {
GlFilteredSearchToken, GlFilteredSearchToken,
GlFilteredSearchTokenSegment, GlFilteredSearchTokenSegment,
GlFilteredSearchSuggestion, GlFilteredSearchSuggestion,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
} from '@gitlab/ui'; } from '@gitlab/ui';
import MockAdapter from 'axios-mock-adapter'; import MockAdapter from 'axios-mock-adapter';
import waitForPromises from 'helpers/wait_for_promises'; import waitForPromises from 'helpers/wait_for_promises';
......
...@@ -3,7 +3,7 @@ import { ...@@ -3,7 +3,7 @@ import {
GlFilteredSearchToken, GlFilteredSearchToken,
GlFilteredSearchSuggestion, GlFilteredSearchSuggestion,
GlFilteredSearchTokenSegment, GlFilteredSearchTokenSegment,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
} from '@gitlab/ui'; } from '@gitlab/ui';
import MockAdapter from 'axios-mock-adapter'; import MockAdapter from 'axios-mock-adapter';
import waitForPromises from 'helpers/wait_for_promises'; import waitForPromises from 'helpers/wait_for_promises';
......
...@@ -3,7 +3,7 @@ import { ...@@ -3,7 +3,7 @@ import {
GlFilteredSearchToken, GlFilteredSearchToken,
GlFilteredSearchSuggestion, GlFilteredSearchSuggestion,
GlFilteredSearchTokenSegment, GlFilteredSearchTokenSegment,
GlNewDropdownDivider as GlDropdownDivider, GlDropdownDivider,
} from '@gitlab/ui'; } from '@gitlab/ui';
import MockAdapter from 'axios-mock-adapter'; import MockAdapter from 'axios-mock-adapter';
import waitForPromises from 'helpers/wait_for_promises'; import waitForPromises from 'helpers/wait_for_promises';
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment