@gitlab/ui 128.17.1 → 129.1.0

package/dist/components/base/accordion/accordion_item.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlCollapse from '../collapse/collapse';
 import GlAnimatedChevronRightDownIcon from '../animated_icon/animated_chevron_right_down_icon';
 import GlButton from '../button/button';

package/dist/components/base/avatar/avatar.js

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

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

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

package/dist/components/base/avatars_inline/avatars_inline.js

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

package/dist/components/base/breadcrumb/breadcrumb.js

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

package/dist/components/base/datepicker/datepicker.js

@@ -1,4 +1,4 @@
-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/dist/components/base/daterange_picker/daterange_picker.js

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

package/dist/components/base/drawer/drawer.js

@@ -1,4 +1,4 @@
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'lodash-es';
 import { maxZIndex, drawerVariants } from '../../../utils/constants';
 import GlButton from '../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/dropdown/dropdown.js

@@ -1,5 +1,5 @@
 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 { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions } from '../../../utils/constants';

package/dist/components/base/filtered_search/filtered_search.js

@@ -1,5 +1,4 @@
-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/dist/components/base/filtered_search/filtered_search_token.js

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

package/dist/components/base/filtered_search/filtered_search_token_segment.js

@@ -1,4 +1,4 @@
-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';

package/dist/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';
 
 const TERM_TOKEN_TYPE = 'filtered-search-term';

package/dist/components/base/form/form_character_count/form_character_count.js

@@ -1,4 +1,4 @@
-import debounce from 'lodash/debounce';
+import { debounce } from 'lodash-es';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

package/dist/components/base/form/form_checkbox/form_checkbox.js

@@ -1,5 +1,4 @@
-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';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -93,7 +92,8 @@ var script = {
      * 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 @@ var script = {
      * 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/dist/components/base/form/form_checkbox/form_checkbox_group.js

@@ -1,7 +1,4 @@
-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 } from '../../../../directives/safe_html/safe_html';

package/dist/components/base/form/form_combobox/form_combobox.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlDropdownItem from '../../dropdown/dropdown_item';
 import GlDropdownDivider from '../../dropdown/dropdown_divider';
 import GlFormGroup from '../form_group/form_group';

package/dist/components/base/form/form_date/form_date.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlFormInput from '../form_input/form_input';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/form/form_fields/form_fields.js

@@ -1,6 +1,4 @@
-import isFunction from 'lodash/isFunction';
-import mapValues from 'lodash/mapValues';
-import uniqueId from 'lodash/uniqueId';
+import { mapValues, isFunction, uniqueId } from 'lodash-es';
 import GlFormGroup from '../form_group/form_group';
 import GlFormInput from '../form_input/form_input';
 import { setObjectProperty } from '../../../../utils/set_utils';

package/dist/components/base/form/form_group/form_group.js

@@ -1,6 +1,4 @@
-import isString from 'lodash/isString';
-import isPlainObject from 'lodash/isPlainObject';
-import { uniqueId } from 'lodash';
+import { uniqueId, isString, isPlainObject } from 'lodash-es';
 import { BFormGroup } from '../../../../vendor/bootstrap-vue/src/components/form-group/form-group';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/form/form_input/form_input.js

@@ -1,8 +1,4 @@
-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, toString, isBoolean, toInteger, uniqueId } from 'lodash-es';
 import { toFloat } from '../../../../utils/number_utils';
 import { stopEvent, isVisible } from '../../../../utils/utils';
 import { formInputWidths } from '../../../../utils/constants';

package/dist/components/base/form/form_radio/form_radio.js

