@flexis/ui/components/Table/Table.stories.es.js

Styleless React Components

import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { storiesOf } from '../../helpers/stories';
import Table, { TableHead, TableBody, TableFoot, TableRow, TableCell, Order } from './';
export var stylableApi = "\nStylable API\n---\n- ::head\n- ::body\n- ::row\n- ::cell\n\t- :head\n\t- :orderNone\n\t- :orderAsc\n\t- :orderDesc\n";
var rowsCount = 10;
var columnsCount = 3;

var _ref = /*#__PURE__*/_createElement(TableHead, null, _createElement(TableRow, null, _createElement(TableCell, {
  head: true
}, "Email"), _createElement(TableCell, {
  head: true
}, "First name"), _createElement(TableCell, {
  head: true
}, "Last name")));

var _ref2 = /*#__PURE__*/_createElement(TableFoot, null, _createElement(TableRow, null, _createElement(TableCell, {
  colSpan: columnsCount
}, "Footer")));

export default storiesOf('Table', module).addParameters({
  info: stylableApi
}).add('with rows', function () {
  var _context;

  return _createElement(Table, null, _ref, _createElement(TableBody, null, _mapInstanceProperty(_context = _Array$from({
    length: rowsCount
  })).call(_context, function (_, i) {
    return _createElement(TableRow, {
      key: i
    }, _createElement(TableCell, null, "user", i, "@email.com"), _createElement(TableCell, null, "John", i), _createElement(TableCell, null, "Smith", i));
  })), _ref2);
}).add('with order', function () {
  var _context2;

  return _createElement(Table, null, _createElement(TableHead, null, _createElement(TableRow, null, _createElement(TableCell, {
    head: true,
    onOrderChange: action('change'),
    order: Order.None
  }, "Email"), _createElement(TableCell, {
    head: true,
    onOrderChange: action('change'),
    order: Order.Asc
  }, "First name"), _createElement(TableCell, {
    head: true,
    onOrderChange: action('change'),
    order: Order.Desc
  }, "Last name"))), _createElement(TableBody, null, _mapInstanceProperty(_context2 = _Array$from({
    length: rowsCount
  })).call(_context2, function (_, i) {
    return _createElement(TableRow, {
      key: i
    }, _createElement(TableCell, null, "user", i, "@email.com"), _createElement(TableCell, null, "John", i), _createElement(TableCell, null, "Smith", i));
  })));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxLQUFQLE1BQWtCLE9BQWxCOztBQUNBLFNBQ0MsTUFERCxRQUVPLDBCQUZQO0FBR0EsU0FDQyxTQURELFFBRU8sdUJBRlA7QUFHQSxPQUFPLEtBQVAsSUFDQyxTQURELEVBRUMsU0FGRCxFQUdDLFNBSEQsRUFJQyxRQUpELEVBS0MsU0FMRCxFQU1DLEtBTkQsUUFPTyxJQVBQO0FBU0EsT0FBTyxJQUFNLFdBQVcsMkhBQWpCO0FBYVAsSUFBTSxTQUFTLEdBQUcsRUFBbEI7QUFDQSxJQUFNLFlBQVksR0FBRyxDQUFyQjs7d0JBVUksZUFBQyxTQUFELFFBQ0MsZUFBQyxRQUFELFFBQ0MsZUFBQyxTQUFEO0FBQVcsRUFBQSxJQUFJO0FBQWYsV0FERCxFQUlDLGVBQUMsU0FBRDtBQUFXLEVBQUEsSUFBSTtBQUFmLGdCQUpELEVBT0MsZUFBQyxTQUFEO0FBQVcsRUFBQSxJQUFJO0FBQWYsZUFQRCxDQURELEM7O3lCQTRCQSxlQUFDLFNBQUQsUUFDQyxlQUFDLFFBQUQsUUFDQyxlQUFDLFNBQUQ7QUFBVyxFQUFBLE9BQU8sRUFBRTtBQUFwQixZQURELENBREQsQzs7QUFwQ0osZUFBZSxTQUFTLENBQUMsT0FBRCxFQUFVLE1BQVYsQ0FBVCxDQUNiLGFBRGEsQ0FDQztBQUNkLEVBQUEsSUFBSSxFQUFFO0FBRFEsQ0FERCxFQUliLEdBSmEsQ0FLYixXQUxhLEVBTWI7QUFBQTs7QUFBQSxTQUNDLGVBQUMsS0FBRCxjQWNDLGVBQUMsU0FBRCxRQUNFLDRDQUFXO0FBQUUsSUFBQSxNQUFNLEVBQUU7QUFBVixHQUFYLGtCQUFzQyxVQUFDLENBQUQsRUFBSSxDQUFKO0FBQUEsV0FDdEMsZUFBQyxRQUFEO0FBQVUsTUFBQSxHQUFHLEVBQUU7QUFBZixPQUNDLGVBQUMsU0FBRCxnQkFDTSxDQUROLGVBREQsRUFJQyxlQUFDLFNBQUQsZ0JBQ00sQ0FETixDQUpELEVBT0MsZUFBQyxTQUFELGlCQUNPLENBRFAsQ0FQRCxDQURzQztBQUFBLEdBQXRDLENBREYsQ0FkRCxRQUREO0FBQUEsQ0FOYSxFQThDYixHQTlDYSxDQStDYixZQS9DYSxFQWdEYjtBQUFBOztBQUFBLFNBQ0MsZUFBQyxLQUFELFFBQ0MsZUFBQyxTQUFELFFBQ0MsZUFBQyxRQUFELFFBQ0MsZUFBQyxTQUFEO0FBQ0MsSUFBQSxJQUFJLE1BREw7QUFFQyxJQUFBLGFBQWEsRUFBRSxNQUFNLENBQUMsUUFBRCxDQUZ0QjtBQUdDLElBQUEsS0FBSyxFQUFFLEtBQUssQ0FBQztBQUhkLGFBREQsRUFRQyxlQUFDLFNBQUQ7QUFDQyxJQUFBLElBQUksTUFETDtBQUVDLElBQUEsYUFBYSxFQUFFLE1BQU0sQ0FBQyxRQUFELENBRnRCO0FBR0MsSUFBQSxLQUFLLEVBQUUsS0FBSyxDQUFDO0FBSGQsa0JBUkQsRUFlQyxlQUFDLFNBQUQ7QUFDQyxJQUFBLElBQUksTUFETDtBQUVDLElBQUEsYUFBYSxFQUFFLE1BQU0sQ0FBQyxRQUFELENBRnRCO0FBR0MsSUFBQSxLQUFLLEVBQUUsS0FBSyxDQUFDO0FBSGQsaUJBZkQsQ0FERCxDQURELEVBMEJDLGVBQUMsU0FBRCxRQUNFLDZDQUFXO0FBQUUsSUFBQSxNQUFNLEVBQUU7QUFBVixHQUFYLG1CQUFzQyxVQUFDLENBQUQsRUFBSSxDQUFKO0FBQUEsV0FDdEMsZUFBQyxRQUFEO0FBQVUsTUFBQSxHQUFHLEVBQUU7QUFBZixPQUNDLGVBQUMsU0FBRCxnQkFDTSxDQUROLGVBREQsRUFJQyxlQUFDLFNBQUQsZ0JBQ00sQ0FETixDQUpELEVBT0MsZUFBQyxTQUFELGlCQUNPLENBRFAsQ0FQRCxDQURzQztBQUFBLEdBQXRDLENBREYsQ0ExQkQsQ0FERDtBQUFBLENBaERhLENBQWYiLCJzb3VyY2VSb290IjoiIn0=