@gitlab/ui 128.17.1 → 129.1.0

package/dist/components/charts/chart/chart.js

@@ -1,5 +1,5 @@
 import * as echarts from 'echarts';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { validRenderers, toolboxHeight, defaultWidth, defaultHeight } from '../../../utils/charts/config';
 import { themeName, createTheme } from '../../../utils/charts/theme';
 import { GlResizeObserverDirective } from '../../../directives/resize_observer/resize_observer';

package/dist/components/charts/column/column.js

@@ -1,4 +1,4 @@
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { yAxis, generateBarSeries, generateLineSeries, defaultChartOptions, gridWithSecondaryYAxis, grid, dataZoomAdjustments, mergeSeriesToOptions } from '../../../utils/charts/config';
 import { CHART_TYPE_LINE, HEIGHT_AUTO_CLASSES, CHART_DEFAULT_SERIES_STACK, CHART_DEFAULT_SERIES_SECONDARY_STACK } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';

package/dist/components/charts/discrete_scatter/discrete_scatter.js

@@ -1,4 +1,4 @@
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { defaultChartOptions, dataZoomAdjustments, mergeSeriesToOptions } from '../../../utils/charts/config';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';
 import { HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';

package/dist/components/charts/gauge/gauge.js

@@ -1,6 +1,4 @@
-import merge from 'lodash/merge';
-import uniq from 'lodash/uniq';
-import sortBy from 'lodash/sortBy';
+import { merge, uniq, sortBy } from 'lodash-es';
 import { gaugeSafeHues, gaugeWarningHue, gaugeNeutralHues } from '../../../utils/charts/theme';
 import Chart from '../chart/chart';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/charts/heatmap/heatmap.js

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

package/dist/components/charts/line/line.js

@@ -1,4 +1,4 @@
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { symbolSize, lineStyle, getThresholdConfig, generateAnnotationSeries, defaultChartOptions, dataZoomAdjustments, mergeSeriesToOptions, mergeAnnotationAxisToOptions, grid } from '../../../utils/charts/config';
 import { LEGEND_AVERAGE_TEXT, LEGEND_MAX_TEXT, LEGEND_MIN_TEXT, LEGEND_CURRENT_TEXT, LEGEND_LAYOUT_INLINE, LEGEND_LAYOUT_TABLE, HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';

package/dist/components/charts/sparkline/sparkline.js

@@ -1,5 +1,4 @@
-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 { defaultChartOptions, mergeSeriesToOptions, symbolSize } from '../../../utils/charts/config';

package/dist/components/charts/stacked_column/stacked_column.js

@@ -1,5 +1,4 @@
-import merge from 'lodash/merge';
-import groupBy from 'lodash/groupBy';
+import { merge, groupBy } from 'lodash-es';
 import { yAxis, generateBarSeries, generateLineSeries, gridWithSecondaryYAxis, grid, defaultChartOptions, dataZoomAdjustments, mergeSeriesToOptions } from '../../../utils/charts/config';
 import { LEGEND_AVERAGE_TEXT, LEGEND_MAX_TEXT, LEGEND_MIN_TEXT, LEGEND_CURRENT_TEXT, LEGEND_LAYOUT_INLINE, LEGEND_LAYOUT_TABLE, CHART_DEFAULT_SERIES_STACK, CHART_DEFAULT_SERIES_SECONDARY_STACK, CHART_TYPE_LINE, HEIGHT_AUTO_CLASSES } from '../../../utils/charts/constants';
 import { colorFromDefaultPalette } from '../../../utils/charts/theme';

package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js

@@ -1,5 +1,5 @@
 import { GridStack } from 'gridstack';
-import pickBy from 'lodash/pickBy';
+import { pickBy } from 'lodash-es';
 import { breakpoints } from '../../../../utils/breakpoints';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/dashboards/dashboard_panel/dashboard_panel.js

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

package/dist/components/dashboards/mock_data.js

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

package/dist/components/experimental/experiment_badge/experiment_badge.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlBadge from '../../base/badge/badge';
 import GlLink from '../../base/link/link';
 import GlPopover from '../../base/popover/popover';

package/dist/components/utilities/intersection_observer/intersection_observer.js

@@ -1,4 +1,4 @@
-import memoize from 'lodash/memoize';
+import { memoize } from 'lodash-es';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const getObserver = memoize(options => new IntersectionObserver(entries => {

package/dist/components/utilities/sprintf/sprintf.js

@@ -1,5 +1,4 @@
-import has from 'lodash/has';
-import isString from 'lodash/isString';
+import { isString, has } from 'lodash-es';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 /* eslint-disable no-continue */

package/dist/directives/hover_load/hover_load.js

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

package/dist/directives/resize_observer/resize_observer.js

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

package/dist/utils/charts/config.js

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

package/dist/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/dist/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/dist/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/dist/utils/use_mock_intersection_observer.js

@@ -1,4 +1,4 @@
-import isMatch from 'lodash/isMatch';
+import { isMatch } from 'lodash-es';
 
 /* global jest, beforeEach, afterEach */
 /* eslint-disable class-methods-use-this, max-classes-per-file */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "128.17.1",
+  "version": "129.1.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -70,7 +70,7 @@
     "echarts": "^5.6.0",
     "gridstack": "^12.4.2",
     "iframe-resizer": "^4.4.5",
-    "lodash": "^4.17.23",
+    "lodash-es": "^4.17.21",
     "popper.js": "^1.16.1",
     "portal-vue": "2.1.7",
     "vue-functional-data-merge": "^3.1.0",
@@ -88,7 +88,7 @@
     "chokidar": "^4.0.3",
     "sane": "^5.0.1",
     "jackspeak": "2.1.1",
-    "postcss": "8.5.6",
+    "postcss": "8.5.8",
     "json5": "2.2.3",
     "rollup-plugin-vue/@vue/component-compiler/postcss-modules-sync/generic-names/loader-utils": "3.3.1"
   },
@@ -149,7 +149,7 @@
     "pikaday": "^1.8.0",
     "playwright": "^1.58.2",
     "playwright-core": "^1.58.2",
-    "postcss": "8.5.6",
+    "postcss": "8.5.8",
     "postcss-loader": "8.2.1",
     "postcss-scss": "4.0.9",
     "react": "18.3.1",

package/src/components/base/accordion/accordion_item.vue

@@ -1,5 +1,5 @@
 <script>
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlCollapse from '../collapse/collapse.vue';
 import GlAnimatedChevronRightDownIcon from '../animated_icon/animated_chevron_right_down_icon.vue';
 import GlButton from '../button/button.vue';

package/src/components/base/avatar/avatar.vue

@@ -1,5 +1,5 @@
 <script>
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 import { avatarShapeOptions, avatarSizeOptions } from '../../../utils/constants';
 import { getAvatarChar } from '../../../utils/string_utils';
 import { avatarSizeValidator } from './utils';

package/src/components/base/avatar/utils.js

@@ -1,4 +1,4 @@
-import isNumber from 'lodash/isNumber';
+import { isNumber } from 'lodash-es';
 import { avatarSizeOptions } from '../../../utils/constants';
 
 export const avatarSizeValidator = (value) => {

package/src/components/base/avatars_inline/avatars_inline.vue

@@ -1,6 +1,5 @@
 <script>
-import truncate from 'lodash/truncate';
-import get from 'lodash/get';
+import { truncate, get } from 'lodash-es';
 import { avatarsInlineSizeOptions } from '../../../utils/constants';
 import GlAvatar from '../avatar/avatar.vue';
 import GlTooltip from '../tooltip/tooltip.vue';

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';
 
@@ -93,7 +92,8 @@ export default {
      * Value returned when this checkbox is checked.
      */
     value: {
-      type: [Array, Boolean, String],
+      // `value` prop can be any type
+      type: undefined,
       required: false,
       default: true,
     },
@@ -101,7 +101,8 @@ export default {
      * Value returned when this checkbox is unchecked. Note not applicable when multiple checkboxes bound to the same v-model array.
      */
     uncheckedValue: {
-      type: [Array, Boolean, String],
+      // `uncheckedValue` prop can be any type
+      type: undefined,
       required: false,
       default: false,
     },

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';