@roo-ui/components/dist/Icon/Icon.story.js

"use strict";

var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));

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

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

var _storybookReadme = require("storybook-readme");

var _map = _interopRequireDefault(require("lodash/map"));

var _groupBy = _interopRequireDefault(require("lodash/groupBy"));

var _icons = _interopRequireDefault(require("@roo-ui/icons"));

var _ = require("..");

var _2 = _interopRequireDefault(require("."));

var _README = _interopRequireDefault(require("./README.md"));

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

var groupedPaths = (0, _groupBy.default)((0, _map.default)(_icons.default, function (_ref, name) {
  var category = _ref.category;
  return {
    category: category,
    name: name
  };
}), 'category');
var Grid = (0, _styledBase.default)("div", {
  target: "eup8sy00",
  label: "Grid"
})(process.env.NODE_ENV === "production" ? {
  name: "1dnrxvd",
  styles: "display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));"
} : {
  name: "1dnrxvd",
  styles: "display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JY29uL0ljb24uc3RvcnkuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvSWNvbi9JY29uLnN0b3J5LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0b3JpZXNPZiB9IGZyb20gJ0BzdG9yeWJvb2svcmVhY3QnO1xuaW1wb3J0IHsgd2l0aERvY3MgfSBmcm9tICdzdG9yeWJvb2stcmVhZG1lJztcbmltcG9ydCBtYXAgZnJvbSAnbG9kYXNoL21hcCc7XG5pbXBvcnQgZ3JvdXBCeSBmcm9tICdsb2Rhc2gvZ3JvdXBCeSc7XG5pbXBvcnQgcGF0aHMgZnJvbSAnQHJvby11aS9pY29ucyc7XG5cbmltcG9ydCB7IEJveCwgUGFyYWdyYXBoIH0gZnJvbSAnLi4nO1xuaW1wb3J0IEljb24gZnJvbSAnLic7XG5pbXBvcnQgUkVBRE1FIGZyb20gJy4vUkVBRE1FLm1kJztcblxuY29uc3QgZ3JvdXBlZFBhdGhzID0gZ3JvdXBCeShcbiAgbWFwKHBhdGhzLCAoeyBjYXRlZ29yeSB9LCBuYW1lKSA9PiAoeyBjYXRlZ29yeSwgbmFtZSB9KSksXG4gICdjYXRlZ29yeScsXG4pO1xuXG5jb25zdCBHcmlkID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoNy41cmVtLCAxZnIpKTtcbmA7XG5cbmNvbnN0IENhcHRpb24gPSBzdHlsZWQoUGFyYWdyYXBoKWBcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gO1xuXG5jb25zdCByZW5kZXJJY29ucyA9IGdyb3VwID0+ICgpID0+IChcbiAgPEdyaWQ+XG4gICAge2dyb3VwZWRQYXRoc1tncm91cF0ubWFwKCh7IG5hbWUgfSkgPT4gKFxuICAgICAgPEJveCBwPXs0fSBrZXk9e25hbWV9PlxuICAgICAgICA8SWNvbiBjb2xvcj1cImdyZXlzLnN0ZWVsXCIgc2l6ZT17NDh9IG5hbWU9e25hbWV9IC8+XG4gICAgICAgIDxDYXB0aW9uIHRpdGxlPXtuYW1lfSBmb250U2l6ZT1cInhzXCIgY29sb3I9XCJncmV5cy5zdGVlbFwiPntuYW1lfTwvQ2FwdGlvbj5cbiAgICAgIDwvQm94PlxuICAgICkpfVxuICA8L0dyaWQ+XG4pO1xuXG5zdG9yaWVzT2YoJ0NvbXBvbmVudHN8SWNvbicsIG1vZHVsZSlcbiAgLmFkZERlY29yYXRvcih3aXRoRG9jcyhSRUFETUUpKVxuICAuYWRkKCdhY3Rpb24nLCByZW5kZXJJY29ucygnYWN0aW9uJykpXG4gIC5hZGQoJ2FsZXJ0JywgcmVuZGVySWNvbnMoJ2FsZXJ0JykpXG4gIC5hZGQoJ2F2JywgcmVuZGVySWNvbnMoJ2F2JykpXG4gIC5hZGQoJ2NvbW11bmljYXRpb24nLCByZW5kZXJJY29ucygnY29tbXVuaWNhdGlvbicpKVxuICAuYWRkKCdjb250ZW50JywgcmVuZGVySWNvbnMoJ2NvbnRlbnQnKSlcbiAgLmFkZCgnZGV2aWNlJywgcmVuZGVySWNvbnMoJ2RldmljZScpKVxuICAuYWRkKCdlZGl0b3InLCByZW5kZXJJY29ucygnZWRpdG9yJykpXG4gIC5hZGQoJ2ZpbGUnLCByZW5kZXJJY29ucygnZmlsZScpKVxuICAuYWRkKCdoYXJkd2FyZScsIHJlbmRlckljb25zKCdoYXJkd2FyZScpKVxuICAuYWRkKCdpbWFnZScsIHJlbmRlckljb25zKCdpbWFnZScpKVxuICAuYWRkKCdtYXBzJywgcmVuZGVySWNvbnMoJ21hcHMnKSlcbiAgLmFkZCgnbmF2aWdhdGlvbicsIHJlbmRlckljb25zKCduYXZpZ2F0aW9uJykpXG4gIC5hZGQoJ25vdGlmaWNhdGlvbicsIHJlbmRlckljb25zKCdub3RpZmljYXRpb24nKSlcbiAgLmFkZCgncGxhY2VzJywgcmVuZGVySWNvbnMoJ3BsYWNlcycpKVxuICAuYWRkKCdyYXRpbmcnLCByZW5kZXJJY29ucygncmF0aW5nJykpXG4gIC5hZGQoJ3NvY2lhbCcsIHJlbmRlckljb25zKCdzb2NpYWwnKSlcbiAgLmFkZCgndG9nZ2xlJywgcmVuZGVySWNvbnMoJ3RvZ2dsZScpKVxuICAuYWRkKCdxYW50YXMnLCByZW5kZXJJY29ucygncWFudGFzJykpO1xuIl19 */"
});
var Caption = (
/*#__PURE__*/
0, _styledBase.default)(_.Paragraph, {
  target: "eup8sy01",
  label: "Caption"
})(process.env.NODE_ENV === "production" ? {
  name: "zavpsn",
  styles: "font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"
} : {
  name: "zavpsn",
  styles: "font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;",
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9JY29uL0ljb24uc3RvcnkuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JpQyIsImZpbGUiOiIuLi8uLi9zcmMvSWNvbi9JY29uLnN0b3J5LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0b3JpZXNPZiB9IGZyb20gJ0BzdG9yeWJvb2svcmVhY3QnO1xuaW1wb3J0IHsgd2l0aERvY3MgfSBmcm9tICdzdG9yeWJvb2stcmVhZG1lJztcbmltcG9ydCBtYXAgZnJvbSAnbG9kYXNoL21hcCc7XG5pbXBvcnQgZ3JvdXBCeSBmcm9tICdsb2Rhc2gvZ3JvdXBCeSc7XG5pbXBvcnQgcGF0aHMgZnJvbSAnQHJvby11aS9pY29ucyc7XG5cbmltcG9ydCB7IEJveCwgUGFyYWdyYXBoIH0gZnJvbSAnLi4nO1xuaW1wb3J0IEljb24gZnJvbSAnLic7XG5pbXBvcnQgUkVBRE1FIGZyb20gJy4vUkVBRE1FLm1kJztcblxuY29uc3QgZ3JvdXBlZFBhdGhzID0gZ3JvdXBCeShcbiAgbWFwKHBhdGhzLCAoeyBjYXRlZ29yeSB9LCBuYW1lKSA9PiAoeyBjYXRlZ29yeSwgbmFtZSB9KSksXG4gICdjYXRlZ29yeScsXG4pO1xuXG5jb25zdCBHcmlkID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoNy41cmVtLCAxZnIpKTtcbmA7XG5cbmNvbnN0IENhcHRpb24gPSBzdHlsZWQoUGFyYWdyYXBoKWBcbiAgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5gO1xuXG5jb25zdCByZW5kZXJJY29ucyA9IGdyb3VwID0+ICgpID0+IChcbiAgPEdyaWQ+XG4gICAge2dyb3VwZWRQYXRoc1tncm91cF0ubWFwKCh7IG5hbWUgfSkgPT4gKFxuICAgICAgPEJveCBwPXs0fSBrZXk9e25hbWV9PlxuICAgICAgICA8SWNvbiBjb2xvcj1cImdyZXlzLnN0ZWVsXCIgc2l6ZT17NDh9IG5hbWU9e25hbWV9IC8+XG4gICAgICAgIDxDYXB0aW9uIHRpdGxlPXtuYW1lfSBmb250U2l6ZT1cInhzXCIgY29sb3I9XCJncmV5cy5zdGVlbFwiPntuYW1lfTwvQ2FwdGlvbj5cbiAgICAgIDwvQm94PlxuICAgICkpfVxuICA8L0dyaWQ+XG4pO1xuXG5zdG9yaWVzT2YoJ0NvbXBvbmVudHN8SWNvbicsIG1vZHVsZSlcbiAgLmFkZERlY29yYXRvcih3aXRoRG9jcyhSRUFETUUpKVxuICAuYWRkKCdhY3Rpb24nLCByZW5kZXJJY29ucygnYWN0aW9uJykpXG4gIC5hZGQoJ2FsZXJ0JywgcmVuZGVySWNvbnMoJ2FsZXJ0JykpXG4gIC5hZGQoJ2F2JywgcmVuZGVySWNvbnMoJ2F2JykpXG4gIC5hZGQoJ2NvbW11bmljYXRpb24nLCByZW5kZXJJY29ucygnY29tbXVuaWNhdGlvbicpKVxuICAuYWRkKCdjb250ZW50JywgcmVuZGVySWNvbnMoJ2NvbnRlbnQnKSlcbiAgLmFkZCgnZGV2aWNlJywgcmVuZGVySWNvbnMoJ2RldmljZScpKVxuICAuYWRkKCdlZGl0b3InLCByZW5kZXJJY29ucygnZWRpdG9yJykpXG4gIC5hZGQoJ2ZpbGUnLCByZW5kZXJJY29ucygnZmlsZScpKVxuICAuYWRkKCdoYXJkd2FyZScsIHJlbmRlckljb25zKCdoYXJkd2FyZScpKVxuICAuYWRkKCdpbWFnZScsIHJlbmRlckljb25zKCdpbWFnZScpKVxuICAuYWRkKCdtYXBzJywgcmVuZGVySWNvbnMoJ21hcHMnKSlcbiAgLmFkZCgnbmF2aWdhdGlvbicsIHJlbmRlckljb25zKCduYXZpZ2F0aW9uJykpXG4gIC5hZGQoJ25vdGlmaWNhdGlvbicsIHJlbmRlckljb25zKCdub3RpZmljYXRpb24nKSlcbiAgLmFkZCgncGxhY2VzJywgcmVuZGVySWNvbnMoJ3BsYWNlcycpKVxuICAuYWRkKCdyYXRpbmcnLCByZW5kZXJJY29ucygncmF0aW5nJykpXG4gIC5hZGQoJ3NvY2lhbCcsIHJlbmRlckljb25zKCdzb2NpYWwnKSlcbiAgLmFkZCgndG9nZ2xlJywgcmVuZGVySWNvbnMoJ3RvZ2dsZScpKVxuICAuYWRkKCdxYW50YXMnLCByZW5kZXJJY29ucygncWFudGFzJykpO1xuIl19 */"
});

