@gitlab/ui 129.0.0 → 129.1.0

package/src/components/base/breadcrumb/breadcrumb.vue

@@ -1,5 +1,5 @@
 <script>
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 import { translate } from '../../../utils/i18n';
 import GlAvatar from '../avatar/avatar.vue';
 import GlDisclosureDropdown from '../new_dropdowns/disclosure/disclosure_dropdown.vue';

package/src/components/base/datepicker/datepicker.vue

@@ -1,5 +1,5 @@
 <script>
-import isString from 'lodash/isString';
+import { isString } from 'lodash-es';
 import Pikaday from 'pikaday';
 import { defaultConfig } from '../../../config';
 import { defaultDateFormat, datepickerWidthOptionsMap } from '../../../utils/constants';

package/src/components/base/daterange_picker/daterange_picker.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 import { getDayDifference, getDateInPast, getDateInFuture } from '../../../utils/datetime_utility';
 import GlDatepicker from '../datepicker/datepicker.vue';

package/src/components/base/drawer/drawer.vue

@@ -1,5 +1,5 @@
 <script>
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'lodash-es';
 import { maxZIndex, drawerVariants } from '../../../utils/constants';
 import GlButton from '../button/button.vue';
 

package/src/components/base/dropdown/dropdown.vue

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/one-component-per-file -->
 <script>
 import Vue from 'vue';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { selectAll } from '../../../vendor/bootstrap-vue/src/utils/dom';
 import { BDropdown } from '../../../vendor/bootstrap-vue/src/components/dropdown/dropdown';
 import {

package/src/components/base/filtered_search/filtered_search.vue

@@ -1,6 +1,5 @@
 <script>
-import isEqual from 'lodash/isEqual';
-import cloneDeep from 'lodash/cloneDeep';
+import { isEqual, cloneDeep } from 'lodash-es';
 import { PortalTarget } from 'portal-vue';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 import { logWarning } from '../../../utils/utils';

package/src/components/base/filtered_search/filtered_search_token.vue

@@ -1,6 +1,5 @@
 <script>
-import cloneDeep from 'lodash/cloneDeep';
-import isEqual from 'lodash/isEqual';
+import { cloneDeep, isEqual } from 'lodash-es';
 import GlToken from '../token/token.vue';
 import { stopEvent } from '../../../utils/utils';
 import GlFilteredSearchTokenSegment from './filtered_search_token_segment.vue';

package/src/components/base/filtered_search/filtered_search_token_segment.vue

@@ -1,5 +1,5 @@
 <script>
-import last from 'lodash/last';
+import { last } from 'lodash-es';
 import { Portal } from 'portal-vue';
 import { LEFT_MOUSE_BUTTON } from '../../../utils/constants';
 import GlFilteredSearchSuggestion from './filtered_search_suggestion.vue';

package/src/components/base/filtered_search/filtered_search_utils.js

@@ -1,6 +1,4 @@
-import first from 'lodash/first';
-import last from 'lodash/last';
-import isString from 'lodash/isString';
+import { first, last, isString } from 'lodash-es';
 import { modulo } from '../../../utils/number_utils';
 
 export const TERM_TOKEN_TYPE = 'filtered-search-term';

package/src/components/base/form/form_character_count/form_character_count.vue

@@ -1,5 +1,5 @@
 <script>
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 
 export default {
   name: 'GlFormCharacterCount',

package/src/components/base/form/form_checkbox/form_checkbox.vue

@@ -1,6 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
-import isBoolean from 'lodash/isBoolean';
+import { uniqueId, isBoolean } from 'lodash-es';
 import { looseEqual } from '../../../../vendor/bootstrap-vue/src/utils/loose-equal';
 import { looseIndexOf } from '../../../../vendor/bootstrap-vue/src/utils/loose-index-of';
 

package/src/components/base/form/form_checkbox/form_checkbox_group.vue

@@ -1,8 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
-import isBoolean from 'lodash/isBoolean';
-import omit from 'lodash/omit';
-import pick from 'lodash/pick';
+import { uniqueId, isBoolean, omit, pick } from 'lodash-es';
 import { looseEqual } from '../../../../vendor/bootstrap-vue/src/utils/loose-equal';
 import { formOptionsMixin } from '../../../../vendor/bootstrap-vue/src/mixins/form-options';
 import { SafeHtmlDirective as SafeHtml } from '../../../../directives/safe_html/safe_html';

package/src/components/base/form/form_combobox/form_combobox.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 
 import GlDropdownItem from '../../dropdown/dropdown_item.vue';
 import GlDropdownDivider from '../../dropdown/dropdown_divider.vue';

package/src/components/base/form/form_date/form_date.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlFormInput from '../form_input/form_input.vue';
 
 export default {

package/src/components/base/form/form_fields/form_fields.vue

@@ -1,7 +1,5 @@
 <script>
-import isFunction from 'lodash/isFunction';
-import mapValues from 'lodash/mapValues';
-import uniqueId from 'lodash/uniqueId';
+import { isFunction, mapValues, uniqueId } from 'lodash-es';
 import GlFormGroup from '../form_group/form_group.vue';
 import GlFormInput from '../form_input/form_input.vue';
 import { setObjectProperty } from '../../../../utils/set_utils';

package/src/components/base/form/form_group/form_group.vue

@@ -1,7 +1,5 @@
 <script>
-import isString from 'lodash/isString';
-import isPlainObject from 'lodash/isPlainObject';
-import { uniqueId } from 'lodash';
+import { isString, isPlainObject, uniqueId } from 'lodash-es';
 import { BFormGroup } from '../../../../vendor/bootstrap-vue/src/components/form-group/form-group';
 
 export default {

package/src/components/base/form/form_input/form_input.vue

@@ -1,9 +1,5 @@
 <script>
-import isObject from 'lodash/isObject';
-import uniqueId from 'lodash/uniqueId';
-import isBoolean from 'lodash/isBoolean';
-import toInteger from 'lodash/toInteger';
-import toString from 'lodash/toString';
+import { isObject, uniqueId, isBoolean, toInteger, toString } from 'lodash-es';
 
 import { toFloat } from '../../../../utils/number_utils';
 import { isVisible, stopEvent } from '../../../../utils/utils';

package/src/components/base/form/form_select/form_select.vue

@@ -1,5 +1,5 @@
 <script>
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 import { BFormSelect } from '../../../../vendor/bootstrap-vue/src/components/form-select/form-select';
 import { formInputWidths } from '../../../../utils/constants';
 

package/src/components/base/form/form_textarea/form_textarea.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { BFormTextarea } from '../../../../vendor/bootstrap-vue/src/components/form-textarea/form-textarea';
 import GlFormCharacterCount from '../form_character_count/form_character_count.vue';
 

package/src/components/base/infinite_scroll/infinite_scroll.vue

@@ -1,5 +1,5 @@
 <script>
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 
 const throttleDuration = 1000;
 /**

package/src/components/base/link/link.vue

@@ -1,10 +1,5 @@
 <script>
-import isFunction from 'lodash/isFunction';
-import isString from 'lodash/isString';
-import isObject from 'lodash/isObject';
-import toString from 'lodash/toString';
-import isBoolean from 'lodash/isBoolean';
-import concat from 'lodash/concat';
+import { isFunction, isString, isObject, toString, isBoolean, concat } from 'lodash-es';
 import { SafeLinkDirective, isExternalURL } from '../../../directives/safe_link/safe_link';
 import { stopEvent } from '../../../utils/utils';
 import { isEvent } from '../../../vendor/bootstrap-vue/src/utils/inspect';

package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue

@@ -1,6 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
-import isBoolean from 'lodash/isBoolean';
+import { uniqueId, isBoolean } from 'lodash-es';
 import {
   arrow,
   computePosition,

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue

@@ -1,6 +1,5 @@
 <script>
-import clamp from 'lodash/clamp';
-import uniqueId from 'lodash/uniqueId';
+import { clamp, uniqueId } from 'lodash-es';
 import { stopEvent, filterVisible } from '../../../../utils/utils';
 import {
   GL_DROPDOWN_SHOWN,

package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlDisclosureDropdownItem from './disclosure_dropdown_item.vue';
 import { isGroup, doSomeItemsHaveIcon } from './utils';
 import {

package/src/components/base/new_dropdowns/disclosure/utils.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { DISCLOSURE_DROPDOWN_ITEM_NAME, DISCLOSURE_DROPDOWN_GROUP_NAME } from './constants';
 
 const itemValidator = (item) => item?.text?.length > 0 && !Array.isArray(item?.items);

package/src/components/base/new_dropdowns/listbox/listbox.vue

@@ -1,6 +1,5 @@
 <script>
-import clamp from 'lodash/clamp';
-import uniqueId from 'lodash/uniqueId';
+import { clamp, uniqueId } from 'lodash-es';
 import { stopEvent, logWarning } from '../../../../utils/utils';
 import {
   GL_DROPDOWN_SHOWN,

package/src/components/base/new_dropdowns/listbox/listbox_group.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 
 export default {
   name: 'GlListboxGroup',

package/src/components/base/new_dropdowns/listbox/utils.js

@@ -1,5 +1,4 @@
-import isNumber from 'lodash/isNumber';
-import isString from 'lodash/isString';
+import { isNumber, isString } from 'lodash-es';
 
 const isOption = (item) =>
   Boolean(item) && (isString(item.value) || isNumber(item.value) || item.value === null);

package/src/components/base/pagination/pagination.vue

@@ -1,7 +1,5 @@
 <script>
-import debounce from 'lodash/debounce';
-import isFunction from 'lodash/isFunction';
-import range from 'lodash/range';
+import { debounce, isFunction, range } from 'lodash-es';
 import { GlBreakpointInstance, breakpoints } from '../../../utils/breakpoints';
 import { alignOptions, resizeDebounceTime } from '../../../utils/constants';
 import { sprintf, translate } from '../../../utils/i18n';

package/src/components/base/path/path.vue

@@ -1,7 +1,6 @@
 <script>
 import iconSpriteInfo from '@gitlab/svgs/dist/icons.json';
-import uniqueId from 'lodash/uniqueId';
-import findLast from 'lodash/findLast';
+import { uniqueId, findLast } from 'lodash-es';
 import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';
 import GlIcon from '../icon/icon.vue';
 

package/src/components/base/skeleton_loader/skeleton_loader.vue

@@ -1,5 +1,5 @@
 <script>
-import range from 'lodash/range';
+import { range } from 'lodash-es';
 import { uid } from '../../../utils/utils';
 
 const DEFAULT_LINE_MAX_WIDTH = 235;

package/src/components/base/sorting/sorting.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 import GlButton from '../button/button.vue';
 import GlButtonGroup from '../button_group/button_group.vue';

package/src/components/base/tabs/tab/tab.vue

@@ -1,5 +1,5 @@
 <script>
-import isPlainObject from 'lodash/isPlainObject';
+import { isPlainObject } from 'lodash-es';
 import { BTab } from '../../../../vendor/bootstrap-vue/src/components/tabs/tab';
 import GlBadge from '../../badge/badge.vue';
 import { logWarning } from '../../../../utils/utils';

package/src/components/base/tabs/tabs/scrollable_tabs.vue

@@ -1,5 +1,5 @@
 <script>
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 import { GlResizeObserverDirective } from '../../../../directives/resize_observer/resize_observer';
 import GlIcon from '../../icon/icon.vue';
 import { translate } from '../../../../utils/i18n';

package/src/components/base/toast/toast.js

@@ -1,5 +1,5 @@
 /* eslint-disable import/no-default-export */
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 // eslint-disable-next-line no-restricted-imports
 import { ToastPlugin } from '../../../vendor/bootstrap-vue/src/components/toast/index';
 import CloseButton from '../../shared_components/close_button/close_button.vue';

package/src/components/base/toggle/toggle.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 
 import { toggleLabelPosition } from '../../../utils/constants';
 import GlIcon from '../icon/icon.vue';

package/src/components/base/token_selector/helpers.js

@@ -1,3 +1,3 @@
-import has from 'lodash/has';
+import { has } from 'lodash-es';
 
 export const tokensValidator = (tokens) => tokens.every((token) => has(token, 'id'));

package/src/components/base/token_selector/token_selector.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { tokensValidator } from './helpers';
 import GlTokenContainer from './token_container.vue';
 import GlTokenSelectorDropdown from './token_selector_dropdown.vue';

package/src/components/base/token_selector/token_selector_dropdown.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlDropdownItem from '../dropdown/dropdown_item.vue';
 import { tokensValidator } from './helpers';
 

package/src/components/charts/area/area.vue

@@ -15,7 +15,7 @@
  * we use a separate tooltip for data point and arrow.
  */
 
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import {
   defaultChartOptions,
   grid,

package/src/components/charts/bar/bar.vue

@@ -1,6 +1,5 @@
 <script>
-import merge from 'lodash/merge';
-import truncate from 'lodash/truncate';
+import { merge, truncate } from 'lodash-es';
 import { grid, dataZoomAdjustments, mergeSeriesToOptions } from '../../../utils/charts/config';
 import { CHART_DEFAULT_SERIES_STACK, HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';

package/src/components/charts/chart/chart.vue

@@ -1,6 +1,6 @@
 <script>
 import * as echarts from 'echarts';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import {
   defaultHeight,
   defaultWidth,

package/src/components/charts/column/column.vue

@@ -1,5 +1,5 @@
 <script>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import {
   defaultChartOptions,
   grid,

package/src/components/charts/discrete_scatter/discrete_scatter.vue

@@ -1,5 +1,5 @@
 <script>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import {
   defaultChartOptions,
   dataZoomAdjustments,

package/src/components/charts/gauge/gauge.vue

@@ -1,7 +1,5 @@
 <script>
-import merge from 'lodash/merge';
-import uniq from 'lodash/uniq';
-import sortBy from 'lodash/sortBy';
+import { merge, uniq, sortBy } from 'lodash-es';
 import { gaugeNeutralHues, gaugeSafeHues, gaugeWarningHue } from '../../../utils/charts/theme';
 import Chart from '../chart/chart.vue';
 

package/src/components/charts/heatmap/heatmap.vue

@@ -1,5 +1,5 @@
 <script>
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { GL_COLOR_NEUTRAL_0, GL_COLOR_NEUTRAL_100 } from '../../../tokens/build/js/tokens';
 import { getTooltipTitle, getTooltipContent } from '../../../utils/charts/config';
 import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';

package/src/components/charts/line/line.vue

@@ -17,7 +17,7 @@
  * we use a separate tooltip for data point and arrow.
  */
 
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import {
   defaultChartOptions,
   grid,

package/src/components/charts/sparkline/sparkline.vue

@@ -1,6 +1,5 @@
 <script>
-import merge from 'lodash/merge';
-import isNil from 'lodash/isNil';
+import { merge, isNil } from 'lodash-es';
 import { graphic } from 'echarts';
 import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';
 import {

package/src/components/charts/stacked_column/stacked_column.vue

@@ -1,6 +1,5 @@
 <script>
-import merge from 'lodash/merge';
-import groupBy from 'lodash/groupBy';
+import { merge, groupBy } from 'lodash-es';
 import {
   defaultChartOptions,
   grid,

package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue

@@ -1,6 +1,6 @@
 <script>
 import { GridStack } from 'gridstack';
-import pickBy from 'lodash/pickBy';
+import { pickBy } from 'lodash-es';
 import { breakpoints } from '../../../../utils/breakpoints';
 
 const CURSOR_GRABBING_CLASS = '!gl-cursor-grabbing';

package/src/components/dashboards/dashboard_panel/dashboard_panel.vue

@@ -1,6 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
-import isObject from 'lodash/isObject';
+import { uniqueId, isObject } from 'lodash-es';
 import GlDisclosureDropdown from '../../base/new_dropdowns/disclosure/disclosure_dropdown.vue';
 import GlIcon from '../../base/icon/icon.vue';
 import GlLoadingIcon from '../../base/loading_icon/loading_icon.vue';

package/src/components/dashboards/mock_data.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 
 export const getUniquePanelId = () => uniqueId('panel-');
 

package/src/components/experimental/experiment_badge/experiment_badge.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlBadge from '../../base/badge/badge.vue';
 import GlLink from '../../base/link/link.vue';
 import GlPopover from '../../base/popover/popover.vue';

package/src/components/utilities/intersection_observer/intersection_observer.vue

@@ -1,5 +1,5 @@
 <script>
-import memoize from 'lodash/memoize';
+import { memoize } from 'lodash-es';
 
 const getObserver = memoize(
   (options) =>

package/src/components/utilities/sprintf/sprintf.vue

@@ -1,7 +1,6 @@
 <script>
 /* eslint-disable no-continue */
-import has from 'lodash/has';
-import isString from 'lodash/isString';
+import { has, isString } from 'lodash-es';
 
 const PREFIX = '%{';
 const SUFFIX = '}';

package/src/directives/hover_load/hover_load.js

@@ -1,4 +1,4 @@
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 export const DELAY_ON_HOVER = 100;
 let mouseOverTimer;

package/src/directives/resize_observer/resize_observer.js

@@ -1,4 +1,4 @@
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 
 let observer = null;
 

package/src/utils/charts/config.js

@@ -1,5 +1,4 @@
-import castArray from 'lodash/castArray';
-import merge from 'lodash/merge';
+import { castArray, merge } from 'lodash-es';
 import { BLUE_500 } from '../../tokens/build/js/tokens';
 import { GlBreakpointInstance } from '../breakpoints';
 import { areDatesEqual } from '../datetime_utility';

package/src/utils/charts/story_config.js

@@ -1,4 +1,4 @@
-import times from 'lodash/times';
+import { times } from 'lodash-es';
 import { SERIES_NAME, SERIES_NAME_SHORT } from '../stories_constants';
 import { colorFromDefaultPalette } from './theme';
 

package/src/utils/i18n.js

@@ -1,4 +1,4 @@
-import escape from 'lodash/escape';
+import { escape } from 'lodash-es';
 import { i18n } from '../config';
 
 const defaultPluralHandler = (n, singleValue, pluralValue) => {

package/src/utils/set_utils.js

@@ -1,4 +1,4 @@
-import isObject from 'lodash/isObject';
+import { isObject } from 'lodash-es';
 
 /**
  * Purpose is a substitute of Vue.set but with preserving reactivity

package/src/utils/use_mock_intersection_observer.js

@@ -1,6 +1,6 @@
 /* global jest, beforeEach, afterEach */
 /* eslint-disable class-methods-use-this, max-classes-per-file */
-import isMatch from 'lodash/isMatch';
+import { isMatch } from 'lodash-es';
 
 /**
  * This class gives us a JSDom friendly DOM observer which we can manually trigger in tests

package/tailwind.defaults.js

@@ -1,4 +1,4 @@
-const { range, round } = require('lodash');
+const { range, round } = require('lodash-es');
 const plugin = require('tailwindcss/plugin');
 const { tailwindCQsMQsPlugin } = require('./tailwind_cqs_mqs_plugin');
 const {