@gitlab/ui 131.2.0 → 131.3.1

package/src/vendor/bootstrap-vue/src/components/table/td.js

@@ -1,10 +1,9 @@
 import { extend } from '../../vue'
 import { NAME_TABLE_CELL } from '../../constants/components'
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER_STRING, PROP_TYPE_STRING } from '../../constants/props'
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../constants/props'
 import { isTag } from '../../utils/dom'
 import { isUndefinedOrNull } from '../../utils/inspect'
 import { toInteger } from '../../utils/number'
-import { makeProp } from '../../utils/props'
 import { toString } from '../../utils/string'
 import { attrsMixin } from '../../mixins/attrs'
 import { listenersMixin } from '../../mixins/listeners'
@@ -24,11 +23,33 @@ const spanValidator = value => isUndefinedOrNull(value) || parseSpan(value) > 0
 // --- Props ---
 
 export const props = {
-  colspan: makeProp(PROP_TYPE_NUMBER_STRING, null, spanValidator),
-  rowspan: makeProp(PROP_TYPE_NUMBER_STRING, null, spanValidator),
-  stackedHeading: makeProp(PROP_TYPE_STRING),
-  stickyColumn: makeProp(PROP_TYPE_BOOLEAN, false),
-  variant: makeProp(PROP_TYPE_STRING)
+  colspan: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: null,
+    validator: spanValidator
+  },
+  rowspan: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: null,
+    validator: spanValidator
+  },
+  stackedHeading: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  stickyColumn: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/table/tfoot.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_TFOOT } from '../../constants/components'
 import { PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { listenersMixin } from '../../mixins/listeners'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
@@ -10,7 +9,11 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 
 export const props = {
   // Supported values: 'lite', 'dark', or null
-  footVariant: makeProp(PROP_TYPE_STRING)
+  footVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/table/thead.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_THEAD } from '../../constants/components'
 import { PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { listenersMixin } from '../../mixins/listeners'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
@@ -11,7 +10,11 @@ import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 export const props = {
   // Also sniffed by `<b-tr>` / `<b-td>` / `<b-th>`
   // Supported values: 'lite', 'dark', or `null`
-  headVariant: makeProp(PROP_TYPE_STRING)
+  headVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/table/tr.js

@@ -1,7 +1,6 @@
 import { extend } from '../../vue'
 import { NAME_TR } from '../../constants/components'
 import { PROP_TYPE_STRING } from '../../constants/props'
-import { makeProp } from '../../utils/props'
 import { attrsMixin } from '../../mixins/attrs'
 import { listenersMixin } from '../../mixins/listeners'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
@@ -14,7 +13,11 @@ const DARK = 'dark'
 // --- Props ---
 
 export const props = {
-  variant: makeProp(PROP_TYPE_STRING)
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/tabs/tab.js

@@ -2,14 +2,13 @@ import { extend } from '../../vue'
 import { NAME_TAB } from '../../constants/components'
 import { MODEL_EVENT_NAME_PREFIX } from '../../constants/events'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
   PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../constants/props'
 import { SLOT_NAME_TITLE } from '../../constants/slots'
 import { sortKeys } from '../../utils/object'
-import { makeProp } from '../../utils/props'
 import { idMixin, props as idProps } from '../../mixins/id'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
 import { BVTransition } from '../transition/bv-transition'
@@ -23,18 +22,58 @@ const MODEL_EVENT_NAME_ACTIVE = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_ACTIVE
 
 export const props = sortKeys({
   ...idProps,
-  [MODEL_PROP_NAME_ACTIVE]: makeProp(PROP_TYPE_BOOLEAN, false),
-  buttonId: makeProp(PROP_TYPE_STRING),
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  lazy: makeProp(PROP_TYPE_BOOLEAN, false),
-  noBody: makeProp(PROP_TYPE_BOOLEAN, false),
-  tag: makeProp(PROP_TYPE_STRING, 'div'),
-  title: makeProp(PROP_TYPE_STRING),
+  [MODEL_PROP_NAME_ACTIVE]: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  buttonId: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  lazy: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noBody: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'div'
+  },
+  title: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // Sniffed by `<b-tabs>` and added to nav `li.nav-item`
-  titleItemClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  titleLinkAttributes: makeProp(PROP_TYPE_OBJECT),
+  titleItemClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  titleLinkAttributes: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: undefined
+  },
   // Sniffed by `<b-tabs>` and added to nav `a.nav-link`
-  titleLinkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+  titleLinkClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  }
 })
 
 // --- Main component ---

package/tailwind.defaults.js

@@ -163,7 +163,9 @@ function addCustomDefinitions({ addComponents, addUtilities }) {
     },
     '.str-truncated': {
       display: 'inline-block',
-      overflow: 'hidden',
+      'min-width': '0',
+      'overflow-x': 'clip',
+      'overflow-y': 'visible',
       'text-overflow': 'ellipsis',
       'vertical-align': 'top',
       'white-space': 'nowrap',
@@ -231,6 +233,13 @@ function addCustomDefinitions({ addComponents, addUtilities }) {
     '.text-align-inherit': {
       'text-align': 'inherit',
     },
+    '.truncate': {
+      'overflow-x': 'clip',
+      'overflow-y': 'visible',
+      'text-overflow': 'ellipsis',
+      'white-space': 'nowrap',
+      'min-width': '0',
+    },
   });
 }
 

package/dist/charts.js

