@gitlab/ui 36.5.1 → 37.0.0

package/src/components/charts/area/examples/area.basic.example.vue

@@ -1,14 +0,0 @@
-<template>
-  <gl-area-chart
-    :data="[
-      {
-        name: 'Values',
-        data: [
-          [0, 5],
-          [4, 3],
-          [8, 10],
-        ],
-      },
-    ]"
-  />
-</template>

package/src/components/charts/area/examples/area.basic_plus.example.vue

@@ -1,25 +0,0 @@
-<template>
-  <gl-area-chart
-    :data="[
-      {
-        name: 'Values',
-        data: [
-          [0, 5],
-          [4, 3],
-          [8, 10],
-        ],
-      },
-    ]"
-    :option="{
-      series: [
-        {
-          type: 'scatter',
-          data: [
-            [2, 5],
-            [6, 10],
-          ],
-        },
-      ],
-    }"
-  />
-</template>

package/src/components/charts/area/examples/index.js

@@ -1,22 +0,0 @@
-import AreaBasicExample from './area.basic.example.vue';
-import AreaBasicPlusExample from './area.basic_plus.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'area-basic',
-        name: 'Basic',
-        description: 'Basic Area Chart',
-        component: AreaBasicExample,
-      },
-      {
-        id: 'area-basic-plus',
-        name: 'Basic plus custom series',
-        description: 'Basic area chart with custom series added',
-        component: AreaBasicPlusExample,
-      },
-    ],
-  },
-];

package/src/components/charts/heatmap/examples/heatmap.custom_options.example.vue

@@ -1,70 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      series: (() => {
-        const hours = 24;
-        const days = 7;
-        const res = [];
-        for (let x = 0; x < hours; x += 1) {
-          for (let y = 0; y < days; y += 1) {
-            let val = Math.random() * 10;
-            if (Math.random() > 0.5) {
-              val = '-';
-            }
-            res.push([x, y, val]);
-          }
-        }
-        return res;
-      })(),
-      xAxisLabels: [
-        '12',
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-        '12',
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-      ],
-      yAxisLabels: ['Sat', 'Fri', 'Thu', 'Wed', 'Tue', 'Mon', 'Sun'],
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-heatmap
-    :data-series="series"
-    :x-axis-labels="xAxisLabels"
-    :y-axis-labels="yAxisLabels"
-    :options="{
-      xAxis: {
-        splitArea: {
-          show: false,
-        },
-      },
-      yAxis: {
-        splitArea: {
-          show: false,
-        },
-      },
-    }"
-  />
-</template>

package/src/components/charts/heatmap/examples/heatmap.hourly.example.vue

@@ -1,62 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      series: (() => {
-        const hours = 24;
-        const days = 7;
-        const res = [];
-        for (let x = 0; x < hours; x += 1) {
-          for (let y = 0; y < days; y += 1) {
-            let val = Math.random() * 10;
-            if (Math.random() > 0.7) {
-              val = '-';
-            }
-            res.push([x, y, val]);
-          }
-        }
-        return res;
-      })(),
-      xAxisLabels: [
-        '12',
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-        '12',
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-      ],
-      yAxisLabels: ['Sat', 'Fri', 'Thu', 'Wed', 'Tue', 'Mon', 'Sun'],
-      xAxisName: 'Hour',
-      yAxisName: 'Day',
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-heatmap
-    :data-series="series"
-    :x-axis-labels="xAxisLabels"
-    :y-axis-labels="yAxisLabels"
-    :x-axis-name="xAxisName"
-    :y-axis-name="yAxisName"
-  />
-</template>

package/src/components/charts/heatmap/examples/heatmap.responsive.example.vue

@@ -1,63 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      series: (() => {
-        const hours = 24;
-        const days = 7;
-        const res = [];
-        for (let x = 0; x < hours; x += 1) {
-          for (let y = 0; y < days; y += 1) {
-            let val = Math.random() * 10;
-            if (Math.random() > 0.7) {
-              val = '-';
-            }
-            res.push([x, y, val]);
-          }
-        }
-        return res;
-      })(),
-      xAxisLabels: [
-        '12',
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-        '12',
-        '1',
-        '2',
-        '3',
-        '4',
-        '5',
-        '6',
-        '7',
-        '8',
-        '9',
-        '10',
-        '11',
-      ],
-      yAxisLabels: ['Sat', 'Fri', 'Thu', 'Wed', 'Tue', 'Mon', 'Sun'],
-      xAxisName: 'Hour',
-      yAxisName: 'Day',
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-heatmap
-    :data-series="series"
-    :x-axis-labels="xAxisLabels"
-    :y-axis-labels="yAxisLabels"
-    :x-axis-name="xAxisName"
-    :y-axis-name="yAxisName"
-    :responsive="false"
-  />
-</template>

