decap-cms-core 2.56.0-beta.1

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _decapCmsUiDefault = require("decap-cms-ui-default");
+var _core = require("@emotion/core");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CloseButton = (0, _styledBase.default)("button", {
+  target: "estf6120",
+  label: "CloseButton"
+})(_decapCmsUiDefault.buttons.button, ";", _decapCmsUiDefault.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 = (0, _styledBase.default)("h1", {
+  target: "estf6121",
+  label: "LibraryTitle"
+})("line-height:36px;font-size:22px;text-align:left;margin-bottom:25px;color:", props => props.isPrivate && _decapCmsUiDefault.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 (0, _core.jsx)("div", null, (0, _core.jsx)(CloseButton, {
+    onClick: onClose
+  }, (0, _core.jsx)(_decapCmsUiDefault.Icon, {
+    type: "close"
+  })), (0, _core.jsx)(LibraryTitle, {
+    isPrivate: isPrivate
+  }, title));
+}
+MediaLibraryHeader.propTypes = {
+  onClose: _propTypes.default.func.isRequired,
+  title: _propTypes.default.string.isRequired,
+  isPrivate: _propTypes.default.bool
+};
+var _default = MediaLibraryHeader;
+exports.default = _default;

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

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fileShape = exports.default = void 0;
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _immutable = require("immutable");
+var _reactPolyglot = require("react-polyglot");
+var _decapCmsUiDefault = require("decap-cms-ui-default");
+var _UI = require("../UI");
+var _MediaLibraryTop = _interopRequireDefault(require("./MediaLibraryTop"));
+var _MediaLibraryCardGrid = _interopRequireDefault(require("./MediaLibraryCardGrid"));
+var _EmptyMessage = _interopRequireDefault(require("./EmptyMessage"));
+var _core = require("@emotion/core");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Responsive styling needs to be overhauled. Current setup requires specifying
+ * widths per breakpoint.
+ */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__*/0, _styledBase.default)(_UI.Modal, {
+  target: "e4d0svf0",
+  label: "StyledModal"
+})("display:grid;grid-template-rows:120px auto;width:calc(", cardOutsideWidth, " + 20px);background-color:", props => props.isPrivate && _decapCmsUiDefault.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 && _decapCmsUiDefault.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlNb2RhbC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlNb2RhbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTWFwIH0gZnJvbSAnaW1tdXRhYmxlJztcbmltcG9ydCB7IGlzRW1wdHkgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgdHJhbnNsYXRlIH0gZnJvbSAncmVhY3QtcG9seWdsb3QnO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL1VJJztcbmltcG9ydCBNZWRpYUxpYnJhcnlUb3AgZnJvbSAnLi9NZWRpYUxpYnJhcnlUb3AnO1xuaW1wb3J0IE1lZGlhTGlicmFyeUNhcmRHcmlkIGZyb20gJy4vTWVkaWFMaWJyYXJ5Q2FyZEdyaWQnO1xuaW1wb3J0IEVtcHR5TWVzc2FnZSBmcm9tICcuL0VtcHR5TWVzc2FnZSc7XG5cbi8qKlxuICogUmVzcG9uc2l2ZSBzdHlsaW5nIG5lZWRzIHRvIGJlIG92ZXJoYXVsZWQuIEN1cnJlbnQgc2V0dXAgcmVxdWlyZXMgc3BlY2lmeWluZ1xuICogd2lkdGhzIHBlciBicmVha3BvaW50LlxuICovXG5jb25zdCBjYXJkV2lkdGggPSBgMjgwcHhgO1xuY29uc3QgY2FyZEhlaWdodCA9IGAyNDBweGA7XG5jb25zdCBjYXJkTWFyZ2luID0gYDEwcHhgO1xuXG4vKipcbiAqIGNhcmRXaWR0aCArIGNhcmRNYXJnaW4gKiAyID0gY2FyZE91dHNpZGVXaWR0aFxuICogKG5vdCB1c2luZyBjYWxjIGJlY2F1c2UgdGhpcyB3aWxsIGJlIG5lc3RlZCBpbiBvdGhlciBjYWxjcylcbiAqL1xuY29uc3QgY2FyZE91dHNpZGVXaWR0aCA9IGAzMDBweGA7XG5cbmNvbnN0IFN0eWxlZE1vZGFsID0gc3R5bGVkKE1vZGFsKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAxMjBweCBhdXRvO1xuICB3aWR0aDogY2FsYygke2NhcmRPdXRzaWRlV2lkdGh9ICsgMjBweCk7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNQcml2YXRlICYmIGNvbG9ycy5ncmF5RGFya307XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDgwMHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoJHtjYXJkT3V0c2lkZVdpZHRofSAqIDIgKyAyMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAxMTIwcHgpIHtcbiAgICB3aWR0aDogY2FsYygke2NhcmRPdXRzaWRlV2lkdGh9ICogMyArIDIwcHgpO1xuICB9XG5cbiAgQG1lZGlhIChtaW4td2lkdGg6IDE0NDBweCkge1xuICAgIHdpZHRoOiBjYWxjKCR7Y2FyZE91dHNpZGVXaWR0aH0gKiA0ICsgMjBweCk7XG4gIH1cblxuICBAbWVkaWEgKG1pbi13aWR0aDogMTc2MHB4KSB7XG4gICAgd2lkdGg6IGNhbGMoJHtjYXJkT3V0c2lkZVdpZHRofSAqIDUgKyAyMHB4KTtcbiAgfVxuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAyMDgwcHgpIHtcbiAgICB3aWR0aDogY2FsYygke2NhcmRPdXRzaWRlV2lkdGh9ICogNiArIDIwcHgpO1xuICB9XG5cbiAgaDEge1xuICAgIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLmlzUHJpdmF0ZSAmJiBjb2xvcnMudGV4dEZpZWxkQm9yZGVyfTtcbiAgfVxuXG4gIGJ1dHRvbjpkaXNhYmxlZCxcbiAgbGFiZWxbZGlzYWJsZWRdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzID0+IHByb3BzLmlzUHJpdmF0ZSAmJiBgcmdiYSgyMTcsIDIxNywgMjE3LCAwLjE1KWB9O1xuICB9XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlNb2RhbCh7XG4gIGlzVmlzaWJsZSxcbiAgY2FuSW5zZXJ0LFxuICBmaWxlcyxcbiAgZHluYW1pY1NlYXJjaCxcbiAgZHluYW1pY1NlYXJjaEFjdGl2ZSxcbiAgZm9ySW1hZ2UsXG4gIGlzTG9hZGluZyxcbiAgaXNQZXJzaXN0aW5nLFxuICBpc0RlbGV0aW5nLFxuICBoYXNOZXh0UGFnZSxcbiAgaXNQYWdpbmF0aW5nLFxuICBwcml2YXRlVXBsb2FkLFxuICBxdWVyeSxcbiAgc2VsZWN0ZWRGaWxlLFxuICBoYW5kbGVGaWx0ZXIsXG4gIGhhbmRsZVF1ZXJ5LFxuICB0b1RhYmxlRGF0YSxcbiAgaGFuZGxlQ2xvc2UsXG4gIGhhbmRsZVNlYXJjaENoYW5nZSxcbiAgaGFuZGxlU2VhcmNoS2V5RG93bixcbiAgaGFuZGxlUGVyc2lzdCxcbiAgaGFuZGxlRGVsZXRlLFxuICBoYW5kbGVJbnNlcnQsXG4gIGhhbmRsZURvd25sb2FkLFxuICBzZXRTY3JvbGxDb250YWluZXJSZWYsXG4gIGhhbmRsZUFzc2V0Q2xpY2ssXG4gIGhhbmRsZUxvYWRNb3JlLFxuICBsb2FkRGlzcGxheVVSTCxcbiAgZGlzcGxheVVSTHMsXG4gIHQsXG59KSB7XG4gIGNvbnN0IGZpbHRlcmVkRmlsZXMgPSBmb3JJbWFnZSA/IGhhbmRsZUZpbHRlcihmaWxlcykgOiBmaWxlcztcbiAgY29uc3QgcXVlcmllZEZpbGVzID0gIWR5bmFtaWNTZWFyY2ggJiYgcXVlcnkgPyBoYW5kbGVRdWVyeShxdWVyeSwgZmlsdGVyZWRGaWxlcykgOiBmaWx0ZXJlZEZpbGVzO1xuICBjb25zdCB0YWJsZURhdGEgPSB0b1RhYmxlRGF0YShxdWVyaWVkRmlsZXMpO1xuICBjb25zdCBoYXNGaWxlcyA9IGZpbGVzICYmICEhZmlsZXMubGVuZ3RoO1xuICBjb25zdCBoYXNGaWx0ZXJlZEZpbGVzID0gZmlsdGVyZWRGaWxlcyAmJiAhIWZpbHRlcmVkRmlsZXMubGVuZ3RoO1xuICBjb25zdCBoYXNTZWFyY2hSZXN1bHRzID0gcXVlcmllZEZpbGVzICYmICEhcXVlcmllZEZpbGVzLmxlbmd0aDtcbiAgY29uc3QgaGFzTWVkaWEgPSBoYXNTZWFyY2hSZXN1bHRzO1xuICBjb25zdCBzaG91bGRTaG93RW1wdHlNZXNzYWdlID0gIWhhc01lZGlhO1xuICBjb25zdCBlbXB0eU1lc3NhZ2UgPVxuICAgIChpc0xvYWRpbmcgJiYgIWhhc01lZGlhICYmIHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5sb2FkaW5nJykpIHx8XG4gICAgKGR5bmFtaWNTZWFyY2hBY3RpdmUgJiYgdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLm5vUmVzdWx0cycpKSB8fFxuICAgICghaGFzRmlsZXMgJiYgdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLm5vQXNzZXRzRm91bmQnKSkgfHxcbiAgICAoIWhhc0ZpbHRlcmVkRmlsZXMgJiYgdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLm5vSW1hZ2VzRm91bmQnKSkgfHxcbiAgICAoIWhhc1NlYXJjaFJlc3VsdHMgJiYgdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLm5vUmVzdWx0cycpKTtcblxuICBjb25zdCBoYXNTZWxlY3Rpb24gPSBoYXNNZWRpYSAmJiAhaXNFbXB0eShzZWxlY3RlZEZpbGUpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsIGlzT3Blbj17aXNWaXNpYmxlfSBvbkNsb3NlPXtoYW5kbGVDbG9zZX0gaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfT5cbiAgICAgIDxNZWRpYUxpYnJhcnlUb3BcbiAgICAgICAgdD17dH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHByaXZhdGVVcGxvYWQ9e3ByaXZhdGVVcGxvYWR9XG4gICAgICAgIGZvckltYWdlPXtmb3JJbWFnZX1cbiAgICAgICAgb25Eb3dubG9hZD17aGFuZGxlRG93bmxvYWR9XG4gICAgICAgIG9uVXBsb2FkPXtoYW5kbGVQZXJzaXN0fVxuICAgICAgICBxdWVyeT17cXVlcnl9XG4gICAgICAgIG9uU2VhcmNoQ2hhbmdlPXtoYW5kbGVTZWFyY2hDaGFuZ2V9XG4gICAgICAgIG9uU2VhcmNoS2V5RG93bj17aGFuZGxlU2VhcmNoS2V5RG93bn1cbiAgICAgICAgc2VhcmNoRGlzYWJsZWQ9eyFkeW5hbWljU2VhcmNoQWN0aXZlICYmICFoYXNGaWx0ZXJlZEZpbGVzfVxuICAgICAgICBvbkRlbGV0ZT17aGFuZGxlRGVsZXRlfVxuICAgICAgICBjYW5JbnNlcnQ9e2Nhbkluc2VydH1cbiAgICAgICAgb25JbnNlcnQ9e2hhbmRsZUluc2VydH1cbiAgICAgICAgaGFzU2VsZWN0aW9uPXtoYXNTZWxlY3Rpb259XG4gICAgICAgIGlzUGVyc2lzdGluZz17aXNQZXJzaXN0aW5nfVxuICAgICAgICBpc0RlbGV0aW5nPXtpc0RlbGV0aW5nfVxuICAgICAgICBzZWxlY3RlZEZpbGU9e3NlbGVjdGVkRmlsZX1cbiAgICAgIC8+XG4gICAgICB7IXNob3VsZFNob3dFbXB0eU1lc3NhZ2UgPyBudWxsIDogKFxuICAgICAgICA8RW1wdHlNZXNzYWdlIGNvbnRlbnQ9e2VtcHR5TWVzc2FnZX0gaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfSAvPlxuICAgICAgKX1cbiAgICAgIDxNZWRpYUxpYnJhcnlDYXJkR3JpZFxuICAgICAgICBzZXRTY3JvbGxDb250YWluZXJSZWY9e3NldFNjcm9sbENvbnRhaW5lclJlZn1cbiAgICAgICAgbWVkaWFJdGVtcz17dGFibGVEYXRhfVxuICAgICAgICBpc1NlbGVjdGVkRmlsZT17ZmlsZSA9PiBzZWxlY3RlZEZpbGUua2V5ID09PSBmaWxlLmtleX1cbiAgICAgICAgb25Bc3NldENsaWNrPXtoYW5kbGVBc3NldENsaWNrfVxuICAgICAgICBjYW5Mb2FkTW9yZT17aGFzTmV4dFBhZ2V9XG4gICAgICAgIG9uTG9hZE1vcmU9e2hhbmRsZUxvYWRNb3JlfVxuICAgICAgICBpc1BhZ2luYXRpbmc9e2lzUGFnaW5hdGluZ31cbiAgICAgICAgcGFnaW5hdGluZ01lc3NhZ2U9e3QoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5sb2FkaW5nJyl9XG4gICAgICAgIGNhcmREcmFmdFRleHQ9e3QoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlDYXJkLmRyYWZ0Jyl9XG4gICAgICAgIGNhcmRXaWR0aD17Y2FyZFdpZHRofVxuICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICBjYXJkTWFyZ2luPXtjYXJkTWFyZ2lufVxuICAgICAgICBpc1ByaXZhdGU9e3ByaXZhdGVVcGxvYWR9XG4gICAgICAgIGxvYWREaXNwbGF5VVJMPXtsb2FkRGlzcGxheVVSTH1cbiAgICAgICAgZGlzcGxheVVSTHM9e2Rpc3BsYXlVUkxzfVxuICAgICAgLz5cbiAgICA8L1N0eWxlZE1vZGFsPlxuICApO1xufVxuXG5leHBvcnQgY29uc3QgZmlsZVNoYXBlID0ge1xuICBkaXNwbGF5VVJMOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMub2JqZWN0XSkuaXNSZXF1aXJlZCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAga2V5OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgcXVlcnlPcmRlcjogUHJvcFR5cGVzLm51bWJlcixcbiAgc2l6ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgcGF0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxufTtcblxuTWVkaWFMaWJyYXJ5TW9kYWwucHJvcFR5cGVzID0ge1xuICBpc1Zpc2libGU6IFByb3BUeXBlcy5ib29sLFxuICBjYW5JbnNlcnQ6IFByb3BUeXBlcy5ib29sLFxuICBmaWxlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKGZpbGVTaGFwZSkpLmlzUmVxdWlyZWQsXG4gIGR5bmFtaWNTZWFyY2g6IFByb3BUeXBlcy5ib29sLFxuICBkeW5hbWljU2VhcmNoQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgZm9ySW1hZ2U6IFByb3BUeXBlcy5ib29sLFxuICBpc0xvYWRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBpc1BlcnNpc3Rpbmc6IFByb3BUeXBlcy5ib29sLFxuICBpc0RlbGV0aW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzTmV4dFBhZ2U6IFByb3BUeXBlcy5ib29sLFxuICBpc1BhZ2luYXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBwcml2YXRlVXBsb2FkOiBQcm9wVHlwZXMuYm9vbCxcbiAgcXVlcnk6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHNlbGVjdGVkRmlsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnNoYXBlKGZpbGVTaGFwZSksIFByb3BUeXBlcy5zaGFwZSh7fSldKSxcbiAgaGFuZGxlRmlsdGVyOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVRdWVyeTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgdG9UYWJsZURhdGE6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZUNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYW5kbGVTZWFyY2hDaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZVNlYXJjaEtleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZVBlcnNpc3Q6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZURlbGV0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaGFuZGxlSW5zZXJ0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBzZXRTY3JvbGxDb250YWluZXJSZWY6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZUFzc2V0Q2xpY2s6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGhhbmRsZUxvYWRNb3JlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBsb2FkRGlzcGxheVVSTDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZGlzcGxheVVSTHM6IFByb3BUeXBlcy5pbnN0YW5jZU9mKE1hcCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IHRyYW5zbGF0ZSgpKE1lZGlhTGlicmFyeU1vZGFsKTtcbiJdfQ== */"));
+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 && !(0, _isEmpty2.default)(selectedFile);
+  return (0, _core.jsx)(StyledModal, {
+    isOpen: isVisible,
+    onClose: handleClose,
+    isPrivate: privateUpload
+  }, (0, _core.jsx)(_MediaLibraryTop.default, {
+    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 : (0, _core.jsx)(_EmptyMessage.default, {
+    content: emptyMessage,
+    isPrivate: privateUpload
+  }), (0, _core.jsx)(_MediaLibraryCardGrid.default, {
+    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
+  }));
+}
+const fileShape = {
+  displayURL: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]).isRequired,
+  id: _propTypes.default.string.isRequired,
+  key: _propTypes.default.string.isRequired,
+  name: _propTypes.default.string.isRequired,
+  queryOrder: _propTypes.default.number,
+  size: _propTypes.default.number,
+  path: _propTypes.default.string.isRequired
+};
+exports.fileShape = fileShape;
+MediaLibraryModal.propTypes = {
+  isVisible: _propTypes.default.bool,
+  canInsert: _propTypes.default.bool,
+  files: _propTypes.default.arrayOf(_propTypes.default.shape(fileShape)).isRequired,
+  dynamicSearch: _propTypes.default.bool,
+  dynamicSearchActive: _propTypes.default.bool,
+  forImage: _propTypes.default.bool,
+  isLoading: _propTypes.default.bool,
+  isPersisting: _propTypes.default.bool,
+  isDeleting: _propTypes.default.bool,
+  hasNextPage: _propTypes.default.bool,
+  isPaginating: _propTypes.default.bool,
+  privateUpload: _propTypes.default.bool,
+  query: _propTypes.default.string,
+  selectedFile: _propTypes.default.oneOfType([_propTypes.default.shape(fileShape), _propTypes.default.shape({})]),
+  handleFilter: _propTypes.default.func.isRequired,
+  handleQuery: _propTypes.default.func.isRequired,
+  toTableData: _propTypes.default.func.isRequired,
+  handleClose: _propTypes.default.func.isRequired,
+  handleSearchChange: _propTypes.default.func.isRequired,
+  handleSearchKeyDown: _propTypes.default.func.isRequired,
+  handlePersist: _propTypes.default.func.isRequired,
+  handleDelete: _propTypes.default.func.isRequired,
+  handleInsert: _propTypes.default.func.isRequired,
+  setScrollContainerRef: _propTypes.default.func.isRequired,
+  handleAssetClick: _propTypes.default.func.isRequired,
+  handleLoadMore: _propTypes.default.func.isRequired,
+  loadDisplayURL: _propTypes.default.func.isRequired,
+  t: _propTypes.default.func.isRequired,
+  displayURLs: _propTypes.default.instanceOf(_immutable.Map).isRequired
+};
+var _default = (0, _reactPolyglot.translate)()(MediaLibraryModal);
+exports.default = _default;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _decapCmsUiDefault = require("decap-cms-ui-default");
+var _core = require("@emotion/core");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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)."; }
+const SearchContainer = (0, _styledBase.default)("div", {
+  target: "el0uck00",
+  label: "SearchContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "xts1j",
+  styles: "height:37px;display:flex;align-items:center;position:relative;width:400px;"
+} : {
+  name: "xts1j",
+  styles: "height:37px;display:flex;align-items:center;position:relative;width:400px;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIGxlbmd0aHMsIGNvbG9ycywgekluZGV4IH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBTZWFyY2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDM3cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDQwMHB4O1xuYDtcblxuY29uc3QgU2VhcmNoSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJhY2tncm91bmQtY29sb3I6ICNlZmYwZjQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9O1xuXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcGFkZGluZzogMTBweCA2cHggMTBweCAzMnB4O1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAke3pJbmRleC56SW5kZXgxfTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBTZWFyY2hJY29uID0gc3R5bGVkKEljb24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA2cHg7XG4gIHotaW5kZXg6ICR7ekluZGV4LnpJbmRleDJ9O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbmA7XG5cbmZ1bmN0aW9uIE1lZGlhTGlicmFyeVNlYXJjaCh7IHZhbHVlLCBvbkNoYW5nZSwgb25LZXlEb3duLCBwbGFjZWhvbGRlciwgZGlzYWJsZWQgfSkge1xuICByZXR1cm4gKFxuICAgIDxTZWFyY2hDb250YWluZXI+XG4gICAgICA8U2VhcmNoSWNvbiB0eXBlPVwic2VhcmNoXCIgc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgIDxTZWFyY2hJbnB1dFxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgLz5cbiAgICA8L1NlYXJjaENvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5U2VhcmNoLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVNlYXJjaDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SearchInput = (0, _styledBase.default)("input", {
+  target: "el0uck01",
+  label: "SearchInput"
+})("background-color:#eff0f4;border-radius:", _decapCmsUiDefault.lengths.borderRadius, ";font-size:14px;padding:10px 6px 10px 32px;width:100%;position:relative;z-index:", _decapCmsUiDefault.zIndex.zIndex1, ";&:focus{outline:none;box-shadow:inset 0 0 0 2px ", _decapCmsUiDefault.colors.active, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlTZWFyY2guanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIGxlbmd0aHMsIGNvbG9ycywgekluZGV4IH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBTZWFyY2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDM3cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDQwMHB4O1xuYDtcblxuY29uc3QgU2VhcmNoSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGJhY2tncm91bmQtY29sb3I6ICNlZmYwZjQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bGVuZ3Rocy5ib3JkZXJSYWRpdXN9O1xuXG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcGFkZGluZzogMTBweCA2cHggMTBweCAzMnB4O1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB6LWluZGV4OiAke3pJbmRleC56SW5kZXgxfTtcblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIDJweCAke2NvbG9ycy5hY3RpdmV9O1xuICB9XG5gO1xuXG5jb25zdCBTZWFyY2hJY29uID0gc3R5bGVkKEljb24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogNTAlO1xuICBsZWZ0OiA2cHg7XG4gIHotaW5kZXg6ICR7ekluZGV4LnpJbmRleDJ9O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTtcbmA7XG5cbmZ1bmN0aW9uIE1lZGlhTGlicmFyeVNlYXJjaCh7IHZhbHVlLCBvbkNoYW5nZSwgb25LZXlEb3duLCBwbGFjZWhvbGRlciwgZGlzYWJsZWQgfSkge1xuICByZXR1cm4gKFxuICAgIDxTZWFyY2hDb250YWluZXI+XG4gICAgICA8U2VhcmNoSWNvbiB0eXBlPVwic2VhcmNoXCIgc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgIDxTZWFyY2hJbnB1dFxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25LZXlEb3duPXtvbktleURvd259XG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgLz5cbiAgICA8L1NlYXJjaENvbnRhaW5lcj5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5U2VhcmNoLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBvbktleURvd246IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVNlYXJjaDtcbiJdfQ== */"));
+const SearchIcon = ( /*#__PURE__*/0, _styledBase.default)(_decapCmsUiDefault.Icon, {
+  target: "el0uck02",
+  label: "SearchIcon"
+})("position:absolute;top:50%;left:6px;z-index:", _decapCmsUiDefault.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 (0, _core.jsx)(SearchContainer, null, (0, _core.jsx)(SearchIcon, {
+    type: "search",
+    size: "small"
+  }), (0, _core.jsx)(SearchInput, {
+    value: value,
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    placeholder: placeholder,
+    disabled: disabled
+  }));
+}
+MediaLibrarySearch.propTypes = {
+  value: _propTypes.default.string,
+  onChange: _propTypes.default.func.isRequired,
+  onKeyDown: _propTypes.default.func.isRequired,
+  placeholder: _propTypes.default.string.isRequired,
+  disabled: _propTypes.default.bool
+};
+var _default = MediaLibrarySearch;
+exports.default = _default;

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

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _MediaLibrarySearch = _interopRequireDefault(require("./MediaLibrarySearch"));
+var _MediaLibraryHeader = _interopRequireDefault(require("./MediaLibraryHeader"));
+var _MediaLibraryButtons = require("./MediaLibraryButtons");
+var _core = require("@emotion/core");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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)."; }
+const LibraryTop = (0, _styledBase.default)("div", {
+  target: "e1n0ky5z0",
+  label: "LibraryTop"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ab1jlb",
+  styles: "position:relative;display:flex;flex-direction:column;"
+} : {
+  name: "1ab1jlb",
+  styles: "position:relative;display:flex;flex-direction:column;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzZCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IE1lZGlhTGlicmFyeVNlYXJjaCBmcm9tICcuL01lZGlhTGlicmFyeVNlYXJjaCc7XG5pbXBvcnQgTWVkaWFMaWJyYXJ5SGVhZGVyIGZyb20gJy4vTWVkaWFMaWJyYXJ5SGVhZGVyJztcbmltcG9ydCB7XG4gIFVwbG9hZEJ1dHRvbixcbiAgRGVsZXRlQnV0dG9uLFxuICBEb3dubG9hZEJ1dHRvbixcbiAgQ29weVRvQ2xpcEJvYXJkQnV0dG9uLFxuICBJbnNlcnRCdXR0b24sXG59IGZyb20gJy4vTWVkaWFMaWJyYXJ5QnV0dG9ucyc7XG5cbmNvbnN0IExpYnJhcnlUb3AgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG5jb25zdCBSb3dDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBCdXR0b25zQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlUb3Aoe1xuICB0LFxuICBvbkNsb3NlLFxuICBwcml2YXRlVXBsb2FkLFxuICBmb3JJbWFnZSxcbiAgb25Eb3dubG9hZCxcbiAgb25VcGxvYWQsXG4gIHF1ZXJ5LFxuICBvblNlYXJjaENoYW5nZSxcbiAgb25TZWFyY2hLZXlEb3duLFxuICBzZWFyY2hEaXNhYmxlZCxcbiAgb25EZWxldGUsXG4gIGNhbkluc2VydCxcbiAgb25JbnNlcnQsXG4gIGhhc1NlbGVjdGlvbixcbiAgaXNQZXJzaXN0aW5nLFxuICBpc0RlbGV0aW5nLFxuICBzZWxlY3RlZEZpbGUsXG59KSB7XG4gIGNvbnN0IHNob3VsZFNob3dCdXR0b25Mb2FkZXIgPSBpc1BlcnNpc3RpbmcgfHwgaXNEZWxldGluZztcbiAgY29uc3QgdXBsb2FkRW5hYmxlZCA9ICFzaG91bGRTaG93QnV0dG9uTG9hZGVyO1xuICBjb25zdCBkZWxldGVFbmFibGVkID0gIXNob3VsZFNob3dCdXR0b25Mb2FkZXIgJiYgaGFzU2VsZWN0aW9uO1xuXG4gIGNvbnN0IHVwbG9hZEJ1dHRvbkxhYmVsID0gaXNQZXJzaXN0aW5nXG4gICAgPyB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwudXBsb2FkaW5nJylcbiAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC51cGxvYWQnKTtcbiAgY29uc3QgZGVsZXRlQnV0dG9uTGFiZWwgPSBpc0RlbGV0aW5nXG4gICAgPyB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuZGVsZXRpbmcnKVxuICAgIDogdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRlbGV0ZVNlbGVjdGVkJyk7XG4gIGNvbnN0IGRvd25sb2FkQnV0dG9uTGFiZWwgPSB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuZG93bmxvYWQnKTtcbiAgY29uc3QgaW5zZXJ0QnV0dG9uTGFiZWwgPSB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuY2hvb3NlU2VsZWN0ZWQnKTtcblxuICByZXR1cm4gKFxuICAgIDxMaWJyYXJ5VG9wPlxuICAgICAgPFJvd0NvbnRhaW5lcj5cbiAgICAgICAgPE1lZGlhTGlicmFyeUhlYWRlclxuICAgICAgICAgIG9uQ2xvc2U9e29uQ2xvc2V9XG4gICAgICAgICAgdGl0bGU9e2Ake3ByaXZhdGVVcGxvYWQgPyB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwucHJpdmF0ZScpIDogJyd9JHtcbiAgICAgICAgICAgIGZvckltYWdlXG4gICAgICAgICAgICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmltYWdlcycpXG4gICAgICAgICAgICAgIDogdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLm1lZGlhQXNzZXRzJylcbiAgICAgICAgICB9YH1cbiAgICAgICAgICBpc1ByaXZhdGU9e3ByaXZhdGVVcGxvYWR9XG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25zQ29udGFpbmVyPlxuICAgICAgICAgIDxDb3B5VG9DbGlwQm9hcmRCdXR0b25cbiAgICAgICAgICAgIGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufVxuICAgICAgICAgICAgcGF0aD17c2VsZWN0ZWRGaWxlLnBhdGh9XG4gICAgICAgICAgICBuYW1lPXtzZWxlY3RlZEZpbGUubmFtZX1cbiAgICAgICAgICAgIGRyYWZ0PXtzZWxlY3RlZEZpbGUuZHJhZnR9XG4gICAgICAgICAgICB0PXt0fVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPERvd25sb2FkQnV0dG9uIG9uQ2xpY2s9e29uRG93bmxvYWR9IGRpc2FibGVkPXshaGFzU2VsZWN0aW9ufT5cbiAgICAgICAgICAgIHtkb3dubG9hZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgIDwvRG93bmxvYWRCdXR0b24+XG4gICAgICAgICAgPFVwbG9hZEJ1dHRvblxuICAgICAgICAgICAgbGFiZWw9e3VwbG9hZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgaW1hZ2VzT25seT17Zm9ySW1hZ2V9XG4gICAgICAgICAgICBvbkNoYW5nZT17b25VcGxvYWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17IXVwbG9hZEVuYWJsZWR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25zQ29udGFpbmVyPlxuICAgICAgPC9Sb3dDb250YWluZXI+XG4gICAgICA8Um93Q29udGFpbmVyPlxuICAgICAgICA8TWVkaWFMaWJyYXJ5U2VhcmNoXG4gICAgICAgICAgdmFsdWU9e3F1ZXJ5fVxuICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZX1cbiAgICAgICAgICBvbktleURvd249e29uU2VhcmNoS2V5RG93bn1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnNlYXJjaCcpfVxuICAgICAgICAgIGRpc2FibGVkPXtzZWFyY2hEaXNhYmxlZH1cbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvbnNDb250YWluZXI+XG4gICAgICAgICAgPERlbGV0ZUJ1dHRvbiBvbkNsaWNrPXtvbkRlbGV0ZX0gZGlzYWJsZWQ9eyFkZWxldGVFbmFibGVkfT5cbiAgICAgICAgICAgIHtkZWxldGVCdXR0b25MYWJlbH1cbiAgICAgICAgICA8L0RlbGV0ZUJ1dHRvbj5cbiAgICAgICAgICB7IWNhbkluc2VydCA/IG51bGwgOiAoXG4gICAgICAgICAgICA8SW5zZXJ0QnV0dG9uIG9uQ2xpY2s9e29uSW5zZXJ0fSBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn0+XG4gICAgICAgICAgICAgIHtpbnNlcnRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgIDwvSW5zZXJ0QnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvQnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgIDwvUm93Q29udGFpbmVyPlxuICAgIDwvTGlicmFyeVRvcD5cbiAgKTtcbn1cblxuTWVkaWFMaWJyYXJ5VG9wLnByb3BUeXBlcyA9IHtcbiAgdDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgcHJpdmF0ZVVwbG9hZDogUHJvcFR5cGVzLmJvb2wsXG4gIGZvckltYWdlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25Eb3dubG9hZDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25VcGxvYWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHF1ZXJ5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvblNlYXJjaENoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgb25TZWFyY2hLZXlEb3duOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBzZWFyY2hEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgb25EZWxldGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGNhbkluc2VydDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uSW5zZXJ0OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBoYXNTZWxlY3Rpb246IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIGlzUGVyc2lzdGluZzogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGVsZXRpbmc6IFByb3BUeXBlcy5ib29sLFxuICBzZWxlY3RlZEZpbGU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICBwYXRoOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgICBkcmFmdDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICB9KSxcbiAgICBQcm9wVHlwZXMuc2hhcGUoe30pLFxuICBdKSxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lZGlhTGlicmFyeVRvcDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const RowContainer = (0, _styledBase.default)("div", {
+  target: "e1n0ky5z1",
+  label: "RowContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "gg4vpm",
+  styles: "display:flex;justify-content:space-between;"
+} : {
+  name: "gg4vpm",
+  styles: "display:flex;justify-content:space-between;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0IrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5VG9wLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlTZWFyY2ggZnJvbSAnLi9NZWRpYUxpYnJhcnlTZWFyY2gnO1xuaW1wb3J0IE1lZGlhTGlicmFyeUhlYWRlciBmcm9tICcuL01lZGlhTGlicmFyeUhlYWRlcic7XG5pbXBvcnQge1xuICBVcGxvYWRCdXR0b24sXG4gIERlbGV0ZUJ1dHRvbixcbiAgRG93bmxvYWRCdXR0b24sXG4gIENvcHlUb0NsaXBCb2FyZEJ1dHRvbixcbiAgSW5zZXJ0QnV0dG9uLFxufSBmcm9tICcuL01lZGlhTGlicmFyeUJ1dHRvbnMnO1xuXG5jb25zdCBMaWJyYXJ5VG9wID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQnV0dG9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5VG9wKHtcbiAgdCxcbiAgb25DbG9zZSxcbiAgcHJpdmF0ZVVwbG9hZCxcbiAgZm9ySW1hZ2UsXG4gIG9uRG93bmxvYWQsXG4gIG9uVXBsb2FkLFxuICBxdWVyeSxcbiAgb25TZWFyY2hDaGFuZ2UsXG4gIG9uU2VhcmNoS2V5RG93bixcbiAgc2VhcmNoRGlzYWJsZWQsXG4gIG9uRGVsZXRlLFxuICBjYW5JbnNlcnQsXG4gIG9uSW5zZXJ0LFxuICBoYXNTZWxlY3Rpb24sXG4gIGlzUGVyc2lzdGluZyxcbiAgaXNEZWxldGluZyxcbiAgc2VsZWN0ZWRGaWxlLFxufSkge1xuICBjb25zdCBzaG91bGRTaG93QnV0dG9uTG9hZGVyID0gaXNQZXJzaXN0aW5nIHx8IGlzRGVsZXRpbmc7XG4gIGNvbnN0IHVwbG9hZEVuYWJsZWQgPSAhc2hvdWxkU2hvd0J1dHRvbkxvYWRlcjtcbiAgY29uc3QgZGVsZXRlRW5hYmxlZCA9ICFzaG91bGRTaG93QnV0dG9uTG9hZGVyICYmIGhhc1NlbGVjdGlvbjtcblxuICBjb25zdCB1cGxvYWRCdXR0b25MYWJlbCA9IGlzUGVyc2lzdGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnVwbG9hZGluZycpXG4gICAgOiB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwudXBsb2FkJyk7XG4gIGNvbnN0IGRlbGV0ZUJ1dHRvbkxhYmVsID0gaXNEZWxldGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRlbGV0aW5nJylcbiAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5kZWxldGVTZWxlY3RlZCcpO1xuICBjb25zdCBkb3dubG9hZEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRvd25sb2FkJyk7XG4gIGNvbnN0IGluc2VydEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmNob29zZVNlbGVjdGVkJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8TGlicmFyeVRvcD5cbiAgICAgIDxSb3dDb250YWluZXI+XG4gICAgICAgIDxNZWRpYUxpYnJhcnlIZWFkZXJcbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgIHRpdGxlPXtgJHtwcml2YXRlVXBsb2FkID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnByaXZhdGUnKSA6ICcnfSR7XG4gICAgICAgICAgICBmb3JJbWFnZVxuICAgICAgICAgICAgICA/IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5pbWFnZXMnKVxuICAgICAgICAgICAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5tZWRpYUFzc2V0cycpXG4gICAgICAgICAgfWB9XG4gICAgICAgICAgaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfVxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgICAgICA8Q29weVRvQ2xpcEJvYXJkQnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn1cbiAgICAgICAgICAgIHBhdGg9e3NlbGVjdGVkRmlsZS5wYXRofVxuICAgICAgICAgICAgbmFtZT17c2VsZWN0ZWRGaWxlLm5hbWV9XG4gICAgICAgICAgICBkcmFmdD17c2VsZWN0ZWRGaWxlLmRyYWZ0fVxuICAgICAgICAgICAgdD17dH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxEb3dubG9hZEJ1dHRvbiBvbkNsaWNrPXtvbkRvd25sb2FkfSBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn0+XG4gICAgICAgICAgICB7ZG93bmxvYWRCdXR0b25MYWJlbH1cbiAgICAgICAgICA8L0Rvd25sb2FkQnV0dG9uPlxuICAgICAgICAgIDxVcGxvYWRCdXR0b25cbiAgICAgICAgICAgIGxhYmVsPXt1cGxvYWRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgIGltYWdlc09ubHk9e2ZvckltYWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uVXBsb2FkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9eyF1cGxvYWRFbmFibGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgIDwvUm93Q29udGFpbmVyPlxuICAgICAgPFJvd0NvbnRhaW5lcj5cbiAgICAgICAgPE1lZGlhTGlicmFyeVNlYXJjaFxuICAgICAgICAgIHZhbHVlPXtxdWVyeX1cbiAgICAgICAgICBvbkNoYW5nZT17b25TZWFyY2hDaGFuZ2V9XG4gICAgICAgICAgb25LZXlEb3duPXtvblNlYXJjaEtleURvd259XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5zZWFyY2gnKX1cbiAgICAgICAgICBkaXNhYmxlZD17c2VhcmNoRGlzYWJsZWR9XG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25zQ29udGFpbmVyPlxuICAgICAgICAgIDxEZWxldGVCdXR0b24gb25DbGljaz17b25EZWxldGV9IGRpc2FibGVkPXshZGVsZXRlRW5hYmxlZH0+XG4gICAgICAgICAgICB7ZGVsZXRlQnV0dG9uTGFiZWx9XG4gICAgICAgICAgPC9EZWxldGVCdXR0b24+XG4gICAgICAgICAgeyFjYW5JbnNlcnQgPyBudWxsIDogKFxuICAgICAgICAgICAgPEluc2VydEJ1dHRvbiBvbkNsaWNrPXtvbkluc2VydH0gZGlzYWJsZWQ9eyFoYXNTZWxlY3Rpb259PlxuICAgICAgICAgICAgICB7aW5zZXJ0QnV0dG9uTGFiZWx9XG4gICAgICAgICAgICA8L0luc2VydEJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0J1dHRvbnNDb250YWluZXI+XG4gICAgICA8L1Jvd0NvbnRhaW5lcj5cbiAgICA8L0xpYnJhcnlUb3A+XG4gICk7XG59XG5cbk1lZGlhTGlicmFyeVRvcC5wcm9wVHlwZXMgPSB7XG4gIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHByaXZhdGVVcGxvYWQ6IFByb3BUeXBlcy5ib29sLFxuICBmb3JJbWFnZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uRG93bmxvYWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uVXBsb2FkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBxdWVyeTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25TZWFyY2hDaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uU2VhcmNoS2V5RG93bjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgc2VhcmNoRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIG9uRGVsZXRlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBjYW5JbnNlcnQ6IFByb3BUeXBlcy5ib29sLFxuICBvbkluc2VydDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaGFzU2VsZWN0aW9uOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBpc1BlcnNpc3Rpbmc6IFByb3BUeXBlcy5ib29sLFxuICBpc0RlbGV0aW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgc2VsZWN0ZWRGaWxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgcGF0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgZHJhZnQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgfSksXG4gICAgUHJvcFR5cGVzLnNoYXBlKHt9KSxcbiAgXSksXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlUb3A7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ButtonsContainer = (0, _styledBase.default)("div", {
+  target: "e1n0ky5z2",
+  label: "ButtonsContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "6su6fj",
+  styles: "flex-shrink:0;"
+} : {
+  name: "6su6fj",
+  styles: "flex-shrink:0;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlUb3AuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJtQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5VG9wLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCBNZWRpYUxpYnJhcnlTZWFyY2ggZnJvbSAnLi9NZWRpYUxpYnJhcnlTZWFyY2gnO1xuaW1wb3J0IE1lZGlhTGlicmFyeUhlYWRlciBmcm9tICcuL01lZGlhTGlicmFyeUhlYWRlcic7XG5pbXBvcnQge1xuICBVcGxvYWRCdXR0b24sXG4gIERlbGV0ZUJ1dHRvbixcbiAgRG93bmxvYWRCdXR0b24sXG4gIENvcHlUb0NsaXBCb2FyZEJ1dHRvbixcbiAgSW5zZXJ0QnV0dG9uLFxufSBmcm9tICcuL01lZGlhTGlicmFyeUJ1dHRvbnMnO1xuXG5jb25zdCBMaWJyYXJ5VG9wID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgUm93Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuYDtcblxuY29uc3QgQnV0dG9uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5VG9wKHtcbiAgdCxcbiAgb25DbG9zZSxcbiAgcHJpdmF0ZVVwbG9hZCxcbiAgZm9ySW1hZ2UsXG4gIG9uRG93bmxvYWQsXG4gIG9uVXBsb2FkLFxuICBxdWVyeSxcbiAgb25TZWFyY2hDaGFuZ2UsXG4gIG9uU2VhcmNoS2V5RG93bixcbiAgc2VhcmNoRGlzYWJsZWQsXG4gIG9uRGVsZXRlLFxuICBjYW5JbnNlcnQsXG4gIG9uSW5zZXJ0LFxuICBoYXNTZWxlY3Rpb24sXG4gIGlzUGVyc2lzdGluZyxcbiAgaXNEZWxldGluZyxcbiAgc2VsZWN0ZWRGaWxlLFxufSkge1xuICBjb25zdCBzaG91bGRTaG93QnV0dG9uTG9hZGVyID0gaXNQZXJzaXN0aW5nIHx8IGlzRGVsZXRpbmc7XG4gIGNvbnN0IHVwbG9hZEVuYWJsZWQgPSAhc2hvdWxkU2hvd0J1dHRvbkxvYWRlcjtcbiAgY29uc3QgZGVsZXRlRW5hYmxlZCA9ICFzaG91bGRTaG93QnV0dG9uTG9hZGVyICYmIGhhc1NlbGVjdGlvbjtcblxuICBjb25zdCB1cGxvYWRCdXR0b25MYWJlbCA9IGlzUGVyc2lzdGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnVwbG9hZGluZycpXG4gICAgOiB0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwudXBsb2FkJyk7XG4gIGNvbnN0IGRlbGV0ZUJ1dHRvbkxhYmVsID0gaXNEZWxldGluZ1xuICAgID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRlbGV0aW5nJylcbiAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5kZWxldGVTZWxlY3RlZCcpO1xuICBjb25zdCBkb3dubG9hZEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmRvd25sb2FkJyk7XG4gIGNvbnN0IGluc2VydEJ1dHRvbkxhYmVsID0gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLmNob29zZVNlbGVjdGVkJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8TGlicmFyeVRvcD5cbiAgICAgIDxSb3dDb250YWluZXI+XG4gICAgICAgIDxNZWRpYUxpYnJhcnlIZWFkZXJcbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgICAgIHRpdGxlPXtgJHtwcml2YXRlVXBsb2FkID8gdCgnbWVkaWFMaWJyYXJ5Lm1lZGlhTGlicmFyeU1vZGFsLnByaXZhdGUnKSA6ICcnfSR7XG4gICAgICAgICAgICBmb3JJbWFnZVxuICAgICAgICAgICAgICA/IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5pbWFnZXMnKVxuICAgICAgICAgICAgICA6IHQoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5tZWRpYUFzc2V0cycpXG4gICAgICAgICAgfWB9XG4gICAgICAgICAgaXNQcml2YXRlPXtwcml2YXRlVXBsb2FkfVxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgICAgICA8Q29weVRvQ2xpcEJvYXJkQnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn1cbiAgICAgICAgICAgIHBhdGg9e3NlbGVjdGVkRmlsZS5wYXRofVxuICAgICAgICAgICAgbmFtZT17c2VsZWN0ZWRGaWxlLm5hbWV9XG4gICAgICAgICAgICBkcmFmdD17c2VsZWN0ZWRGaWxlLmRyYWZ0fVxuICAgICAgICAgICAgdD17dH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxEb3dubG9hZEJ1dHRvbiBvbkNsaWNrPXtvbkRvd25sb2FkfSBkaXNhYmxlZD17IWhhc1NlbGVjdGlvbn0+XG4gICAgICAgICAgICB7ZG93bmxvYWRCdXR0b25MYWJlbH1cbiAgICAgICAgICA8L0Rvd25sb2FkQnV0dG9uPlxuICAgICAgICAgIDxVcGxvYWRCdXR0b25cbiAgICAgICAgICAgIGxhYmVsPXt1cGxvYWRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgIGltYWdlc09ubHk9e2ZvckltYWdlfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uVXBsb2FkfVxuICAgICAgICAgICAgZGlzYWJsZWQ9eyF1cGxvYWRFbmFibGVkfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uc0NvbnRhaW5lcj5cbiAgICAgIDwvUm93Q29udGFpbmVyPlxuICAgICAgPFJvd0NvbnRhaW5lcj5cbiAgICAgICAgPE1lZGlhTGlicmFyeVNlYXJjaFxuICAgICAgICAgIHZhbHVlPXtxdWVyeX1cbiAgICAgICAgICBvbkNoYW5nZT17b25TZWFyY2hDaGFuZ2V9XG4gICAgICAgICAgb25LZXlEb3duPXtvblNlYXJjaEtleURvd259XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5zZWFyY2gnKX1cbiAgICAgICAgICBkaXNhYmxlZD17c2VhcmNoRGlzYWJsZWR9XG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25zQ29udGFpbmVyPlxuICAgICAgICAgIDxEZWxldGVCdXR0b24gb25DbGljaz17b25EZWxldGV9IGRpc2FibGVkPXshZGVsZXRlRW5hYmxlZH0+XG4gICAgICAgICAgICB7ZGVsZXRlQnV0dG9uTGFiZWx9XG4gICAgICAgICAgPC9EZWxldGVCdXR0b24+XG4gICAgICAgICAgeyFjYW5JbnNlcnQgPyBudWxsIDogKFxuICAgICAgICAgICAgPEluc2VydEJ1dHRvbiBvbkNsaWNrPXtvbkluc2VydH0gZGlzYWJsZWQ9eyFoYXNTZWxlY3Rpb259PlxuICAgICAgICAgICAgICB7aW5zZXJ0QnV0dG9uTGFiZWx9XG4gICAgICAgICAgICA8L0luc2VydEJ1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L0J1dHRvbnNDb250YWluZXI+XG4gICAgICA8L1Jvd0NvbnRhaW5lcj5cbiAgICA8L0xpYnJhcnlUb3A+XG4gICk7XG59XG5cbk1lZGlhTGlicmFyeVRvcC5wcm9wVHlwZXMgPSB7XG4gIHQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHByaXZhdGVVcGxvYWQ6IFByb3BUeXBlcy5ib29sLFxuICBmb3JJbWFnZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uRG93bmxvYWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uVXBsb2FkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBxdWVyeTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25TZWFyY2hDaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uU2VhcmNoS2V5RG93bjogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgc2VhcmNoRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gIG9uRGVsZXRlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBjYW5JbnNlcnQ6IFByb3BUeXBlcy5ib29sLFxuICBvbkluc2VydDogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaGFzU2VsZWN0aW9uOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICBpc1BlcnNpc3Rpbmc6IFByb3BUeXBlcy5ib29sLFxuICBpc0RlbGV0aW5nOiBQcm9wVHlwZXMuYm9vbCxcbiAgc2VsZWN0ZWRGaWxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgcGF0aDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgZHJhZnQ6IFByb3BUeXBlcy5ib29sLmlzUmVxdWlyZWQsXG4gICAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgfSksXG4gICAgUHJvcFR5cGVzLnNoYXBlKHt9KSxcbiAgXSksXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlUb3A7XG4iXX0= */",
+  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 (0, _core.jsx)(LibraryTop, null, (0, _core.jsx)(RowContainer, null, (0, _core.jsx)(_MediaLibraryHeader.default, {
+    onClose: onClose,
+    title: `${privateUpload ? t('mediaLibrary.mediaLibraryModal.private') : ''}${forImage ? t('mediaLibrary.mediaLibraryModal.images') : t('mediaLibrary.mediaLibraryModal.mediaAssets')}`,
+    isPrivate: privateUpload
+  }), (0, _core.jsx)(ButtonsContainer, null, (0, _core.jsx)(_MediaLibraryButtons.CopyToClipBoardButton, {
+    disabled: !hasSelection,
+    path: selectedFile.path,
+    name: selectedFile.name,
+    draft: selectedFile.draft,
+    t: t
+  }), (0, _core.jsx)(_MediaLibraryButtons.DownloadButton, {
+    onClick: onDownload,
+    disabled: !hasSelection
+  }, downloadButtonLabel), (0, _core.jsx)(_MediaLibraryButtons.UploadButton, {
+    label: uploadButtonLabel,
+    imagesOnly: forImage,
+    onChange: onUpload,
+    disabled: !uploadEnabled
+  }))), (0, _core.jsx)(RowContainer, null, (0, _core.jsx)(_MediaLibrarySearch.default, {
+    value: query,
+    onChange: onSearchChange,
+    onKeyDown: onSearchKeyDown,
+    placeholder: t('mediaLibrary.mediaLibraryModal.search'),
+    disabled: searchDisabled
+  }), (0, _core.jsx)(ButtonsContainer, null, (0, _core.jsx)(_MediaLibraryButtons.DeleteButton, {
+    onClick: onDelete,
+    disabled: !deleteEnabled
+  }, deleteButtonLabel), !canInsert ? null : (0, _core.jsx)(_MediaLibraryButtons.InsertButton, {
+    onClick: onInsert,
+    disabled: !hasSelection
+  }, insertButtonLabel))));
+}
+MediaLibraryTop.propTypes = {
+  t: _propTypes.default.func.isRequired,
+  onClose: _propTypes.default.func.isRequired,
+  privateUpload: _propTypes.default.bool,
+  forImage: _propTypes.default.bool,
+  onDownload: _propTypes.default.func.isRequired,
+  onUpload: _propTypes.default.func.isRequired,
+  query: _propTypes.default.string,
+  onSearchChange: _propTypes.default.func.isRequired,
+  onSearchKeyDown: _propTypes.default.func.isRequired,
+  searchDisabled: _propTypes.default.bool.isRequired,
+  onDelete: _propTypes.default.func.isRequired,
+  canInsert: _propTypes.default.bool,
+  onInsert: _propTypes.default.func.isRequired,
+  hasSelection: _propTypes.default.bool.isRequired,
+  isPersisting: _propTypes.default.bool,
+  isDeleting: _propTypes.default.bool,
+  selectedFile: _propTypes.default.oneOfType([_propTypes.default.shape({
+    path: _propTypes.default.string.isRequired,
+    draft: _propTypes.default.bool.isRequired,
+    name: _propTypes.default.string.isRequired
+  }), _propTypes.default.shape({})])
+};
+var _default = MediaLibraryTop;
+exports.default = _default;

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragSource = DragSource;
+exports.DropTarget = DropTarget;
+exports.HTML5DragDrop = HTML5DragDrop;
+var _reactDndHtml5Backend = require("react-dnd-html5-backend");
+var _reactDnd = require("react-dnd");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _core = require("@emotion/core");
+const _excluded = ["namespace"],
+  _excluded2 = ["children", "isDragging", "connectDragComponent"],
+  _excluded3 = ["onDrop", "namespace"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function DragSource(_ref) {
+  let {
+      namespace
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const DragComponent = (0, _reactDnd.DragSource)(namespace, {
+    // eslint-disable-next-line no-unused-vars
+    beginDrag(_ref2) {
+      let {
+          children,
+          isDragging,
+          connectDragComponent
+        } = _ref2,
+        ownProps = _objectWithoutProperties(_ref2, _excluded2);
+      // 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.default.createElement(DragComponent, props, props.children);
+}
+DragSource.propTypes = {
+  namespace: _propTypes.default.any.isRequired,
+  children: _propTypes.default.func.isRequired
+};
+function DropTarget(_ref3) {
+  let {
+      onDrop,
+      namespace
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  const DropComponent = (0, _reactDnd.DropTarget)(namespace, {
+    drop(ownProps, monitor) {
+      onDrop(monitor.getItem());
+    }
+  }, (connect, monitor) => ({
+    connectDropTarget: connect.dropTarget(),
+    isHovered: monitor.isOver()
+  }))(({
+    children,
+    connectDropTarget,
+    isHovered
+  }) => children(connectDropTarget, {
+    isHovered
+  }));
+  return /*#__PURE__*/_react.default.createElement(DropComponent, props, props.children);
+}
+DropTarget.propTypes = {
+  onDrop: _propTypes.default.func.isRequired,
+  namespace: _propTypes.default.any.isRequired,
+  children: _propTypes.default.func.isRequired
+};
+function HTML5DragDrop(WrappedComponent) {
+  return class HTML5DragDrop extends _react.default.Component {
+    render() {
+      return (0, _core.jsx)(_reactDnd.DndProvider, {
+        backend: _reactDndHtml5Backend.HTML5Backend
+      }, (0, _core.jsx)(WrappedComponent, this.props));
+    }
+  };
+}