@gitlab/ui 32.64.0 → 32.66.0

package/dist/components/base/paginated_list/examples/paginated_list.with_row_slot.example.js

@@ -1,53 +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-paginated-list',{attrs:{"list":[
-    { id: 'foo' },
-    { id: 'bar' },
-    { id: 'baz' },
-    { id: 'qux' },
-    { id: 'quux' },
-    { id: 'corge' },
-    { id: 'grault' },
-    { id: 'garply' },
-    { id: 'waldo' },
-    { id: 'fred' },
-    { id: 'xyzzy' },
-    { id: 'plugh' },
-    { id: 'thud' } ]},scopedSlots:_vm._u([{key:"default",fn:function(ref){
-  var listItem = ref.listItem;
-return [_c('gl-button',{staticClass:"order-1",attrs:{"variant":"success"},on:{"click":_vm.alert}},[_vm._v("\n      "+_vm._s(listItem.id)+"\n    ")])]}}])})};
-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/paginated_list/examples/paginated_list.with_subheader_slot.example.js

@@ -1,51 +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-paginated-list',{attrs:{"list":[
-    { id: 'foo' },
-    { id: 'bar' },
-    { id: 'baz' },
-    { id: 'qux' },
-    { id: 'quux' },
-    { id: 'corge' },
-    { id: 'grault' },
-    { id: 'garply' },
-    { id: 'waldo' },
-    { id: 'fred' },
-    { id: 'xyzzy' },
-    { id: 'plugh' },
-    { id: 'thud' } ]},scopedSlots:_vm._u([{key:"subheader",fn:function(){return [_vm._v("\n    Dropdown content can go here when like when an action button is clicked\n  ")]},proxy:true}])})};
-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/toast/examples/index.js

@@ -1,19 +0,0 @@
-import ToastActionExample from './toast.action.example';
-import ToastDefaultExample from './toast.default.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'toast-default',
-    name: 'Default',
-    description: 'Default Toast',
-    component: ToastDefaultExample
-  }, {
-    id: 'toast-action',
-    name: 'Action',
-    description: 'Toast with an Action',
-    component: ToastActionExample
-  }]
-}];
-
-export default index;

package/dist/components/base/toast/examples/toast.action.example.js

@@ -1,40 +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-button',{on:{"click":function($event){_vm.$toast.show('This is a toast with an action.', {
-      action: { text: 'Undo', onClick: function () {} },
-    });}}},[_vm._v("\n  Show toast with an action\n")])};
-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/toast/examples/toast.default.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-button',{on:{"click":function($event){return _vm.$toast.show('This is the default toast.')}}},[_vm._v("Show default toast")])};
-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/utilities/intersection_observer/examples/index.js

@@ -1,19 +0,0 @@
-import ImageExample from './intersection_observer.image.example';
-import LastAppearedExample from './intersection_observer.last_appeared.example';
-
-var index = [{
-  name: 'Intersection observer',
-  items: [{
-    id: 'intersection-observer-last-appeared',
-    name: 'Last appeared at',
-    description: 'Logs when the component last appeared on the screen',
-    component: LastAppearedExample
-  }, {
-    id: 'intersection-observer-lazy-loaded-image',
-    name: 'Lazy loaded image',
-    description: "This image switches between a gif and a still image when it's on or off the screen",
-    component: ImageExample
-  }]
-}];
-
-export default index;

package/dist/components/utilities/intersection_observer/examples/intersection_observer.image.example.js

