@stokr/components-library/dist/components/BarChart/BarChart.stories.js

STOKR - Components Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.BarChartFull = exports.BarChartDefault = void 0;
var _react = _interopRequireDefault(require("react"));
var _BarChart = require("./BarChart");
var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
var _global = _interopRequireDefault(require("../../styles/global"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
var _default = exports.default = {
  title: 'Components Library/BarChart',
  component: _BarChart.BarChart,
  argTypes: {
    data: {
      type: 'array of shape',
      defaultValue: [{
        value: 0
      }, {
        name: ''
      }, {
        tooltip: ''
      }],
      required: true
    },
    value: {
      type: 'number',
      required: true
    },
    name: {
      type: 'string'
    },
    tooltip: {
      type: 'string or node'
    },
    id: {
      type: 'string',
      required: true
    },
    title: {
      type: 'string',
      defaultValue: ''
    },
    colorTheme: {
      type: 'string',
      defaultValue: 'default'
    }
  }
};
const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_BarChart.BarChart, args)));
const BarChartDefault = exports.BarChartDefault = Template.bind({});
BarChartDefault.args = {};
const BarChartFull = exports.BarChartFull = Template.bind({});
BarChartFull.args = {
  data: [{
    value: 1560,
    name: 'Name',
    colorThem: 'red'
  }],
  id: 'Identity',
  title: 'A Title'
};

// doublecheck:
// d3 causing SB to crash. cannot resolve