@evfrenkel/decap-cms-core 3.13.0-image-conversions.0

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: "ez3rtxo0",
+  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);

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

@@ -0,0 +1,51 @@
+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 { Icon, lengths, colors, zIndex } from 'decap-cms-ui-default';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+const SearchContainer = /*#__PURE__*/_styled("div", {
+  target: "e1dqdpbb2",
+  label: "SearchContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "sycyb7",
+  styles: "height:37px;display:flex;align-items:center;position:relative;width:400px"
+} : {
+  name: "sycyb7",
+  styles: "height:37px;display:flex;align-items:center;position:relative;width:400px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIGxlbmd0aHMsIGNvbG9ycywgekluZGV4IH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBTZWFyY2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDM3cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDQwMHB4O1xuYDtcblxuY29uc3QgU2VhcmNoSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJhY2tncm91bmQtY29sb3I6ICNlZmYwZjQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9O1xuXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcGFkZGluZzogMTBweCA2cHggMTBweCAzMnB4O1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAke3pJbmRleC56SW5kZXgxfTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBTZWFyY2hJY29uID0gc3R5bGVkKEljb24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA2cHg7XG4gIHotaW5kZXg6ICR7ekluZGV4LnpJbmRleDJ9O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbmA7XG5cbmZ1bmN0aW9uIE1lZGlhTGlicmFyeVNlYXJjaCh7IHZhbHVlLCBvbkNoYW5nZSwgb25LZXlEb3duLCBwbGFjZWhvbGRlciwgZGlzYWJsZWQgfSkge1xuICByZXR1cm4gKFxuICAgIDxTZWFyY2hDb250YWluZXI+XG4gICAgICA8U2VhcmNoSWNvbiB0eXBlPVwic2VhcmNoXCIgc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgIDxTZWFyY2hJbnB1dFxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgLz5cbiAgICA8L1NlYXJjaENvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5U2VhcmNoLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVNlYXJjaDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SearchInput = /*#__PURE__*/_styled("input", {
+  target: "e1dqdpbb1",
+  label: "SearchInput"
+})("background-color:#eff0f4;border-radius:", lengths.borderRadius, ";font-size:14px;padding:10px 6px 10px 32px;width:100%;position:relative;z-index:", zIndex.zIndex1, ";&:focus{outline:none;box-shadow:inset 0 0 0 2px ", colors.active, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIGxlbmd0aHMsIGNvbG9ycywgekluZGV4IH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBTZWFyY2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDM3cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDQwMHB4O1xuYDtcblxuY29uc3QgU2VhcmNoSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJhY2tncm91bmQtY29sb3I6ICNlZmYwZjQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9O1xuXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcGFkZGluZzogMTBweCA2cHggMTBweCAzMnB4O1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAke3pJbmRleC56SW5kZXgxfTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBTZWFyY2hJY29uID0gc3R5bGVkKEljb24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA2cHg7XG4gIHotaW5kZXg6ICR7ekluZGV4LnpJbmRleDJ9O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbmA7XG5cbmZ1bmN0aW9uIE1lZGlhTGlicmFyeVNlYXJjaCh7IHZhbHVlLCBvbkNoYW5nZSwgb25LZXlEb3duLCBwbGFjZWhvbGRlciwgZGlzYWJsZWQgfSkge1xuICByZXR1cm4gKFxuICAgIDxTZWFyY2hDb250YWluZXI+XG4gICAgICA8U2VhcmNoSWNvbiB0eXBlPVwic2VhcmNoXCIgc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgIDxTZWFyY2hJbnB1dFxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgLz5cbiAgICA8L1NlYXJjaENvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5U2VhcmNoLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVNlYXJjaDtcbiJdfQ== */"));
+const SearchIcon = /*#__PURE__*/_styled(Icon, {
+  target: "e1dqdpbb0",
+  label: "SearchIcon"
+})("position:absolute;top:50%;left:6px;z-index:", zIndex.zIndex2, ";transform:translate(0, -50%);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkIrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5U2VhcmNoLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBJY29uLCBsZW5ndGhzLCBjb2xvcnMsIHpJbmRleCB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAzN3B4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiA0MDBweDtcbmA7XG5cbmNvbnN0IFNlYXJjaElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWZmMGY0O1xuICBib3JkZXItcmFkaXVzOiAke2xlbmd0aHMuYm9yZGVyUmFkaXVzfTtcblxuICBmb250LXNpemU6IDE0cHg7XG4gIHBhZGRpbmc6IDEwcHggNnB4IDEwcHggMzJweDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgei1pbmRleDogJHt6SW5kZXguekluZGV4MX07XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAycHggJHtjb2xvcnMuYWN0aXZlfTtcbiAgfVxuYDtcblxuY29uc3QgU2VhcmNoSWNvbiA9IHN0eWxlZChJY29uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNnB4O1xuICB6LWluZGV4OiAke3pJbmRleC56SW5kZXgyfTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlTZWFyY2goeyB2YWx1ZSwgb25DaGFuZ2UsIG9uS2V5RG93biwgcGxhY2Vob2xkZXIsIGRpc2FibGVkIH0pIHtcbiAgcmV0dXJuIChcbiAgICA8U2VhcmNoQ29udGFpbmVyPlxuICAgICAgPFNlYXJjaEljb24gdHlwZT1cInNlYXJjaFwiIHNpemU9XCJzbWFsbFwiIC8+XG4gICAgICA8U2VhcmNoSW5wdXRcbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIC8+XG4gICAgPC9TZWFyY2hDb250YWluZXI+XG4gICk7XG59XG5cbk1lZGlhTGlicmFyeVNlYXJjaC5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25LZXlEb3duOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlTZWFyY2g7XG4iXX0= */"));
+function MediaLibrarySearch({
+  value,
+  onChange,
+  onKeyDown,
+  placeholder,
+  disabled
+}) {
+  return ___EmotionJSX(SearchContainer, null, ___EmotionJSX(SearchIcon, {
+    type: "search",
+    size: "small"
+  }), ___EmotionJSX(SearchInput, {
+    value: value,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    placeholder: placeholder,
+    disabled: disabled
+  }));
+}
+MediaLibrarySearch.propTypes = {
+  value: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  onKeyDown: PropTypes.func.isRequired,
+  placeholder: PropTypes.string.isRequired,
+  disabled: PropTypes.bool
+};
+export default MediaLibrarySearch;

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

