decap-cms-core 3.5.0 → 3.6.0

package/dist/esm/components/Editor/Editor.js

@@ -1,35 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Editor = void 0;
-var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-var _reactRedux = require("react-redux");
-var _decapCmsUiDefault = require("decap-cms-ui-default");
-var _reactPolyglot = require("react-polyglot");
-var _history = require("../../routing/history");
-var _auth = require("../../actions/auth");
-var _entries = require("../../actions/entries");
-var _editorialWorkflow = require("../../actions/editorialWorkflow");
-var _deploys = require("../../actions/deploys");
-var _reducers = require("../../reducers");
-var _collections = require("../../reducers/collections");
-var _publishModes = require("../../constants/publishModes");
-var _EditorInterface = _interopRequireDefault(require("./EditorInterface"));
-var _withWorkflow = _interopRequireDefault(require("./withWorkflow"));
-var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import _debounce from "lodash/debounce";
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class Editor extends _react.default.Component {
+import PropTypes from 'prop-types';
+import React from 'react';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import { connect } from 'react-redux';
+import { Loader } from 'decap-cms-ui-default';
+import { translate } from 'react-polyglot';
+import { history, navigateToCollection, navigateToNewEntry } from '../../routing/history';
+import { logoutUser } from '../../actions/auth';
+import { loadEntry, loadEntries, createDraftDuplicateFromEntry, createEmptyDraft, discardDraft, changeDraftField, changeDraftFieldValidation, persistEntry, deleteEntry, persistLocalBackup, loadLocalBackup, retrieveLocalBackup, deleteLocalBackup } from '../../actions/entries';
+import { updateUnpublishedEntryStatus, publishUnpublishedEntry, unpublishPublishedEntry, deleteUnpublishedEntry } from '../../actions/editorialWorkflow';
+import { loadDeployPreview } from '../../actions/deploys';
+import { selectEntry, selectUnpublishedEntry, selectDeployPreview } from '../../reducers';
+import { selectFields } from '../../reducers/collections';
+import { status, EDITORIAL_WORKFLOW } from '../../constants/publishModes';
+import EditorInterface from './EditorInterface';
+import withWorkflow from './withWorkflow';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export class Editor extends React.Component {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "createBackup", (0, _debounce2.default)(function (entry, collection) {
+    _defineProperty(this, "createBackup", _debounce(function (entry, collection) {
       this.props.persistLocalBackup(entry, collection);
     }, 2000));
     _defineProperty(this, "handleChangeDraftField", (field, value, metadata, i18n) => {
@@ -55,7 +48,7 @@ class Editor extends _react.default.Component {
         window.alert(t('editor.editor.onUpdatingWithUnsavedChanges'));
         return;
       }
-      const newStatus = _publishModes.status.get(newStatusName);
+      const newStatus = status.get(newStatusName);
       updateUnpublishedEntryStatus(collection.get('name'), slug, currentStatus, newStatus);
     });
     _defineProperty(this, "handlePersistEntry", async (opts = {}) => {
@@ -76,7 +69,7 @@ class Editor extends _react.default.Component {
       await persistEntry(collection);
       this.deleteBackup();
       if (createNew) {
-        (0, _history.navigateToNewEntry)(collection.get('name'));
+        navigateToNewEntry(collection.get('name'));
         duplicate && createDraftDuplicateFromEntry(entryDraft.get('entry'));
       } else if (slug && hasWorkflow && !currentStatus) {
         loadEntry(collection, slug);
@@ -96,7 +89,7 @@ class Editor extends _react.default.Component {
         currentStatus,
         t
       } = this.props;
-      if (currentStatus !== _publishModes.status.last()) {
+      if (currentStatus !== status.last()) {
         window.alert(t('editor.editor.onPublishingNotReady'));
         return;
       } else if (entryDraft.get('hasChanged')) {
@@ -108,7 +101,7 @@ class Editor extends _react.default.Component {
       await publishUnpublishedEntry(collection.get('name'), slug);
       this.deleteBackup();
       if (createNew) {
-        (0, _history.navigateToNewEntry)(collection.get('name'));
+        navigateToNewEntry(collection.get('name'));
       }
       duplicate && createDraftDuplicateFromEntry(entryDraft.get('entry'));
     });
@@ -121,7 +114,7 @@ class Editor extends _react.default.Component {
       } = this.props;
       if (!window.confirm(t('editor.editor.onUnpublishing'))) return;
       await unpublishPublishedEntry(collection, slug);
-      return (0, _history.navigateToCollection)(collection.get('name'));
+      return navigateToCollection(collection.get('name'));
     });
     _defineProperty(this, "handleDuplicateEntry", () => {
       const {
@@ -129,7 +122,7 @@ class Editor extends _react.default.Component {
         collection,
         entryDraft
       } = this.props;
-      (0, _history.navigateToNewEntry)(collection.get('name'));
+      navigateToNewEntry(collection.get('name'));
       createDraftDuplicateFromEntry(entryDraft.get('entry'));
     });
     _defineProperty(this, "handleDeleteEntry", () => {
@@ -149,12 +142,12 @@ class Editor extends _react.default.Component {
         return;
       }
       if (newEntry) {
-        return (0, _history.navigateToCollection)(collection.get('name'));
+        return navigateToCollection(collection.get('name'));
       }
       setTimeout(async () => {
         await deleteEntry(collection, slug);
         this.deleteBackup();
-        return (0, _history.navigateToCollection)(collection.get('name'));
+        return navigateToCollection(collection.get('name'));
       }, 0);
     });
     _defineProperty(this, "handleDeleteUnpublishedChanges", async () => {
@@ -177,7 +170,7 @@ class Editor extends _react.default.Component {
       if (isModification) {
         loadEntry(collection, slug);
       } else {
-        (0, _history.navigateToCollection)(collection.get('name'));
+        navigateToCollection(collection.get('name'));
       }
     });
   }
@@ -223,13 +216,13 @@ class Editor extends _react.default.Component {
         return leaveMessage;
       }
     };
-    const unblock = _history.history.block(navigationBlocker);
+    const unblock = history.block(navigationBlocker);
 
     /**
      * This will run as soon as the location actually changes, unless creating
      * a new post. The confirmation above will run first.
      */
-    this.unlisten = _history.history.listen((location, action) => {
+    this.unlisten = history.listen((location, action) => {
       const newEntryPath = `/collections/${collection.get('name')}/new`;
       const entriesPath = `/collections/${collection.get('name')}/entries/`;
       const {
@@ -308,13 +301,13 @@ class Editor extends _react.default.Component {
     } = this.props;
     const isPublished = !newEntry && !unpublishedEntry;
     if (entry && entry.get('error')) {
-      return (0, _react2.jsx)("div", null, (0, _react2.jsx)("h3", null, entry.get('error')));
+      return ___EmotionJSX("div", null, ___EmotionJSX("h3", null, entry.get('error')));
     } else if (entryDraft == null || entryDraft.get('entry') === undefined || entry && entry.get('isFetching')) {
-      return (0, _react2.jsx)(_decapCmsUiDefault.Loader, {
+      return ___EmotionJSX(Loader, {
         active: true
       }, t('editor.editor.loadingEntry'));
     }
-    return (0, _react2.jsx)(_EditorInterface.default, {
+    return ___EmotionJSX(EditorInterface, {
       draftKey: draftKey,
       entry: entryDraft.get('entry'),
       collection: collection,
@@ -348,49 +341,48 @@ class Editor extends _react.default.Component {
     });
   }
 }
-exports.Editor = Editor;
 _defineProperty(Editor, "propTypes", {
-  changeDraftField: _propTypes.default.func.isRequired,
-  changeDraftFieldValidation: _propTypes.default.func.isRequired,
-  collection: _reactImmutableProptypes.default.map.isRequired,
-  createDraftDuplicateFromEntry: _propTypes.default.func.isRequired,
-  createEmptyDraft: _propTypes.default.func.isRequired,
-  discardDraft: _propTypes.default.func.isRequired,
-  entry: _reactImmutableProptypes.default.map,
-  entryDraft: _reactImmutableProptypes.default.map.isRequired,
-  loadEntry: _propTypes.default.func.isRequired,
-  persistEntry: _propTypes.default.func.isRequired,
-  deleteEntry: _propTypes.default.func.isRequired,
-  showDelete: _propTypes.default.bool.isRequired,
-  fields: _reactImmutableProptypes.default.list.isRequired,
-  slug: _propTypes.default.string,
-  newEntry: _propTypes.default.bool.isRequired,
-  displayUrl: _propTypes.default.string,
-  hasWorkflow: _propTypes.default.bool,
-  useOpenAuthoring: _propTypes.default.bool,
-  unpublishedEntry: _propTypes.default.bool,
-  isModification: _propTypes.default.bool,
-  collectionEntriesLoaded: _propTypes.default.bool,
-  updateUnpublishedEntryStatus: _propTypes.default.func.isRequired,
-  publishUnpublishedEntry: _propTypes.default.func.isRequired,
-  deleteUnpublishedEntry: _propTypes.default.func.isRequired,
-  logoutUser: _propTypes.default.func.isRequired,
-  loadEntries: _propTypes.default.func.isRequired,
-  deployPreview: _propTypes.default.object,
-  loadDeployPreview: _propTypes.default.func.isRequired,
-  currentStatus: _propTypes.default.string,
-  user: _propTypes.default.object,
-  location: _propTypes.default.shape({
-    pathname: _propTypes.default.string,
-    search: _propTypes.default.string
+  changeDraftField: PropTypes.func.isRequired,
+  changeDraftFieldValidation: PropTypes.func.isRequired,
+  collection: ImmutablePropTypes.map.isRequired,
+  createDraftDuplicateFromEntry: PropTypes.func.isRequired,
+  createEmptyDraft: PropTypes.func.isRequired,
+  discardDraft: PropTypes.func.isRequired,
+  entry: ImmutablePropTypes.map,
+  entryDraft: ImmutablePropTypes.map.isRequired,
+  loadEntry: PropTypes.func.isRequired,
+  persistEntry: PropTypes.func.isRequired,
+  deleteEntry: PropTypes.func.isRequired,
+  showDelete: PropTypes.bool.isRequired,
+  fields: ImmutablePropTypes.list.isRequired,
+  slug: PropTypes.string,
+  newEntry: PropTypes.bool.isRequired,
+  displayUrl: PropTypes.string,
+  hasWorkflow: PropTypes.bool,
+  useOpenAuthoring: PropTypes.bool,
+  unpublishedEntry: PropTypes.bool,
+  isModification: PropTypes.bool,
+  collectionEntriesLoaded: PropTypes.bool,
+  updateUnpublishedEntryStatus: PropTypes.func.isRequired,
+  publishUnpublishedEntry: PropTypes.func.isRequired,
+  deleteUnpublishedEntry: PropTypes.func.isRequired,
+  logoutUser: PropTypes.func.isRequired,
+  loadEntries: PropTypes.func.isRequired,
+  deployPreview: PropTypes.object,
+  loadDeployPreview: PropTypes.func.isRequired,
+  currentStatus: PropTypes.string,
+  user: PropTypes.object,
+  location: PropTypes.shape({
+    pathname: PropTypes.string,
+    search: PropTypes.string
   }),
-  hasChanged: _propTypes.default.bool,
-  t: _propTypes.default.func.isRequired,
-  retrieveLocalBackup: _propTypes.default.func.isRequired,
-  localBackup: _reactImmutableProptypes.default.map,
-  loadLocalBackup: _propTypes.default.func,
-  persistLocalBackup: _propTypes.default.func.isRequired,
-  deleteLocalBackup: _propTypes.default.func
+  hasChanged: PropTypes.bool,
+  t: PropTypes.func.isRequired,
+  retrieveLocalBackup: PropTypes.func.isRequired,
+  localBackup: ImmutablePropTypes.map,
+  loadLocalBackup: PropTypes.func,
+  persistLocalBackup: PropTypes.func.isRequired,
+  deleteLocalBackup: PropTypes.func
 });
 function mapStateToProps(state, ownProps) {
   const {
@@ -405,19 +397,19 @@ function mapStateToProps(state, ownProps) {
   const collection = collections.get(ownProps.match.params.name);
   const collectionName = collection.get('name');
   const newEntry = ownProps.newRecord === true;
-  const fields = (0, _collections.selectFields)(collection, slug);
-  const entry = newEntry ? null : (0, _reducers.selectEntry)(state, collectionName, slug);
+  const fields = selectFields(collection, slug);
+  const entry = newEntry ? null : selectEntry(state, collectionName, slug);
   const user = auth.user;
   const hasChanged = entryDraft.get('hasChanged');
   const displayUrl = config.display_url;
-  const hasWorkflow = config.publish_mode === _publishModes.EDITORIAL_WORKFLOW;
+  const hasWorkflow = config.publish_mode === EDITORIAL_WORKFLOW;
   const useOpenAuthoring = globalUI.useOpenAuthoring;
   const isModification = entryDraft.getIn(['entry', 'isModification']);
   const collectionEntriesLoaded = !!entries.getIn(['pages', collectionName]);
-  const unPublishedEntry = (0, _reducers.selectUnpublishedEntry)(state, collectionName, slug);
-  const publishedEntry = (0, _reducers.selectEntry)(state, collectionName, slug);
+  const unPublishedEntry = selectUnpublishedEntry(state, collectionName, slug);
+  const publishedEntry = selectEntry(state, collectionName, slug);
   const currentStatus = unPublishedEntry && unPublishedEntry.get('status');
-  const deployPreview = (0, _reducers.selectDeployPreview)(state, collectionName, slug);
+  const deployPreview = selectDeployPreview(state, collectionName, slug);
   const localBackup = entryDraft.get('localBackup');
   const draftKey = entryDraft.get('key');
   let editorBackLink = `/collections/${collectionName}`;
@@ -455,24 +447,24 @@ function mapStateToProps(state, ownProps) {
   };
 }
 const mapDispatchToProps = {
-  changeDraftField: _entries.changeDraftField,
-  changeDraftFieldValidation: _entries.changeDraftFieldValidation,
-  loadEntry: _entries.loadEntry,
-  loadEntries: _entries.loadEntries,
-  loadDeployPreview: _deploys.loadDeployPreview,
-  loadLocalBackup: _entries.loadLocalBackup,
-  retrieveLocalBackup: _entries.retrieveLocalBackup,
-  persistLocalBackup: _entries.persistLocalBackup,
-  deleteLocalBackup: _entries.deleteLocalBackup,
-  createDraftDuplicateFromEntry: _entries.createDraftDuplicateFromEntry,
-  createEmptyDraft: _entries.createEmptyDraft,
-  discardDraft: _entries.discardDraft,
-  persistEntry: _entries.persistEntry,
-  deleteEntry: _entries.deleteEntry,
-  updateUnpublishedEntryStatus: _editorialWorkflow.updateUnpublishedEntryStatus,
-  publishUnpublishedEntry: _editorialWorkflow.publishUnpublishedEntry,
-  unpublishPublishedEntry: _editorialWorkflow.unpublishPublishedEntry,
-  deleteUnpublishedEntry: _editorialWorkflow.deleteUnpublishedEntry,
-  logoutUser: _auth.logoutUser
+  changeDraftField,
+  changeDraftFieldValidation,
+  loadEntry,
+  loadEntries,
+  loadDeployPreview,
+  loadLocalBackup,
+  retrieveLocalBackup,
+  persistLocalBackup,
+  deleteLocalBackup,
+  createDraftDuplicateFromEntry,
+  createEmptyDraft,
+  discardDraft,
+  persistEntry,
+  deleteEntry,
+  updateUnpublishedEntryStatus,
+  publishUnpublishedEntry,
+  unpublishPublishedEntry,
+  deleteUnpublishedEntry,
+  logoutUser
 };
-var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _withWorkflow.default)((0, _reactPolyglot.translate)()(Editor)));
+export default connect(mapStateToProps, mapDispatchToProps)(withWorkflow(translate()(Editor)));