package/src/components/charts/heatmap/examples/heatmap.totals.example.vue

@@ -1,38 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      series: (() => {
-        const hours = 12;
-        const days = 20;
-        const res = [];
-        for (let x = 0; x < hours; x += 1) {
-          for (let y = 0; y < days; y += 1) {
-            const val = Math.ceil(Math.random() * (y % 12) - 3);
-            res.push([x, y, val]);
-          }
-        }
-        return res;
-      })(),
-      xAxisLabels: [
-        '7am',
-        '8am',
-        '9am',
-        '10am',
-        '11am',
-        '12pm',
-        '1pm',
-        '2pm',
-        '3pm',
-        '4pm',
-        '5pm',
-        '6pm',
-      ],
-    };
-  },
-};
-</script>
-
-<template>
-  <gl-heatmap title="Pageviews per hour" :data-series="series" :x-axis-labels="xAxisLabels" />
-</template>

package/src/components/charts/heatmap/examples/index.js

@@ -1,36 +0,0 @@
-import CustomOptionsExample from './heatmap.custom_options.example.vue';
-import HourlyExample from './heatmap.hourly.example.vue';
-import CustomResponsiveExample from './heatmap.responsive.example.vue';
-import TotalsExample from './heatmap.totals.example.vue';
-
-export default [
-  {
-    name: 'Calendar',
-    items: [
-      {
-        id: 'heatmap-hourly',
-        name: 'Hourly breakdown',
-        description: 'HourlyExample',
-        component: HourlyExample,
-      },
-      {
-        id: 'heatmap-totals',
-        name: 'Histograms over time',
-        description: 'TotalsExample',
-        component: TotalsExample,
-      },
-      {
-        id: 'heatmap-custom-options',
-        name: 'Heatmap with no background',
-        description: 'CustomOptionsExample',
-        component: CustomOptionsExample,
-      },
-      {
-        id: 'heatmap-responsive',
-        name: 'Heatmap which is non mobile responsive',
-        description: 'CustomResponsiveExample',
-        component: CustomResponsiveExample,
-      },
-    ],
-  },
-];

package/src/components/charts/line/examples/index.js

@@ -1,22 +0,0 @@
-import LineBasicExample from './line.basic.example.vue';
-import LineSeriesExample from './line.series.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'line-basic',
-        name: 'Basic',
-        description: 'Basic line chart',
-        component: LineBasicExample,
-      },
-      {
-        id: 'line-basic-plus',
-        name: 'Basic plus custom series',
-        description: 'Basic line chart with custom series added',
-        component: LineSeriesExample,
-      },
-    ],
-  },
-];

package/src/components/charts/line/examples/line.basic.example.vue

@@ -1,14 +0,0 @@
-<template>
-  <gl-line-chart
-    :data="[
-      {
-        name: 'Values',
-        data: [
-          [0, 5],
-          [4, 3],
-          [8, 10],
-        ],
-      },
-    ]"
-  />
-</template>

package/src/components/charts/line/examples/line.series.example.vue

@@ -1,25 +0,0 @@
-<template>
-  <gl-line-chart
-    :data="[
-      {
-        name: 'Values',
-        data: [
-          [0, 5],
-          [4, 3],
-          [8, 10],
-        ],
-      },
-    ]"
-    :option="{
-      series: [
-        {
-          type: 'scatter',
-          data: [
-            [2, 5],
-            [6, 10],
-          ],
-        },
-      ],
-    }"
-  />
-</template>

package/src/components/charts/series_label/examples/index.js

@@ -1,15 +0,0 @@
-import SeriesLabelBasicExample from './series_label.basic.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'series-label-basic',
-        name: 'Basic',
-        description: 'Basic Series Label',
-        component: SeriesLabelBasicExample,
-      },
-    ],
-  },
-];

package/src/components/charts/series_label/examples/series_label.basic.example.vue

@@ -1,3 +0,0 @@
-<template>
-  <gl-chart-series-label color="#1F78D1">Series Name</gl-chart-series-label>
-</template>