@@ -0,0 +1,124 @@
+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 MediaLibrarySearch from './MediaLibrarySearch';
+import MediaLibraryHeader from './MediaLibraryHeader';
+import { UploadButton, DeleteButton, DownloadButton, CopyToClipBoardButton, InsertButton } from './MediaLibraryButtons';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+const LibraryTop = /*#__PURE__*/_styled("div", {
+  target: "ebcwwzi2",
+  label: "LibraryTop"
+})(process.env.NODE_ENV === "production" ? {
+  name: "16hjiy4",
+  styles: "position:relative;display:flex;flex-direction:column"
+} : {
+  name: "16hjiy4",
+  styles: "position:relative;display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzZCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IE1lZGlhTGlicmFyeVNlYXJjaCBmcm9tICcuL01lZGlhTGlicmFyeVNlYXJjaCc7XG5pbXBvcnQgTWVkaWFMaWJyYXJ5SGVhZGVyIGZyb20gJy4vTWVkaWFMaWJyYXJ5SGVhZGVyJztcbmltcG9ydCB7XG4gIFVwbG9hZEJ1dHRvbixcbiAgRGVsZXRlQnV0dG9uLFxuICBEb3dubG9hZEJ1dHRvbixcbiAgQ29weVRvQ2xpcEJvYXJkQnV0dG9uLFxuICBJbnNlcnRCdXR0b24sXG59IGZyb20gJy4vTWVkaWFMaWJyYXJ5QnV0dG9ucyc7XG5cbmNvbnN0IExpYnJhcnlUb3AgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBSb3dDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBCdXR0b25zQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlUb3Aoe1xuICB0LFxuICBvbkNsb3NlLFxuICBwcml2YXRlVXBsb2FkLFxuICBmb3JJbWFnZSxcbiAgb25Eb3dubG9hZCxcbiAgb25VcGxvYWQsXG4gIHF1ZXJ5LFxuICBvblNlYXJjaENoYW5nZSxcbiAgb25TZWFyY2hLZXlEb3duLFxuICBzZWFyY2hEaXNhYmxlZCxcbiAgb25EZWxldGUsXG4gIGNhbkluc2VydCxcbiAgb25JbnNlcnQsXG4gIGhhc1NlbGVjdGlvbixcbiAgaXNQZXJzaXN0aW5nLFxuICBpc0RlbGV0aW5nLFxuICBzZWxlY3RlZEZpbGUsXG59KSB7XG4gIGNvbnN0IHNob3VsZFNob3dCdXR0b25Mb2FkZXIgPSBpc1BlcnNpc3RpbmcgfHwgaXNEZWxldGluZztcbiAgY29uc3QgdXBsb2FkRW5hYmxlZCA9ICFzaG91bGRTaG93QnV0dG9uTG9hZGVyO1xuICBjb25zdCBkZWxldGVFbmFibGVkID0gIXNob3VsZFNob3dCdXR0b25Mb2FkZXIgJiYgaGFzU2VsZWN0aW9uO1xuXG4gIGNvbnN0IHVwbG9hZEJ1dHRvbkxhYmVsID0gaXNQZXJzaXN0aW5nXG4gICAgPyB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwudXBsb2FkaW5nJylcbiAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC51cGxvYWQnKTtcbiAgY29uc3QgZGVsZXRlQnV0dG9uTGFiZWwgPSBpc0RlbGV0aW5nXG4gICAgPyB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuZGVsZXRpbmcnKVxuICAgIDogdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRlbGV0ZVNlbGVjdGVkJyk7XG4gIGNvbnN0IGRvd25sb2FkQnV0dG9uTGFiZWwgPSB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuZG93bmxvYWQnKTtcbiAgY29uc3QgaW5zZXJ0QnV0dG9uTGFiZWwgPSB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuY2hvb3NlU2VsZWN0ZWQnKTtcblxuICByZXR1cm4gKFxuICAgIDxMaWJyYXJ5VG9wPlxuICAgICAgPFJvd0NvbnRhaW5lcj5cbiAgICAgICAgPE1lZGlhTGlicmFyeUhlYWRlclxuICAgICAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICAgICAgdGl0bGU9e2Ake3ByaXZhdGVVcGxvYWQgPyB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwucHJpdmF0ZScpIDogJyd9JHtcbiAgICAgICAgICAgIGZvckltYWdlXG4gICAgICAgICAgICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmltYWdlcycpXG4gICAgICAgICAgICAgIDogdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLm1lZGlhQXNzZXRzJylcbiAgICAgICAgICB9YH1cbiAgICAgICAgICBpc1ByaXZhdGU9e3ByaXZhdGVVcGxvYWR9XG4gICAgICAgICAgdD17dH1cbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvbnNDb250YWluZXI+XG4gICAgICAgICAgPENvcHlUb0NsaXBCb2FyZEJ1dHRvblxuICAgICAgICAgICAgZGlzYWJsZWQ9eyFoYXNTZWxlY3Rpb259XG4gICAgICAgICAgICBwYXRoPXtzZWxlY3RlZEZpbGUucGF0aH1cbiAgICAgICAgICAgIG5hbWU9e3NlbGVjdGVkRmlsZS5uYW1lfVxuICAgICAgICAgICAgZHJhZnQ9e3NlbGVjdGVkRmlsZS5kcmFmdH1cbiAgICAgICAgICAgIHQ9e3R9XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8RG93bmxvYWRCdXR0b24gb25DbGljaz17b25Eb3dubG9hZH0gZGlzYWJsZWQ9eyFoYXNTZWxlY3Rpb259PlxuICAgICAgICAgICAge2Rvd25sb2FkQnV0dG9uTGFiZWx9XG4gICAgICAgICAgPC9Eb3dubG9hZEJ1dHRvbj5cbiAgICAgICAgICA8VXBsb2FkQnV0dG9uXG4gICAgICAgICAgICBsYWJlbD17dXBsb2FkQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICBpbWFnZXNPbmx5PXtmb3JJbWFnZX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvblVwbG9hZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXshdXBsb2FkRW5hYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbnNDb250YWluZXI+XG4gICAgICA8L1Jvd0NvbnRhaW5lcj5cbiAgICAgIDxSb3dDb250YWluZXI+XG4gICAgICAgIDxNZWRpYUxpYnJhcnlTZWFyY2hcbiAgICAgICAgICB2YWx1ZT17cXVlcnl9XG4gICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2hhbmdlfVxuICAgICAgICAgIG9uS2V5RG93bj17b25TZWFyY2hLZXlEb3dufVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuc2VhcmNoJyl9XG4gICAgICAgICAgZGlzYWJsZWQ9e3NlYXJjaERpc2FibGVkfVxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgICAgICA8RGVsZXRlQnV0dG9uIG9uQ2xpY2s9e29uRGVsZXRlfSBkaXNhYmxlZD17IWRlbGV0ZUVuYWJsZWR9PlxuICAgICAgICAgICAge2RlbGV0ZUJ1dHRvbkxhYmVsfVxuICAgICAgICAgIDwvRGVsZXRlQnV0dG9uPlxuICAgICAgICAgIHshY2FuSW5zZXJ0ID8gbnVsbCA6IChcbiAgICAgICAgICAgIDxJbnNlcnRCdXR0b24gb25DbGljaz17b25JbnNlcnR9IGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufT5cbiAgICAgICAgICAgICAge2luc2VydEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgPC9JbnNlcnRCdXR0b24+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9CdXR0b25zQ29udGFpbmVyPlxuICAgICAgPC9Sb3dDb250YWluZXI+XG4gICAgPC9MaWJyYXJ5VG9wPlxuICApO1xufVxuXG5NZWRpYUxpYnJhcnlUb3AucHJvcFR5cGVzID0ge1xuICB0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBwcml2YXRlVXBsb2FkOiBQcm9wVHlwZXMuYm9vbCxcbiAgZm9ySW1hZ2U6IFByb3BUeXBlcy5ib29sLFxuICBvbkRvd25sb2FkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvblVwbG9hZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgcXVlcnk6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uU2VhcmNoQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvblNlYXJjaEtleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHNlYXJjaERpc2FibGVkOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBvbkRlbGV0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgY2FuSW5zZXJ0OiBQcm9wVHlwZXMuYm9vbCxcbiAgb25JbnNlcnQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhc1NlbGVjdGlvbjogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgaXNQZXJzaXN0aW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEZWxldGluZzogUHJvcFR5cGVzLmJvb2wsXG4gIHNlbGVjdGVkRmlsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgIHBhdGg6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGRyYWZ0OiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pLFxuICAgIFByb3BUeXBlcy5zaGFwZSh7fSksXG4gIF0pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5VG9wO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const RowContainer = /*#__PURE__*/_styled("div", {
+  target: "ebcwwzi1",
+  label: "RowContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1eoy87d",
+  styles: "display:flex;justify-content:space-between"
+} : {
+  name: "1eoy87d",
+  styles: "display:flex;justify-content:space-between/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5VG9wLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlTZWFyY2ggZnJvbSAnLi9NZWRpYUxpYnJhcnlTZWFyY2gnO1xuaW1wb3J0IE1lZGlhTGlicmFyeUhlYWRlciBmcm9tICcuL01lZGlhTGlicmFyeUhlYWRlcic7XG5pbXBvcnQge1xuICBVcGxvYWRCdXR0b24sXG4gIERlbGV0ZUJ1dHRvbixcbiAgRG93bmxvYWRCdXR0b24sXG4gIENvcHlUb0NsaXBCb2FyZEJ1dHRvbixcbiAgSW5zZXJ0QnV0dG9uLFxufSBmcm9tICcuL01lZGlhTGlicmFyeUJ1dHRvbnMnO1xuXG5jb25zdCBMaWJyYXJ5VG9wID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQnV0dG9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5VG9wKHtcbiAgdCxcbiAgb25DbG9zZSxcbiAgcHJpdmF0ZVVwbG9hZCxcbiAgZm9ySW1hZ2UsXG4gIG9uRG93bmxvYWQsXG4gIG9uVXBsb2FkLFxuICBxdWVyeSxcbiAgb25TZWFyY2hDaGFuZ2UsXG4gIG9uU2VhcmNoS2V5RG93bixcbiAgc2VhcmNoRGlzYWJsZWQsXG4gIG9uRGVsZXRlLFxuICBjYW5JbnNlcnQsXG4gIG9uSW5zZXJ0LFxuICBoYXNTZWxlY3Rpb24sXG4gIGlzUGVyc2lzdGluZyxcbiAgaXNEZWxldGluZyxcbiAgc2VsZWN0ZWRGaWxlLFxufSkge1xuICBjb25zdCBzaG91bGRTaG93QnV0dG9uTG9hZGVyID0gaXNQZXJzaXN0aW5nIHx8IGlzRGVsZXRpbmc7XG4gIGNvbnN0IHVwbG9hZEVuYWJsZWQgPSAhc2hvdWxkU2hvd0J1dHRvbkxvYWRlcjtcbiAgY29uc3QgZGVsZXRlRW5hYmxlZCA9ICFzaG91bGRTaG93QnV0dG9uTG9hZGVyICYmIGhhc1NlbGVjdGlvbjtcblxuICBjb25zdCB1cGxvYWRCdXR0b25MYWJlbCA9IGlzUGVyc2lzdGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnVwbG9hZGluZycpXG4gICAgOiB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwudXBsb2FkJyk7XG4gIGNvbnN0IGRlbGV0ZUJ1dHRvbkxhYmVsID0gaXNEZWxldGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRlbGV0aW5nJylcbiAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5kZWxldGVTZWxlY3RlZCcpO1xuICBjb25zdCBkb3dubG9hZEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRvd25sb2FkJyk7XG4gIGNvbnN0IGluc2VydEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmNob29zZVNlbGVjdGVkJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8TGlicmFyeVRvcD5cbiAgICAgIDxSb3dDb250YWluZXI+XG4gICAgICAgIDxNZWRpYUxpYnJhcnlIZWFkZXJcbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgIHRpdGxlPXtgJHtwcml2YXRlVXBsb2FkID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnByaXZhdGUnKSA6ICcnfSR7XG4gICAgICAgICAgICBmb3JJbWFnZVxuICAgICAgICAgICAgICA/IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5pbWFnZXMnKVxuICAgICAgICAgICAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5tZWRpYUFzc2V0cycpXG4gICAgICAgICAgfWB9XG4gICAgICAgICAgaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfVxuICAgICAgICAgIHQ9e3R9XG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25zQ29udGFpbmVyPlxuICAgICAgICAgIDxDb3B5VG9DbGlwQm9hcmRCdXR0b25cbiAgICAgICAgICAgIGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufVxuICAgICAgICAgICAgcGF0aD17c2VsZWN0ZWRGaWxlLnBhdGh9XG4gICAgICAgICAgICBuYW1lPXtzZWxlY3RlZEZpbGUubmFtZX1cbiAgICAgICAgICAgIGRyYWZ0PXtzZWxlY3RlZEZpbGUuZHJhZnR9XG4gICAgICAgICAgICB0PXt0fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPERvd25sb2FkQnV0dG9uIG9uQ2xpY2s9e29uRG93bmxvYWR9IGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufT5cbiAgICAgICAgICAgIHtkb3dubG9hZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgIDwvRG93bmxvYWRCdXR0b24+XG4gICAgICAgICAgPFVwbG9hZEJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9e3VwbG9hZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgaW1hZ2VzT25seT17Zm9ySW1hZ2V9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25VcGxvYWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17IXVwbG9hZEVuYWJsZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25zQ29udGFpbmVyPlxuICAgICAgPC9Sb3dDb250YWluZXI+XG4gICAgICA8Um93Q29udGFpbmVyPlxuICAgICAgICA8TWVkaWFMaWJyYXJ5U2VhcmNoXG4gICAgICAgICAgdmFsdWU9e3F1ZXJ5fVxuICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZX1cbiAgICAgICAgICBvbktleURvd249e29uU2VhcmNoS2V5RG93bn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnNlYXJjaCcpfVxuICAgICAgICAgIGRpc2FibGVkPXtzZWFyY2hEaXNhYmxlZH1cbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvbnNDb250YWluZXI+XG4gICAgICAgICAgPERlbGV0ZUJ1dHRvbiBvbkNsaWNrPXtvbkRlbGV0ZX0gZGlzYWJsZWQ9eyFkZWxldGVFbmFibGVkfT5cbiAgICAgICAgICAgIHtkZWxldGVCdXR0b25MYWJlbH1cbiAgICAgICAgICA8L0RlbGV0ZUJ1dHRvbj5cbiAgICAgICAgICB7IWNhbkluc2VydCA/IG51bGwgOiAoXG4gICAgICAgICAgICA8SW5zZXJ0QnV0dG9uIG9uQ2xpY2s9e29uSW5zZXJ0fSBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn0+XG4gICAgICAgICAgICAgIHtpbnNlcnRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgIDwvSW5zZXJ0QnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgIDwvUm93Q29udGFpbmVyPlxuICAgIDwvTGlicmFyeVRvcD5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5VG9wLnByb3BUeXBlcyA9IHtcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgcHJpdmF0ZVVwbG9hZDogUHJvcFR5cGVzLmJvb2wsXG4gIGZvckltYWdlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25Eb3dubG9hZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25VcGxvYWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHF1ZXJ5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvblNlYXJjaENoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25TZWFyY2hLZXlEb3duOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBzZWFyY2hEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgb25EZWxldGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGNhbkluc2VydDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uSW5zZXJ0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYXNTZWxlY3Rpb246IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIGlzUGVyc2lzdGluZzogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGVsZXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBzZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBwYXRoOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBkcmFmdDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICB9KSxcbiAgICBQcm9wVHlwZXMuc2hhcGUoe30pLFxuICBdKSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVRvcDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ButtonsContainer = /*#__PURE__*/_styled("div", {
+  target: "ebcwwzi0",
+  label: "ButtonsContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "ozd7xs",
+  styles: "flex-shrink:0"
+} : {
+  name: "ozd7xs",
+  styles: "flex-shrink:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5VG9wLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlTZWFyY2ggZnJvbSAnLi9NZWRpYUxpYnJhcnlTZWFyY2gnO1xuaW1wb3J0IE1lZGlhTGlicmFyeUhlYWRlciBmcm9tICcuL01lZGlhTGlicmFyeUhlYWRlcic7XG5pbXBvcnQge1xuICBVcGxvYWRCdXR0b24sXG4gIERlbGV0ZUJ1dHRvbixcbiAgRG93bmxvYWRCdXR0b24sXG4gIENvcHlUb0NsaXBCb2FyZEJ1dHRvbixcbiAgSW5zZXJ0QnV0dG9uLFxufSBmcm9tICcuL01lZGlhTGlicmFyeUJ1dHRvbnMnO1xuXG5jb25zdCBMaWJyYXJ5VG9wID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQnV0dG9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5VG9wKHtcbiAgdCxcbiAgb25DbG9zZSxcbiAgcHJpdmF0ZVVwbG9hZCxcbiAgZm9ySW1hZ2UsXG4gIG9uRG93bmxvYWQsXG4gIG9uVXBsb2FkLFxuICBxdWVyeSxcbiAgb25TZWFyY2hDaGFuZ2UsXG4gIG9uU2VhcmNoS2V5RG93bixcbiAgc2VhcmNoRGlzYWJsZWQsXG4gIG9uRGVsZXRlLFxuICBjYW5JbnNlcnQsXG4gIG9uSW5zZXJ0LFxuICBoYXNTZWxlY3Rpb24sXG4gIGlzUGVyc2lzdGluZyxcbiAgaXNEZWxldGluZyxcbiAgc2VsZWN0ZWRGaWxlLFxufSkge1xuICBjb25zdCBzaG91bGRTaG93QnV0dG9uTG9hZGVyID0gaXNQZXJzaXN0aW5nIHx8IGlzRGVsZXRpbmc7XG4gIGNvbnN0IHVwbG9hZEVuYWJsZWQgPSAhc2hvdWxkU2hvd0J1dHRvbkxvYWRlcjtcbiAgY29uc3QgZGVsZXRlRW5hYmxlZCA9ICFzaG91bGRTaG93QnV0dG9uTG9hZGVyICYmIGhhc1NlbGVjdGlvbjtcblxuICBjb25zdCB1cGxvYWRCdXR0b25MYWJlbCA9IGlzUGVyc2lzdGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnVwbG9hZGluZycpXG4gICAgOiB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwudXBsb2FkJyk7XG4gIGNvbnN0IGRlbGV0ZUJ1dHRvbkxhYmVsID0gaXNEZWxldGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRlbGV0aW5nJylcbiAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5kZWxldGVTZWxlY3RlZCcpO1xuICBjb25zdCBkb3dubG9hZEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRvd25sb2FkJyk7XG4gIGNvbnN0IGluc2VydEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmNob29zZVNlbGVjdGVkJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8TGlicmFyeVRvcD5cbiAgICAgIDxSb3dDb250YWluZXI+XG4gICAgICAgIDxNZWRpYUxpYnJhcnlIZWFkZXJcbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgIHRpdGxlPXtgJHtwcml2YXRlVXBsb2FkID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnByaXZhdGUnKSA6ICcnfSR7XG4gICAgICAgICAgICBmb3JJbWFnZVxuICAgICAgICAgICAgICA/IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5pbWFnZXMnKVxuICAgICAgICAgICAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5tZWRpYUFzc2V0cycpXG4gICAgICAgICAgfWB9XG4gICAgICAgICAgaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfVxuICAgICAgICAgIHQ9e3R9XG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25zQ29udGFpbmVyPlxuICAgICAgICAgIDxDb3B5VG9DbGlwQm9hcmRCdXR0b25cbiAgICAgICAgICAgIGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufVxuICAgICAgICAgICAgcGF0aD17c2VsZWN0ZWRGaWxlLnBhdGh9XG4gICAgICAgICAgICBuYW1lPXtzZWxlY3RlZEZpbGUubmFtZX1cbiAgICAgICAgICAgIGRyYWZ0PXtzZWxlY3RlZEZpbGUuZHJhZnR9XG4gICAgICAgICAgICB0PXt0fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPERvd25sb2FkQnV0dG9uIG9uQ2xpY2s9e29uRG93bmxvYWR9IGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufT5cbiAgICAgICAgICAgIHtkb3dubG9hZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgIDwvRG93bmxvYWRCdXR0b24+XG4gICAgICAgICAgPFVwbG9hZEJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9e3VwbG9hZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgaW1hZ2VzT25seT17Zm9ySW1hZ2V9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25VcGxvYWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17IXVwbG9hZEVuYWJsZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25zQ29udGFpbmVyPlxuICAgICAgPC9Sb3dDb250YWluZXI+XG4gICAgICA8Um93Q29udGFpbmVyPlxuICAgICAgICA8TWVkaWFMaWJyYXJ5U2VhcmNoXG4gICAgICAgICAgdmFsdWU9e3F1ZXJ5fVxuICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZX1cbiAgICAgICAgICBvbktleURvd249e29uU2VhcmNoS2V5RG93bn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnNlYXJjaCcpfVxuICAgICAgICAgIGRpc2FibGVkPXtzZWFyY2hEaXNhYmxlZH1cbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvbnNDb250YWluZXI+XG4gICAgICAgICAgPERlbGV0ZUJ1dHRvbiBvbkNsaWNrPXtvbkRlbGV0ZX0gZGlzYWJsZWQ9eyFkZWxldGVFbmFibGVkfT5cbiAgICAgICAgICAgIHtkZWxldGVCdXR0b25MYWJlbH1cbiAgICAgICAgICA8L0RlbGV0ZUJ1dHRvbj5cbiAgICAgICAgICB7IWNhbkluc2VydCA/IG51bGwgOiAoXG4gICAgICAgICAgICA8SW5zZXJ0QnV0dG9uIG9uQ2xpY2s9e29uSW5zZXJ0fSBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn0+XG4gICAgICAgICAgICAgIHtpbnNlcnRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgIDwvSW5zZXJ0QnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgIDwvUm93Q29udGFpbmVyPlxuICAgIDwvTGlicmFyeVRvcD5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5VG9wLnByb3BUeXBlcyA9IHtcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgcHJpdmF0ZVVwbG9hZDogUHJvcFR5cGVzLmJvb2wsXG4gIGZvckltYWdlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25Eb3dubG9hZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25VcGxvYWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHF1ZXJ5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvblNlYXJjaENoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25TZWFyY2hLZXlEb3duOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBzZWFyY2hEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgb25EZWxldGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGNhbkluc2VydDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uSW5zZXJ0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYXNTZWxlY3Rpb246IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIGlzUGVyc2lzdGluZzogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGVsZXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBzZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBwYXRoOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBkcmFmdDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICB9KSxcbiAgICBQcm9wVHlwZXMuc2hhcGUoe30pLFxuICBdKSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVRvcDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function MediaLibraryTop({
+  t,
+  onClose,
+  privateUpload,
+  forImage,
+  onDownload,
+  onUpload,
+  query,
+  onSearchChange,
+  onSearchKeyDown,
+  searchDisabled,
+  onDelete,
+  canInsert,
+  onInsert,
+  hasSelection,
+  isPersisting,
+  isDeleting,
+  selectedFile
+}) {
+  const shouldShowButtonLoader = isPersisting || isDeleting;
+  const uploadEnabled = !shouldShowButtonLoader;
+  const deleteEnabled = !shouldShowButtonLoader && hasSelection;
+  const uploadButtonLabel = isPersisting ? t('mediaLibrary.mediaLibraryModal.uploading') : t('mediaLibrary.mediaLibraryModal.upload');
+  const deleteButtonLabel = isDeleting ? t('mediaLibrary.mediaLibraryModal.deleting') : t('mediaLibrary.mediaLibraryModal.deleteSelected');
+  const downloadButtonLabel = t('mediaLibrary.mediaLibraryModal.download');
+  const insertButtonLabel = t('mediaLibrary.mediaLibraryModal.chooseSelected');
+  return ___EmotionJSX(LibraryTop, null, ___EmotionJSX(RowContainer, null, ___EmotionJSX(MediaLibraryHeader, {
+    onClose: onClose,
+    title: `${privateUpload ? t('mediaLibrary.mediaLibraryModal.private') : ''}${forImage ? t('mediaLibrary.mediaLibraryModal.images') : t('mediaLibrary.mediaLibraryModal.mediaAssets')}`,
+    isPrivate: privateUpload,
+    t: t
+  }), ___EmotionJSX(ButtonsContainer, null, ___EmotionJSX(CopyToClipBoardButton, {
+    disabled: !hasSelection,
+    path: selectedFile.path,
+    name: selectedFile.name,
+    draft: selectedFile.draft,
+    t: t
+  }), ___EmotionJSX(DownloadButton, {
+    onClick: onDownload,
+    disabled: !hasSelection
+  }, downloadButtonLabel), ___EmotionJSX(UploadButton, {
+    label: uploadButtonLabel,
+    imagesOnly: forImage,
+    onChange: onUpload,
+    disabled: !uploadEnabled
+  }))), ___EmotionJSX(RowContainer, null, ___EmotionJSX(MediaLibrarySearch, {
+    value: query,
+    onChange: onSearchChange,
+    onKeyDown: onSearchKeyDown,
+    placeholder: t('mediaLibrary.mediaLibraryModal.search'),
+    disabled: searchDisabled
+  }), ___EmotionJSX(ButtonsContainer, null, ___EmotionJSX(DeleteButton, {
+    onClick: onDelete,
+    disabled: !deleteEnabled
+  }, deleteButtonLabel), !canInsert ? null : ___EmotionJSX(InsertButton, {
+    onClick: onInsert,
+    disabled: !hasSelection
+  }, insertButtonLabel))));
+}
+MediaLibraryTop.propTypes = {
+  t: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
+  privateUpload: PropTypes.bool,
+  forImage: PropTypes.bool,
+  onDownload: PropTypes.func.isRequired,
+  onUpload: PropTypes.func.isRequired,
+  query: PropTypes.string,
+  onSearchChange: PropTypes.func.isRequired,
+  onSearchKeyDown: PropTypes.func.isRequired,
+  searchDisabled: PropTypes.bool.isRequired,
+  onDelete: PropTypes.func.isRequired,
+  canInsert: PropTypes.bool,
+  onInsert: PropTypes.func.isRequired,
+  hasSelection: PropTypes.bool.isRequired,
+  isPersisting: PropTypes.bool,
+  isDeleting: PropTypes.bool,
+  selectedFile: PropTypes.oneOfType([PropTypes.shape({
+    path: PropTypes.string.isRequired,
+    draft: PropTypes.bool.isRequired,
+    name: PropTypes.string.isRequired
+  }), PropTypes.shape({})])
+};
+export default MediaLibraryTop;

