@gitlab/ui 111.10.1 → 112.0.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# [112.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.10.2...v112.0.0) (2025-04-02)
+
+
+### chore
+
+* **GlNavItemDropdown:** Remove component ([b948f97](https://gitlab.com/gitlab-org/gitlab-ui/commit/b948f97142242fd870b4bc60f6d970d9e41d0c20))
+
+
+### BREAKING CHANGES
+
+* **GlNavItemDropdown:** This commit removes the GlNavItemDropdown component.
+
+It is not used by any of our projects. Removing it will allow us to
+drop another Bootstrap dependency, BNavItemDropdown.
+
+## [111.10.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.10.1...v111.10.2) (2025-04-01)
+
+
+### Bug Fixes
+
+* **GlToggle:** Fix label required if slot is used ([c39ca40](https://gitlab.com/gitlab-org/gitlab-ui/commit/c39ca40c6f364f8e73a5d88eb7254c64c65057c4))
+
 ## [111.10.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v111.10.0...v111.10.1) (2025-03-31)
 
 

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

@@ -52,7 +52,8 @@ var script = {
      */
     label: {
       type: String,
-      required: true
+      required: false,
+      default: null
     },
     /**
      * The toggle's description.

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

@@ -152,9 +152,6 @@ var script = {
           axisTick: {
             show: false
           }
-        },
-        legend: {
-          show: false
         }
       };
 

package/dist/components/charts/bar/bar.js

@@ -52,6 +52,9 @@ const defaultOptions = {
         separator: '...'
       })
     }
+  },
+  legend: {
+    show: false
   }
 };
 var script = {
@@ -146,9 +149,6 @@ var script = {
               formatter: this.onLabelChange
             }
           }
-        },
-        legend: {
-          show: false
         }
       }, this.option, dataZoomAdjustments(this.option.dataZoom));
       // All chart options can be merged but series

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

@@ -163,10 +163,7 @@ var script = {
           ...yAxisDefaults,
           name: this.secondaryDataTitle,
           show: this.hasSecondaryAxis
-        }] : yAxisPrimary,
-        legend: {
-          show: false
-        }
+        }] : yAxisPrimary
       }, this.option, dataZoomAdjustments(this.option.dataZoom));
       // All chart options can be merged but series
       // needs to be handled specially

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

@@ -108,9 +108,6 @@ var script = {
         yAxis: {
           type: 'value',
           name: this.yAxisTitle
-        },
-        legend: {
-          show: false
         }
       }, this.option, dataZoomAdjustments(this.option.dataZoom));
       // All chart options can be merged but series

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

@@ -149,9 +149,6 @@ var script = {
               color: 'var(--gl-chart-axis-line-color)'
             }
           }
-        },
-        legend: {
-          show: false
         }
       };
 

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

@@ -230,10 +230,7 @@ var script = {
           ...yAxisDefaults,
           name: this.secondaryDataTitle,
           show: this.hasSecondaryAxis
-        }],
-        legend: {
-          show: false
-        }
+        }]
       };
 
       // `formatTooltipText` is deprecated, these added options should be

package/dist/index.js

@@ -4,7 +4,6 @@ export { default as GlKeysetPagination } from './components/base/keyset_paginati
 export { default as GlInputGroupText } from './components/base/form/input_group_text/input_group_text';
 export { default as GlFormCombobox } from './components/base/form/form_combobox/form_combobox';
 export { default as GlTokenSelector } from './components/base/token_selector/token_selector';
-export { default as GlNavItemDropdown } from './components/base/nav/nav_item_dropdown';
 export { default as GlNav } from './components/base/nav/nav';
 export { default as GlNavItem } from './components/base/nav/nav_item';
 export { default as GlFormCheckboxTree } from './components/base/form/form_checkbox_tree/form_checkbox_tree';

package/dist/utils/charts/config.js

@@ -44,7 +44,10 @@ const grid = {
 const defaultChartOptions = {
   grid,
   xAxis,
-  yAxis
+  yAxis,
+  legend: {
+    show: false
+  }
 };
 const gridWithSecondaryYAxis = {
   ...grid,

package/dist/utils/charts/mock_data.js

@@ -21,46 +21,6 @@ const mockDefaultDataZoomConfig = {
     nameGap: 67
   }
 };
-const mockDefaultChartOptions = {
-  grid: {
-    top: 16,
-    bottom: 44,
-    left: 64,
-    right: 32
-  },
-  xAxis: {
-    name: 'Value',
-    type: 'value',
-    nameLocation: 'center',
-    boundaryGap: false,
-    splitLine: {
-      show: false
-    },
-    axisPointer: {
-      show: true,
-      label: {},
-      lineStyle: {
-        type: 'solid'
-      }
-    }
-  },
-  yAxis: {
-    name: 'Value',
-    type: 'value',
-    nameLocation: 'center',
-    nameGap: 50,
-    axisLabel: {},
-    axisTick: {
-      show: false
-    }
-  },
-  legend: {
-    show: false
-  },
-  aria: {
-    enabled: true
-  }
-};
 
 /**
  * This is currently used in area.stories.js and line.stories.js
@@ -211,4 +171,4 @@ const mockSecondaryTrendlineData = [{
   data: [['Joe', 220], ['Sarah', 392], ['Tom', 291], ['Mary', 594], ['Mike', 320], ['Ben', 230], ['Jane', 120], ['Anne', 290]]
 }];
 
-export { mockAnnotationsConfigs, mockAnnotationsSeries, mockDefaultBarChartConfig, mockDefaultBarData, mockDefaultChartOptions, mockDefaultDataZoomConfig, mockDefaultLineChartConfig, mockDefaultLineData, mockDefaultStackedBarData, mockDefaultStackedLineData, mockRawBarData, mockSecondaryBarData, mockSecondaryData, mockSecondaryTrendlineData };
+export { mockAnnotationsConfigs, mockAnnotationsSeries, mockDefaultBarChartConfig, mockDefaultBarData, mockDefaultDataZoomConfig, mockDefaultLineChartConfig, mockDefaultLineData, mockDefaultStackedBarData, mockDefaultStackedLineData, mockRawBarData, mockSecondaryBarData, mockSecondaryData, mockSecondaryTrendlineData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "111.10.1",
+  "version": "112.0.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/base/nav/nav.md

@@ -4,8 +4,3 @@ types of navigation components.
 ## `GlNavItem`
 
 Use `GlNavItem` to add actionable links (or router links) to your nav. `GlNavItem` wraps [`BNavItem`](https://bootstrap-vue.org/docs/components/navbar#b-nav-item).
-
-## `GlNavItemDropdown`
-
-Use `GlNavItemDropdown` to place dropdown items within your nav.
-`GlNavItemDropdown` wraps [`BNavItemDropdown`](https://bootstrap-vue.org/docs/components/navbar#b-nav-item-dropdown).

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

@@ -54,7 +54,8 @@ export default {
      */
     label: {
       type: String,
-      required: true,
+      required: false,
+      default: null,
     },
     /**
      * The toggle's description.

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

@@ -193,9 +193,6 @@ export default {
             show: false,
           },
         },
-        legend: {
-          show: false,
-        },
       };
 
       // `formatTooltipText` is deprecated, these added options should be

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

@@ -53,6 +53,9 @@ const defaultOptions = {
         }),
     },
   },
+  legend: {
+    show: false,
+  },
 };
 
 export default {
@@ -152,9 +155,6 @@ export default {
               },
             },
           },
-          legend: {
-            show: false,
-          },
         },
         this.option,
         dataZoomAdjustments(this.option.dataZoom)

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

@@ -150,9 +150,6 @@ export default {
                 },
               ]
             : yAxisPrimary,
-          legend: {
-            show: false,
-          },
         },
         this.option,
         dataZoomAdjustments(this.option.dataZoom)

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

@@ -123,9 +123,6 @@ export default {
             type: 'value',
             name: this.yAxisTitle,
           },
-          legend: {
-            show: false,
-          },
         },
         this.option,
         dataZoomAdjustments(this.option.dataZoom)

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

@@ -190,9 +190,6 @@ export default {
             },
           },
         },
-        legend: {
-          show: false,
-        },
       };
 
       // `formatTooltipText` is deprecated, these added options should be

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

@@ -221,9 +221,6 @@ export default {
             show: this.hasSecondaryAxis,
           },
         ],
-        legend: {
-          show: false,
-        },
       };
 
       // `formatTooltipText` is deprecated, these added options should be

package/src/index.js

@@ -10,7 +10,6 @@ export { default as GlKeysetPagination } from './components/base/keyset_paginati
 export { default as GlInputGroupText } from './components/base/form/input_group_text/input_group_text.vue';
 export { default as GlFormCombobox } from './components/base/form/form_combobox/form_combobox.vue';
 export { default as GlTokenSelector } from './components/base/token_selector/token_selector.vue';
-export { default as GlNavItemDropdown } from './components/base/nav/nav_item_dropdown.vue';
 export { default as GlNav } from './components/base/nav/nav.vue';
 export { default as GlNavItem } from './components/base/nav/nav_item.vue';
 export { default as GlFormCheckboxTree } from './components/base/form/form_checkbox_tree/form_checkbox_tree.vue';

package/src/utils/charts/config.js

@@ -49,6 +49,9 @@ export const defaultChartOptions = {
   grid,
   xAxis,
   yAxis,
+  legend: {
+    show: false,
+  },
 };
 
 export const gridWithSecondaryYAxis = {

package/src/utils/charts/mock_data.js

@@ -25,47 +25,6 @@ export const mockDefaultDataZoomConfig = {
   },
 };
 
-export const mockDefaultChartOptions = {
-  grid: {
-    top: 16,
-    bottom: 44,
-    left: 64,
-    right: 32,
-  },
-  xAxis: {
-    name: 'Value',
-    type: 'value',
-    nameLocation: 'center',
-    boundaryGap: false,
-    splitLine: {
-      show: false,
-    },
-    axisPointer: {
-      show: true,
-      label: {},
-      lineStyle: {
-        type: 'solid',
-      },
-    },
-  },
-  yAxis: {
-    name: 'Value',
-    type: 'value',
-    nameLocation: 'center',
-    nameGap: 50,
-    axisLabel: {},
-    axisTick: {
-      show: false,
-    },
-  },
-  legend: {
-    show: false,
-  },
-  aria: {
-    enabled: true,
-  },
-};
-
 /**
  * This is currently used in area.stories.js and line.stories.js
  */

package/dist/components/base/nav/nav_item_dropdown.js

@@ -1,62 +0,0 @@
-import { BNavItemDropdown } from '../../../vendor/bootstrap-vue/src/components/nav/nav-item-dropdown';
-import GlIcon from '../icon/icon';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlNavItemDropdown',
-  components: {
-    BNavItemDropdown,
-    GlIcon
-  },
-  inheritAttrs: false,
-  props: {
-    text: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    icon: {
-      type: String,
-      required: false,
-      default: ''
-    }
-  }
-};
-
-/* 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-nav-item-dropdown',_vm._g(_vm._b({staticClass:"gl-dropdown",scopedSlots:_vm._u([{key:"default",fn:function(){return [_vm._t("default")]},proxy:true},{key:"button-content",fn:function(){return [_vm._t("button-content",function(){return [(_vm.icon)?_c('gl-icon',{staticClass:"dropdown-icon",attrs:{"name":_vm.icon}}):_vm._e(),_vm._v("\n      "+_vm._s(_vm.text)+"\n      "),_c('gl-icon',{staticClass:"dropdown-chevron",attrs:{"name":"chevron-down"}})]})]},proxy:true}],null,true)},'b-nav-item-dropdown',_vm.$attrs,false),_vm.$listeners))};
-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__ = __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 default __vue_component__;

package/src/components/base/nav/nav_item_dropdown.vue

@@ -1,40 +0,0 @@
-<script>
-import { BNavItemDropdown } from '../../../vendor/bootstrap-vue/src/components/nav/nav-item-dropdown';
-import GlIcon from '../icon/icon.vue';
-
-export default {
-  name: 'GlNavItemDropdown',
-  components: {
-    BNavItemDropdown,
-    GlIcon,
-  },
-  inheritAttrs: false,
-  props: {
-    text: {
-      type: String,
-      required: false,
-      default: '',
-    },
-    icon: {
-      type: String,
-      required: false,
-      default: '',
-    },
-  },
-};
-</script>
-
-<template>
-  <b-nav-item-dropdown class="gl-dropdown" v-bind="$attrs" v-on="$listeners">
-    <template #default>
-      <slot></slot>
-    </template>
-    <template #button-content>
-      <slot name="button-content">
-        <gl-icon v-if="icon" class="dropdown-icon" :name="icon" />
-        {{ text }}
-        <gl-icon class="dropdown-chevron" name="chevron-down" />
-      </slot>
-    </template>
-  </b-nav-item-dropdown>
-</template>