@flexis/ui/components/ScrollArea/ScrollArea.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 _react2 = require("@storybook/addon-knobs/react");

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

var _Table = _interopRequireWildcard(require("../Table"));

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

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- ::scroller\n\t- :hideXScrollbar\n\t- :hideYScrollbar\n- ::shadow\n\t- :active\n\t- :top\n\t- :right\n\t- :bottom\n\t- :left\n";
exports.stylableApi = stylableApi;
var colsCount = 20;
var rowsCount = 50;

var _default = (0, _stories.storiesOf)('ScrollArea', module).addParameters({
  info: stylableApi
}).add('with scroll content', function () {
  return _createElement(_2.default, {
    style: {
      maxHeight: '400px',
      maxWidth: '400px'
    }
  }, _createElement("div", {
    style: {
      width: '600px',
      height: '600px',
      background: 'aqua'
    }
  }, "Content"));
}).add('with ignore shadows', function () {
  return _createElement(_2.default, {
    style: {
      maxHeight: '400px',
      maxWidth: '400px'
    },
    ignoreTopShadow: (0, _react2.boolean)('Ingore top shadow', true),
    ignoreRightShadow: (0, _react2.boolean)('Ingore right shadow', false),
    ignoreBottomShadow: (0, _react2.boolean)('Ingore bottom shadow', true),
    ignoreLeftShadow: (0, _react2.boolean)('Ingore left shadow', false)
  }, _createElement("div", {
    style: {
      width: '600px',
      height: '600px',
      background: 'aqua'
    }
  }, "Content"));
}).add('with hidden scrollbars', function () {
  return _createElement(_2.default, {
    style: {
      maxHeight: '400px',
      maxWidth: '400px'
    },
    hideXScrollbar: (0, _react2.boolean)('Hide X-scrollbar', true),
    hideYScrollbar: (0, _react2.boolean)('Hide Y-scrollbar', true)
  }, _createElement("div", {
    style: {
      width: '600px',
      height: '600px',
      background: 'aqua'
    }
  }, "Content"));
}).add('with table', function () {
  var _context, _context2;

  return _createElement(_2.default, null, _createElement(_Table.default, null, _createElement(_Table.TableHead, null, _createElement(_Table.TableRow, null, (0, _map.default)(_context = (0, _from.default)({
    length: colsCount
  })).call(_context, function (_, i) {
    return _createElement(_Table.TableCell, {
      key: i,
      head: true
    }, "Heading");
  }))), _createElement(_Table.TableBody, null, (0, _map.default)(_context2 = (0, _from.default)({
    length: rowsCount
  })).call(_context2, function (_, i) {
    var _context3;

    return _createElement(_Table.TableRow, {
      key: i
    }, (0, _map.default)(_context3 = (0, _from.default)({
      length: colsCount
    })).call(_context3, function (_, i) {
      return _createElement(_Table.TableCell, {
        key: i
      }, "Cell");
    }));
  }))));
});

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