package/dist/esm/components/UI/DragDrop.js

@@ -0,0 +1,67 @@
+import { HTML5Backend as ReactDNDHTML5Backend } from 'react-dnd-html5-backend';
+import { DndProvider as ReactDNDProvider, DragSource as ReactDNDDragSource, DropTarget as ReactDNDDropTarget } from 'react-dnd';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export function DragSource({
+  namespace,
+  ...props
+}) {
+  const DragComponent = ReactDNDDragSource(namespace, {
+    // eslint-disable-next-line no-unused-vars
+    beginDrag({
+      children,
+      isDragging,
+      connectDragComponent,
+      ...ownProps
+    }) {
+      // We return the rest of the props as the ID of the element being dragged.
+      return ownProps;
+    }
+  }, connect => ({
+    connectDragComponent: connect.dragSource()
+  }))(({
+    children,
+    connectDragComponent
+  }) => children(connectDragComponent));
+  return /*#__PURE__*/React.createElement(DragComponent, props, props.children);
+}
+DragSource.propTypes = {
+  namespace: PropTypes.any.isRequired,
+  children: PropTypes.func.isRequired
+};
+export function DropTarget({
+  onDrop,
+  namespace,
+  ...props
+}) {
+  const DropComponent = ReactDNDDropTarget(namespace, {
+    drop(ownProps, monitor) {
+      onDrop(monitor.getItem());
+    }
+  }, (connect, monitor) => ({
+    connectDropTarget: connect.dropTarget(),
+    isHovered: monitor.isOver()
+  }))(({
+    children,
+    connectDropTarget,
+    isHovered
+  }) => children(connectDropTarget, {
+    isHovered
+  }));
+  return /*#__PURE__*/React.createElement(DropComponent, props, props.children);
+}
+DropTarget.propTypes = {
+  onDrop: PropTypes.func.isRequired,
+  namespace: PropTypes.any.isRequired,
+  children: PropTypes.func.isRequired
+};
+export function HTML5DragDrop(WrappedComponent) {
+  return class HTML5DragDrop extends React.Component {
+    render() {
+      return ___EmotionJSX(ReactDNDProvider, {
+        backend: ReactDNDHTML5Backend
+      }, ___EmotionJSX(WrappedComponent, this.props));
+    }
+  };
+}