wix-style-react/dist/stories/MultiSelect/MultiSelectTestStory.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _storiesHierarchy = require('../storiesHierarchy');

var _storySettings = require('./storySettings');

var _utils = require('../utils');

var _MultiSelect = require('../../src/MultiSelect');

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _ExampleReorderable = require('./ExampleReorderable');

var _ExampleReorderable2 = _interopRequireDefault(_ExampleReorderable);

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

var kind = (0, _storiesHierarchy.getTestStoryKind)({
  category: _storySettings.storySettings.category,
  storyName: _storySettings.storySettings.storyName
});

var MultiSelectTests = (0, _react3.storiesOf)(kind, module);
MultiSelectTests.add('1. With maxNumRows', function () {
  return _react2.default.createElement(
    _utils.RTLWrapper,
    null,
    _react2.default.createElement(
      'div',
      { style: { width: '400px' } },
      'numOfRows=2:',
      _react2.default.createElement(_MultiSelect2.default, {
        dataHook: 'multi-select-limited',
        tags: [{ id: '1', label: 'aaaaaaaaaaaa' }, { id: '2', label: 'aaaaaaaaaaaa' }, { id: '3', label: 'aaaaaaaaaaaa' }, { id: '4', label: 'aaaaaaaaaaaa' }, { id: '5', label: 'aaaaaaaaaaaa' }, { id: '6', label: 'aaaaaaaaaaaa' }],
        maxNumRows: 2,
        upgrade: true
      })
    )
  );
});

MultiSelectTests.add('2. Reorderable', function () {
  return _react2.default.createElement(
    _utils.RTLWrapper,
    null,
    _react2.default.createElement(_ExampleReorderable2.default, null)
  );
});