text: webpackHotUpdate("main",{
  
  /***/ "./src/components/Grid.jsx":
  /*!*********************************!*\
    !*** ./src/components/Grid.jsx ***!
    \*********************************/
  /*! exports provided: default */
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! redux */ \"./node_modules/redux/es/redux.js\");\n/* harmony import */ var react_jss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-jss */ \"./node_modules/react-jss/lib/index.js\");\n/* harmony import */ var react_jss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jss__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var lodash_fp_get__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/fp/get */ \"./node_modules/lodash/fp/get.js\");\n/* harmony import */ var lodash_fp_get__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_fp_get__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var containers_List__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! containers/List */ \"./src/containers/List/index.js\");\n/* harmony import */ var containers_Images__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! containers/Images */ \"./src/containers/Images/index.js\");\n/* harmony import */ var components_Album__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! components/Album */ \"./src/components/Album.jsx\");\n/* harmony import */ var components_DetailedAlbum__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! components/DetailedAlbum */ \"./src/components/DetailedAlbum.jsx\");\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance\"); }\n\nfunction _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\nvar styles = {\n  container: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'center'\n  }\n};\nvar EMPTY = {};\n\nfunction Grid(_ref) {\n  var classes = _ref.classes,\n      list = _ref.list,\n      images = _ref.images,\n      requestImage = _ref.requestImage;\n\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"](EMPTY),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      selected = _React$useState2[0],\n      setSelected = _React$useState2[1];\n\n  var clearSelected = react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"](function () {\n    return setSelected(EMPTY);\n  });\n  var selectedImage = lodash_fp_get__WEBPACK_IMPORTED_MODULE_3___default()(selected.cover, images);\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    className: classes.container\n  }, !list.length && react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", null, \"\\u25CB\"), list.map(function (album) {\n    var handleSelect = react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"](function () {\n      return setSelected(album);\n    }, [album]);\n    return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](components_Album__WEBPACK_IMPORTED_MODULE_6__[\"default\"], _extends({\n      key: album.id,\n      onClick: handleSelect\n    }, {\n      album: album,\n      images: images,\n      requestImage: requestImage\n    }));\n  })), react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](components_DetailedAlbum__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n    album: selected,\n    image: selectedImage,\n    onClose: clearSelected\n  }));\n}\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(redux__WEBPACK_IMPORTED_MODULE_1__[\"compose\"])(react_jss__WEBPACK_IMPORTED_MODULE_2___default()(styles), containers_List__WEBPACK_IMPORTED_MODULE_4__[\"withList\"], containers_Images__WEBPACK_IMPORTED_MODULE_5__[\"withImages\"])(Grid));//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9HcmlkLmpzeC5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9jb21wb25lbnRzL0dyaWQuanN4PzQ3MWQiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gQGZsb3dcblxuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtjb21wb3NlfSBmcm9tICdyZWR1eCc7XG5pbXBvcnQgaW5qZWN0U2hlZXQgZnJvbSAncmVhY3QtanNzJztcbmltcG9ydCBnZXQgZnJvbSAnbG9kYXNoL2ZwL2dldCc7XG5cbmltcG9ydCB7d2l0aExpc3R9IGZyb20gJ2NvbnRhaW5lcnMvTGlzdCc7XG5pbXBvcnQge3dpdGhJbWFnZXN9IGZyb20gJ2NvbnRhaW5lcnMvSW1hZ2VzJztcbmltcG9ydCBBbGJ1bSBmcm9tICdjb21wb25lbnRzL0FsYnVtJztcbmltcG9ydCBEZXRhaWxlZEFsYnVtIGZyb20gJ2NvbXBvbmVudHMvRGV0YWlsZWRBbGJ1bSc7XG5cbnR5cGUgUHJvcHMgPSB7XG5cdGNsYXNzZXM6IE9iamVjdCxcblx0bGlzdDogQXJyYXk8Kj4sXG5cdGltYWdlczogTWFwPHN0cmluZywgT2JqZWN0Pixcblx0cmVxdWVzdEltYWdlOiBGdW5jdGlvbixcbn07XG5cbmNvbnN0IHN0eWxlcyA9IHtcblx0Y29udGFpbmVyOiB7XG5cdFx0ZGlzcGxheTogJ2ZsZXgnLFxuXHRcdGZsZXhXcmFwOiAnd3JhcCcsXG5cdFx0anVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuXHR9LFxufTtcbmNvbnN0IEVNUFRZID0ge307XG5cbmZ1bmN0aW9uIEdyaWQoe2NsYXNzZXMsIGxpc3QsIGltYWdlcywgcmVxdWVzdEltYWdlfTogUHJvcHMpIHtcblx0Y29uc3QgW3NlbGVjdGVkLCBzZXRTZWxlY3RlZF0gPSBSZWFjdC51c2VTdGF0ZShFTVBUWSk7XG5cdGNvbnN0IGNsZWFyU2VsZWN0ZWQgPSBSZWFjdC51c2VDYWxsYmFjaygoKSA9PiBzZXRTZWxlY3RlZChFTVBUWSkpO1xuXHRjb25zdCBzZWxlY3RlZEltYWdlID0gZ2V0KHNlbGVjdGVkLmNvdmVyLCBpbWFnZXMpO1xuXG5cdHJldHVybiAoXG5cdFx0PD5cblx0XHRcdDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmNvbnRhaW5lcn0+XG5cdFx0XHRcdHshbGlzdC5sZW5ndGggJiYgKDxkaXY+4peLPC9kaXY+KX1cblx0XHRcdFx0e2xpc3QubWFwKGFsYnVtID0+IHtcblx0XHRcdFx0XHRjb25zdCBoYW5kbGVTZWxlY3QgPSBSZWFjdC51c2VDYWxsYmFjaygoKSA9PiBzZXRTZWxlY3RlZChhbGJ1bSksIFtcblx0XHRcdFx0XHRcdGFsYnVtLFxuXHRcdFx0XHRcdF0pO1xuXG5cdFx0XHRcdFx0cmV0dXJuIChcblx0XHRcdFx0XHRcdDxBbGJ1bVxuXHRcdFx0XHRcdFx0XHRrZXk9e2FsYnVtLmlkfVxuXHRcdFx0XHRcdFx0XHRvbkNsaWNrPXtoYW5kbGVTZWxlY3R9XG5cdFx0XHRcdFx0XHRcdHsuLi57YWxidW0sIGltYWdlcywgcmVxdWVzdEltYWdlfX1cblx0XHRcdFx0XHRcdC8+XG5cdFx0XHRcdFx0KTtcblx0XHRcdFx0fSl9XG5cdFx0XHQ8L2Rpdj5cblx0XHRcdDxEZXRhaWxlZEFsYnVtXG5cdFx0XHRcdGFsYnVtPXtzZWxlY3RlZH1cblx0XHRcdFx0aW1hZ2U9e3NlbGVjdGVkSW1hZ2V9XG5cdFx0XHRcdG9uQ2xvc2U9e2NsZWFyU2VsZWN0ZWR9XG5cdFx0XHQvPlxuXHRcdDwvPlxuXHQpO1xufVxuXG5leHBvcnQgZGVmYXVsdCBjb21wb3NlKFxuXHRpbmplY3RTaGVldChzdHlsZXMpLFxuXHR3aXRoTGlzdCxcblx0d2l0aEltYWdlc1xuKShHcmlkKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFTQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFEQTtBQU9BO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFEQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUVBO0FBQUE7QUFHQTtBQUFBO0FBQUE7QUFJQTtBQUVBO0FBQ0E7QUFGQTtBQUdBO0FBQUE7QUFBQTtBQUFBO0FBR0E7QUFHQTtBQUNBO0FBQ0E7QUFIQTtBQU9BO0FBQ0E7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Grid.jsx\n");
  
  /***/ })
  
  })