@@ -1,27 +1,225 @@
-import { BFormRadio } from '../../../../vendor/bootstrap-vue/src/components/form-radio/form-radio';
+import uniqueId from 'lodash/uniqueId';
+import isBoolean from 'lodash/isBoolean';
+import { looseEqual } from '../../../../vendor/bootstrap-vue/src/utils/loose-equal';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
-const {
-  model
-} = BFormRadio.options;
 var script = {
   name: 'GlFormRadio',
-  components: {
-    BFormRadio
+  inject: {
+    getGroup: {
+      // When we remove BFormRadioGroup from GlFormRadioGroup, we can rename
+      // the `getBvRadioGroup` provide to `getRadioGroup`.
+      from: 'getBvRadioGroup',
+      default: () => () => null
+    }
   },
   inheritAttrs: false,
   model: {
-    prop: model.prop,
-    event: model.event
+    prop: 'checked',
+    event: 'input'
   },
   props: {
     /**
-     * Whether the radio is checked
+     * Used to set the `id` attribute on the rendered content, and used as the base to generate any additional element IDs as needed.
+     */
+    id: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    /**
+     * The current value of the radio. When bound to multiple radios, this is the value of the currently selected radio.
      */
     checked: {
-      type: [String, Number, Boolean, Object],
+      // `checked` prop can be any type
+      type: undefined,
+      required: false,
+      default: null
+    },
+    /**
+     * When set to `true`, disables the component's functionality and places it in a disabled state.
+     */
+    disabled: {
+      type: Boolean,
       required: false,
       default: false
+    },
+    /**
+     * Sets the value of the `name` attribute on the form control.
+     */
+    name: {
+      type: String,
+      required: false,
+      default: undefined
+    },
+    /**
+     * Adds the `required` attribute to the form control.
+     */
+    required: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    /**
+     * Controls the validation state appearance of the component. `true` for valid, `false` for invalid, or `null` for no validation state.
+     */
+    state: {
+      type: Boolean,
+      required: false,
+      default: null
+    },
+    /**
+     * Value returned when this radio is selected.
+     */
+    value: {
+      // `value` prop can be any type
+      type: undefined,
+      required: false,
+      default: true
+    }
+  },
+  data() {
+    const group = this.getGroup();
+    return {
+      internalId: this.id ? this.id : uniqueId('gitlab_ui_radio_'),
+      localChecked: group ? group.checked : this.checked
+    };
+  },
+  computed: {
+    computedLocalChecked: {
+      get() {
+        return this.isGroup ? this.group.localChecked : this.localChecked;
+      },
+      set(value) {
+        if (this.isGroup) {
+          this.group.localChecked = value;
+        } else {
+          this.localChecked = value;
+        }
+      }
+    },
+    group() {
+      return this.getGroup();
+    },
+    isGroup() {
+      // Is this radio a child of radio-group?
+      return Boolean(this.group);
+    },
+    computedState() {
+      if (this.isGroup) return this.group.computedState;
+      return isBoolean(this.state) ? this.state : null;
+    },
+    stateClass() {
+      if (this.computedState === true) return 'is-valid';
+      if (this.computedState === false) return 'is-invalid';
+      return null;
+    },
+    computedAriaInvalid() {
+      return this.computedState === false ? 'true' : null;
+    },
+    isChecked() {
+      return looseEqual(this.computedLocalChecked, this.value);
+    },
+    isDisabled() {
+      // Child can be disabled while parent isn't, but is always disabled if group is
+      return this.isGroup ? this.group.disabled || this.disabled : this.disabled;
+    },
+    isRequired() {
+      // Required only works when a name is provided for the input(s)
+      // Child can only be required when parent is
+      // Groups will always have a name (either user supplied or auto generated)
+      return this.computedName && (this.isGroup ? this.group.required : this.required);
+    },
+    computedName() {
+      // Group name preferred over local name
+      return (this.isGroup ? this.group.groupName : this.name) || null;
+    },
+    computedAttrs() {
+      const {
+        isDisabled: disabled,
+        isRequired: required,
+        value,
+        isChecked: checked
+      } = this;
+      return {
+        ...this.$attrs,
+        id: this.internalId,
+        name: this.computedName,
+        disabled,
+        required,
+        value,
+        checked,
+        'aria-required': required || null,
+        'aria-invalid': this.computedAriaInvalid
+      };
+    }
+  },
+  watch: {
+    checked() {
+      this.checkedWatcher(...arguments);
+    },
+    computedLocalChecked() {
+      this.computedLocalCheckedWatcher(...arguments);
+    }
+  },
+  methods: {
+    checkedWatcher(newValue) {
+      if (!looseEqual(newValue, this.computedLocalChecked)) {
+        this.computedLocalChecked = newValue;
+      }
+    },
+    computedLocalCheckedWatcher(newValue, oldValue) {
+      if (!looseEqual(newValue, oldValue)) {
+        /**
+         * Emitted when the selected value is changed
+         *
+         * @event input
+         * @type {boolean} current selected value of radio group
+         */
+        this.$emit('input', newValue);
+      }
+    },
+    handleChange() {
+      const {
+        value
+      } = this;
+
+      // Update `computedLocalChecked`
+      this.computedLocalChecked = value;
+
+      // Fire events in a `$nextTick()` to ensure the `v-model` is updated
+      this.$nextTick(() => {
+        /**
+         * Emitted when the selected value is changed due to user interaction
+         *
+         * @event change
+         * @type {boolean} current selected value of radio group
+         */
+        this.$emit('change', value);
+
+        // If this is a child of a group, we emit a change event on it as well
+        if (this.isGroup) {
+          /**
+           * Emitted when the selected value is changed due to user interaction
+           *
+           * @event change
+           * @type {boolean} current selected value of radio group
+           */
+          this.group.$emit('change', value);
+        }
+      });
+    },
+    focus() {
+      if (!this.disabled) {
+        var _this$$refs$input;
+        (_this$$refs$input = this.$refs.input) === null || _this$$refs$input === void 0 ? void 0 : _this$$refs$input.focus();
+      }
+    },
+    blur() {
+      if (!this.disabled) {
+        var _this$$refs$input2;
+        (_this$$refs$input2 = this.$refs.input) === null || _this$$refs$input2 === void 0 ? void 0 : _this$$refs$input2.blur();
+      }
     }
   }
 };
@@ -30,7 +228,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-form-radio',_vm._b({staticClass:"gl-form-radio",attrs:{"checked":_vm.checked},on:{"input":function($event){return _vm.$emit('input', $event)},"change":function($event){return _vm.$emit('change', $event)}}},'b-form-radio',_vm.$attrs,false),[_vm._t("default"),_vm._v(" "),(_vm.$scopedSlots.help)?_c('p',{staticClass:"help-text"},[_vm._t("help")],2):_vm._e()],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-form-radio custom-radio custom-control"},[_c('input',_vm._b({key:"input",ref:"input",staticClass:"custom-control-input",class:_vm.stateClass,attrs:{"type":"radio"},on:{"change":_vm.handleChange}},'input',_vm.computedAttrs,false)),_vm._v(" "),_c('label',{staticClass:"custom-control-label",attrs:{"for":_vm.internalId}},[_vm._t("default"),_vm._v(" "),(Boolean(_vm.$scopedSlots.help))?_c('p',{staticClass:"help-text"},[_vm._t("help")],2):_vm._e()],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/base/form/form_select/form_select.js

@@ -1,4 +1,4 @@
-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';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/form/form_textarea/form_textarea.js

@@ -1,4 +1,4 @@
-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';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/infinite_scroll/infinite_scroll.js

@@ -1,4 +1,4 @@
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const throttleDuration = 1000;

package/dist/components/base/link/link.js

@@ -1,9 +1,4 @@
-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 { isString, isObject, toString, isBoolean, concat, isFunction } 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/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js

@@ -1,5 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
-import isBoolean from 'lodash/isBoolean';
+import { uniqueId, isBoolean } from 'lodash-es';
 import { offset, autoPlacement, shift, arrow, size, autoUpdate, computePosition } from '@floating-ui/dom';
 import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions, dropdownPlacements, dropdownAllowedAutoPlacements } from '../../../../utils/constants';
 import { POSITION_ABSOLUTE, POSITION_FIXED, GL_DROPDOWN_CONTENTS_CLASS, GL_DROPDOWN_BEFORE_CLOSE, GL_DROPDOWN_SHOWN, GL_DROPDOWN_HIDDEN, KEY_CODE_ESCAPE, ENTER, SPACE, ARROW_DOWN, GL_DROPDOWN_FOCUS_CONTENT } from '../constants';

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js

