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

Integ Grid Tools

"use strict";

var _react = _interopRequireDefault(require("react"));

var _ClickedPopper = _interopRequireDefault(require("./ClickedPopper"));

var _PortalPopperDemo = _interopRequireDefault(require("./PortalPopperDemo"));

var _DownshiftExample = _interopRequireDefault(require("./DownshiftExample"));

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

var _DropdownCellEditor = _interopRequireDefault(require("../../DropdownCellEditor"));

var _DropdownCellEditorDemo = _interopRequireDefault(require("./DropdownCellEditorDemo"));

var _chance = _interopRequireDefault(require("chance"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _react2 = require("@storybook/react");

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

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  width: 100vw;\n  height: 100vh;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var chance = new _chance["default"](); // console.log('chance is ', chance)

var Content = _styledComponents["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, _react2.storiesOf)('DropDown RND', module).add('Popper Doc Example', function () {
  return _react["default"].createElement(_ClickedPopper["default"], null);
}).add('Portaled Popper', function () {
  return _react["default"].createElement(_PortalPopperDemo["default"], null);
}).add('Downshift doc example', function () {
  return _react["default"].createElement(_DownshiftExample["default"], {
    items: ['one', 'two', 'three'],
    onChange: (0, _addonActions.action)('selected item:')
  });
}).add('Dropdown Cell editor', function () {
  return _react["default"].createElement(_DropdownCellEditor["default"], {
    choices: normalChoices,
    onChange: (0, _addonActions.action)('selected item:')
  });
}).add('Virtualized Dropdown Cell editor', function () {
  return _react["default"].createElement(Content, null, _react["default"].createElement(_DropdownCellEditorDemo["default"], {
    choices: virtualiedChoices
  }));
});
//# sourceMappingURL=drop-dwon-rnd.stories.js.map