var renderIcons = function renderIcons(group) {
  return function () {
    return _react.default.createElement(Grid, null, groupedPaths[group].map(function (_ref2) {
      var name = _ref2.name;
      return _react.default.createElement(_.Box, {
        p: 4,
        key: name
      }, _react.default.createElement(_2.default, {
        color: "greys.steel",
        size: 48,
        name: name
      }), _react.default.createElement(Caption, {
        title: name,
        fontSize: "xs",
        color: "greys.steel"
      }, name));
    }));
  };
};

(0, _react2.storiesOf)('Components|Icon', module).addDecorator((0, _storybookReadme.withDocs)(_README.default)).add('action', renderIcons('action')).add('alert', renderIcons('alert')).add('av', renderIcons('av')).add('communication', renderIcons('communication')).add('content', renderIcons('content')).add('device', renderIcons('device')).add('editor', renderIcons('editor')).add('file', renderIcons('file')).add('hardware', renderIcons('hardware')).add('image', renderIcons('image')).add('maps', renderIcons('maps')).add('navigation', renderIcons('navigation')).add('notification', renderIcons('notification')).add('places', renderIcons('places')).add('rating', renderIcons('rating')).add('social', renderIcons('social')).add('toggle', renderIcons('toggle')).add('qantas', renderIcons('qantas'));