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

Styleless React Components

"use strict";

var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = exports.stylableApi = void 0;

var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));

var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));

var _react = _interopRequireDefault(require("react"));

var _addonActions = require("@storybook/addon-actions");

var _stories = require("../../helpers/stories");

var _2 = _interopRequireWildcard(require("./"));

var _createElement = _react.default.createElement;
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";
exports.stylableApi = stylableApi;
var rowsCount = 10;
var columnsCount = 3;

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

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

var _default = (0, _stories.storiesOf)('Table', module).addParameters({
  info: stylableApi
}).add('with rows', function () {
  var _context;

  return _createElement(_2.default, null, _ref, _createElement(_2.TableBody, null, (0, _map.default)(_context = (0, _from.default)({
    length: rowsCount
  })).call(_context, function (_, i) {
    return _createElement(_2.TableRow, {
      key: i
    }, _createElement(_2.TableCell, null, "user", i, "@email.com"), _createElement(_2.TableCell, null, "John", i), _createElement(_2.TableCell, null, "Smith", i));
  })), _ref2);
}).add('with order', function () {
  var _context2;

  return _createElement(_2.default, null, _createElement(_2.TableHead, null, _createElement(_2.TableRow, null, _createElement(_2.TableCell, {
    head: true,
    onOrderChange: (0, _addonActions.action)('change'),
    order: _2.Order.None
  }, "Email"), _createElement(_2.TableCell, {
    head: true,
    onOrderChange: (0, _addonActions.action)('change'),
    order: _2.Order.Asc
  }, "First name"), _createElement(_2.TableCell, {
    head: true,
    onOrderChange: (0, _addonActions.action)('change'),
    order: _2.Order.Desc
  }, "Last name"))), _createElement(_2.TableBody, null, (0, _map.default)(_context2 = (0, _from.default)({
    length: rowsCount
  })).call(_context2, function (_, i) {
    return _createElement(_2.TableRow, {
      key: i
    }, _createElement(_2.TableCell, null, "user", i, "@email.com"), _createElement(_2.TableCell, null, "John", i), _createElement(_2.TableCell, null, "Smith", i));
  })));
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUdBOztBQUdBOzs7QUFTTyxJQUFNLFdBQVcsMkhBQWpCOztBQWFQLElBQU0sU0FBUyxHQUFHLEVBQWxCO0FBQ0EsSUFBTSxZQUFZLEdBQUcsQ0FBckI7O3dCQVVJLGVBQUMsWUFBRCxRQUNDLGVBQUMsV0FBRCxRQUNDLGVBQUMsWUFBRDtBQUFXLEVBQUEsSUFBSTtBQUFmLFdBREQsRUFJQyxlQUFDLFlBQUQ7QUFBVyxFQUFBLElBQUk7QUFBZixnQkFKRCxFQU9DLGVBQUMsWUFBRDtBQUFXLEVBQUEsSUFBSTtBQUFmLGVBUEQsQ0FERCxDOzt5QkE0QkEsZUFBQyxZQUFELFFBQ0MsZUFBQyxXQUFELFFBQ0MsZUFBQyxZQUFEO0FBQVcsRUFBQSxPQUFPLEVBQUU7QUFBcEIsWUFERCxDQURELEM7O2VBcENXLHdCQUFVLE9BQVYsRUFBbUIsTUFBbkIsRUFDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsV0FMYSxFQU1iO0FBQUE7O0FBQUEsU0FDQyxlQUFDLFVBQUQsY0FjQyxlQUFDLFlBQUQsUUFDRSxnREFBVztBQUFFLElBQUEsTUFBTSxFQUFFO0FBQVYsR0FBWCxrQkFBc0MsVUFBQyxDQUFELEVBQUksQ0FBSjtBQUFBLFdBQ3RDLGVBQUMsV0FBRDtBQUFVLE1BQUEsR0FBRyxFQUFFO0FBQWYsT0FDQyxlQUFDLFlBQUQsZ0JBQ00sQ0FETixlQURELEVBSUMsZUFBQyxZQUFELGdCQUNNLENBRE4sQ0FKRCxFQU9DLGVBQUMsWUFBRCxpQkFDTyxDQURQLENBUEQsQ0FEc0M7QUFBQSxHQUF0QyxDQURGLENBZEQsUUFERDtBQUFBLENBTmEsRUE4Q2IsR0E5Q2EsQ0ErQ2IsWUEvQ2EsRUFnRGI7QUFBQTs7QUFBQSxTQUNDLGVBQUMsVUFBRCxRQUNDLGVBQUMsWUFBRCxRQUNDLGVBQUMsV0FBRCxRQUNDLGVBQUMsWUFBRDtBQUNDLElBQUEsSUFBSSxNQURMO0FBRUMsSUFBQSxhQUFhLEVBQUUsMEJBQU8sUUFBUCxDQUZoQjtBQUdDLElBQUEsS0FBSyxFQUFFLFNBQU07QUFIZCxhQURELEVBUUMsZUFBQyxZQUFEO0FBQ0MsSUFBQSxJQUFJLE1BREw7QUFFQyxJQUFBLGFBQWEsRUFBRSwwQkFBTyxRQUFQLENBRmhCO0FBR0MsSUFBQSxLQUFLLEVBQUUsU0FBTTtBQUhkLGtCQVJELEVBZUMsZUFBQyxZQUFEO0FBQ0MsSUFBQSxJQUFJLE1BREw7QUFFQyxJQUFBLGFBQWEsRUFBRSwwQkFBTyxRQUFQLENBRmhCO0FBR0MsSUFBQSxLQUFLLEVBQUUsU0FBTTtBQUhkLGlCQWZELENBREQsQ0FERCxFQTBCQyxlQUFDLFlBQUQsUUFDRSxpREFBVztBQUFFLElBQUEsTUFBTSxFQUFFO0FBQVYsR0FBWCxtQkFBc0MsVUFBQyxDQUFELEVBQUksQ0FBSjtBQUFBLFdBQ3RDLGVBQUMsV0FBRDtBQUFVLE1BQUEsR0FBRyxFQUFFO0FBQWYsT0FDQyxlQUFDLFlBQUQsZ0JBQ00sQ0FETixlQURELEVBSUMsZUFBQyxZQUFELGdCQUNNLENBRE4sQ0FKRCxFQU9DLGVBQUMsWUFBRCxpQkFDTyxDQURQLENBUEQsQ0FEc0M7QUFBQSxHQUF0QyxDQURGLENBMUJELENBREQ7QUFBQSxDQWhEYSxDIiwic291cmNlUm9vdCI6IiJ9