@scality/core-ui 0.166.0 → 0.167.0

package/stories/select.stories.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { Select } from '../src/lib/components/select/Select.component';
-import { Wrapper } from './common';
-const options = Array.from(new Array(100), (_, index) => ({
-  label: `Item ${index}`,
-  value: index,
-  title: `Item ${index}`,
-  'data-cy': `Item_${index}`,
-}));
-
-const customFormatOptionLabel = ({ value, label, ...rest }) => (
-  <div className="sc-select-option-custom-label" {...rest}>
-    {label} {value % 2 === 0 ? <i className="fas fa-flag-usa"></i> : null}
-  </div>
-);
-
-export default {
-  title: 'Components/Deprecated/Selector/Select',
-  component: Select,
-  argTypes: {
-    options: {
-      description: 'Array of objects with label, title and value properties',
-      control: false,
-    },
-    isMulti: {
-      control: {
-        type: 'boolean',
-      },
-    },
-  },
-};
-
-export const Playground = {
-  args: {
-    options,
-  },
-};
-
-export const WithCustomLabel = {
-  args: {
-    options,
-    formatOptionLabel: customFormatOptionLabel,
-  },
-};
-
-export const MultiSelect = {
-  args: {
-    options,
-    isMulti: true,
-    value: [options[0], options[1]],
-  },
-};

package/stories/sparkline.stories.tsx

@@ -1,85 +0,0 @@
-import React from 'react';
-import { Sparkline as SparkLine } from '../src/lib/components/sparkline/SparkLine.component';
-import { data, multiLineData } from './data/sparklinechart';
-import { Wrapper, Title } from './common';
-const xAxis = {
-  field: 'date',
-  type: 'temporal',
-  axis: null,
-};
-const yAxis = {
-  field: 'y',
-  type: 'quantitative',
-  axis: {
-    title: null,
-    ticks: false,
-    labels: false,
-  },
-};
-const row = {
-  field: 'symbol',
-  type: 'nominal',
-  title: null,
-  // the header of the subplot
-  header: {
-    labelAngle: 0,
-    labelAlign: 'left',
-  },
-};
-const id = 'vis';
-const id_multi = 'multiVis';
-const lineConfig = {
-  interpolate: 'monotone',
-};
-export default {
-  title: 'Components/Data Display/Charts/SparkLine',
-  component: SparkLine,
-  args: {
-    xAxis,
-    yAxis,
-    row,
-  },
-};
-
-export const ChartDemo = {
-  args: {
-    id,
-    data,
-    title: 'OPERATIONS BY SECONDS',
-    lineConfig,
-  },
-};
-
-export const MultiChartDmeo = {
-  args: {
-    id: id_multi,
-    data: multiLineData,
-  },
-};
-
-export const Default = {
-  render: ({}) => {
-    return (
-      <Wrapper>
-        <Title>Vege-Lite sparkline chart demo</Title>
-        <SparkLine
-          id={id}
-          data={data}
-          xAxis={xAxis}
-          yAxis={yAxis}
-          title={'OPERATIONS PER SECONDS'}
-          row={row}
-          lineConfig={lineConfig}
-        />
-        <Title>Vege-Lite sparkline multi chart demo</Title>
-        <SparkLine
-          id={id_multi}
-          data={multiLineData}
-          xAxis={xAxis}
-          yAxis={yAxis}
-          row={row}
-        />
-      </Wrapper>
-    );
-  },
-};

package/stories/vegachart.stories.tsx

@@ -1,98 +0,0 @@
-import React from 'react';
-import { VegaChart } from '../src/lib/components/vegachart/VegaChart.component';
-import { data } from './data/linechart';
-import { Wrapper, Title } from './common';
-const spec = {
-  data: {
-    values: data,
-  },
-  encoding: {
-    x: {
-      field: 'time',
-      type: 'temporal',
-      timeUnit: 'yearmonthdatehoursminutes',
-      title: 'time',
-    },
-    tooltip: [
-      {
-        field: 'time',
-        type: 'temporal',
-        timeUnit: 'yearmonthdatehoursminutes',
-      },
-      {
-        field: 'total_space',
-        type: 'quantitative',
-        title: 'TOTAL SPACE',
-      },
-      {
-        field: 'used_space',
-        type: 'quantitative',
-        title: 'USED SPACE',
-      },
-    ],
-  },
-  layer: [
-    {
-      mark: {
-        type: 'line',
-        color: 'green',
-      },
-      encoding: {
-        y: {
-          field: 'total_space',
-          type: 'quantitative',
-          title: 'TOTAL SPACE (GB)',
-        },
-      },
-    },
-    {
-      mark: {
-        type: 'line',
-        color: 'orange',
-      },
-      encoding: {
-        y: {
-          field: 'used_space',
-          type: 'quantitative',
-          title: 'USED SPACE (GB)',
-        },
-      },
-    },
-    {
-      mark: 'rule',
-      selection: {
-        index: {
-          type: 'single',
-          on: 'mousemove',
-          encodings: ['x'],
-          nearest: true,
-        },
-      },
-      encoding: {
-        color: {
-          condition: {
-            selection: {
-              not: 'index',
-            },
-            value: 'transparent',
-          },
-        },
-      },
-    },
-  ],
-};
-const id = 'vis';
-export default {
-  title: 'Components/Data Display/Charts/VegaChart',
-  component: VegaChart,
-};
-export const Default = {
-  render: (args) => {
-    return (
-      <Wrapper>
-        <Title>Vega-Lite wrapper - need to specify the entire spec</Title>
-        <VegaChart id={id} spec={spec} {...args} />
-      </Wrapper>
-    );
-  },
-};