decap-cms-core 3.6.3 → 3.7.0

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

@@ -1,13 +1,10 @@
-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); }
 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 debounce from 'lodash/debounce';
 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';
@@ -20,161 +17,52 @@ 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", _debounce(function (entry, collection) {
-      this.props.persistLocalBackup(entry, collection);
-    }, 2000));
-    _defineProperty(this, "handleChangeDraftField", (field, value, metadata, i18n) => {
-      const entries = [this.props.unPublishedEntry, this.props.publishedEntry].filter(Boolean);
-      this.props.changeDraftField({
-        field,
-        value,
-        metadata,
-        entries,
-        i18n
-      });
-    });
-    _defineProperty(this, "handleChangeStatus", newStatusName => {
-      const {
-        entryDraft,
-        updateUnpublishedEntryStatus,
-        collection,
-        slug,
-        currentStatus,
-        t
-      } = this.props;
-      if (entryDraft.get('hasChanged')) {
-        window.alert(t('editor.editor.onUpdatingWithUnsavedChanges'));
-        return;
-      }
-      const newStatus = status.get(newStatusName);
-      updateUnpublishedEntryStatus(collection.get('name'), slug, currentStatus, newStatus);
-    });
-    _defineProperty(this, "handlePersistEntry", async (opts = {}) => {
-      const {
-        createNew = false,
-        duplicate = false
-      } = opts;
-      const {
-        persistEntry,
-        collection,
-        currentStatus,
-        hasWorkflow,
-        loadEntry,
-        slug,
-        createDraftDuplicateFromEntry,
-        entryDraft
-      } = this.props;
-      await persistEntry(collection);
-      this.deleteBackup();
-      if (createNew) {
-        navigateToNewEntry(collection.get('name'));
-        duplicate && createDraftDuplicateFromEntry(entryDraft.get('entry'));
-      } else if (slug && hasWorkflow && !currentStatus) {
-        loadEntry(collection, slug);
-      }
-    });
-    _defineProperty(this, "handlePublishEntry", async (opts = {}) => {
-      const {
-        createNew = false,
-        duplicate = false
-      } = opts;
-      const {
-        publishUnpublishedEntry,
-        createDraftDuplicateFromEntry,
-        entryDraft,
-        collection,
-        slug,
-        currentStatus,
-        t
-      } = this.props;
-      if (currentStatus !== status.last()) {
-        window.alert(t('editor.editor.onPublishingNotReady'));
-        return;
-      } else if (entryDraft.get('hasChanged')) {
-        window.alert(t('editor.editor.onPublishingWithUnsavedChanges'));
-        return;
-      } else if (!window.confirm(t('editor.editor.onPublishing'))) {
-        return;
-      }
-      await publishUnpublishedEntry(collection.get('name'), slug);
-      this.deleteBackup();
-      if (createNew) {
-        navigateToNewEntry(collection.get('name'));
-      }
-      duplicate && createDraftDuplicateFromEntry(entryDraft.get('entry'));
-    });
-    _defineProperty(this, "handleUnpublishEntry", async () => {
-      const {
-        unpublishPublishedEntry,
-        collection,
-        slug,
-        t
-      } = this.props;
-      if (!window.confirm(t('editor.editor.onUnpublishing'))) return;
-      await unpublishPublishedEntry(collection, slug);
-      return navigateToCollection(collection.get('name'));
-    });
-    _defineProperty(this, "handleDuplicateEntry", () => {
-      const {
-        createDraftDuplicateFromEntry,
-        collection,
-        entryDraft
-      } = this.props;
-      navigateToNewEntry(collection.get('name'));
-      createDraftDuplicateFromEntry(entryDraft.get('entry'));
-    });
-    _defineProperty(this, "handleDeleteEntry", () => {
-      const {
-        entryDraft,
-        newEntry,
-        collection,
-        deleteEntry,
-        slug,
-        t
-      } = this.props;
-      if (entryDraft.get('hasChanged')) {
-        if (!window.confirm(t('editor.editor.onDeleteWithUnsavedChanges'))) {
-          return;
-        }
-      } else if (!window.confirm(t('editor.editor.onDeletePublishedEntry'))) {
-        return;
-      }
-      if (newEntry) {
-        return navigateToCollection(collection.get('name'));
-      }
-      setTimeout(async () => {
-        await deleteEntry(collection, slug);
-        this.deleteBackup();
-        return navigateToCollection(collection.get('name'));
-      }, 0);
-    });
-    _defineProperty(this, "handleDeleteUnpublishedChanges", async () => {
-      const {
-        entryDraft,
-        collection,
-        slug,
-        deleteUnpublishedEntry,
-        loadEntry,
-        isModification,
-        t
-      } = this.props;
-      if (entryDraft.get('hasChanged') && !window.confirm(t('editor.editor.onDeleteUnpublishedChangesWithUnsavedChanges'))) {
-        return;
-      } else if (!window.confirm(t('editor.editor.onDeleteUnpublishedChanges'))) {
-        return;
-      }
-      await deleteUnpublishedEntry(collection.get('name'), slug);
-      this.deleteBackup();
-      if (isModification) {
-        loadEntry(collection, slug);
-      } else {
-        navigateToCollection(collection.get('name'));
-      }
-    });
-  }
+  static propTypes = {
+    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.bool,
+    t: PropTypes.func.isRequired,
+    retrieveLocalBackup: PropTypes.func.isRequired,
+    localBackup: ImmutablePropTypes.map,
+    loadLocalBackup: PropTypes.func,
+    persistLocalBackup: PropTypes.func.isRequired,
+    deleteLocalBackup: PropTypes.func
+  };
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(Editor.propTypes, this.props, 'prop', 'Editor');
     const {
       newEntry,
       collection,
@@ -265,6 +153,35 @@ export class Editor extends React.Component {
     this.props.discardDraft();
     window.removeEventListener('beforeunload', this.exitBlocker);
   }
+  createBackup = debounce(function (entry, collection) {
+    this.props.persistLocalBackup(entry, collection);
+  }, 2000);
+  handleChangeDraftField = (field, value, metadata, i18n) => {
+    const entries = [this.props.unPublishedEntry, this.props.publishedEntry].filter(Boolean);
+    this.props.changeDraftField({
+      field,
+      value,
+      metadata,
+      entries,
+      i18n
+    });
+  };
+  handleChangeStatus = newStatusName => {
+    const {
+      entryDraft,
+      updateUnpublishedEntryStatus,
+      collection,
+      slug,
+      currentStatus,
+      t
+    } = this.props;
+    if (entryDraft.get('hasChanged')) {
+      window.alert(t('editor.editor.onUpdatingWithUnsavedChanges'));
+      return;
+    }
+    const newStatus = status.get(newStatusName);
+    updateUnpublishedEntryStatus(collection.get('name'), slug, currentStatus, newStatus);
+  };
   deleteBackup() {
     const {
       deleteLocalBackup,
@@ -275,6 +192,128 @@ export class Editor extends React.Component {
     this.createBackup.cancel();
     deleteLocalBackup(collection, !newEntry && slug);
   }
+  handlePersistEntry = async (opts = {}) => {
+    const {
+      createNew = false,
+      duplicate = false
+    } = opts;
+    const {
+      persistEntry,
+      collection,
+      currentStatus,
+      hasWorkflow,
+      loadEntry,
+      slug,
+      createDraftDuplicateFromEntry,
+      entryDraft
+    } = this.props;
+    await persistEntry(collection);
+    this.deleteBackup();
+    if (createNew) {
+      navigateToNewEntry(collection.get('name'));
+      duplicate && createDraftDuplicateFromEntry(entryDraft.get('entry'));
+    } else if (slug && hasWorkflow && !currentStatus) {
+      loadEntry(collection, slug);
+    }
+  };
+  handlePublishEntry = async (opts = {}) => {
+    const {
+      createNew = false,
+      duplicate = false
+    } = opts;
+    const {
+      publishUnpublishedEntry,
+      createDraftDuplicateFromEntry,
+      entryDraft,
+      collection,
+      slug,
+      currentStatus,
+      t
+    } = this.props;
+    if (currentStatus !== status.last()) {
+      window.alert(t('editor.editor.onPublishingNotReady'));
+      return;
+    } else if (entryDraft.get('hasChanged')) {
+      window.alert(t('editor.editor.onPublishingWithUnsavedChanges'));
+      return;
+    } else if (!window.confirm(t('editor.editor.onPublishing'))) {
+      return;
+    }
+    await publishUnpublishedEntry(collection.get('name'), slug);
+    this.deleteBackup();
+    if (createNew) {
+      navigateToNewEntry(collection.get('name'));
+    }
+    duplicate && createDraftDuplicateFromEntry(entryDraft.get('entry'));
+  };
+  handleUnpublishEntry = async () => {
+    const {
+      unpublishPublishedEntry,
+      collection,
+      slug,
+      t
+    } = this.props;
+    if (!window.confirm(t('editor.editor.onUnpublishing'))) return;
+    await unpublishPublishedEntry(collection, slug);
+    return navigateToCollection(collection.get('name'));
+  };
+  handleDuplicateEntry = () => {
+    const {
+      createDraftDuplicateFromEntry,
+      collection,
+      entryDraft
+    } = this.props;
+    navigateToNewEntry(collection.get('name'));
+    createDraftDuplicateFromEntry(entryDraft.get('entry'));
+  };
+  handleDeleteEntry = () => {
+    const {
+      entryDraft,
+      newEntry,
+      collection,
+      deleteEntry,
+      slug,
+      t
+    } = this.props;
+    if (entryDraft.get('hasChanged')) {
+      if (!window.confirm(t('editor.editor.onDeleteWithUnsavedChanges'))) {
+        return;
+      }
+    } else if (!window.confirm(t('editor.editor.onDeletePublishedEntry'))) {
+      return;
+    }
+    if (newEntry) {
+      return navigateToCollection(collection.get('name'));
+    }
+    setTimeout(async () => {
+      await deleteEntry(collection, slug);
+      this.deleteBackup();
+      return navigateToCollection(collection.get('name'));
+    }, 0);
+  };
+  handleDeleteUnpublishedChanges = async () => {
+    const {
+      entryDraft,
+      collection,
+      slug,
+      deleteUnpublishedEntry,
+      loadEntry,
+      isModification,
+      t
+    } = this.props;
+    if (entryDraft.get('hasChanged') && !window.confirm(t('editor.editor.onDeleteUnpublishedChangesWithUnsavedChanges'))) {
+      return;
+    } else if (!window.confirm(t('editor.editor.onDeleteUnpublishedChanges'))) {
+      return;
+    }
+    await deleteUnpublishedEntry(collection.get('name'), slug);
+    this.deleteBackup();
+    if (isModification) {
+      loadEntry(collection, slug);
+    } else {
+      navigateToCollection(collection.get('name'));
+    }
+  };
   render() {
     const {
       entry,
@@ -341,49 +380,6 @@ export class Editor extends React.Component {
     });
   }
 }
-_defineProperty(Editor, "propTypes", {
-  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.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 {
     collections,