@@ -1,5 +1,4 @@
-import clamp from 'lodash/clamp';
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId, clamp } from 'lodash-es';
 import { stopEvent, filterVisible } from '../../../../utils/utils';
 import { GL_DROPDOWN_SHOWN, GL_DROPDOWN_HIDDEN, GL_DROPDOWN_BEFORE_CLOSE, GL_DROPDOWN_FOCUS_CONTENT, POSITION_ABSOLUTE, POSITION_FIXED, HOME, END, ARROW_UP, ARROW_DOWN, ENTER, SPACE, GL_DROPDOWN_CONTENTS_CLASS } from '../constants';
 import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions, dropdownPlacements } from '../../../../utils/constants';

package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlDisclosureDropdownItem from './disclosure_dropdown_item';
 import { isGroup, doSomeItemsHaveIcon } from './utils';
 import { DISCLOSURE_DROPDOWN_GROUP_BORDER_POSITIONS, DISCLOSURE_DROPDOWN_GROUP_NAME } from './constants';

package/dist/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 => {

package/dist/components/base/new_dropdowns/listbox/listbox.js

@@ -1,5 +1,4 @@
-import clamp from 'lodash/clamp';
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId, clamp } from 'lodash-es';
 import { logWarning, stopEvent } from '../../../../utils/utils';
 import { GL_DROPDOWN_SHOWN, GL_DROPDOWN_HIDDEN, GL_DROPDOWN_FOCUS_CONTENT, POSITION_ABSOLUTE, POSITION_FIXED, GL_DROPDOWN_CONTENTS_CLASS, ENTER, ARROW_DOWN, ARROW_UP, END, HOME } from '../constants';
 import { buttonCategoryOptions, dropdownVariantOptions, buttonSizeOptions, dropdownPlacements } from '../../../../utils/constants';

