@gitlab/ui 32.43.3 → 32.46.0

package/dist/components/base/segmented_control/examples/index.js

@@ -1,19 +0,0 @@
-import SegmentedControlBasicExample from './segmented_control.basic.example';
-import SegmentedControlWhitespaceExample from './segmented_control.whitespace.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'segmented-control-basic',
-    name: 'Basic',
-    description: 'Basic Segmented Control',
-    component: SegmentedControlBasicExample
-  }, {
-    id: 'segmented-control-whitespace',
-    name: 'Whitespace',
-    description: 'Whitespace Segmented control',
-    component: SegmentedControlWhitespaceExample
-  }]
-}];
-
-export default index;

package/dist/components/base/segmented_control/examples/segmented_control.basic.example.js

@@ -1,65 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      options: [{
-        value: 1,
-        text: 'First'
-      }, {
-        value: 2,
-        text: 'Second',
-        disabled: true
-      }, {
-        value: 3,
-        text: 'Third'
-      }, {
-        value: 4,
-        text: 'Fourth'
-      }, {
-        value: 5,
-        text: 'Fifth'
-      }],
-      selected: 1
-    };
-  }
-
-};
-
-/* 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('gl-segmented-control',{attrs:{"options":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
-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/dist/components/base/segmented_control/examples/segmented_control.whitespace.example.js

@@ -1,55 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      options: [{
-        value: true,
-        text: 'Show'
-      }, {
-        value: false,
-        text: 'Hide'
-      }],
-      selected: true
-    };
-  }
-
-};
-
-/* 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('gl-form-group',{attrs:{"id":"group-id","label":"Whitespace","label-size":"sm","label-for":"select1"}},[_c('gl-segmented-control',{attrs:{"id":"select1","options":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})],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__ = __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/dist/components/base/skeleton_loader/examples/ci_header_skeleton.basic.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"width":"575px","height":"24px"}},[_c('gl-skeleton-loader',{attrs:{"width":575,"height":24}},[_c('rect',{attrs:{"width":"86","height":"24","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"x":"94","y":"4","width":"300","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"x":"430","y":"4","width":"145","height":"16","rx":"4"}}),_vm._v(" "),_c('circle',{attrs:{"cx":"414","cy":"12","r":"12"}})])],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__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/skeleton_loader/examples/default_skeleton.basic.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-skeleton-loader')};
-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_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/skeleton_loader/examples/default_skeleton_custom_props.basic.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-skeleton-loader',{attrs:{"preserve-aspect-ratio":"none","equal-width-lines":"","lines":5,"width":600,"height":66}})};
-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_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

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

@@ -1,37 +0,0 @@
-import CiHeaderSkeletonBasicExample from './ci_header_skeleton.basic.example';
-import DefaultSkeletonBasicExample from './default_skeleton.basic.example';
-import DefaultSkeletonCustomPropsBasicExample from './default_skeleton_custom_props.basic.example';
-import IssueCardSkeletonBasicExample from './issue_card_skeleton.basic.example';
-import JobLogSkeletonBasicExample from './job_log_skeleton.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'default-skeleton-basic',
-    name: 'Default',
-    description: 'Default Skeleton',
-    component: DefaultSkeletonBasicExample
-  }, {
-    id: 'default-skeleton-custom-width-basic',
-    name: 'Default With Custom Props',
-    description: 'Default Skeleton With `preserve-aspect-ratio`, `lines`, `equal-width-lines`, `width` and `height` props set',
-    component: DefaultSkeletonCustomPropsBasicExample
-  }, {
-    id: 'issue-card-skeleton-basic',
-    name: 'Issue Board Card',
-    description: 'Basic Issue Card Skeleton',
-    component: IssueCardSkeletonBasicExample
-  }, {
-    id: 'job-log-skeleton-basic',
-    name: 'Job Log',
-    description: 'Basic Job Log Skeleton',
-    component: JobLogSkeletonBasicExample
-  }, {
-    id: 'ci-header-skeleton-basic',
-    name: 'CI Header',
-    description: 'Basic CI Header Skeleton',
-    component: CiHeaderSkeletonBasicExample
-  }]
-}];
-
-export default index;

package/dist/components/base/skeleton_loader/examples/issue_card_skeleton.basic.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"background":"#fff","border":"1px solid #dfdfdf","box-shadow":"0 1px 2px rgba(0, 0, 0, 0.1)","width":"359px","height":"135px","padding":"1rem","border-radius":"0.25rem"}},[_c('div',{staticStyle:{"width":"327px","height":"102px"}},[_c('gl-skeleton-loader',{attrs:{"width":327,"height":102}},[_c('rect',{attrs:{"width":"276","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"18","width":"237","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"42","width":"118","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"x":"122","y":"42","width":"130","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"y":"62","width":"106","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"x":"110","y":"62","width":"56","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"x":"256","y":"42","width":"71","height":"16","rx":"8"}}),_vm._v(" "),_c('rect',{attrs:{"y":"86","width":"38","height":"16","rx":"4"}})])],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__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/skeleton_loader/examples/job_log_skeleton.basic.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"background":"#000","padding":"16px","border-radius":"0.25rem","width":"865px","height":"175px"}},[_c('div',{staticStyle:{"width":"830px","height":"113px"}},[_c('gl-skeleton-loader',{attrs:{"width":830,"height":113}},[_c('rect',{attrs:{"width":"540","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"49","width":"701","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"24","width":"830","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"73","width":"540","height":"16","rx":"4"}}),_vm._v(" "),_c('rect',{attrs:{"y":"97","width":"639","height":"16","rx":"4"}})])],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__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/discrete_scatter/examples/discrete_scatter.basic.example.js

@@ -1,51 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      chartData: [{
-        data: [['19 May', 6.95], ['20 May', 7.58], ['21 May', 8.81], ['22 May', 8.33], ['22 May', 10], ['23 May', 9.96], ['24 May', 7.24], ['25 May', 4.26]],
-        type: 'scatter'
-      }]
-    };
-  }
-
-};
-
-/* 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('gl-discrete-scatter-chart',{attrs:{"data":_vm.chartData,"option":{},"y-axis-title":"Pushes by day","x-axis-title":"Date"}})};
-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/dist/components/charts/discrete_scatter/examples/index.js

@@ -1,13 +0,0 @@
-import DiscreteScatterChartBasicExample from './discrete_scatter.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'discrete-scatter-basic',
-    name: 'Basic',
-    description: 'Basic Discrete Scatter Chart',
-    component: DiscreteScatterChartBasicExample
-  }]
-}];
-
-export default index;

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

@@ -1,13 +0,0 @@
-import StackedColumnChartBasicExample from './stacked_column.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'stacked-column-basic',
-    name: 'Basic',
-    description: 'Basic Stacked Column Chart',
-    component: StackedColumnChartBasicExample
-  }]
-}];
-
-export default index;

package/dist/components/charts/stacked_column/examples/stacked_column.basic.example.js

@@ -1,46 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-stacked-column-chart',{attrs:{"bars":[
-    {
-      name: 'Fun 1',
-      data: [58, 49, 38, 23, 27, 68, 38, 35, 7, 64, 65, 31],
-    },
-    {
-      name: 'Fun 2',
-      data: [8, 6, 34, 19, 9, 7, 17, 25, 14, 7, 10, 32],
-    } ],"group-by":['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],"x-axis-type":"category","x-axis-title":"January - December 2018","y-axis-title":"Commits"}})};
-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_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/src/components/base/avatar/examples/avatar.fallback.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-avatar entity-name="Some Project" shape="rect" />
-</template>

package/src/components/base/avatar/examples/avatar.image.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-avatar src="https://about.gitlab.com/images/press/gitlab-summit-south-africa.jpg" />
-</template>

package/src/components/base/avatar/examples/avatar.rect.example.vue

@@ -1,6 +0,0 @@
-<template>
-  <gl-avatar
-    src="https://about.gitlab.com/images/press/gitlab-summit-south-africa.jpg"
-    shape="rect"
-  />
-</template>

package/src/components/base/avatar/examples/avatar.tooltip.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-avatar v-gl-tooltip entity-name="Some Project" title="Some Project" shape="rect" />
-</template>

package/src/components/base/avatar/examples/index.js

@@ -1,36 +0,0 @@
-import AvatarProjectFallbackExample from './avatar.fallback.example.vue';
-import AvatarImageExample from './avatar.image.example.vue';
-import AvatarRectExample from './avatar.rect.example.vue';
-import AvatarTooltipExample from './avatar.tooltip.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'avatar-image',
-        name: 'Default Image',
-        description: 'Avatar with an image',
-        component: AvatarImageExample,
-      },
-      {
-        id: 'avatar-image-rect',
-        name: 'Rectangular Image',
-        description: 'Avatar with a rectangular image',
-        component: AvatarRectExample,
-      },
-      {
-        id: 'avatar-project-fallback',
-        name: 'Project/Group Fallback',
-        description: 'A fallback for projects or groups without an image',
-        component: AvatarProjectFallbackExample,
-      },
-      {
-        id: 'avatar-with-tooltip',
-        name: 'With tooltip',
-        description: 'Avatar that displays a tooltip on hover',
-        component: AvatarTooltipExample,
-      },
-    ],
-  },
-];

package/src/components/base/avatar_link/examples/avatar.link.example.vue

@@ -1,5 +0,0 @@
-<template>
-  <gl-avatar-link target="blank" href="https://gitlab.com/gitlab-org/gitlab">
-    <gl-avatar-labeled entity-name="GitLab" label="GitLab User" sub-label="@gitlab" :size="32" />
-  </gl-avatar-link>
-</template>

package/src/components/base/avatar_link/examples/index.js

@@ -1,15 +0,0 @@
-import AvatarLinkExample from './avatar.link.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'avatar-link',
-        name: 'Avatar Link',
-        description: 'Linked Avatar',
-        component: AvatarLinkExample,
-      },
-    ],
-  },
-];

package/src/components/base/form/form_input/examples/form_input/form_input.text.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-form-input type="text" />
-</template>

package/src/components/base/form/form_input/examples/form_input/form_input.text_disabled.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-form-input type="text" :disabled="true" value="some text" />
-</template>

package/src/components/base/form/form_input/examples/form_input/form_input.text_reactive.example.vue

@@ -1,24 +0,0 @@
-<script>
-/**
- * This example ensures that browser native input events lead to updating the component state.
- */
-export default {
-  data() {
-    return {
-      value: '',
-    };
-  },
-  mounted() {
-    const inputElement = this.$refs.input.$el;
-    inputElement.value = 'some value';
-    inputElement.dispatchEvent(new Event('input'));
-  },
-};
-</script>
-
-<template>
-  <div>
-    <gl-form-input ref="input" v-model="value" type="text" />
-    <p class="mt-3">The entered value is: {{ value }}</p>
-  </div>
-</template>

package/src/components/base/form/form_input/examples/form_input/index.js

@@ -1,26 +0,0 @@
-import FormInputTextExample from './form_input.text.example.vue';
-import FormInputTextDisabledExample from './form_input.text_disabled.example.vue';
-import FormInputTextReactiveExample from './form_input.text_reactive.example.vue';
-
-export default [
-  {
-    name: 'Text Input',
-    items: [
-      {
-        id: 'input-text',
-        name: 'default state',
-        component: FormInputTextExample,
-      },
-      {
-        id: 'input-text-reactive',
-        name: 'with reactive binding',
-        component: FormInputTextReactiveExample,
-      },
-      {
-        id: 'input-text-disabled',
-        name: 'disabled state',
-        component: FormInputTextDisabledExample,
-      },
-    ],
-  },
-];

package/src/components/base/form/form_text/examples/form_text.basic.example.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="gl-form-group">
-    <gl-form-text>Some form text</gl-form-text>
-  </div>
-</template>