@@ -1,13 +0,0 @@
-export { default as GlChart } from './components/charts/chart/chart';
-export { default as GlAreaChart } from './components/charts/area/area';
-export { default as GlBarChart } from './components/charts/bar/bar';
-export { default as GlGaugeChart } from './components/charts/gauge/gauge';
-export { default as GlLineChart } from './components/charts/line/line';
-export { default as GlChartLegend } from './components/charts/legend/legend';
-export { default as GlChartSeriesLabel } from './components/charts/series_label/series_label';
-export { default as GlHeatmap } from './components/charts/heatmap';
-export { default as GlColumnChart } from './components/charts/column/column';
-export { default as GlStackedColumnChart } from './components/charts/stacked_column/stacked_column';
-export { default as GlDiscreteScatterChart } from './components/charts/discrete_scatter/discrete_scatter';
-export { default as GlSingleStat } from './components/charts/single_stat/single_stat';
-export { default as GlSparklineChart } from './components/charts/sparkline/sparkline';

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

@@ -1,69 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlAccordion',
-  provide() {
-    return {
-      defaultHeaderLevel: this.headerLevel,
-      autoCollapse: this.autoCollapse
-    };
-  },
-  props: {
-    /**
-     * When true, will have the effect of closing other accordion items when one accordion item is visible.
-     */
-    autoCollapse: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.
-     */
-    headerLevel: {
-      type: Number,
-      required: true,
-      validator(value) {
-        return value > 0 && value <= 6;
-      }
-    }
-  }
-};
-
-/* 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('div',[_vm._t("default")],2)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };

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

@@ -1,160 +0,0 @@
-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';
-import { COLLAPSE_EVENT } from './constants';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlAccordionItem',
-  components: {
-    GlCollapse,
-    GlButton,
-    GlAnimatedChevronRightDownIcon
-  },
-  inject: ['defaultHeaderLevel', 'autoCollapse'],
-  inheritAttrs: false,
-  model: {
-    prop: 'visible',
-    event: 'input'
-  },
-  props: {
-    /**
-     * Used to set the title of accordion link
-     */
-    title: {
-      type: String,
-      required: true
-    },
-    /**
-     * Used to set the title of accordion link when the content is visible
-     * */
-    titleVisible: {
-      type: String,
-      default: null,
-      required: false
-    },
-    /**
-     * When set, it will ensure the accordion item is initially visible
-     */
-    visible: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    /**
-     * The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.,
-     */
-    headerLevel: {
-      type: Number,
-      required: false,
-      default: null,
-      validator(value) {
-        return value > 0 && value <= 6;
-      }
-    },
-    /**
-     * Additional CSS class(es) to be applied to the header
-     */
-    headerClass: {
-      type: [String, Object, Array],
-      required: false,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      accordionItemId: uniqueId('accordion-item-'),
-      localVisible: this.visible
-    };
-  },
-  computed: {
-    headerComponent() {
-      const level = this.headerLevel || this.defaultHeaderLevel;
-      return `h${level}`;
-    },
-    buttonTitle() {
-      return this.localVisible && this.titleVisible ? this.titleVisible : this.title;
-    }
-  },
-  watch: {
-    visible: {
-      handler(newVisible) {
-        this.localVisible = newVisible;
-        this.checkAndCollapseSiblingAccordionItems(newVisible);
-      }
-    }
-  },
-  created() {
-    this.$emit('input', this.localVisible);
-  },
-  mounted() {
-    this.$parent.$el.addEventListener(COLLAPSE_EVENT, this.onParentCollapse);
-  },
-  beforeDestroy() {
-    this.$parent.$el.removeEventListener(COLLAPSE_EVENT, this.onParentCollapse);
-  },
-  methods: {
-    onParentCollapse(_ref) {
-      let {
-        detail: accordionItemId
-      } = _ref;
-      if (accordionItemId === this.accordionItemId) {
-        return;
-      }
-      this.$emit('input', false);
-      this.localVisible = false;
-    },
-    onButtonClick() {
-      const newLocalVisible = !this.localVisible;
-      this.$emit('input', newLocalVisible);
-      this.localVisible = newLocalVisible;
-      this.checkAndCollapseSiblingAccordionItems(newLocalVisible);
-    },
-    checkAndCollapseSiblingAccordionItems(newVisible) {
-      if (this.autoCollapse && newVisible) {
-        this.$parent.$el.dispatchEvent(new CustomEvent(COLLAPSE_EVENT, {
-          detail: this.accordionItemId
-        }));
-      }
-    }
-  }
-};
-
-/* 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('div',{staticClass:"gl-accordion-item"},[_c(_vm.headerComponent,{tag:"component",staticClass:"gl-accordion-item-header",class:_vm.headerClass},[_c('gl-button',{attrs:{"variant":"link","button-text-classes":"gl-flex","aria-expanded":_vm.localVisible ? 'true' : 'false',"aria-controls":_vm.accordionItemId},on:{"click":_vm.onButtonClick}},[_c('gl-animated-chevron-right-down-icon',{attrs:{"is-on":_vm.localVisible}}),_vm._v("\n      "+_vm._s(_vm.buttonTitle)+"\n    ")],1)],1),_vm._v(" "),_c('gl-collapse',{attrs:{"id":_vm.accordionItemId,"data-testid":("accordion-item-collapse-" + _vm.accordionItemId)},model:{value:(_vm.localVisible),callback:function ($$v) {_vm.localVisible=$$v;},expression:"localVisible"}},[_c('div',{staticClass:"gl-mt-3 gl-text-base"},[_vm._t("default")],2)])],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export { __vue_component__ as default };

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

@@ -1,3 +0,0 @@
-const COLLAPSE_EVENT = 'collapse';
-
-export { COLLAPSE_EVENT };