package/dist/components/base/new_dropdowns/listbox/listbox_group.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {

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

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

package/dist/components/base/pagination/pagination.js

@@ -1,6 +1,4 @@
-import debounce from 'lodash/debounce';
-import isFunction from 'lodash/isFunction';
-import range from 'lodash/range';
+import { isFunction, debounce, range } from 'lodash-es';
 import { breakpoints, GlBreakpointInstance } from '../../../utils/breakpoints';
 import { alignOptions, resizeDebounceTime } from '../../../utils/constants';
 import { translate, sprintf } from '../../../utils/i18n';

package/dist/components/base/path/path.js

@@ -1,6 +1,5 @@
 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';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/base/skeleton_loader/skeleton_loader.js

@@ -1,4 +1,4 @@
-import range from 'lodash/range';
+import { range } from 'lodash-es';
 import { uid } from '../../../utils/utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 

package/dist/components/base/sorting/sorting.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 import GlButton from '../button/button';
 import GlButtonGroup from '../button_group/button_group';

package/dist/components/base/tabs/tab/tab.js

@@ -1,4 +1,4 @@
-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';
 import { logWarning } from '../../../../utils/utils';

package/dist/components/base/tabs/tabs/scrollable_tabs.js

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

package/dist/components/base/toast/toast.js

@@ -1,4 +1,4 @@
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { ToastPlugin } from '../../../vendor/bootstrap-vue/src/components/toast/index';
 import CloseButton from '../../shared_components/close_button/close_button';
 

package/dist/components/base/toggle/toggle.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { toggleLabelPosition } from '../../../utils/constants';
 import GlIcon from '../icon/icon';
 import GlLoadingIcon from '../loading_icon/loading_icon';

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

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

package/dist/components/base/token_selector/token_selector.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import { tokensValidator } from './helpers';
 import GlTokenContainer from './token_container';
 import GlTokenSelectorDropdown from './token_selector_dropdown';

package/dist/components/base/token_selector/token_selector_dropdown.js

@@ -1,4 +1,4 @@
-import uniqueId from 'lodash/uniqueId';
+import { uniqueId } from 'lodash-es';
 import GlDropdownItem from '../dropdown/dropdown_item';
 import { tokensValidator } from './helpers';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';

package/dist/components/charts/area/area.js

@@ -1,4 +1,4 @@
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import { defaultAreaOpacity, 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/bar/bar.js

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