@pranaysahith/decap-cms-core 3.9.1

package/dist/esm/components/MediaLibrary/MediaLibraryCard.js

@@ -0,0 +1,99 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { colors, borders, lengths, shadows, effects } from 'decap-cms-ui-default';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+const IMAGE_HEIGHT = 160;
+const Card = /*#__PURE__*/_styled("div", {
+  target: "e12djxbn5",
+  label: "Card"
+})("width:", props => props.width, ";height:", props => props.height, ";margin:", props => props.margin, ";border:", borders.textField, ";border-color:", props => props.isSelected && colors.active, ";border-radius:", lengths.borderRadius, ";cursor:pointer;overflow:hidden;background-color:", props => props.isPrivate && colors.textFieldBorder, ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVF1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5Q2FyZC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IEltbXV0YWJsZVByb3BUeXBlcyBmcm9tICdyZWFjdC1pbW11dGFibGUtcHJvcHR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgYm9yZGVycywgbGVuZ3Rocywgc2hhZG93cywgZWZmZWN0cyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgSU1BR0VfSEVJR0hUID0gMTYwO1xuXG5jb25zdCBDYXJkID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7cHJvcHMgPT4gcHJvcHMud2lkdGh9O1xuICBoZWlnaHQ6ICR7cHJvcHMgPT4gcHJvcHMuaGVpZ2h0fTtcbiAgbWFyZ2luOiAke3Byb3BzID0+IHByb3BzLm1hcmdpbn07XG4gIGJvcmRlcjogJHtib3JkZXJzLnRleHRGaWVsZH07XG4gIGJvcmRlci1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1NlbGVjdGVkICYmIGNvbG9ycy5hY3RpdmV9O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLmlzUHJpdmF0ZSAmJiBjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAke0lNQUdFX0hFSUdIVCArIDJ9cHg7XG4gICR7ZWZmZWN0cy5jaGVja2VyYm9hcmR9O1xuICAke3NoYWRvd3MuaW5zZXR9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAke2xlbmd0aHMuYm9yZGVyV2lkdGh9ICR7Y29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IENhcmRJbWFnZSA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7SU1BR0VfSEVJR0hUfXB4O1xuICBvYmplY3QtZml0OiBjb250YWluO1xuICBib3JkZXItcmFkaXVzOiAycHggMnB4IDAgMDtcbmA7XG5cbmNvbnN0IENhcmRGaWxlSWNvbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDE2MHB4O1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgYm9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG4gIHBhZGRpbmc6IDFlbTtcbiAgZm9udC1zaXplOiAzZW07XG5gO1xuXG5jb25zdCBDYXJkVGV4dCA9IHN0eWxlZC5wYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dH07XG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luLXRvcDogMjBweDtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgbGluZS1oZWlnaHQ6IDEuMyAhaW1wb3J0YW50O1xuYDtcblxuY29uc3QgRHJhZnRUZXh0ID0gc3R5bGVkLnBgXG4gIGNvbG9yOiAke2NvbG9ycy5tZWRpYURyYWZ0VGV4dH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLm1lZGlhRHJhZnRCYWNrZ3JvdW5kfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiA4cHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9IDAgJHtsZW5ndGhzLmJvcmRlclJhZGl1c30gMDtcbmA7XG5cbmNsYXNzIE1lZGlhTGlicmFyeUNhcmQgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICByZW5kZXIoKSB7XG4gICAgY29uc3Qge1xuICAgICAgaXNTZWxlY3RlZCxcbiAgICAgIGRpc3BsYXlVUkwsXG4gICAgICB0ZXh0LFxuICAgICAgb25DbGljayxcbiAgICAgIGRyYWZ0VGV4dCxcbiAgICAgIHdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgbWFyZ2luLFxuICAgICAgaXNQcml2YXRlLFxuICAgICAgdHlwZSxcbiAgICAgIGlzVmlld2FibGVJbWFnZSxcbiAgICAgIGlzRHJhZnQsXG4gICAgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgdXJsID0gZGlzcGxheVVSTC5nZXQoJ3VybCcpO1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICBtYXJnaW49e21hcmdpbn1cbiAgICAgICAgdGFiSW5kZXg9XCItMVwiXG4gICAgICAgIGlzUHJpdmF0ZT17aXNQcml2YXRlfVxuICAgICAgPlxuICAgICAgICA8Q2FyZEltYWdlV3JhcHBlcj5cbiAgICAgICAgICB7aXNEcmFmdCA/IDxEcmFmdFRleHQgZGF0YS10ZXN0aWQ9XCJkcmFmdC10ZXh0XCI+e2RyYWZ0VGV4dH08L0RyYWZ0VGV4dD4gOiBudWxsfVxuICAgICAgICAgIHt1cmwgJiYgaXNWaWV3YWJsZUltYWdlID8gKFxuICAgICAgICAgICAgPENhcmRJbWFnZSBsb2FkaW5nPVwibGF6eVwiIHNyYz17dXJsfSAvPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8Q2FyZEZpbGVJY29uIGRhdGEtdGVzdGlkPVwiY2FyZC1maWxlLWljb25cIj57dHlwZX08L0NhcmRGaWxlSWNvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0NhcmRJbWFnZVdyYXBwZXI+XG4gICAgICAgIDxDYXJkVGV4dD57dGV4dH08L0NhcmRUZXh0PlxuICAgICAgPC9DYXJkPlxuICAgICk7XG4gIH1cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgY29uc3QgeyBkaXNwbGF5VVJMLCBsb2FkRGlzcGxheVVSTCB9ID0gdGhpcy5wcm9wcztcbiAgICBpZiAoIWRpc3BsYXlVUkwuZ2V0KCd1cmwnKSkge1xuICAgICAgbG9hZERpc3BsYXlVUkwoKTtcbiAgICB9XG4gIH1cbn1cblxuTWVkaWFMaWJyYXJ5Q2FyZC5wcm9wVHlwZXMgPSB7XG4gIGlzU2VsZWN0ZWQ6IFByb3BUeXBlcy5ib29sLFxuICBkaXNwbGF5VVJMOiBJbW11dGFibGVQcm9wVHlwZXMubWFwLmlzUmVxdWlyZWQsXG4gIHRleHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZHJhZnRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHdpZHRoOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhlaWdodDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBtYXJnaW46IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaXNQcml2YXRlOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNWaWV3YWJsZUltYWdlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBsb2FkRGlzcGxheVVSTDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaXNEcmFmdDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlDYXJkO1xuIl19 */"));
+const CardImageWrapper = /*#__PURE__*/_styled("div", {
+  target: "e12djxbn4",
+  label: "CardImageWrapper"
+})("height:", IMAGE_HEIGHT + 2, "px;", effects.checkerboard, ";", shadows.inset, ";border-bottom:solid ", lengths.borderWidth, " ", colors.textFieldBorder, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTWVkaWFMaWJyYXJ5L01lZGlhTGlicmFyeUNhcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJbW11dGFibGVQcm9wVHlwZXMgZnJvbSAncmVhY3QtaW1tdXRhYmxlLXByb3B0eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGJvcmRlcnMsIGxlbmd0aHMsIHNoYWRvd3MsIGVmZmVjdHMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IElNQUdFX0hFSUdIVCA9IDE2MDtcblxuY29uc3QgQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLmhlaWdodH07XG4gIG1hcmdpbjogJHtwcm9wcyA9PiBwcm9wcy5tYXJnaW59O1xuICBib3JkZXI6ICR7Ym9yZGVycy50ZXh0RmllbGR9O1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNTZWxlY3RlZCAmJiBjb2xvcnMuYWN0aXZlfTtcbiAgYm9yZGVyLXJhZGl1czogJHtsZW5ndGhzLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2FyZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHtJTUFHRV9IRUlHSFQgKyAyfXB4O1xuICAke2VmZmVjdHMuY2hlY2tlcmJvYXJkfTtcbiAgJHtzaGFkb3dzLmluc2V0fTtcbiAgYm9yZGVyLWJvdHRvbTogc29saWQgJHtsZW5ndGhzLmJvcmRlcldpZHRofSAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBDYXJkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke0lNQUdFX0hFSUdIVH1weDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgYm9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG5gO1xuXG5jb25zdCBDYXJkRmlsZUljb24gPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxNjBweDtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDJweCAycHggMCAwO1xuICBwYWRkaW5nOiAxZW07XG4gIGZvbnQtc2l6ZTogM2VtO1xuYDtcblxuY29uc3QgQ2FyZFRleHQgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHR9O1xuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjMgIWltcG9ydGFudDtcbmA7XG5cbmNvbnN0IERyYWZ0VGV4dCA9IHN0eWxlZC5wYFxuICBjb2xvcjogJHtjb2xvcnMubWVkaWFEcmFmdFRleHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5tZWRpYURyYWZ0QmFja2dyb3VuZH07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogOHB4O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfSAwICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9IDA7XG5gO1xuXG5jbGFzcyBNZWRpYUxpYnJhcnlDYXJkIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBkaXNwbGF5VVJMLFxuICAgICAgdGV4dCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBkcmFmdFRleHQsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1hcmdpbixcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIHR5cGUsXG4gICAgICBpc1ZpZXdhYmxlSW1hZ2UsXG4gICAgICBpc0RyYWZ0LFxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHVybCA9IGRpc3BsYXlVUkwuZ2V0KCd1cmwnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgICBpc1ByaXZhdGU9e2lzUHJpdmF0ZX1cbiAgICAgID5cbiAgICAgICAgPENhcmRJbWFnZVdyYXBwZXI+XG4gICAgICAgICAge2lzRHJhZnQgPyA8RHJhZnRUZXh0IGRhdGEtdGVzdGlkPVwiZHJhZnQtdGV4dFwiPntkcmFmdFRleHR9PC9EcmFmdFRleHQ+IDogbnVsbH1cbiAgICAgICAgICB7dXJsICYmIGlzVmlld2FibGVJbWFnZSA/IChcbiAgICAgICAgICAgIDxDYXJkSW1hZ2UgbG9hZGluZz1cImxhenlcIiBzcmM9e3VybH0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPENhcmRGaWxlSWNvbiBkYXRhLXRlc3RpZD1cImNhcmQtZmlsZS1pY29uXCI+e3R5cGV9PC9DYXJkRmlsZUljb24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9DYXJkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8Q2FyZFRleHQ+e3RleHR9PC9DYXJkVGV4dD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZGlzcGxheVVSTCwgbG9hZERpc3BsYXlVUkwgfSA9IHRoaXMucHJvcHM7XG4gICAgaWYgKCFkaXNwbGF5VVJMLmdldCgndXJsJykpIHtcbiAgICAgIGxvYWREaXNwbGF5VVJMKCk7XG4gICAgfVxuICB9XG59XG5cbk1lZGlhTGlicmFyeUNhcmQucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTDogSW1tdXRhYmxlUHJvcFR5cGVzLm1hcC5pc1JlcXVpcmVkLFxuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB3aWR0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzVmlld2FibGVJbWFnZTogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgbG9hZERpc3BsYXlVUkw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGlzRHJhZnQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5Q2FyZDtcbiJdfQ== */"));
+const CardImage = /*#__PURE__*/_styled("img", {
+  target: "e12djxbn3",
+  label: "CardImage"
+})("width:100%;height:", IMAGE_HEIGHT, "px;object-fit:contain;border-radius:2px 2px 0 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTWVkaWFMaWJyYXJ5L01lZGlhTGlicmFyeUNhcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJbW11dGFibGVQcm9wVHlwZXMgZnJvbSAncmVhY3QtaW1tdXRhYmxlLXByb3B0eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGJvcmRlcnMsIGxlbmd0aHMsIHNoYWRvd3MsIGVmZmVjdHMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IElNQUdFX0hFSUdIVCA9IDE2MDtcblxuY29uc3QgQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLmhlaWdodH07XG4gIG1hcmdpbjogJHtwcm9wcyA9PiBwcm9wcy5tYXJnaW59O1xuICBib3JkZXI6ICR7Ym9yZGVycy50ZXh0RmllbGR9O1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNTZWxlY3RlZCAmJiBjb2xvcnMuYWN0aXZlfTtcbiAgYm9yZGVyLXJhZGl1czogJHtsZW5ndGhzLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2FyZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHtJTUFHRV9IRUlHSFQgKyAyfXB4O1xuICAke2VmZmVjdHMuY2hlY2tlcmJvYXJkfTtcbiAgJHtzaGFkb3dzLmluc2V0fTtcbiAgYm9yZGVyLWJvdHRvbTogc29saWQgJHtsZW5ndGhzLmJvcmRlcldpZHRofSAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBDYXJkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke0lNQUdFX0hFSUdIVH1weDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgYm9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG5gO1xuXG5jb25zdCBDYXJkRmlsZUljb24gPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxNjBweDtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDJweCAycHggMCAwO1xuICBwYWRkaW5nOiAxZW07XG4gIGZvbnQtc2l6ZTogM2VtO1xuYDtcblxuY29uc3QgQ2FyZFRleHQgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHR9O1xuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjMgIWltcG9ydGFudDtcbmA7XG5cbmNvbnN0IERyYWZ0VGV4dCA9IHN0eWxlZC5wYFxuICBjb2xvcjogJHtjb2xvcnMubWVkaWFEcmFmdFRleHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5tZWRpYURyYWZ0QmFja2dyb3VuZH07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogOHB4O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfSAwICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9IDA7XG5gO1xuXG5jbGFzcyBNZWRpYUxpYnJhcnlDYXJkIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBkaXNwbGF5VVJMLFxuICAgICAgdGV4dCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBkcmFmdFRleHQsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1hcmdpbixcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIHR5cGUsXG4gICAgICBpc1ZpZXdhYmxlSW1hZ2UsXG4gICAgICBpc0RyYWZ0LFxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHVybCA9IGRpc3BsYXlVUkwuZ2V0KCd1cmwnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgICBpc1ByaXZhdGU9e2lzUHJpdmF0ZX1cbiAgICAgID5cbiAgICAgICAgPENhcmRJbWFnZVdyYXBwZXI+XG4gICAgICAgICAge2lzRHJhZnQgPyA8RHJhZnRUZXh0IGRhdGEtdGVzdGlkPVwiZHJhZnQtdGV4dFwiPntkcmFmdFRleHR9PC9EcmFmdFRleHQ+IDogbnVsbH1cbiAgICAgICAgICB7dXJsICYmIGlzVmlld2FibGVJbWFnZSA/IChcbiAgICAgICAgICAgIDxDYXJkSW1hZ2UgbG9hZGluZz1cImxhenlcIiBzcmM9e3VybH0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPENhcmRGaWxlSWNvbiBkYXRhLXRlc3RpZD1cImNhcmQtZmlsZS1pY29uXCI+e3R5cGV9PC9DYXJkRmlsZUljb24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9DYXJkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8Q2FyZFRleHQ+e3RleHR9PC9DYXJkVGV4dD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZGlzcGxheVVSTCwgbG9hZERpc3BsYXlVUkwgfSA9IHRoaXMucHJvcHM7XG4gICAgaWYgKCFkaXNwbGF5VVJMLmdldCgndXJsJykpIHtcbiAgICAgIGxvYWREaXNwbGF5VVJMKCk7XG4gICAgfVxuICB9XG59XG5cbk1lZGlhTGlicmFyeUNhcmQucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTDogSW1tdXRhYmxlUHJvcFR5cGVzLm1hcC5pc1JlcXVpcmVkLFxuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB3aWR0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzVmlld2FibGVJbWFnZTogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgbG9hZERpc3BsYXlVUkw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGlzRHJhZnQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5Q2FyZDtcbiJdfQ== */"));
+const CardFileIcon = /*#__PURE__*/_styled("div", {
+  target: "e12djxbn2",
+  label: "CardFileIcon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "viljxp",
+  styles: "width:100%;height:160px;object-fit:cover;border-radius:2px 2px 0 0;padding:1em;font-size:3em"
+} : {
+  name: "viljxp",
+  styles: "width:100%;height:160px;object-fit:cover;border-radius:2px 2px 0 0;padding:1em;font-size:3em/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDK0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTWVkaWFMaWJyYXJ5L01lZGlhTGlicmFyeUNhcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJbW11dGFibGVQcm9wVHlwZXMgZnJvbSAncmVhY3QtaW1tdXRhYmxlLXByb3B0eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGJvcmRlcnMsIGxlbmd0aHMsIHNoYWRvd3MsIGVmZmVjdHMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IElNQUdFX0hFSUdIVCA9IDE2MDtcblxuY29uc3QgQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLmhlaWdodH07XG4gIG1hcmdpbjogJHtwcm9wcyA9PiBwcm9wcy5tYXJnaW59O1xuICBib3JkZXI6ICR7Ym9yZGVycy50ZXh0RmllbGR9O1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNTZWxlY3RlZCAmJiBjb2xvcnMuYWN0aXZlfTtcbiAgYm9yZGVyLXJhZGl1czogJHtsZW5ndGhzLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2FyZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHtJTUFHRV9IRUlHSFQgKyAyfXB4O1xuICAke2VmZmVjdHMuY2hlY2tlcmJvYXJkfTtcbiAgJHtzaGFkb3dzLmluc2V0fTtcbiAgYm9yZGVyLWJvdHRvbTogc29saWQgJHtsZW5ndGhzLmJvcmRlcldpZHRofSAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBDYXJkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke0lNQUdFX0hFSUdIVH1weDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgYm9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG5gO1xuXG5jb25zdCBDYXJkRmlsZUljb24gPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxNjBweDtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDJweCAycHggMCAwO1xuICBwYWRkaW5nOiAxZW07XG4gIGZvbnQtc2l6ZTogM2VtO1xuYDtcblxuY29uc3QgQ2FyZFRleHQgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHR9O1xuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjMgIWltcG9ydGFudDtcbmA7XG5cbmNvbnN0IERyYWZ0VGV4dCA9IHN0eWxlZC5wYFxuICBjb2xvcjogJHtjb2xvcnMubWVkaWFEcmFmdFRleHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5tZWRpYURyYWZ0QmFja2dyb3VuZH07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogOHB4O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfSAwICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9IDA7XG5gO1xuXG5jbGFzcyBNZWRpYUxpYnJhcnlDYXJkIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBkaXNwbGF5VVJMLFxuICAgICAgdGV4dCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBkcmFmdFRleHQsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1hcmdpbixcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIHR5cGUsXG4gICAgICBpc1ZpZXdhYmxlSW1hZ2UsXG4gICAgICBpc0RyYWZ0LFxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHVybCA9IGRpc3BsYXlVUkwuZ2V0KCd1cmwnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgICBpc1ByaXZhdGU9e2lzUHJpdmF0ZX1cbiAgICAgID5cbiAgICAgICAgPENhcmRJbWFnZVdyYXBwZXI+XG4gICAgICAgICAge2lzRHJhZnQgPyA8RHJhZnRUZXh0IGRhdGEtdGVzdGlkPVwiZHJhZnQtdGV4dFwiPntkcmFmdFRleHR9PC9EcmFmdFRleHQ+IDogbnVsbH1cbiAgICAgICAgICB7dXJsICYmIGlzVmlld2FibGVJbWFnZSA/IChcbiAgICAgICAgICAgIDxDYXJkSW1hZ2UgbG9hZGluZz1cImxhenlcIiBzcmM9e3VybH0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPENhcmRGaWxlSWNvbiBkYXRhLXRlc3RpZD1cImNhcmQtZmlsZS1pY29uXCI+e3R5cGV9PC9DYXJkRmlsZUljb24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9DYXJkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8Q2FyZFRleHQ+e3RleHR9PC9DYXJkVGV4dD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZGlzcGxheVVSTCwgbG9hZERpc3BsYXlVUkwgfSA9IHRoaXMucHJvcHM7XG4gICAgaWYgKCFkaXNwbGF5VVJMLmdldCgndXJsJykpIHtcbiAgICAgIGxvYWREaXNwbGF5VVJMKCk7XG4gICAgfVxuICB9XG59XG5cbk1lZGlhTGlicmFyeUNhcmQucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTDogSW1tdXRhYmxlUHJvcFR5cGVzLm1hcC5pc1JlcXVpcmVkLFxuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB3aWR0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzVmlld2FibGVJbWFnZTogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgbG9hZERpc3BsYXlVUkw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGlzRHJhZnQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5Q2FyZDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const CardText = /*#__PURE__*/_styled("p", {
+  target: "e12djxbn1",
+  label: "CardText"
+})("color:", colors.text, ";padding:8px;margin-top:20px;overflow-wrap:break-word;line-height:1.3!important;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTWVkaWFMaWJyYXJ5L01lZGlhTGlicmFyeUNhcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJbW11dGFibGVQcm9wVHlwZXMgZnJvbSAncmVhY3QtaW1tdXRhYmxlLXByb3B0eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGJvcmRlcnMsIGxlbmd0aHMsIHNoYWRvd3MsIGVmZmVjdHMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IElNQUdFX0hFSUdIVCA9IDE2MDtcblxuY29uc3QgQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLmhlaWdodH07XG4gIG1hcmdpbjogJHtwcm9wcyA9PiBwcm9wcy5tYXJnaW59O1xuICBib3JkZXI6ICR7Ym9yZGVycy50ZXh0RmllbGR9O1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNTZWxlY3RlZCAmJiBjb2xvcnMuYWN0aXZlfTtcbiAgYm9yZGVyLXJhZGl1czogJHtsZW5ndGhzLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2FyZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHtJTUFHRV9IRUlHSFQgKyAyfXB4O1xuICAke2VmZmVjdHMuY2hlY2tlcmJvYXJkfTtcbiAgJHtzaGFkb3dzLmluc2V0fTtcbiAgYm9yZGVyLWJvdHRvbTogc29saWQgJHtsZW5ndGhzLmJvcmRlcldpZHRofSAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBDYXJkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke0lNQUdFX0hFSUdIVH1weDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgYm9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG5gO1xuXG5jb25zdCBDYXJkRmlsZUljb24gPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxNjBweDtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDJweCAycHggMCAwO1xuICBwYWRkaW5nOiAxZW07XG4gIGZvbnQtc2l6ZTogM2VtO1xuYDtcblxuY29uc3QgQ2FyZFRleHQgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHR9O1xuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjMgIWltcG9ydGFudDtcbmA7XG5cbmNvbnN0IERyYWZ0VGV4dCA9IHN0eWxlZC5wYFxuICBjb2xvcjogJHtjb2xvcnMubWVkaWFEcmFmdFRleHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5tZWRpYURyYWZ0QmFja2dyb3VuZH07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogOHB4O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfSAwICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9IDA7XG5gO1xuXG5jbGFzcyBNZWRpYUxpYnJhcnlDYXJkIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBkaXNwbGF5VVJMLFxuICAgICAgdGV4dCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBkcmFmdFRleHQsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1hcmdpbixcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIHR5cGUsXG4gICAgICBpc1ZpZXdhYmxlSW1hZ2UsXG4gICAgICBpc0RyYWZ0LFxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHVybCA9IGRpc3BsYXlVUkwuZ2V0KCd1cmwnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgICBpc1ByaXZhdGU9e2lzUHJpdmF0ZX1cbiAgICAgID5cbiAgICAgICAgPENhcmRJbWFnZVdyYXBwZXI+XG4gICAgICAgICAge2lzRHJhZnQgPyA8RHJhZnRUZXh0IGRhdGEtdGVzdGlkPVwiZHJhZnQtdGV4dFwiPntkcmFmdFRleHR9PC9EcmFmdFRleHQ+IDogbnVsbH1cbiAgICAgICAgICB7dXJsICYmIGlzVmlld2FibGVJbWFnZSA/IChcbiAgICAgICAgICAgIDxDYXJkSW1hZ2UgbG9hZGluZz1cImxhenlcIiBzcmM9e3VybH0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPENhcmRGaWxlSWNvbiBkYXRhLXRlc3RpZD1cImNhcmQtZmlsZS1pY29uXCI+e3R5cGV9PC9DYXJkRmlsZUljb24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9DYXJkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8Q2FyZFRleHQ+e3RleHR9PC9DYXJkVGV4dD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZGlzcGxheVVSTCwgbG9hZERpc3BsYXlVUkwgfSA9IHRoaXMucHJvcHM7XG4gICAgaWYgKCFkaXNwbGF5VVJMLmdldCgndXJsJykpIHtcbiAgICAgIGxvYWREaXNwbGF5VVJMKCk7XG4gICAgfVxuICB9XG59XG5cbk1lZGlhTGlicmFyeUNhcmQucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTDogSW1tdXRhYmxlUHJvcFR5cGVzLm1hcC5pc1JlcXVpcmVkLFxuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB3aWR0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzVmlld2FibGVJbWFnZTogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgbG9hZERpc3BsYXlVUkw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGlzRHJhZnQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5Q2FyZDtcbiJdfQ== */"));
+const DraftText = /*#__PURE__*/_styled("p", {
+  target: "e12djxbn0",
+  label: "DraftText"
+})("color:", colors.mediaDraftText, ";background-color:", colors.mediaDraftBackground, ";position:absolute;padding:8px;border-radius:", lengths.borderRadius, " 0 ", lengths.borderRadius, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTWVkaWFMaWJyYXJ5L01lZGlhTGlicmFyeUNhcmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBJbW11dGFibGVQcm9wVHlwZXMgZnJvbSAncmVhY3QtaW1tdXRhYmxlLXByb3B0eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGJvcmRlcnMsIGxlbmd0aHMsIHNoYWRvd3MsIGVmZmVjdHMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IElNQUdFX0hFSUdIVCA9IDE2MDtcblxuY29uc3QgQ2FyZCA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLndpZHRofTtcbiAgaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLmhlaWdodH07XG4gIG1hcmdpbjogJHtwcm9wcyA9PiBwcm9wcy5tYXJnaW59O1xuICBib3JkZXI6ICR7Ym9yZGVycy50ZXh0RmllbGR9O1xuICBib3JkZXItY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNTZWxlY3RlZCAmJiBjb2xvcnMuYWN0aXZlfTtcbiAgYm9yZGVyLXJhZGl1czogJHtsZW5ndGhzLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2FyZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHtJTUFHRV9IRUlHSFQgKyAyfXB4O1xuICAke2VmZmVjdHMuY2hlY2tlcmJvYXJkfTtcbiAgJHtzaGFkb3dzLmluc2V0fTtcbiAgYm9yZGVyLWJvdHRvbTogc29saWQgJHtsZW5ndGhzLmJvcmRlcldpZHRofSAke2NvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBDYXJkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke0lNQUdFX0hFSUdIVH1weDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbiAgYm9yZGVyLXJhZGl1czogMnB4IDJweCAwIDA7XG5gO1xuXG5jb25zdCBDYXJkRmlsZUljb24gPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxNjBweDtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIGJvcmRlci1yYWRpdXM6IDJweCAycHggMCAwO1xuICBwYWRkaW5nOiAxZW07XG4gIGZvbnQtc2l6ZTogM2VtO1xuYDtcblxuY29uc3QgQ2FyZFRleHQgPSBzdHlsZWQucGBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHR9O1xuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gIGxpbmUtaGVpZ2h0OiAxLjMgIWltcG9ydGFudDtcbmA7XG5cbmNvbnN0IERyYWZ0VGV4dCA9IHN0eWxlZC5wYFxuICBjb2xvcjogJHtjb2xvcnMubWVkaWFEcmFmdFRleHR9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5tZWRpYURyYWZ0QmFja2dyb3VuZH07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcGFkZGluZzogOHB4O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfSAwICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9IDA7XG5gO1xuXG5jbGFzcyBNZWRpYUxpYnJhcnlDYXJkIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBkaXNwbGF5VVJMLFxuICAgICAgdGV4dCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBkcmFmdFRleHQsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1hcmdpbixcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIHR5cGUsXG4gICAgICBpc1ZpZXdhYmxlSW1hZ2UsXG4gICAgICBpc0RyYWZ0LFxuICAgIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHVybCA9IGRpc3BsYXlVUkwuZ2V0KCd1cmwnKTtcbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRcbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgbWFyZ2luPXttYXJnaW59XG4gICAgICAgIHRhYkluZGV4PVwiLTFcIlxuICAgICAgICBpc1ByaXZhdGU9e2lzUHJpdmF0ZX1cbiAgICAgID5cbiAgICAgICAgPENhcmRJbWFnZVdyYXBwZXI+XG4gICAgICAgICAge2lzRHJhZnQgPyA8RHJhZnRUZXh0IGRhdGEtdGVzdGlkPVwiZHJhZnQtdGV4dFwiPntkcmFmdFRleHR9PC9EcmFmdFRleHQ+IDogbnVsbH1cbiAgICAgICAgICB7dXJsICYmIGlzVmlld2FibGVJbWFnZSA/IChcbiAgICAgICAgICAgIDxDYXJkSW1hZ2UgbG9hZGluZz1cImxhenlcIiBzcmM9e3VybH0gLz5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPENhcmRGaWxlSWNvbiBkYXRhLXRlc3RpZD1cImNhcmQtZmlsZS1pY29uXCI+e3R5cGV9PC9DYXJkRmlsZUljb24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9DYXJkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8Q2FyZFRleHQ+e3RleHR9PC9DYXJkVGV4dD5cbiAgICAgIDwvQ2FyZD5cbiAgICApO1xuICB9XG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIGNvbnN0IHsgZGlzcGxheVVSTCwgbG9hZERpc3BsYXlVUkwgfSA9IHRoaXMucHJvcHM7XG4gICAgaWYgKCFkaXNwbGF5VVJMLmdldCgndXJsJykpIHtcbiAgICAgIGxvYWREaXNwbGF5VVJMKCk7XG4gICAgfVxuICB9XG59XG5cbk1lZGlhTGlicmFyeUNhcmQucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTDogSW1tdXRhYmxlUHJvcFR5cGVzLm1hcC5pc1JlcXVpcmVkLFxuICB0ZXh0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB3aWR0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgbWFyZ2luOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzVmlld2FibGVJbWFnZTogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgbG9hZERpc3BsYXlVUkw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGlzRHJhZnQ6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5Q2FyZDtcbiJdfQ== */"));
+class MediaLibraryCard extends React.Component {
+  render() {
+    const {
+      isSelected,
+      displayURL,
+      text,
+      onClick,
+      draftText,
+      width,
+      height,
+      margin,
+      isPrivate,
+      type,
+      isViewableImage,
+      isDraft
+    } = this.props;
+    const url = displayURL.get('url');
+    return ___EmotionJSX(Card, {
+      isSelected: isSelected,
+      onClick: onClick,
+      width: width,
+      height: height,
+      margin: margin,
+      tabIndex: "-1",
+      isPrivate: isPrivate
+    }, ___EmotionJSX(CardImageWrapper, null, isDraft ? ___EmotionJSX(DraftText, {
+      "data-testid": "draft-text"
+    }, draftText) : null, url && isViewableImage ? ___EmotionJSX(CardImage, {
+      loading: "lazy",
+      src: url
+    }) : ___EmotionJSX(CardFileIcon, {
+      "data-testid": "card-file-icon"
+    }, type)), ___EmotionJSX(CardText, null, text));
+  }
+  componentDidMount() {
+    const {
+      displayURL,
+      loadDisplayURL
+    } = this.props;
+    if (!displayURL.get('url')) {
+      loadDisplayURL();
+    }
+  }
+}
+MediaLibraryCard.propTypes = {
+  isSelected: PropTypes.bool,
+  displayURL: ImmutablePropTypes.map.isRequired,
+  text: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+  draftText: PropTypes.string.isRequired,
+  width: PropTypes.string.isRequired,
+  height: PropTypes.string.isRequired,
+  margin: PropTypes.string.isRequired,
+  isPrivate: PropTypes.bool,
+  type: PropTypes.string,
+  isViewableImage: PropTypes.bool.isRequired,
+  loadDisplayURL: PropTypes.func.isRequired,
+  isDraft: PropTypes.bool
+};
+export default MediaLibraryCard;

package/dist/esm/components/MediaLibrary/MediaLibraryCardGrid.js

@@ -0,0 +1,198 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Waypoint } from 'react-waypoint';
+import { Map } from 'immutable';
+import { colors } from 'decap-cms-ui-default';
+import { FixedSizeGrid as Grid } from 'react-window';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import MediaLibraryCard from './MediaLibraryCard';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+function CardWrapper(props) {
+  const {
+    rowIndex,
+    columnIndex,
+    style,
+    data: {
+      mediaItems,
+      isSelectedFile,
+      onAssetClick,
+      cardDraftText,
+      cardWidth,
+      cardHeight,
+      isPrivate,
+      displayURLs,
+      loadDisplayURL,
+      columnCount,
+      gutter
+    }
+  } = props;
+  const index = rowIndex * columnCount + columnIndex;
+  if (index >= mediaItems.length) {
+    return null;
+  }
+  const file = mediaItems[index];
+  return ___EmotionJSX("div", {
+    tabIndex: "0",
+    style: {
+      ...style,
+      left: style.left + gutter * columnIndex,
+      top: style.top + gutter,
+      width: style.width - gutter,
+      height: style.height - gutter
+    }
+  }, ___EmotionJSX(MediaLibraryCard, {
+    key: file.key,
+    isSelected: isSelectedFile(file),
+    text: file.name,
+    onClick: () => onAssetClick(file),
+    isDraft: file.draft,
+    draftText: cardDraftText,
+    width: cardWidth,
+    height: cardHeight,
+    margin: '0px',
+    isPrivate: isPrivate,
+    displayURL: displayURLs.get(file.id, file.url ? Map({
+      url: file.url
+    }) : Map()),
+    loadDisplayURL: () => loadDisplayURL(file),
+    type: file.type,
+    isViewableImage: file.isViewableImage
+  }));
+}
+function VirtualizedGrid(props) {
+  const {
+    mediaItems,
+    setScrollContainerRef
+  } = props;
+  return ___EmotionJSX(CardGridContainer, {
+    ref: setScrollContainerRef
+  }, ___EmotionJSX(AutoSizer, null, ({
+    height,
+    width
+  }) => {
+    const cardWidth = parseInt(props.cardWidth, 10);
+    const cardHeight = parseInt(props.cardHeight, 10);
+    const gutter = parseInt(props.cardMargin, 10);
+    const columnWidth = cardWidth + gutter;
+    const rowHeight = cardHeight + gutter;
+    const columnCount = Math.floor(width / columnWidth);
+    const rowCount = Math.ceil(mediaItems.length / columnCount);
+    return ___EmotionJSX(Grid, {
+      columnCount: columnCount,
+      columnWidth: columnWidth,
+      rowCount: rowCount,
+      rowHeight: rowHeight,
+      width: width,
+      height: height,
+      itemData: {
+        ...props,
+        gutter,
+        columnCount
+      }
+    }, CardWrapper);
+  }));
+}
+function PaginatedGrid({
+  setScrollContainerRef,
+  mediaItems,
+  isSelectedFile,
+  onAssetClick,
+  cardDraftText,
+  cardWidth,
+  cardHeight,
+  cardMargin,
+  isPrivate,
+  displayURLs,
+  loadDisplayURL,
+  canLoadMore,
+  onLoadMore,
+  isPaginating,
+  paginatingMessage
+}) {
+  return ___EmotionJSX(CardGridContainer, {
+    ref: setScrollContainerRef
+  }, ___EmotionJSX(CardGrid, null, mediaItems.map(file => ___EmotionJSX(MediaLibraryCard, {
+    key: file.key,
+    isSelected: isSelectedFile(file),
+    text: file.name,
+    onClick: () => onAssetClick(file),
+    isDraft: file.draft,
+    draftText: cardDraftText,
+    width: cardWidth,
+    height: cardHeight,
+    margin: cardMargin,
+    isPrivate: isPrivate,
+    displayURL: displayURLs.get(file.id, file.url ? Map({
+      url: file.url
+    }) : Map()),
+    loadDisplayURL: () => loadDisplayURL(file),
+    type: file.type,
+    isViewableImage: file.isViewableImage
+  })), !canLoadMore ? null : ___EmotionJSX(Waypoint, {
+    onEnter: onLoadMore
+  })), !isPaginating ? null : ___EmotionJSX(PaginatingMessage, {
+    isPrivate: isPrivate
+  }, paginatingMessage));
+}
+const CardGridContainer = /*#__PURE__*/_styled("div", {
+  target: "e1hrmumi2",
+  label: "CardGridContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bv8zlo",
+  styles: "overflow-y:auto;overflow-x:hidden"
+} : {
+  name: "bv8zlo",
+  styles: "overflow-y:auto;overflow-x:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkR3JpZC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtSm9DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkR3JpZC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgV2F5cG9pbnQgfSBmcm9tICdyZWFjdC13YXlwb2ludCc7XG5pbXBvcnQgeyBNYXAgfSBmcm9tICdpbW11dGFibGUnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuaW1wb3J0IHsgRml4ZWRTaXplR3JpZCBhcyBHcmlkIH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCBBdXRvU2l6ZXIgZnJvbSAncmVhY3QtdmlydHVhbGl6ZWQtYXV0by1zaXplcic7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlDYXJkIGZyb20gJy4vTWVkaWFMaWJyYXJ5Q2FyZCc7XG5cbmZ1bmN0aW9uIENhcmRXcmFwcGVyKHByb3BzKSB7XG4gIGNvbnN0IHtcbiAgICByb3dJbmRleCxcbiAgICBjb2x1bW5JbmRleCxcbiAgICBzdHlsZSxcbiAgICBkYXRhOiB7XG4gICAgICBtZWRpYUl0ZW1zLFxuICAgICAgaXNTZWxlY3RlZEZpbGUsXG4gICAgICBvbkFzc2V0Q2xpY2ssXG4gICAgICBjYXJkRHJhZnRUZXh0LFxuICAgICAgY2FyZFdpZHRoLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIGRpc3BsYXlVUkxzLFxuICAgICAgbG9hZERpc3BsYXlVUkwsXG4gICAgICBjb2x1bW5Db3VudCxcbiAgICAgIGd1dHRlcixcbiAgICB9LFxuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGluZGV4ID0gcm93SW5kZXggKiBjb2x1bW5Db3VudCArIGNvbHVtbkluZGV4O1xuICBpZiAoaW5kZXggPj0gbWVkaWFJdGVtcy5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBmaWxlID0gbWVkaWFJdGVtc1tpbmRleF07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD1cIjBcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgIGxlZnQ6IHN0eWxlLmxlZnQgKyBndXR0ZXIgKiBjb2x1bW5JbmRleCxcbiAgICAgICAgdG9wOiBzdHlsZS50b3AgKyBndXR0ZXIsXG4gICAgICAgIHdpZHRoOiBzdHlsZS53aWR0aCAtIGd1dHRlcixcbiAgICAgICAgaGVpZ2h0OiBzdHlsZS5oZWlnaHQgLSBndXR0ZXIsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNZWRpYUxpYnJhcnlDYXJkXG4gICAgICAgIGtleT17ZmlsZS5rZXl9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWRGaWxlKGZpbGUpfVxuICAgICAgICB0ZXh0PXtmaWxlLm5hbWV9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQXNzZXRDbGljayhmaWxlKX1cbiAgICAgICAgaXNEcmFmdD17ZmlsZS5kcmFmdH1cbiAgICAgICAgZHJhZnRUZXh0PXtjYXJkRHJhZnRUZXh0fVxuICAgICAgICB3aWR0aD17Y2FyZFdpZHRofVxuICAgICAgICBoZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgIG1hcmdpbj17JzBweCd9XG4gICAgICAgIGlzUHJpdmF0ZT17aXNQcml2YXRlfVxuICAgICAgICBkaXNwbGF5VVJMPXtkaXNwbGF5VVJMcy5nZXQoZmlsZS5pZCwgZmlsZS51cmwgPyBNYXAoeyB1cmw6IGZpbGUudXJsIH0pIDogTWFwKCkpfVxuICAgICAgICBsb2FkRGlzcGxheVVSTD17KCkgPT4gbG9hZERpc3BsYXlVUkwoZmlsZSl9XG4gICAgICAgIHR5cGU9e2ZpbGUudHlwZX1cbiAgICAgICAgaXNWaWV3YWJsZUltYWdlPXtmaWxlLmlzVmlld2FibGVJbWFnZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmZ1bmN0aW9uIFZpcnR1YWxpemVkR3JpZChwcm9wcykge1xuICBjb25zdCB7IG1lZGlhSXRlbXMsIHNldFNjcm9sbENvbnRhaW5lclJlZiB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZEdyaWRDb250YWluZXIgcmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9PlxuICAgICAgPEF1dG9TaXplcj5cbiAgICAgICAgeyh7IGhlaWdodCwgd2lkdGggfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IGNhcmRXaWR0aCA9IHBhcnNlSW50KHByb3BzLmNhcmRXaWR0aCwgMTApO1xuICAgICAgICAgIGNvbnN0IGNhcmRIZWlnaHQgPSBwYXJzZUludChwcm9wcy5jYXJkSGVpZ2h0LCAxMCk7XG4gICAgICAgICAgY29uc3QgZ3V0dGVyID0gcGFyc2VJbnQocHJvcHMuY2FyZE1hcmdpbiwgMTApO1xuICAgICAgICAgIGNvbnN0IGNvbHVtbldpZHRoID0gY2FyZFdpZHRoICsgZ3V0dGVyO1xuICAgICAgICAgIGNvbnN0IHJvd0hlaWdodCA9IGNhcmRIZWlnaHQgKyBndXR0ZXI7XG4gICAgICAgICAgY29uc3QgY29sdW1uQ291bnQgPSBNYXRoLmZsb29yKHdpZHRoIC8gY29sdW1uV2lkdGgpO1xuICAgICAgICAgIGNvbnN0IHJvd0NvdW50ID0gTWF0aC5jZWlsKG1lZGlhSXRlbXMubGVuZ3RoIC8gY29sdW1uQ291bnQpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICBjb2x1bW5Db3VudD17Y29sdW1uQ291bnR9XG4gICAgICAgICAgICAgIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH1cbiAgICAgICAgICAgICAgcm93Q291bnQ9e3Jvd0NvdW50fVxuICAgICAgICAgICAgICByb3dIZWlnaHQ9e3Jvd0hlaWdodH1cbiAgICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgICAgICAgaXRlbURhdGE9e3sgLi4ucHJvcHMsIGd1dHRlciwgY29sdW1uQ291bnQgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge0NhcmRXcmFwcGVyfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0F1dG9TaXplcj5cbiAgICA8L0NhcmRHcmlkQ29udGFpbmVyPlxuICApO1xufVxuXG5mdW5jdGlvbiBQYWdpbmF0ZWRHcmlkKHtcbiAgc2V0U2Nyb2xsQ29udGFpbmVyUmVmLFxuICBtZWRpYUl0ZW1zLFxuICBpc1NlbGVjdGVkRmlsZSxcbiAgb25Bc3NldENsaWNrLFxuICBjYXJkRHJhZnRUZXh0LFxuICBjYXJkV2lkdGgsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRNYXJnaW4sXG4gIGlzUHJpdmF0ZSxcbiAgZGlzcGxheVVSTHMsXG4gIGxvYWREaXNwbGF5VVJMLFxuICBjYW5Mb2FkTW9yZSxcbiAgb25Mb2FkTW9yZSxcbiAgaXNQYWdpbmF0aW5nLFxuICBwYWdpbmF0aW5nTWVzc2FnZSxcbn0pIHtcbiAgcmV0dXJuIChcbiAgICA8Q2FyZEdyaWRDb250YWluZXIgcmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9PlxuICAgICAgPENhcmRHcmlkPlxuICAgICAgICB7bWVkaWFJdGVtcy5tYXAoZmlsZSA9PiAoXG4gICAgICAgICAgPE1lZGlhTGlicmFyeUNhcmRcbiAgICAgICAgICAgIGtleT17ZmlsZS5rZXl9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkRmlsZShmaWxlKX1cbiAgICAgICAgICAgIHRleHQ9e2ZpbGUubmFtZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQXNzZXRDbGljayhmaWxlKX1cbiAgICAgICAgICAgIGlzRHJhZnQ9e2ZpbGUuZHJhZnR9XG4gICAgICAgICAgICBkcmFmdFRleHQ9e2NhcmREcmFmdFRleHR9XG4gICAgICAgICAgICB3aWR0aD17Y2FyZFdpZHRofVxuICAgICAgICAgICAgaGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgbWFyZ2luPXtjYXJkTWFyZ2lufVxuICAgICAgICAgICAgaXNQcml2YXRlPXtpc1ByaXZhdGV9XG4gICAgICAgICAgICBkaXNwbGF5VVJMPXtkaXNwbGF5VVJMcy5nZXQoZmlsZS5pZCwgZmlsZS51cmwgPyBNYXAoeyB1cmw6IGZpbGUudXJsIH0pIDogTWFwKCkpfVxuICAgICAgICAgICAgbG9hZERpc3BsYXlVUkw9eygpID0+IGxvYWREaXNwbGF5VVJMKGZpbGUpfVxuICAgICAgICAgICAgdHlwZT17ZmlsZS50eXBlfVxuICAgICAgICAgICAgaXNWaWV3YWJsZUltYWdlPXtmaWxlLmlzVmlld2FibGVJbWFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAgeyFjYW5Mb2FkTW9yZSA/IG51bGwgOiA8V2F5cG9pbnQgb25FbnRlcj17b25Mb2FkTW9yZX0gLz59XG4gICAgICA8L0NhcmRHcmlkPlxuICAgICAgeyFpc1BhZ2luYXRpbmcgPyBudWxsIDogKFxuICAgICAgICA8UGFnaW5hdGluZ01lc3NhZ2UgaXNQcml2YXRlPXtpc1ByaXZhdGV9PntwYWdpbmF0aW5nTWVzc2FnZX08L1BhZ2luYXRpbmdNZXNzYWdlPlxuICAgICAgKX1cbiAgICA8L0NhcmRHcmlkQ29udGFpbmVyPlxuICApO1xufVxuXG5jb25zdCBDYXJkR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IENhcmRHcmlkID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gIG1hcmdpbi1sZWZ0OiAtMTBweDtcbiAgbWFyZ2luLXJpZ2h0OiAtMTBweDtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpbmdNZXNzYWdlID0gc3R5bGVkLmgxYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlDYXJkR3JpZChwcm9wcykge1xuICBjb25zdCB7IGNhbkxvYWRNb3JlLCBpc1BhZ2luYXRpbmcgfSA9IHByb3BzO1xuICBpZiAoY2FuTG9hZE1vcmUgfHwgaXNQYWdpbmF0aW5nKSB7XG4gICAgcmV0dXJuIDxQYWdpbmF0ZWRHcmlkIHsuLi5wcm9wc30gLz47XG4gIH1cbiAgcmV0dXJuIDxWaXJ0dWFsaXplZEdyaWQgey4uLnByb3BzfSAvPjtcbn1cblxuTWVkaWFMaWJyYXJ5Q2FyZEdyaWQucHJvcFR5cGVzID0ge1xuICBzZXRTY3JvbGxDb250YWluZXJSZWY6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lZGlhSXRlbXM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBkaXNwbGF5VVJMOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMub2JqZWN0XSksXG4gICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAga2V5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBkcmFmdDogUHJvcFR5cGVzLmJvb2wsXG4gICAgfSksXG4gICkuaXNSZXF1aXJlZCxcbiAgaXNTZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQXNzZXRDbGljazogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY2FuTG9hZE1vcmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkxvYWRNb3JlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc1BhZ2luYXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBwYWdpbmF0aW5nTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2FyZERyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjYXJkV2lkdGg6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY2FyZE1hcmdpbjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBsb2FkRGlzcGxheVVSTDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaXNQcml2YXRlOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTHM6IFByb3BUeXBlcy5pbnN0YW5jZU9mKE1hcCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeUNhcmRHcmlkO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const CardGrid = /*#__PURE__*/_styled("div", {
+  target: "e1hrmumi1",
+  label: "CardGrid"
+})(process.env.NODE_ENV === "production" ? {
+  name: "15jhlc1",
+  styles: "display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px"
+} : {
+  name: "15jhlc1",
+  styles: "display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkR3JpZC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SjJCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkR3JpZC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgV2F5cG9pbnQgfSBmcm9tICdyZWFjdC13YXlwb2ludCc7XG5pbXBvcnQgeyBNYXAgfSBmcm9tICdpbW11dGFibGUnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuaW1wb3J0IHsgRml4ZWRTaXplR3JpZCBhcyBHcmlkIH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCBBdXRvU2l6ZXIgZnJvbSAncmVhY3QtdmlydHVhbGl6ZWQtYXV0by1zaXplcic7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlDYXJkIGZyb20gJy4vTWVkaWFMaWJyYXJ5Q2FyZCc7XG5cbmZ1bmN0aW9uIENhcmRXcmFwcGVyKHByb3BzKSB7XG4gIGNvbnN0IHtcbiAgICByb3dJbmRleCxcbiAgICBjb2x1bW5JbmRleCxcbiAgICBzdHlsZSxcbiAgICBkYXRhOiB7XG4gICAgICBtZWRpYUl0ZW1zLFxuICAgICAgaXNTZWxlY3RlZEZpbGUsXG4gICAgICBvbkFzc2V0Q2xpY2ssXG4gICAgICBjYXJkRHJhZnRUZXh0LFxuICAgICAgY2FyZFdpZHRoLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIGRpc3BsYXlVUkxzLFxuICAgICAgbG9hZERpc3BsYXlVUkwsXG4gICAgICBjb2x1bW5Db3VudCxcbiAgICAgIGd1dHRlcixcbiAgICB9LFxuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGluZGV4ID0gcm93SW5kZXggKiBjb2x1bW5Db3VudCArIGNvbHVtbkluZGV4O1xuICBpZiAoaW5kZXggPj0gbWVkaWFJdGVtcy5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBmaWxlID0gbWVkaWFJdGVtc1tpbmRleF07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD1cIjBcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgIGxlZnQ6IHN0eWxlLmxlZnQgKyBndXR0ZXIgKiBjb2x1bW5JbmRleCxcbiAgICAgICAgdG9wOiBzdHlsZS50b3AgKyBndXR0ZXIsXG4gICAgICAgIHdpZHRoOiBzdHlsZS53aWR0aCAtIGd1dHRlcixcbiAgICAgICAgaGVpZ2h0OiBzdHlsZS5oZWlnaHQgLSBndXR0ZXIsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNZWRpYUxpYnJhcnlDYXJkXG4gICAgICAgIGtleT17ZmlsZS5rZXl9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWRGaWxlKGZpbGUpfVxuICAgICAgICB0ZXh0PXtmaWxlLm5hbWV9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQXNzZXRDbGljayhmaWxlKX1cbiAgICAgICAgaXNEcmFmdD17ZmlsZS5kcmFmdH1cbiAgICAgICAgZHJhZnRUZXh0PXtjYXJkRHJhZnRUZXh0fVxuICAgICAgICB3aWR0aD17Y2FyZFdpZHRofVxuICAgICAgICBoZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgIG1hcmdpbj17JzBweCd9XG4gICAgICAgIGlzUHJpdmF0ZT17aXNQcml2YXRlfVxuICAgICAgICBkaXNwbGF5VVJMPXtkaXNwbGF5VVJMcy5nZXQoZmlsZS5pZCwgZmlsZS51cmwgPyBNYXAoeyB1cmw6IGZpbGUudXJsIH0pIDogTWFwKCkpfVxuICAgICAgICBsb2FkRGlzcGxheVVSTD17KCkgPT4gbG9hZERpc3BsYXlVUkwoZmlsZSl9XG4gICAgICAgIHR5cGU9e2ZpbGUudHlwZX1cbiAgICAgICAgaXNWaWV3YWJsZUltYWdlPXtmaWxlLmlzVmlld2FibGVJbWFnZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmZ1bmN0aW9uIFZpcnR1YWxpemVkR3JpZChwcm9wcykge1xuICBjb25zdCB7IG1lZGlhSXRlbXMsIHNldFNjcm9sbENvbnRhaW5lclJlZiB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZEdyaWRDb250YWluZXIgcmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9PlxuICAgICAgPEF1dG9TaXplcj5cbiAgICAgICAgeyh7IGhlaWdodCwgd2lkdGggfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IGNhcmRXaWR0aCA9IHBhcnNlSW50KHByb3BzLmNhcmRXaWR0aCwgMTApO1xuICAgICAgICAgIGNvbnN0IGNhcmRIZWlnaHQgPSBwYXJzZUludChwcm9wcy5jYXJkSGVpZ2h0LCAxMCk7XG4gICAgICAgICAgY29uc3QgZ3V0dGVyID0gcGFyc2VJbnQocHJvcHMuY2FyZE1hcmdpbiwgMTApO1xuICAgICAgICAgIGNvbnN0IGNvbHVtbldpZHRoID0gY2FyZFdpZHRoICsgZ3V0dGVyO1xuICAgICAgICAgIGNvbnN0IHJvd0hlaWdodCA9IGNhcmRIZWlnaHQgKyBndXR0ZXI7XG4gICAgICAgICAgY29uc3QgY29sdW1uQ291bnQgPSBNYXRoLmZsb29yKHdpZHRoIC8gY29sdW1uV2lkdGgpO1xuICAgICAgICAgIGNvbnN0IHJvd0NvdW50ID0gTWF0aC5jZWlsKG1lZGlhSXRlbXMubGVuZ3RoIC8gY29sdW1uQ291bnQpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICBjb2x1bW5Db3VudD17Y29sdW1uQ291bnR9XG4gICAgICAgICAgICAgIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH1cbiAgICAgICAgICAgICAgcm93Q291bnQ9e3Jvd0NvdW50fVxuICAgICAgICAgICAgICByb3dIZWlnaHQ9e3Jvd0hlaWdodH1cbiAgICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgICAgICAgaXRlbURhdGE9e3sgLi4ucHJvcHMsIGd1dHRlciwgY29sdW1uQ291bnQgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge0NhcmRXcmFwcGVyfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0F1dG9TaXplcj5cbiAgICA8L0NhcmRHcmlkQ29udGFpbmVyPlxuICApO1xufVxuXG5mdW5jdGlvbiBQYWdpbmF0ZWRHcmlkKHtcbiAgc2V0U2Nyb2xsQ29udGFpbmVyUmVmLFxuICBtZWRpYUl0ZW1zLFxuICBpc1NlbGVjdGVkRmlsZSxcbiAgb25Bc3NldENsaWNrLFxuICBjYXJkRHJhZnRUZXh0LFxuICBjYXJkV2lkdGgsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRNYXJnaW4sXG4gIGlzUHJpdmF0ZSxcbiAgZGlzcGxheVVSTHMsXG4gIGxvYWREaXNwbGF5VVJMLFxuICBjYW5Mb2FkTW9yZSxcbiAgb25Mb2FkTW9yZSxcbiAgaXNQYWdpbmF0aW5nLFxuICBwYWdpbmF0aW5nTWVzc2FnZSxcbn0pIHtcbiAgcmV0dXJuIChcbiAgICA8Q2FyZEdyaWRDb250YWluZXIgcmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9PlxuICAgICAgPENhcmRHcmlkPlxuICAgICAgICB7bWVkaWFJdGVtcy5tYXAoZmlsZSA9PiAoXG4gICAgICAgICAgPE1lZGlhTGlicmFyeUNhcmRcbiAgICAgICAgICAgIGtleT17ZmlsZS5rZXl9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkRmlsZShmaWxlKX1cbiAgICAgICAgICAgIHRleHQ9e2ZpbGUubmFtZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQXNzZXRDbGljayhmaWxlKX1cbiAgICAgICAgICAgIGlzRHJhZnQ9e2ZpbGUuZHJhZnR9XG4gICAgICAgICAgICBkcmFmdFRleHQ9e2NhcmREcmFmdFRleHR9XG4gICAgICAgICAgICB3aWR0aD17Y2FyZFdpZHRofVxuICAgICAgICAgICAgaGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgbWFyZ2luPXtjYXJkTWFyZ2lufVxuICAgICAgICAgICAgaXNQcml2YXRlPXtpc1ByaXZhdGV9XG4gICAgICAgICAgICBkaXNwbGF5VVJMPXtkaXNwbGF5VVJMcy5nZXQoZmlsZS5pZCwgZmlsZS51cmwgPyBNYXAoeyB1cmw6IGZpbGUudXJsIH0pIDogTWFwKCkpfVxuICAgICAgICAgICAgbG9hZERpc3BsYXlVUkw9eygpID0+IGxvYWREaXNwbGF5VVJMKGZpbGUpfVxuICAgICAgICAgICAgdHlwZT17ZmlsZS50eXBlfVxuICAgICAgICAgICAgaXNWaWV3YWJsZUltYWdlPXtmaWxlLmlzVmlld2FibGVJbWFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAgeyFjYW5Mb2FkTW9yZSA/IG51bGwgOiA8V2F5cG9pbnQgb25FbnRlcj17b25Mb2FkTW9yZX0gLz59XG4gICAgICA8L0NhcmRHcmlkPlxuICAgICAgeyFpc1BhZ2luYXRpbmcgPyBudWxsIDogKFxuICAgICAgICA8UGFnaW5hdGluZ01lc3NhZ2UgaXNQcml2YXRlPXtpc1ByaXZhdGV9PntwYWdpbmF0aW5nTWVzc2FnZX08L1BhZ2luYXRpbmdNZXNzYWdlPlxuICAgICAgKX1cbiAgICA8L0NhcmRHcmlkQ29udGFpbmVyPlxuICApO1xufVxuXG5jb25zdCBDYXJkR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IENhcmRHcmlkID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gIG1hcmdpbi1sZWZ0OiAtMTBweDtcbiAgbWFyZ2luLXJpZ2h0OiAtMTBweDtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpbmdNZXNzYWdlID0gc3R5bGVkLmgxYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlDYXJkR3JpZChwcm9wcykge1xuICBjb25zdCB7IGNhbkxvYWRNb3JlLCBpc1BhZ2luYXRpbmcgfSA9IHByb3BzO1xuICBpZiAoY2FuTG9hZE1vcmUgfHwgaXNQYWdpbmF0aW5nKSB7XG4gICAgcmV0dXJuIDxQYWdpbmF0ZWRHcmlkIHsuLi5wcm9wc30gLz47XG4gIH1cbiAgcmV0dXJuIDxWaXJ0dWFsaXplZEdyaWQgey4uLnByb3BzfSAvPjtcbn1cblxuTWVkaWFMaWJyYXJ5Q2FyZEdyaWQucHJvcFR5cGVzID0ge1xuICBzZXRTY3JvbGxDb250YWluZXJSZWY6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lZGlhSXRlbXM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBkaXNwbGF5VVJMOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMub2JqZWN0XSksXG4gICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAga2V5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBkcmFmdDogUHJvcFR5cGVzLmJvb2wsXG4gICAgfSksXG4gICkuaXNSZXF1aXJlZCxcbiAgaXNTZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQXNzZXRDbGljazogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY2FuTG9hZE1vcmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkxvYWRNb3JlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc1BhZ2luYXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBwYWdpbmF0aW5nTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2FyZERyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjYXJkV2lkdGg6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY2FyZE1hcmdpbjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBsb2FkRGlzcGxheVVSTDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaXNQcml2YXRlOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTHM6IFByb3BUeXBlcy5pbnN0YW5jZU9mKE1hcCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeUNhcmRHcmlkO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const PaginatingMessage = /*#__PURE__*/_styled("h1", {
+  target: "e1hrmumi0",
+  label: "PaginatingMessage"
+})("color:", props => props.isPrivate && colors.textFieldBorder, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkR3JpZC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnS21DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlDYXJkR3JpZC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgV2F5cG9pbnQgfSBmcm9tICdyZWFjdC13YXlwb2ludCc7XG5pbXBvcnQgeyBNYXAgfSBmcm9tICdpbW11dGFibGUnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuaW1wb3J0IHsgRml4ZWRTaXplR3JpZCBhcyBHcmlkIH0gZnJvbSAncmVhY3Qtd2luZG93JztcbmltcG9ydCBBdXRvU2l6ZXIgZnJvbSAncmVhY3QtdmlydHVhbGl6ZWQtYXV0by1zaXplcic7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlDYXJkIGZyb20gJy4vTWVkaWFMaWJyYXJ5Q2FyZCc7XG5cbmZ1bmN0aW9uIENhcmRXcmFwcGVyKHByb3BzKSB7XG4gIGNvbnN0IHtcbiAgICByb3dJbmRleCxcbiAgICBjb2x1bW5JbmRleCxcbiAgICBzdHlsZSxcbiAgICBkYXRhOiB7XG4gICAgICBtZWRpYUl0ZW1zLFxuICAgICAgaXNTZWxlY3RlZEZpbGUsXG4gICAgICBvbkFzc2V0Q2xpY2ssXG4gICAgICBjYXJkRHJhZnRUZXh0LFxuICAgICAgY2FyZFdpZHRoLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGlzUHJpdmF0ZSxcbiAgICAgIGRpc3BsYXlVUkxzLFxuICAgICAgbG9hZERpc3BsYXlVUkwsXG4gICAgICBjb2x1bW5Db3VudCxcbiAgICAgIGd1dHRlcixcbiAgICB9LFxuICB9ID0gcHJvcHM7XG4gIGNvbnN0IGluZGV4ID0gcm93SW5kZXggKiBjb2x1bW5Db3VudCArIGNvbHVtbkluZGV4O1xuICBpZiAoaW5kZXggPj0gbWVkaWFJdGVtcy5sZW5ndGgpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBmaWxlID0gbWVkaWFJdGVtc1tpbmRleF07XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB0YWJJbmRleD1cIjBcIlxuICAgICAgc3R5bGU9e3tcbiAgICAgICAgLi4uc3R5bGUsXG4gICAgICAgIGxlZnQ6IHN0eWxlLmxlZnQgKyBndXR0ZXIgKiBjb2x1bW5JbmRleCxcbiAgICAgICAgdG9wOiBzdHlsZS50b3AgKyBndXR0ZXIsXG4gICAgICAgIHdpZHRoOiBzdHlsZS53aWR0aCAtIGd1dHRlcixcbiAgICAgICAgaGVpZ2h0OiBzdHlsZS5oZWlnaHQgLSBndXR0ZXIsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxNZWRpYUxpYnJhcnlDYXJkXG4gICAgICAgIGtleT17ZmlsZS5rZXl9XG4gICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWRGaWxlKGZpbGUpfVxuICAgICAgICB0ZXh0PXtmaWxlLm5hbWV9XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQXNzZXRDbGljayhmaWxlKX1cbiAgICAgICAgaXNEcmFmdD17ZmlsZS5kcmFmdH1cbiAgICAgICAgZHJhZnRUZXh0PXtjYXJkRHJhZnRUZXh0fVxuICAgICAgICB3aWR0aD17Y2FyZFdpZHRofVxuICAgICAgICBoZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgIG1hcmdpbj17JzBweCd9XG4gICAgICAgIGlzUHJpdmF0ZT17aXNQcml2YXRlfVxuICAgICAgICBkaXNwbGF5VVJMPXtkaXNwbGF5VVJMcy5nZXQoZmlsZS5pZCwgZmlsZS51cmwgPyBNYXAoeyB1cmw6IGZpbGUudXJsIH0pIDogTWFwKCkpfVxuICAgICAgICBsb2FkRGlzcGxheVVSTD17KCkgPT4gbG9hZERpc3BsYXlVUkwoZmlsZSl9XG4gICAgICAgIHR5cGU9e2ZpbGUudHlwZX1cbiAgICAgICAgaXNWaWV3YWJsZUltYWdlPXtmaWxlLmlzVmlld2FibGVJbWFnZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmZ1bmN0aW9uIFZpcnR1YWxpemVkR3JpZChwcm9wcykge1xuICBjb25zdCB7IG1lZGlhSXRlbXMsIHNldFNjcm9sbENvbnRhaW5lclJlZiB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZEdyaWRDb250YWluZXIgcmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9PlxuICAgICAgPEF1dG9TaXplcj5cbiAgICAgICAgeyh7IGhlaWdodCwgd2lkdGggfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IGNhcmRXaWR0aCA9IHBhcnNlSW50KHByb3BzLmNhcmRXaWR0aCwgMTApO1xuICAgICAgICAgIGNvbnN0IGNhcmRIZWlnaHQgPSBwYXJzZUludChwcm9wcy5jYXJkSGVpZ2h0LCAxMCk7XG4gICAgICAgICAgY29uc3QgZ3V0dGVyID0gcGFyc2VJbnQocHJvcHMuY2FyZE1hcmdpbiwgMTApO1xuICAgICAgICAgIGNvbnN0IGNvbHVtbldpZHRoID0gY2FyZFdpZHRoICsgZ3V0dGVyO1xuICAgICAgICAgIGNvbnN0IHJvd0hlaWdodCA9IGNhcmRIZWlnaHQgKyBndXR0ZXI7XG4gICAgICAgICAgY29uc3QgY29sdW1uQ291bnQgPSBNYXRoLmZsb29yKHdpZHRoIC8gY29sdW1uV2lkdGgpO1xuICAgICAgICAgIGNvbnN0IHJvd0NvdW50ID0gTWF0aC5jZWlsKG1lZGlhSXRlbXMubGVuZ3RoIC8gY29sdW1uQ291bnQpO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8R3JpZFxuICAgICAgICAgICAgICBjb2x1bW5Db3VudD17Y29sdW1uQ291bnR9XG4gICAgICAgICAgICAgIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH1cbiAgICAgICAgICAgICAgcm93Q291bnQ9e3Jvd0NvdW50fVxuICAgICAgICAgICAgICByb3dIZWlnaHQ9e3Jvd0hlaWdodH1cbiAgICAgICAgICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgICAgICAgaXRlbURhdGE9e3sgLi4ucHJvcHMsIGd1dHRlciwgY29sdW1uQ291bnQgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge0NhcmRXcmFwcGVyfVxuICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0F1dG9TaXplcj5cbiAgICA8L0NhcmRHcmlkQ29udGFpbmVyPlxuICApO1xufVxuXG5mdW5jdGlvbiBQYWdpbmF0ZWRHcmlkKHtcbiAgc2V0U2Nyb2xsQ29udGFpbmVyUmVmLFxuICBtZWRpYUl0ZW1zLFxuICBpc1NlbGVjdGVkRmlsZSxcbiAgb25Bc3NldENsaWNrLFxuICBjYXJkRHJhZnRUZXh0LFxuICBjYXJkV2lkdGgsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRNYXJnaW4sXG4gIGlzUHJpdmF0ZSxcbiAgZGlzcGxheVVSTHMsXG4gIGxvYWREaXNwbGF5VVJMLFxuICBjYW5Mb2FkTW9yZSxcbiAgb25Mb2FkTW9yZSxcbiAgaXNQYWdpbmF0aW5nLFxuICBwYWdpbmF0aW5nTWVzc2FnZSxcbn0pIHtcbiAgcmV0dXJuIChcbiAgICA8Q2FyZEdyaWRDb250YWluZXIgcmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9PlxuICAgICAgPENhcmRHcmlkPlxuICAgICAgICB7bWVkaWFJdGVtcy5tYXAoZmlsZSA9PiAoXG4gICAgICAgICAgPE1lZGlhTGlicmFyeUNhcmRcbiAgICAgICAgICAgIGtleT17ZmlsZS5rZXl9XG4gICAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkRmlsZShmaWxlKX1cbiAgICAgICAgICAgIHRleHQ9e2ZpbGUubmFtZX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uQXNzZXRDbGljayhmaWxlKX1cbiAgICAgICAgICAgIGlzRHJhZnQ9e2ZpbGUuZHJhZnR9XG4gICAgICAgICAgICBkcmFmdFRleHQ9e2NhcmREcmFmdFRleHR9XG4gICAgICAgICAgICB3aWR0aD17Y2FyZFdpZHRofVxuICAgICAgICAgICAgaGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgbWFyZ2luPXtjYXJkTWFyZ2lufVxuICAgICAgICAgICAgaXNQcml2YXRlPXtpc1ByaXZhdGV9XG4gICAgICAgICAgICBkaXNwbGF5VVJMPXtkaXNwbGF5VVJMcy5nZXQoZmlsZS5pZCwgZmlsZS51cmwgPyBNYXAoeyB1cmw6IGZpbGUudXJsIH0pIDogTWFwKCkpfVxuICAgICAgICAgICAgbG9hZERpc3BsYXlVUkw9eygpID0+IGxvYWREaXNwbGF5VVJMKGZpbGUpfVxuICAgICAgICAgICAgdHlwZT17ZmlsZS50eXBlfVxuICAgICAgICAgICAgaXNWaWV3YWJsZUltYWdlPXtmaWxlLmlzVmlld2FibGVJbWFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAgeyFjYW5Mb2FkTW9yZSA/IG51bGwgOiA8V2F5cG9pbnQgb25FbnRlcj17b25Mb2FkTW9yZX0gLz59XG4gICAgICA8L0NhcmRHcmlkPlxuICAgICAgeyFpc1BhZ2luYXRpbmcgPyBudWxsIDogKFxuICAgICAgICA8UGFnaW5hdGluZ01lc3NhZ2UgaXNQcml2YXRlPXtpc1ByaXZhdGV9PntwYWdpbmF0aW5nTWVzc2FnZX08L1BhZ2luYXRpbmdNZXNzYWdlPlxuICAgICAgKX1cbiAgICA8L0NhcmRHcmlkQ29udGFpbmVyPlxuICApO1xufVxuXG5jb25zdCBDYXJkR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbmA7XG5cbmNvbnN0IENhcmRHcmlkID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuXG4gIG1hcmdpbi1sZWZ0OiAtMTBweDtcbiAgbWFyZ2luLXJpZ2h0OiAtMTBweDtcbmA7XG5cbmNvbnN0IFBhZ2luYXRpbmdNZXNzYWdlID0gc3R5bGVkLmgxYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlDYXJkR3JpZChwcm9wcykge1xuICBjb25zdCB7IGNhbkxvYWRNb3JlLCBpc1BhZ2luYXRpbmcgfSA9IHByb3BzO1xuICBpZiAoY2FuTG9hZE1vcmUgfHwgaXNQYWdpbmF0aW5nKSB7XG4gICAgcmV0dXJuIDxQYWdpbmF0ZWRHcmlkIHsuLi5wcm9wc30gLz47XG4gIH1cbiAgcmV0dXJuIDxWaXJ0dWFsaXplZEdyaWQgey4uLnByb3BzfSAvPjtcbn1cblxuTWVkaWFMaWJyYXJ5Q2FyZEdyaWQucHJvcFR5cGVzID0ge1xuICBzZXRTY3JvbGxDb250YWluZXJSZWY6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lZGlhSXRlbXM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBkaXNwbGF5VVJMOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMub2JqZWN0XSksXG4gICAgICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAga2V5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICB0eXBlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBkcmFmdDogUHJvcFR5cGVzLmJvb2wsXG4gICAgfSksXG4gICkuaXNSZXF1aXJlZCxcbiAgaXNTZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQXNzZXRDbGljazogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY2FuTG9hZE1vcmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkxvYWRNb3JlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc1BhZ2luYXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBwYWdpbmF0aW5nTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgY2FyZERyYWZ0VGV4dDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjYXJkV2lkdGg6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgY2FyZE1hcmdpbjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBsb2FkRGlzcGxheVVSTDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaXNQcml2YXRlOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheVVSTHM6IFByb3BUeXBlcy5pbnN0YW5jZU9mKE1hcCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeUNhcmRHcmlkO1xuIl19 */"));
+function MediaLibraryCardGrid(props) {
+  const {
+    canLoadMore,
+    isPaginating
+  } = props;
+  if (canLoadMore || isPaginating) {
+    return ___EmotionJSX(PaginatedGrid, props);
+  }
+  return ___EmotionJSX(VirtualizedGrid, props);
+}
+MediaLibraryCardGrid.propTypes = {
+  setScrollContainerRef: PropTypes.func.isRequired,
+  mediaItems: PropTypes.arrayOf(PropTypes.shape({
+    displayURL: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+    id: PropTypes.string.isRequired,
+    key: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired,
+    draft: PropTypes.bool
+  })).isRequired,
+  isSelectedFile: PropTypes.func.isRequired,
+  onAssetClick: PropTypes.func.isRequired,
+  canLoadMore: PropTypes.bool,
+  onLoadMore: PropTypes.func.isRequired,
+  isPaginating: PropTypes.bool,
+  paginatingMessage: PropTypes.string,
+  cardDraftText: PropTypes.string.isRequired,
+  cardWidth: PropTypes.string.isRequired,
+  cardMargin: PropTypes.string.isRequired,
+  loadDisplayURL: PropTypes.func.isRequired,
+  isPrivate: PropTypes.bool,
+  displayURLs: PropTypes.instanceOf(Map).isRequired
+};
+export default MediaLibraryCardGrid;

package/dist/esm/components/MediaLibrary/MediaLibraryHeader.js

@@ -0,0 +1,32 @@
+import _styled from "@emotion/styled/base";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Icon, shadows, colors, buttons } from 'decap-cms-ui-default';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+const CloseButton = /*#__PURE__*/_styled("button", {
+  target: "e1co7yd21",
+  label: "CloseButton"
+})(buttons.button, ";", shadows.dropMiddle, ";position:absolute;margin-right:-40px;left:-40px;top:-40px;width:40px;height:40px;border-radius:50%;background-color:white;padding:0;display:flex;justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIHNoYWRvd3MsIGNvbG9ycywgYnV0dG9ucyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke2J1dHRvbnMuYnV0dG9ufTtcbiAgJHtzaGFkb3dzLmRyb3BNaWRkbGV9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbi1yaWdodDogLTQwcHg7XG4gIGxlZnQ6IC00MHB4O1xuICB0b3A6IC00MHB4O1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBwYWRkaW5nOiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IExpYnJhcnlUaXRsZSA9IHN0eWxlZC5oMWBcbiAgbGluZS1oZWlnaHQ6IDM2cHg7XG4gIGZvbnQtc2l6ZTogMjJweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgbWFyZ2luLWJvdHRvbTogMjVweDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNQcml2YXRlICYmIGNvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5SGVhZGVyKHsgb25DbG9zZSwgdGl0bGUsIGlzUHJpdmF0ZSB9KSB7XG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDbG9zZUJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgPEljb24gdHlwZT1cImNsb3NlXCIgLz5cbiAgICAgIDwvQ2xvc2VCdXR0b24+XG4gICAgICA8TGlicmFyeVRpdGxlIGlzUHJpdmF0ZT17aXNQcml2YXRlfT57dGl0bGV9PC9MaWJyYXJ5VGl0bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbk1lZGlhTGlicmFyeUhlYWRlci5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlIZWFkZXI7XG4iXX0= */"));
+const LibraryTitle = /*#__PURE__*/_styled("h1", {
+  target: "e1co7yd20",
+  label: "LibraryTitle"
+})("line-height:36px;font-size:22px;text-align:left;margin-bottom:25px;color:", props => props.isPrivate && colors.textFieldBorder, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5SGVhZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBzaGFkb3dzLCBjb2xvcnMsIGJ1dHRvbnMgfSBmcm9tICdkZWNhcC1jbXMtdWktZGVmYXVsdCc7XG5cbmNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtidXR0b25zLmJ1dHRvbn07XG4gICR7c2hhZG93cy5kcm9wTWlkZGxlfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW4tcmlnaHQ6IC00MHB4O1xuICBsZWZ0OiAtNDBweDtcbiAgdG9wOiAtNDBweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBMaWJyYXJ5VGl0bGUgPSBzdHlsZWQuaDFgXG4gIGxpbmUtaGVpZ2h0OiAzNnB4O1xuICBmb250LXNpemU6IDIycHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG1hcmdpbi1ib3R0b206IDI1cHg7XG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLmlzUHJpdmF0ZSAmJiBjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcbmA7XG5cbmZ1bmN0aW9uIE1lZGlhTGlicmFyeUhlYWRlcih7IG9uQ2xvc2UsIHRpdGxlLCBpc1ByaXZhdGUgfSkge1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q2xvc2VCdXR0b24gb25DbGljaz17b25DbG9zZX0+XG4gICAgICAgIDxJY29uIHR5cGU9XCJjbG9zZVwiIC8+XG4gICAgICA8L0Nsb3NlQnV0dG9uPlxuICAgICAgPExpYnJhcnlUaXRsZSBpc1ByaXZhdGU9e2lzUHJpdmF0ZX0+e3RpdGxlfTwvTGlicmFyeVRpdGxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5NZWRpYUxpYnJhcnlIZWFkZXIucHJvcFR5cGVzID0ge1xuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpc1ByaXZhdGU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5SGVhZGVyO1xuIl19 */"));
+function MediaLibraryHeader({
+  onClose,
+  title,
+  isPrivate
+}) {
+  return ___EmotionJSX("div", null, ___EmotionJSX(CloseButton, {
+    onClick: onClose
+  }, ___EmotionJSX(Icon, {
+    type: "close"
+  })), ___EmotionJSX(LibraryTitle, {
+    isPrivate: isPrivate
+  }, title));
+}
+MediaLibraryHeader.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  title: PropTypes.string.isRequired,
+  isPrivate: PropTypes.bool
+};
+export default MediaLibraryHeader;

