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

React Collection Helpers Component

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _Find = require('../Find');

var _Find2 = _interopRequireDefault(_Find);

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

(0, _storybook.storiesOf)('Find', module).add('default (finds the first match)', function () {
  return _react2.default.createElement(
    _Find2.default,
    {
      collection: [{ id: 'a', name: 'apple', inStock: false }, { id: 'b', name: 'banana', inStock: true }, { id: 'c', name: 'carrot', inStock: true }],
      predicate: function predicate(item) {
        return item.inStock;
      }
    },
    function (item) {
      return _react2.default.createElement(
        'div',
        { key: item.id },
        item.name
      );
    }
  );
}); /* eslint-disable react/prop-types */