@gitlab/ui 106.1.0 → 106.2.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [106.2.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v106.2.0...v106.2.1) (2025-01-13)
+
+
+### Bug Fixes
+
+* **GlDashboardPanel:** Fix title truncation ([5bde012](https://gitlab.com/gitlab-org/gitlab-ui/commit/5bde0125bc2f886cdb032d642bdc72c7fa10fa89))
+
+# [106.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v106.1.0...v106.2.0) (2025-01-09)
+
+
+### Features
+
+* **GlExperimentBadge:** Add story for beta ([5c63782](https://gitlab.com/gitlab-org/gitlab-ui/commit/5c63782fa999a4a2a4676c1109974f1bb8647f67))
+
 # [106.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v106.0.0...v106.1.0) (2025-01-07)
 
 

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

@@ -6,6 +6,7 @@ import GlLoadingIcon from '../../base/loading_icon/loading_icon';
 import GlPopover from '../../base/popover/popover';
 import GlSprintf from '../../utilities/sprintf/sprintf';
 import GlLink from '../../base/link/link';
+import GlTruncate from '../../utilities/truncate/truncate';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
@@ -16,7 +17,8 @@ var script = {
     GlIcon,
     GlPopover,
     GlSprintf,
-    GlLink
+    GlLink,
+    GlTruncate
   },
   props: {
     containerClass: {
@@ -121,7 +123,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('div',{staticClass:"gl-border gl-h-full !gl-overflow-visible gl-rounded-base gl-bg-white gl-p-4",class:_vm.containerClasses,attrs:{"id":_vm.panelId}},[_c('div',{staticClass:"gl-flex gl-h-full gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-start gl-justify-between",attrs:{"data-testid":"panel-title"}},[_c('div',{staticClass:"gl-flex gl-items-center gl-pb-3"},[(_vm.hasTitleIcon)?_c('gl-icon',{staticClass:"gl-mr-1",class:_vm.titleIconClass,attrs:{"name":_vm.titleIcon,"data-testid":"panel-title-icon"}}):_vm._e(),_vm._v(" "),(_vm.hasTitle)?_c('strong',{staticClass:"gl-text-gray-700"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),_vm._v(" "),(_vm.hasTitlePopover)?[_c('gl-icon',{staticClass:"gl-ml-2",attrs:{"id":_vm.titlePopoverId,"data-testid":"panel-title-popover-icon","name":"information-o","variant":"info"}}),_vm._v(" "),_c('gl-popover',{attrs:{"data-testid":"panel-title-popover","boundary":"viewport","target":_vm.titlePopoverId}},[(_vm.hasTitlePopoverLink)?_c('gl-sprintf',{attrs:{"message":_vm.titlePopover.description},scopedSlots:_vm._u([{key:"link",fn:function(ref){
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-border gl-h-full !gl-overflow-visible gl-rounded-base gl-bg-white gl-p-4",class:_vm.containerClasses,attrs:{"id":_vm.panelId}},[_c('div',{staticClass:"gl-flex gl-h-full gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-start gl-justify-between",attrs:{"data-testid":"panel-title"}},[_c('div',{staticClass:"gl-flex gl-items-center gl-overflow-hidden gl-pb-3"},[(_vm.hasTitleIcon)?_c('gl-icon',{staticClass:"gl-mr-1",class:_vm.titleIconClass,attrs:{"name":_vm.titleIcon,"data-testid":"panel-title-icon"}}):_vm._e(),_vm._v(" "),(_vm.hasTitle)?_c('gl-truncate',{staticClass:"gl-font-bold gl-text-default",attrs:{"text":_vm.title,"with-tooltip":""}}):_vm._e(),_vm._v(" "),(_vm.hasTitlePopover)?[_c('gl-icon',{staticClass:"gl-ml-2",attrs:{"id":_vm.titlePopoverId,"data-testid":"panel-title-popover-icon","name":"information-o","variant":"info"}}),_vm._v(" "),_c('gl-popover',{attrs:{"data-testid":"panel-title-popover","boundary":"viewport","target":_vm.titlePopoverId}},[(_vm.hasTitlePopoverLink)?_c('gl-sprintf',{attrs:{"message":_vm.titlePopover.description},scopedSlots:_vm._u([{key:"link",fn:function(ref){
 var content = ref.content;
 return [_c('gl-link',{staticClass:"gl-text-sm",attrs:{"href":_vm.titlePopover.descriptionLink}},[_vm._v(_vm._s(content))])]}}],null,false,3051540671)}):[_vm._v("\n              "+_vm._s(_vm.titlePopover.description)+"\n            ")]],2)]:_vm._e()],2),_vm._v(" "),(_vm.shouldShowActions)?_c('gl-disclosure-dropdown',{attrs:{"items":_vm.actions,"icon":"ellipsis_v","toggle-text":_vm.actionsToggleText,"text-sr-only":"","no-caret":"","placement":"bottom-end","fluid-width":"","toggle-class":"gl-ml-1","category":"tertiary","positioning-strategy":"fixed"},on:{"shown":function($event){return _vm.$emit('dropdownOpen')},"hidden":function($event){return _vm.$emit('dropdownClosed')}},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
 var item = ref.item;

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

@@ -3,21 +3,23 @@ import GlBadge from '../../base/badge/badge';
 import GlLink from '../../base/link/link';
 import GlPopover from '../../base/popover/popover';
 import GlSprintf from '../../utilities/sprintf/sprintf';
-import { badgeTypes, badgeTypeValidator } from './constants';
+import { badgeTypeValidator } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {
   experiment: {
     BADGE: 'Experiment',
+    HELP_PAGE_URL: 'https://docs.gitlab.com/ee/policy/development_stages_support.html#experiment',
     POPOVER_TITLE: "What's an experiment?",
     POPOVER_CONTENT: 'An %{linkStart}experiment%{linkEnd} is not yet production-ready, but is released for initial testing and feedback during development.%{line-breakStart}Experiments:%{line-breakEnd} %{bullets}',
-    POPOVER_BULLETS: ['Might be unstable or cause data loss.', 'Are not supported and might not be documented.', 'Could be changed or removed at any time.', 'Are subject to the GitLab Testing Agreement.']
+    POPOVER_BULLETS: ['Might be unstable or cause data loss.', 'Are not supported and might not be documented.', 'Could be changed or removed at any time.']
   },
   beta: {
     BADGE: 'Beta',
+    HELP_PAGE_URL: 'https://docs.gitlab.com/ee/policy/development_stages_support.html#beta',
     POPOVER_TITLE: "What's a beta?",
     POPOVER_CONTENT: "A %{linkStart}beta%{linkEnd} feature is not yet production-ready, but is ready for testing and unlikely to change significantly before it's released.%{line-breakStart}Beta features:%{line-breakEnd} %{bullets}",
-    POPOVER_BULLETS: ['Have a low risk of data loss, but might still be unstable.', 'Are supported on a commercially-reasonable effort basis.', 'Have a near complete user experience.', 'Are subject to the GitLab Testing Agreement.']
+    POPOVER_BULLETS: ['Have a low risk of data loss, but might still be unstable.', 'Are supported on a commercially-reasonable effort basis.', 'Have a near complete user experience.']
   }
 };
 var script = {
@@ -29,14 +31,6 @@ var script = {
     GlLink
   },
   props: {
-    /**
-     * The URL of a page to provide more explanations on the experiment.
-     */
-    helpPageUrl: {
-      type: String,
-      required: false,
-      default: ''
-    },
     /**
      * The placement of the popover in relation to the button.
      */
@@ -46,12 +40,12 @@ var script = {
       default: 'bottom'
     },
     /**
-     * The type of the badge.
+     * The type of the badge. Can be 'experiment' or 'beta'.
      */
     type: {
       type: String,
       required: false,
-      default: badgeTypes[0],
+      default: 'experiment',
       validator: badgeTypeValidator
     }
   },
@@ -71,7 +65,7 @@ const __vue_script__ = script;
 /* template */
 var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-badge',{ref:"badge",staticClass:"gl-mx-4 hover:gl-cursor-pointer",attrs:{"id":_vm.triggerId,"href":"#","variant":"neutral"}},[_c('span',[_vm._v(_vm._s(_vm.activeType.BADGE))]),_vm._v(" "),_c('gl-popover',{attrs:{"triggers":"hover focus click","show-close-button":"","placement":_vm.popoverPlacement,"target":_vm.triggerId,"css-classes":['!gl-z-9999'],"title":_vm.activeType.POPOVER_TITLE}},[_c('gl-sprintf',{attrs:{"message":_vm.activeType.POPOVER_CONTENT},scopedSlots:_vm._u([{key:"link",fn:function(ref){
 var content = ref.content;
-return [(_vm.helpPageUrl)?_c('gl-link',{staticClass:"!gl-text-sm",attrs:{"href":_vm.helpPageUrl,"target":"_blank"}},[_vm._v("\n          "+_vm._s(content)+"\n        ")]):_c('span',[_vm._v(_vm._s(content))])]}},{key:"bullets",fn:function(){return [_c('ul',{staticClass:"gl-mb-0 gl-pl-5"},_vm._l((_vm.activeType.POPOVER_BULLETS),function(item,i){return _c('li',{key:("li-" + i)},[_vm._v("\n            "+_vm._s(item)+"\n          ")])}),0)]},proxy:true},{key:"line-break",fn:function(ref){
+return [_c('gl-link',{staticClass:"!gl-text-sm",attrs:{"href":_vm.activeType.HELP_PAGE_URL,"target":"_blank"}},[_vm._v("\n          "+_vm._s(content))])]}},{key:"bullets",fn:function(){return [_c('ul',{staticClass:"gl-mb-0 gl-pl-5"},_vm._l((_vm.activeType.POPOVER_BULLETS),function(item,i){return _c('li',{key:("li-" + i)},[_vm._v("\n            "+_vm._s(item)+"\n          ")])}),0)]},proxy:true},{key:"line-break",fn:function(ref){
 var content = ref.content;
 return [_c('span',{staticClass:"gl-mb-0 gl-mt-5 gl-block"},[_vm._v(_vm._s(content))])]}}])})],1)],1)};
 var __vue_staticRenderFns__ = [];