package/dist/esm/components/MediaLibrary/MediaLibraryModal.js

@@ -0,0 +1,156 @@
+import _styled from "@emotion/styled/base";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Map } from 'immutable';
+import isEmpty from 'lodash/isEmpty';
+import { translate } from 'react-polyglot';
+import { colors } from 'decap-cms-ui-default';
+import { Modal } from '../UI';
+import MediaLibraryTop from './MediaLibraryTop';
+import MediaLibraryCardGrid from './MediaLibraryCardGrid';
+import EmptyMessage from './EmptyMessage';
+
+/**
+ * Responsive styling needs to be overhauled. Current setup requires specifying
+ * widths per breakpoint.
+ */
+import { jsx as ___EmotionJSX } from "@emotion/react";
+const cardWidth = `280px`;
+const cardHeight = `240px`;
+const cardMargin = `10px`;
+
+/**
+ * cardWidth + cardMargin * 2 = cardOutsideWidth
+ * (not using calc because this will be nested in other calcs)
+ */
+const cardOutsideWidth = `300px`;
+const StyledModal = /*#__PURE__*/_styled(Modal, {
+  target: "etynghp0",
+  label: "StyledModal"
+})("display:grid;grid-template-rows:120px auto;width:calc(", cardOutsideWidth, " + 20px);background-color:", props => props.isPrivate && colors.grayDark, ";@media (min-width: 800px){width:calc(", cardOutsideWidth, " * 2 + 20px);}@media (min-width: 1120px){width:calc(", cardOutsideWidth, " * 3 + 20px);}@media (min-width: 1440px){width:calc(", cardOutsideWidth, " * 4 + 20px);}@media (min-width: 1760px){width:calc(", cardOutsideWidth, " * 5 + 20px);}@media (min-width: 2080px){width:calc(", cardOutsideWidth, " * 6 + 20px);}h1{color:", props => props.isPrivate && colors.textFieldBorder, ";}button:disabled,label[disabled]{background-color:", props => props.isPrivate && `rgba(217, 217, 217, 0.15)`, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlNb2RhbC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlNb2RhbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTWFwIH0gZnJvbSAnaW1tdXRhYmxlJztcbmltcG9ydCBpc0VtcHR5IGZyb20gJ2xvZGFzaC9pc0VtcHR5JztcbmltcG9ydCB7IHRyYW5zbGF0ZSB9IGZyb20gJ3JlYWN0LXBvbHlnbG90JztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuaW1wb3J0IHsgTW9kYWwgfSBmcm9tICcuLi9VSSc7XG5pbXBvcnQgTWVkaWFMaWJyYXJ5VG9wIGZyb20gJy4vTWVkaWFMaWJyYXJ5VG9wJztcbmltcG9ydCBNZWRpYUxpYnJhcnlDYXJkR3JpZCBmcm9tICcuL01lZGlhTGlicmFyeUNhcmRHcmlkJztcbmltcG9ydCBFbXB0eU1lc3NhZ2UgZnJvbSAnLi9FbXB0eU1lc3NhZ2UnO1xuXG4vKipcbiAqIFJlc3BvbnNpdmUgc3R5bGluZyBuZWVkcyB0byBiZSBvdmVyaGF1bGVkLiBDdXJyZW50IHNldHVwIHJlcXVpcmVzIHNwZWNpZnlpbmdcbiAqIHdpZHRocyBwZXIgYnJlYWtwb2ludC5cbiAqL1xuY29uc3QgY2FyZFdpZHRoID0gYDI4MHB4YDtcbmNvbnN0IGNhcmRIZWlnaHQgPSBgMjQwcHhgO1xuY29uc3QgY2FyZE1hcmdpbiA9IGAxMHB4YDtcblxuLyoqXG4gKiBjYXJkV2lkdGggKyBjYXJkTWFyZ2luICogMiA9IGNhcmRPdXRzaWRlV2lkdGhcbiAqIChub3QgdXNpbmcgY2FsYyBiZWNhdXNlIHRoaXMgd2lsbCBiZSBuZXN0ZWQgaW4gb3RoZXIgY2FsY3MpXG4gKi9cbmNvbnN0IGNhcmRPdXRzaWRlV2lkdGggPSBgMzAwcHhgO1xuXG5jb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZChNb2RhbClgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtcm93czogMTIwcHggYXV0bztcbiAgd2lkdGg6IGNhbGMoJHtjYXJkT3V0c2lkZVdpZHRofSArIDIwcHgpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLmlzUHJpdmF0ZSAmJiBjb2xvcnMuZ3JheURhcmt9O1xuXG4gIEBtZWRpYSAobWluLXdpZHRoOiA4MDBweCkge1xuICAgIHdpZHRoOiBjYWxjKCR7Y2FyZE91dHNpZGVXaWR0aH0gKiAyICsgMjBweCk7XG4gIH1cblxuICBAbWVkaWEgKG1pbi13aWR0aDogMTEyMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoJHtjYXJkT3V0c2lkZVdpZHRofSAqIDMgKyAyMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxNDQwcHgpIHtcbiAgICB3aWR0aDogY2FsYygke2NhcmRPdXRzaWRlV2lkdGh9ICogNCArIDIwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDE3NjBweCkge1xuICAgIHdpZHRoOiBjYWxjKCR7Y2FyZE91dHNpZGVXaWR0aH0gKiA1ICsgMjBweCk7XG4gIH1cblxuICBAbWVkaWEgKG1pbi13aWR0aDogMjA4MHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoJHtjYXJkT3V0c2lkZVdpZHRofSAqIDYgKyAyMHB4KTtcbiAgfVxuXG4gIGgxIHtcbiAgICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG4gIH1cblxuICBidXR0b246ZGlzYWJsZWQsXG4gIGxhYmVsW2Rpc2FibGVkXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgYHJnYmEoMjE3LCAyMTcsIDIxNywgMC4xNSlgfTtcbiAgfVxuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5TW9kYWwoe1xuICBpc1Zpc2libGUsXG4gIGNhbkluc2VydCxcbiAgZmlsZXMsXG4gIGR5bmFtaWNTZWFyY2gsXG4gIGR5bmFtaWNTZWFyY2hBY3RpdmUsXG4gIGZvckltYWdlLFxuICBpc0xvYWRpbmcsXG4gIGlzUGVyc2lzdGluZyxcbiAgaXNEZWxldGluZyxcbiAgaGFzTmV4dFBhZ2UsXG4gIGlzUGFnaW5hdGluZyxcbiAgcHJpdmF0ZVVwbG9hZCxcbiAgcXVlcnksXG4gIHNlbGVjdGVkRmlsZSxcbiAgaGFuZGxlRmlsdGVyLFxuICBoYW5kbGVRdWVyeSxcbiAgdG9UYWJsZURhdGEsXG4gIGhhbmRsZUNsb3NlLFxuICBoYW5kbGVTZWFyY2hDaGFuZ2UsXG4gIGhhbmRsZVNlYXJjaEtleURvd24sXG4gIGhhbmRsZVBlcnNpc3QsXG4gIGhhbmRsZURlbGV0ZSxcbiAgaGFuZGxlSW5zZXJ0LFxuICBoYW5kbGVEb3dubG9hZCxcbiAgc2V0U2Nyb2xsQ29udGFpbmVyUmVmLFxuICBoYW5kbGVBc3NldENsaWNrLFxuICBoYW5kbGVMb2FkTW9yZSxcbiAgbG9hZERpc3BsYXlVUkwsXG4gIGRpc3BsYXlVUkxzLFxuICB0LFxufSkge1xuICBjb25zdCBmaWx0ZXJlZEZpbGVzID0gZm9ySW1hZ2UgPyBoYW5kbGVGaWx0ZXIoZmlsZXMpIDogZmlsZXM7XG4gIGNvbnN0IHF1ZXJpZWRGaWxlcyA9ICFkeW5hbWljU2VhcmNoICYmIHF1ZXJ5ID8gaGFuZGxlUXVlcnkocXVlcnksIGZpbHRlcmVkRmlsZXMpIDogZmlsdGVyZWRGaWxlcztcbiAgY29uc3QgdGFibGVEYXRhID0gdG9UYWJsZURhdGEocXVlcmllZEZpbGVzKTtcbiAgY29uc3QgaGFzRmlsZXMgPSBmaWxlcyAmJiAhIWZpbGVzLmxlbmd0aDtcbiAgY29uc3QgaGFzRmlsdGVyZWRGaWxlcyA9IGZpbHRlcmVkRmlsZXMgJiYgISFmaWx0ZXJlZEZpbGVzLmxlbmd0aDtcbiAgY29uc3QgaGFzU2VhcmNoUmVzdWx0cyA9IHF1ZXJpZWRGaWxlcyAmJiAhIXF1ZXJpZWRGaWxlcy5sZW5ndGg7XG4gIGNvbnN0IGhhc01lZGlhID0gaGFzU2VhcmNoUmVzdWx0cztcbiAgY29uc3Qgc2hvdWxkU2hvd0VtcHR5TWVzc2FnZSA9ICFoYXNNZWRpYTtcbiAgY29uc3QgZW1wdHlNZXNzYWdlID1cbiAgICAoaXNMb2FkaW5nICYmICFoYXNNZWRpYSAmJiB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwubG9hZGluZycpKSB8fFxuICAgIChkeW5hbWljU2VhcmNoQWN0aXZlICYmIHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5ub1Jlc3VsdHMnKSkgfHxcbiAgICAoIWhhc0ZpbGVzICYmIHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5ub0Fzc2V0c0ZvdW5kJykpIHx8XG4gICAgKCFoYXNGaWx0ZXJlZEZpbGVzICYmIHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5ub0ltYWdlc0ZvdW5kJykpIHx8XG4gICAgKCFoYXNTZWFyY2hSZXN1bHRzICYmIHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5ub1Jlc3VsdHMnKSk7XG5cbiAgY29uc3QgaGFzU2VsZWN0aW9uID0gaGFzTWVkaWEgJiYgIWlzRW1wdHkoc2VsZWN0ZWRGaWxlKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRNb2RhbCBpc09wZW49e2lzVmlzaWJsZX0gb25DbG9zZT17aGFuZGxlQ2xvc2V9IGlzUHJpdmF0ZT17cHJpdmF0ZVVwbG9hZH0+XG4gICAgICA8TWVkaWFMaWJyYXJ5VG9wXG4gICAgICAgIHQ9e3R9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICBwcml2YXRlVXBsb2FkPXtwcml2YXRlVXBsb2FkfVxuICAgICAgICBmb3JJbWFnZT17Zm9ySW1hZ2V9XG4gICAgICAgIG9uRG93bmxvYWQ9e2hhbmRsZURvd25sb2FkfVxuICAgICAgICBvblVwbG9hZD17aGFuZGxlUGVyc2lzdH1cbiAgICAgICAgcXVlcnk9e3F1ZXJ5fVxuICAgICAgICBvblNlYXJjaENoYW5nZT17aGFuZGxlU2VhcmNoQ2hhbmdlfVxuICAgICAgICBvblNlYXJjaEtleURvd249e2hhbmRsZVNlYXJjaEtleURvd259XG4gICAgICAgIHNlYXJjaERpc2FibGVkPXshZHluYW1pY1NlYXJjaEFjdGl2ZSAmJiAhaGFzRmlsdGVyZWRGaWxlc31cbiAgICAgICAgb25EZWxldGU9e2hhbmRsZURlbGV0ZX1cbiAgICAgICAgY2FuSW5zZXJ0PXtjYW5JbnNlcnR9XG4gICAgICAgIG9uSW5zZXJ0PXtoYW5kbGVJbnNlcnR9XG4gICAgICAgIGhhc1NlbGVjdGlvbj17aGFzU2VsZWN0aW9ufVxuICAgICAgICBpc1BlcnNpc3Rpbmc9e2lzUGVyc2lzdGluZ31cbiAgICAgICAgaXNEZWxldGluZz17aXNEZWxldGluZ31cbiAgICAgICAgc2VsZWN0ZWRGaWxlPXtzZWxlY3RlZEZpbGV9XG4gICAgICAvPlxuICAgICAgeyFzaG91bGRTaG93RW1wdHlNZXNzYWdlID8gbnVsbCA6IChcbiAgICAgICAgPEVtcHR5TWVzc2FnZSBjb250ZW50PXtlbXB0eU1lc3NhZ2V9IGlzUHJpdmF0ZT17cHJpdmF0ZVVwbG9hZH0gLz5cbiAgICAgICl9XG4gICAgICA8TWVkaWFMaWJyYXJ5Q2FyZEdyaWRcbiAgICAgICAgc2V0U2Nyb2xsQ29udGFpbmVyUmVmPXtzZXRTY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIG1lZGlhSXRlbXM9e3RhYmxlRGF0YX1cbiAgICAgICAgaXNTZWxlY3RlZEZpbGU9e2ZpbGUgPT4gc2VsZWN0ZWRGaWxlLmtleSA9PT0gZmlsZS5rZXl9XG4gICAgICAgIG9uQXNzZXRDbGljaz17aGFuZGxlQXNzZXRDbGlja31cbiAgICAgICAgY2FuTG9hZE1vcmU9e2hhc05leHRQYWdlfVxuICAgICAgICBvbkxvYWRNb3JlPXtoYW5kbGVMb2FkTW9yZX1cbiAgICAgICAgaXNQYWdpbmF0aW5nPXtpc1BhZ2luYXRpbmd9XG4gICAgICAgIHBhZ2luYXRpbmdNZXNzYWdlPXt0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwubG9hZGluZycpfVxuICAgICAgICBjYXJkRHJhZnRUZXh0PXt0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5Q2FyZC5kcmFmdCcpfVxuICAgICAgICBjYXJkV2lkdGg9e2NhcmRXaWR0aH1cbiAgICAgICAgY2FyZEhlaWdodD17Y2FyZEhlaWdodH1cbiAgICAgICAgY2FyZE1hcmdpbj17Y2FyZE1hcmdpbn1cbiAgICAgICAgaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfVxuICAgICAgICBsb2FkRGlzcGxheVVSTD17bG9hZERpc3BsYXlVUkx9XG4gICAgICAgIGRpc3BsYXlVUkxzPXtkaXNwbGF5VVJMc31cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKTtcbn1cblxuZXhwb3J0IGNvbnN0IGZpbGVTaGFwZSA9IHtcbiAgZGlzcGxheVVSTDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm9iamVjdF0pLmlzUmVxdWlyZWQsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGtleTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHF1ZXJ5T3JkZXI6IFByb3BUeXBlcy5udW1iZXIsXG4gIHNpemU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHBhdGg6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbn07XG5cbk1lZGlhTGlicmFyeU1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNWaXNpYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2FuSW5zZXJ0OiBQcm9wVHlwZXMuYm9vbCxcbiAgZmlsZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZShmaWxlU2hhcGUpKS5pc1JlcXVpcmVkLFxuICBkeW5hbWljU2VhcmNoOiBQcm9wVHlwZXMuYm9vbCxcbiAgZHluYW1pY1NlYXJjaEFjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGZvckltYWdlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNMb2FkaW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNQZXJzaXN0aW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEZWxldGluZzogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc05leHRQYWdlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNQYWdpbmF0aW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgcHJpdmF0ZVVwbG9hZDogUHJvcFR5cGVzLmJvb2wsXG4gIHF1ZXJ5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zaGFwZShmaWxlU2hhcGUpLCBQcm9wVHlwZXMuc2hhcGUoe30pXSksXG4gIGhhbmRsZUZpbHRlcjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaGFuZGxlUXVlcnk6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRvVGFibGVEYXRhOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVDbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaGFuZGxlU2VhcmNoQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVTZWFyY2hLZXlEb3duOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVQZXJzaXN0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVEZWxldGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZUluc2VydDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgc2V0U2Nyb2xsQ29udGFpbmVyUmVmOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVBc3NldENsaWNrOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVMb2FkTW9yZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbG9hZERpc3BsYXlVUkw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGRpc3BsYXlVUkxzOiBQcm9wVHlwZXMuaW5zdGFuY2VPZihNYXApLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCB0cmFuc2xhdGUoKShNZWRpYUxpYnJhcnlNb2RhbCk7XG4iXX0= */"));
+function MediaLibraryModal({
+  isVisible,
+  canInsert,
+  files,
+  dynamicSearch,
+  dynamicSearchActive,
+  forImage,
+  isLoading,
+  isPersisting,
+  isDeleting,
+  hasNextPage,
+  isPaginating,
+  privateUpload,
+  query,
+  selectedFile,
+  handleFilter,
+  handleQuery,
+  toTableData,
+  handleClose,
+  handleSearchChange,
+  handleSearchKeyDown,
+  handlePersist,
+  handleDelete,
+  handleInsert,
+  handleDownload,
+  setScrollContainerRef,
+  handleAssetClick,
+  handleLoadMore,
+  loadDisplayURL,
+  displayURLs,
+  t
+}) {
+  const filteredFiles = forImage ? handleFilter(files) : files;
+  const queriedFiles = !dynamicSearch && query ? handleQuery(query, filteredFiles) : filteredFiles;
+  const tableData = toTableData(queriedFiles);
+  const hasFiles = files && !!files.length;
+  const hasFilteredFiles = filteredFiles && !!filteredFiles.length;
+  const hasSearchResults = queriedFiles && !!queriedFiles.length;
+  const hasMedia = hasSearchResults;
+  const shouldShowEmptyMessage = !hasMedia;
+  const emptyMessage = isLoading && !hasMedia && t('mediaLibrary.mediaLibraryModal.loading') || dynamicSearchActive && t('mediaLibrary.mediaLibraryModal.noResults') || !hasFiles && t('mediaLibrary.mediaLibraryModal.noAssetsFound') || !hasFilteredFiles && t('mediaLibrary.mediaLibraryModal.noImagesFound') || !hasSearchResults && t('mediaLibrary.mediaLibraryModal.noResults');
+  const hasSelection = hasMedia && !isEmpty(selectedFile);
+  return ___EmotionJSX(StyledModal, {
+    isOpen: isVisible,
+    onClose: handleClose,
+    isPrivate: privateUpload
+  }, ___EmotionJSX(MediaLibraryTop, {
+    t: t,
+    onClose: handleClose,
+    privateUpload: privateUpload,
+    forImage: forImage,
+    onDownload: handleDownload,
+    onUpload: handlePersist,
+    query: query,
+    onSearchChange: handleSearchChange,
+    onSearchKeyDown: handleSearchKeyDown,
+    searchDisabled: !dynamicSearchActive && !hasFilteredFiles,
+    onDelete: handleDelete,
+    canInsert: canInsert,
+    onInsert: handleInsert,
+    hasSelection: hasSelection,
+    isPersisting: isPersisting,
+    isDeleting: isDeleting,
+    selectedFile: selectedFile
+  }), !shouldShowEmptyMessage ? null : ___EmotionJSX(EmptyMessage, {
+    content: emptyMessage,
+    isPrivate: privateUpload
+  }), ___EmotionJSX(MediaLibraryCardGrid, {
+    setScrollContainerRef: setScrollContainerRef,
+    mediaItems: tableData,
+    isSelectedFile: file => selectedFile.key === file.key,
+    onAssetClick: handleAssetClick,
+    canLoadMore: hasNextPage,
+    onLoadMore: handleLoadMore,
+    isPaginating: isPaginating,
+    paginatingMessage: t('mediaLibrary.mediaLibraryModal.loading'),
+    cardDraftText: t('mediaLibrary.mediaLibraryCard.draft'),
+    cardWidth: cardWidth,
+    cardHeight: cardHeight,
+    cardMargin: cardMargin,
+    isPrivate: privateUpload,
+    loadDisplayURL: loadDisplayURL,
+    displayURLs: displayURLs
+  }));
+}
+export const fileShape = {
+  displayURL: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
+  id: PropTypes.string.isRequired,
+  key: PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
+  queryOrder: PropTypes.number,
+  size: PropTypes.number,
+  path: PropTypes.string.isRequired
+};
+MediaLibraryModal.propTypes = {
+  isVisible: PropTypes.bool,
+  canInsert: PropTypes.bool,
+  files: PropTypes.arrayOf(PropTypes.shape(fileShape)).isRequired,
+  dynamicSearch: PropTypes.bool,
+  dynamicSearchActive: PropTypes.bool,
+  forImage: PropTypes.bool,
+  isLoading: PropTypes.bool,
+  isPersisting: PropTypes.bool,
+  isDeleting: PropTypes.bool,
+  hasNextPage: PropTypes.bool,
+  isPaginating: PropTypes.bool,
+  privateUpload: PropTypes.bool,
+  query: PropTypes.string,
+  selectedFile: PropTypes.oneOfType([PropTypes.shape(fileShape), PropTypes.shape({})]),
+  handleFilter: PropTypes.func.isRequired,
+  handleQuery: PropTypes.func.isRequired,
+  toTableData: PropTypes.func.isRequired,
+  handleClose: PropTypes.func.isRequired,
+  handleSearchChange: PropTypes.func.isRequired,
+  handleSearchKeyDown: PropTypes.func.isRequired,
+  handlePersist: PropTypes.func.isRequired,
+  handleDelete: PropTypes.func.isRequired,
+  handleInsert: PropTypes.func.isRequired,
+  setScrollContainerRef: PropTypes.func.isRequired,
+  handleAssetClick: PropTypes.func.isRequired,
+  handleLoadMore: PropTypes.func.isRequired,
+  loadDisplayURL: PropTypes.func.isRequired,
+  t: PropTypes.func.isRequired,
+  displayURLs: PropTypes.instanceOf(Map).isRequired
+};
+export default translate()(MediaLibraryModal);