decap-cms-core/dist/esm/components/MediaLibrary/MediaLibraryHeader.js

Decap CMS core application, see decap-cms package for the main distribution.

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 PropTypes from 'prop-types';
import { Icon, shadows, colors, buttons } from 'decap-cms-ui-default';
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
const HeaderContainer = /*#__PURE__*/_styled("div", {
  target: "estf6122",
  label: "HeaderContainer"
})(process.env.NODE_ENV === "production" ? {
  name: "bkqiel",
  styles: "@media (max-width: 499px){width:100%;display:flex;justify-content:space-between;flex-direction:row-reverse;}"
} : {
  name: "bkqiel",
  styles: "@media (max-width: 499px){width:100%;display:flex;justify-content:space-between;flex-direction:row-reverse;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWtDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbiwgc2hhZG93cywgY29sb3JzLCBidXR0b25zIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBAbWVkaWEgKG1heC13aWR0aDogNDk5cHgpIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gIH1cbmA7XG5cbmNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtidXR0b25zLmJ1dHRvbn07XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBAbWVkaWEgKG1pbi13aWR0aDogNTAwcHgpIHtcbiAgICAke3NoYWRvd3MuZHJvcE1pZGRsZX07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi1yaWdodDogLTQwcHg7XG4gICAgbGVmdDogLTQwcHg7XG4gICAgdG9wOiAtNDBweDtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCBMaWJyYXJ5VGl0bGUgPSBzdHlsZWQuaDFgXG4gIGZvbnQtc2l6ZTogMThweDtcbiAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIEBtZWRpYSAobWluLXdpZHRoOiA1MDBweCkge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBsaW5lLWhlaWdodDogMzZweDtcbiAgfVxuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlIZWFkZXIoeyBvbkNsb3NlLCB0aXRsZSwgaXNQcml2YXRlLCB0IH0pIHtcbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPENsb3NlQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgPEljb24gdHlwZT1cImNsb3NlXCIgLz5cbiAgICAgIDwvQ2xvc2VCdXR0b24+XG4gICAgICA8TGlicmFyeVRpdGxlIGlzUHJpdmF0ZT17aXNQcml2YXRlfT57dGl0bGV9PC9MaWJyYXJ5VGl0bGU+XG4gICAgPC9IZWFkZXJDb250YWluZXI+XG4gICk7XG59XG5cbk1lZGlhTGlicmFyeUhlYWRlci5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlIZWFkZXI7XG4iXX0= */",
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
});
const CloseButton = /*#__PURE__*/_styled("button", {
  target: "estf6121",
  label: "CloseButton"
})(buttons.button, ";background-color:white;@media (min-width: 500px){", shadows.dropMiddle, ";position:absolute;margin-right:-40px;left:-40px;top:-40px;width:40px;height:40px;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbiwgc2hhZG93cywgY29sb3JzLCBidXR0b25zIH0gZnJvbSAnZGVjYXAtY21zLXVpLWRlZmF1bHQnO1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBAbWVkaWEgKG1heC13aWR0aDogNDk5cHgpIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG4gIH1cbmA7XG5cbmNvbnN0IENsb3NlQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtidXR0b25zLmJ1dHRvbn07XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBAbWVkaWEgKG1pbi13aWR0aDogNTAwcHgpIHtcbiAgICAke3NoYWRvd3MuZHJvcE1pZGRsZX07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIG1hcmdpbi1yaWdodDogLTQwcHg7XG4gICAgbGVmdDogLTQwcHg7XG4gICAgdG9wOiAtNDBweDtcbiAgICB3aWR0aDogNDBweDtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCBMaWJyYXJ5VGl0bGUgPSBzdHlsZWQuaDFgXG4gIGZvbnQtc2l6ZTogMThweDtcbiAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIEBtZWRpYSAobWluLXdpZHRoOiA1MDBweCkge1xuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBsaW5lLWhlaWdodDogMzZweDtcbiAgfVxuICBtYXJnaW4tYm90dG9tOiAwO1xuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc1ByaXZhdGUgJiYgY29sb3JzLnRleHRGaWVsZEJvcmRlcn07XG5gO1xuXG5mdW5jdGlvbiBNZWRpYUxpYnJhcnlIZWFkZXIoeyBvbkNsb3NlLCB0aXRsZSwgaXNQcml2YXRlLCB0IH0pIHtcbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPENsb3NlQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ21lZGlhTGlicmFyeS5tZWRpYUxpYnJhcnlNb2RhbC5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgPEljb24gdHlwZT1cImNsb3NlXCIgLz5cbiAgICAgIDwvQ2xvc2VCdXR0b24+XG4gICAgICA8TGlicmFyeVRpdGxlIGlzUHJpdmF0ZT17aXNQcml2YXRlfT57dGl0bGV9PC9MaWJyYXJ5VGl0bGU+XG4gICAgPC9IZWFkZXJDb250YWluZXI+XG4gICk7XG59XG5cbk1lZGlhTGlicmFyeUhlYWRlci5wcm9wVHlwZXMgPSB7XG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGlzUHJpdmF0ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBNZWRpYUxpYnJhcnlIZWFkZXI7XG4iXX0= */"));
const LibraryTitle = /*#__PURE__*/_styled("h1", {
  target: "estf6120",
  label: "LibraryTitle"
})("font-size:18px;line-height:28px;text-align:left;@media (min-width: 500px){font-size:22px;line-height:36px;}margin-bottom:0;color:", props => props.isPrivate && colors.textFieldBorder, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL01lZGlhTGlicmFyeS9NZWRpYUxpYnJhcnlIZWFkZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9NZWRpYUxpYnJhcnkvTWVkaWFMaWJyYXJ5SGVhZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIHNoYWRvd3MsIGNvbG9ycywgYnV0dG9ucyB9IGZyb20gJ2RlY2FwLWNtcy11aS1kZWZhdWx0JztcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgQG1lZGlhIChtYXgtd2lkdGg6IDQ5OXB4KSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdy1yZXZlcnNlO1xuICB9XG5gO1xuXG5jb25zdCBDbG9zZUJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gICR7YnV0dG9ucy5idXR0b259O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgQG1lZGlhIChtaW4td2lkdGg6IDUwMHB4KSB7XG4gICAgJHtzaGFkb3dzLmRyb3BNaWRkbGV9O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBtYXJnaW4tcmlnaHQ6IC00MHB4O1xuICAgIGxlZnQ6IC00MHB4O1xuICAgIHRvcDogLTQwcHg7XG4gICAgd2lkdGg6IDQwcHg7XG4gICAgaGVpZ2h0OiA0MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgTGlicmFyeVRpdGxlID0gc3R5bGVkLmgxYFxuICBmb250LXNpemU6IDE4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBAbWVkaWEgKG1pbi13aWR0aDogNTAwcHgpIHtcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgbGluZS1oZWlnaHQ6IDM2cHg7XG4gIH1cbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgY29sb3I6ICR7cHJvcHMgPT4gcHJvcHMuaXNQcml2YXRlICYmIGNvbG9ycy50ZXh0RmllbGRCb3JkZXJ9O1xuYDtcblxuZnVuY3Rpb24gTWVkaWFMaWJyYXJ5SGVhZGVyKHsgb25DbG9zZSwgdGl0bGUsIGlzUHJpdmF0ZSwgdCB9KSB7XG4gIHJldHVybiAoXG4gICAgPEhlYWRlckNvbnRhaW5lcj5cbiAgICAgIDxDbG9zZUJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdtZWRpYUxpYnJhcnkubWVkaWFMaWJyYXJ5TW9kYWwuY2xvc2UnKX0gb25DbGljaz17b25DbG9zZX0+XG4gICAgICAgIDxJY29uIHR5cGU9XCJjbG9zZVwiIC8+XG4gICAgICA8L0Nsb3NlQnV0dG9uPlxuICAgICAgPExpYnJhcnlUaXRsZSBpc1ByaXZhdGU9e2lzUHJpdmF0ZX0+e3RpdGxlfTwvTGlicmFyeVRpdGxlPlxuICAgIDwvSGVhZGVyQ29udGFpbmVyPlxuICApO1xufVxuXG5NZWRpYUxpYnJhcnlIZWFkZXIucHJvcFR5cGVzID0ge1xuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBpc1ByaXZhdGU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVkaWFMaWJyYXJ5SGVhZGVyO1xuIl19 */"));
function MediaLibraryHeader({
  onClose,
  title,
  isPrivate,
  t
}) {
  return _jsxs(HeaderContainer, {
    children: [_jsx(CloseButton, {
      "aria-label": t('mediaLibrary.mediaLibraryModal.close'),
      onClick: onClose,
      children: _jsx(Icon, {
        type: "close"
      })
    }), _jsx(LibraryTitle, {
      isPrivate: isPrivate,
      children: title
    })]
  });
}
MediaLibraryHeader.propTypes = {
  onClose: PropTypes.func.isRequired,
  title: PropTypes.string.isRequired,
  isPrivate: PropTypes.bool
};
export default MediaLibraryHeader;