react-collection-helpers/lib/components/Some/Some.stories.js

React Collection Helpers Component

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _storybook = require('@kadira/storybook');

var _Some = require('../Some');

var _Some2 = _interopRequireDefault(_Some);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _storybook.storiesOf)('Some', module).add('With an invalid collection (should be empty)', function () {
  return _react2.default.createElement(
    _Some2.default,
    {
      collection: [{ id: 'a', name: 'apple', inStock: false }, { id: 'b', name: 'banana', inStock: false }, { id: 'c', name: 'carrot', inStock: false }],
      predicate: function predicate(item) {
        return item.inStock;
      }
    },
    function (item) {
      return _react2.default.createElement(
        'div',
        { key: item.id },
        item.name
      );
    }
  );
}).add('With fallback content for an invalid collection', function () {
  return _react2.default.createElement(
    _Some2.default,
    {
      collection: [{ id: 'a', name: 'apple', inStock: false }, { id: 'b', name: 'banana', inStock: false }, { id: 'c', name: 'carrot', inStock: false }],
      predicate: function predicate(item) {
        return item.inStock;
      },
      fallback: _react2.default.createElement(
        'div',
        null,
        'Sorry, this collection is invalid.'
      )
    },
    function (item) {
      return _react2.default.createElement(
        'div',
        { key: item.id },
        item.name
      );
    }
  );
}).add('With a single valid item', function () {
  return _react2.default.createElement(
    _Some2.default,
    {
      collection: [{ id: 'a', name: 'apple', inStock: true }, { id: 'b', name: 'banana', inStock: false }, { id: 'c', name: 'carrot', inStock: false }],
      predicate: function predicate(item) {
        return item.inStock;
      },
      fallback: _react2.default.createElement(
        'div',
        null,
        'Sorry, this collection is invalid.'
      )
    },
    function (item) {
      return _react2.default.createElement(
        'div',
        { key: item.id },
        item.name
      );
    }
  );
});