@integec/grid-tools/lib/stories/cell-drop-down/drop-dwon-rnd.stories.js

Integ Grid Tools

'use strict';

var _templateObject = _taggedTemplateLiteral(['\n  width: 100vw;\n  height: 100vh;\n'], ['\n  width: 100vw;\n  height: 100vh;\n']);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ClickedPopper = require('./ClickedPopper');

var _ClickedPopper2 = _interopRequireDefault(_ClickedPopper);

var _PortalPopperDemo = require('./PortalPopperDemo');

var _PortalPopperDemo2 = _interopRequireDefault(_PortalPopperDemo);

var _DownshiftExample = require('./DownshiftExample');

var _DownshiftExample2 = _interopRequireDefault(_DownshiftExample);

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

var _DropdownCellEditor = require('../../DropdownCellEditor');

var _DropdownCellEditor2 = _interopRequireDefault(_DropdownCellEditor);

var _DropdownCellEditorDemo = require('./DropdownCellEditorDemo');

var _DropdownCellEditorDemo2 = _interopRequireDefault(_DropdownCellEditorDemo);

var _chance = require('chance');

var _chance2 = _interopRequireDefault(_chance);

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

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

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

// ClickedPopper.js


var chance = new _chance2.default();

console.log('chance is ', chance);

var Content = _styledComponents2.default.div(_templateObject);

var virtualiedChoices = chance.unique(function () {
  return chance.word({ syllables: 4 });
}, 1000).map(function (text, value) {
  return { value: value, text: text };
});

var normalChoices = chance.unique(function () {
  return chance.word({ syllables: 4 });
}, 9).map(function (text, value) {
  return { value: value, text: text };
});

(0, _react3.storiesOf)('DropDown RND', module).add('Popper Doc Example', function () {
  return _react2.default.createElement(_ClickedPopper2.default, null);
}).add('Portaled Popper', function () {
  return _react2.default.createElement(_PortalPopperDemo2.default, null);
}).add('Downshift doc example', function () {
  return _react2.default.createElement(_DownshiftExample2.default, { items: ['one', 'two', 'three'], onChange: (0, _addonActions.action)('selected item:') });
}).add('Dropdown Cell editor', function () {
  return _react2.default.createElement(_DropdownCellEditor2.default, { choices: normalChoices, onChange: (0, _addonActions.action)('selected item:') });
}).add('Virtualized Dropdown Cell editor', function () {
  return _react2.default.createElement(
    Content,
    null,
    _react2.default.createElement(_DropdownCellEditorDemo2.default, { choices: virtualiedChoices })
  );
});
//# sourceMappingURL=drop-dwon-rnd.stories.js.map