@@ -1,62 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data: () => ({
-    isInView: false
-  }),
-  computed: {
-    imageUrl() {
-      // If the image is in view, return the high res one. If not return nothing, or a low res one
-      return this.isInView ? '../../img/gitlab-summit-south-africa.jpg' : '../../img/gitlab-summit-south-africa-min.jpg';
-    }
-
-  },
-  methods: {
-    appear() {
-      this.isInView = true;
-    },
-
-    disappear() {
-      this.isInView = false;
-    }
-
-  }
-};
-
-/* 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-intersection-observer',{on:{"appear":_vm.appear,"disappear":_vm.disappear}},[_c('img',{staticStyle:{"max-width":"100%","height":"auto"},attrs:{"src":_vm.imageUrl}})])};
-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/utilities/intersection_observer/examples/intersection_observer.last_appeared.example.js

@@ -1,83 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data: () => ({
-    appearedAt: null,
-    now: null,
-    interval: null
-  }),
-  computed: {
-    secondsSinceAppearance() {
-      if (!this.appearedAt) {
-        return 0;
-      }
-
-      return Math.floor((this.now - this.appearedAt) / 1000);
-    }
-
-  },
-
-  destroyed() {
-    this.clearInterval();
-  },
-
-  methods: {
-    appear() {
-      this.clearInterval();
-      this.interval = setInterval(this.tick, 1000);
-      this.tick();
-      this.appearedAt = this.now;
-    },
-
-    disappear() {
-      this.clearInterval();
-    },
-
-    clearInterval() {
-      clearInterval(this.interval);
-    },
-
-    tick() {
-      this.now = new Date().getTime();
-    }
-
-  }
-};
-
-/* 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-intersection-observer',{on:{"appear":_vm.appear,"disappear":_vm.disappear}},[_c('span',[_vm._v("Last appeared "+_vm._s(_vm.secondsSinceAppearance)+" seconds ago")])])};
-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/paginated_list/examples/index.js

@@ -1,57 +0,0 @@
-import PaginatedListBasicExample from './paginated_list.basic.example.vue';
-import PaginatedListNoFilterExample from './paginated_list.no_filter.example.vue';
-import PaginatedListWithEmptyListExample from './paginated_list.with_empty_list.example.vue';
-import PaginatedListWithFilterFunctionExample from './paginated_list.with_filter_function.example.vue';
-import PaginatedListWithHeaderSlotExample from './paginated_list.with_header_slot.example.vue';
-import PaginatedListWithRowSlotExample from './paginated_list.with_row_slot.example.vue';
-import PaginatedListWithSubheaderSlotExample from './paginated_list.with_subheader_slot.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'paginated-list-basic',
-        name: 'Basic',
-        description: 'Basic Paginated List',
-        component: PaginatedListBasicExample,
-      },
-      {
-        id: 'paginated-list-no-filter',
-        name: 'No Filter',
-        description: 'Paginated List with no button',
-        component: PaginatedListNoFilterExample,
-      },
-      {
-        id: 'paginated-list-with-empty-list',
-        name: 'With empty list',
-        description: 'Paginated List empty list',
-        component: PaginatedListWithEmptyListExample,
-      },
-      {
-        id: 'paginated-list-with-header-slot',
-        name: 'With header slot',
-        description: 'Paginated List header slot',
-        component: PaginatedListWithHeaderSlotExample,
-      },
-      {
-        id: 'paginated-list-with-subheader-slot',
-        name: 'With subheader slot',
-        description: 'Paginated List subheader slot',
-        component: PaginatedListWithSubheaderSlotExample,
-      },
-      {
-        id: 'paginated-list-with-row-slot',
-        name: 'With row slot',
-        description: 'Paginated List with row slot',
-        component: PaginatedListWithRowSlotExample,
-      },
-      {
-        id: 'paginated-list-with-filter-function',
-        name: 'With filter function',
-        description: 'Paginated List with filter function',
-        component: PaginatedListWithFilterFunctionExample,
-      },
-    ],
-  },
-];

package/src/components/base/paginated_list/examples/paginated_list.basic.example.vue

@@ -1,19 +0,0 @@
-<template>
-  <gl-paginated-list
-    :list="[
-      { id: 'foo' },
-      { id: 'bar' },
-      { id: 'baz' },
-      { id: 'qux' },
-      { id: 'quux' },
-      { id: 'corge' },
-      { id: 'grault' },
-      { id: 'garply' },
-      { id: 'waldo' },
-      { id: 'fred' },
-      { id: 'xyzzy' },
-      { id: 'plugh' },
-      { id: 'thud' },
-    ]"
-  />
-</template>

package/src/components/base/paginated_list/examples/paginated_list.no_filter.example.vue

@@ -1,20 +0,0 @@
-<template>
-  <gl-paginated-list
-    :list="[
-      { id: 'foo' },
-      { id: 'bar' },
-      { id: 'baz' },
-      { id: 'qux' },
-      { id: 'quux' },
-      { id: 'corge' },
-      { id: 'grault' },
-      { id: 'garply' },
-      { id: 'waldo' },
-      { id: 'fred' },
-      { id: 'xyzzy' },
-      { id: 'plugh' },
-      { id: 'thud' },
-    ]"
-    :filterable="false"
-  />
-</template>

package/src/components/base/paginated_list/examples/paginated_list.with_empty_list.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-paginated-list :list="[]" />
-</template>

package/src/components/base/paginated_list/examples/paginated_list.with_filter_function.example.vue

@@ -1,20 +0,0 @@
-<template>
-  <gl-paginated-list
-    :list="[
-      { id: 'foo' },
-      { id: 'bar' },
-      { id: 'baz' },
-      { id: 'qux' },
-      { id: 'quux' },
-      { id: 'corge' },
-      { id: 'grault' },
-      { id: 'garply' },
-      { id: 'waldo' },
-      { id: 'fred' },
-      { id: 'xyzzy' },
-      { id: 'plugh' },
-      { id: 'thud' },
-    ]"
-    :filter="(item, queryStr) => item.id.includes(queryStr)"
-  />
-</template>

package/src/components/base/paginated_list/examples/paginated_list.with_header_slot.example.vue

@@ -1,23 +0,0 @@
-<template>
-  <gl-paginated-list
-    :list="[
-      { id: 'foo' },
-      { id: 'bar' },
-      { id: 'baz' },
-      { id: 'qux' },
-      { id: 'quux' },
-      { id: 'corge' },
-      { id: 'grault' },
-      { id: 'garply' },
-      { id: 'waldo' },
-      { id: 'fred' },
-      { id: 'xyzzy' },
-      { id: 'plugh' },
-      { id: 'thud' },
-    ]"
-  >
-    <template #header>
-      <gl-button variant="success" class="order-1">Foo Button</gl-button>
-    </template>
-  </gl-paginated-list>
-</template>

package/src/components/base/paginated_list/examples/paginated_list.with_row_slot.example.vue

@@ -1,25 +0,0 @@
-<template>
-  <gl-paginated-list
-    :list="[
-      { id: 'foo' },
-      { id: 'bar' },
-      { id: 'baz' },
-      { id: 'qux' },
-      { id: 'quux' },
-      { id: 'corge' },
-      { id: 'grault' },
-      { id: 'garply' },
-      { id: 'waldo' },
-      { id: 'fred' },
-      { id: 'xyzzy' },
-      { id: 'plugh' },
-      { id: 'thud' },
-    ]"
-  >
-    <template #default="{ listItem }">
-      <gl-button variant="success" class="order-1" @click="alert">
-        {{ listItem.id }}
-      </gl-button>
-    </template>
-  </gl-paginated-list>
-</template>

package/src/components/base/paginated_list/examples/paginated_list.with_subheader_slot.example.vue

@@ -1,23 +0,0 @@
-<template>
-  <gl-paginated-list
-    :list="[
-      { id: 'foo' },
-      { id: 'bar' },
-      { id: 'baz' },
-      { id: 'qux' },
-      { id: 'quux' },
-      { id: 'corge' },
-      { id: 'grault' },
-      { id: 'garply' },
-      { id: 'waldo' },
-      { id: 'fred' },
-      { id: 'xyzzy' },
-      { id: 'plugh' },
-      { id: 'thud' },
-    ]"
-  >
-    <template #subheader>
-      Dropdown content can go here when like when an action button is clicked
-    </template>
-  </gl-paginated-list>
-</template>

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

@@ -1,22 +0,0 @@
-import ToastActionExample from './toast.action.example.vue';
-import ToastDefaultExample from './toast.default.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'toast-default',
-        name: 'Default',
-        description: 'Default Toast',
-        component: ToastDefaultExample,
-      },
-      {
-        id: 'toast-action',
-        name: 'Action',
-        description: 'Toast with an Action',
-        component: ToastActionExample,
-      },
-    ],
-  },
-];

package/src/components/base/toast/examples/toast.action.example.vue

@@ -1,11 +0,0 @@
-<template>
-  <gl-button
-    @click="
-      $toast.show('This is a toast with an action.', {
-        action: { text: 'Undo', onClick: () => {} },
-      })
-    "
-  >
-    Show toast with an action
-  </gl-button>
-</template>

package/src/components/base/toast/examples/toast.default.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-button @click="$toast.show('This is the default toast.')">Show default toast</gl-button>
-</template>

package/src/components/utilities/intersection_observer/examples/index.js

@@ -1,23 +0,0 @@
-import ImageExample from './intersection_observer.image.example.vue';
-import LastAppearedExample from './intersection_observer.last_appeared.example.vue';
-
-export default [
-  {
-    name: 'Intersection observer',
-    items: [
-      {
-        id: 'intersection-observer-last-appeared',
-        name: 'Last appeared at',
-        description: 'Logs when the component last appeared on the screen',
-        component: LastAppearedExample,
-      },
-      {
-        id: 'intersection-observer-lazy-loaded-image',
-        name: 'Lazy loaded image',
-        description:
-          "This image switches between a gif and a still image when it's on or off the screen",
-        component: ImageExample,
-      },
-    ],
-  },
-];

package/src/components/utilities/intersection_observer/examples/intersection_observer.image.example.vue

@@ -1,29 +0,0 @@
-<script>
-export default {
-  data: () => ({
-    isInView: false,
-  }),
-  computed: {
-    imageUrl() {
-      // If the image is in view, return the high res one. If not return nothing, or a low res one
-      return this.isInView
-        ? '../../img/gitlab-summit-south-africa.jpg'
-        : '../../img/gitlab-summit-south-africa-min.jpg';
-    },
-  },
-  methods: {
-    appear() {
-      this.isInView = true;
-    },
-    disappear() {
-      this.isInView = false;
-    },
-  },
-};
-</script>
-
-<template>
-  <gl-intersection-observer @appear="appear" @disappear="disappear">
-    <img :src="imageUrl" style="max-width: 100%; height: auto" />
-  </gl-intersection-observer>
-</template>