decap-cms-core 3.6.3 → 3.7.1

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

@@ -1,8 +1,3 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 React from 'react';
 import { connect } from 'react-redux';
 import { EDITORIAL_WORKFLOW } from '../../constants/publishModes';
@@ -46,7 +41,11 @@ function mergeProps(stateProps, dispatchProps, ownProps) {
     // Overwrite persistEntry to persistUnpublishedEntry
     returnObj.persistEntry = collection => dispatch(persistUnpublishedEntry(collection, unpublishedEntry));
   }
-  return _objectSpread(_objectSpread(_objectSpread({}, ownProps), stateProps), returnObj);
+  return {
+    ...ownProps,
+    ...stateProps,
+    ...returnObj
+  };
 }
 export default function withWorkflow(Editor) {
   return connect(mapStateToProps, null, mergeProps)(class WorkflowEditor extends React.Component {

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

@@ -1,14 +1,9 @@
-import _map from "lodash/map";
-import _orderBy from "lodash/orderBy";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 React from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { connect } from 'react-redux';
+import orderBy from 'lodash/orderBy';
+import map from 'lodash/map';
 import { translate } from 'react-polyglot';
 import fuzzy from 'fuzzy';
 import { fileExtension } from 'decap-cms-lib-util';
@@ -24,266 +19,47 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 const IMAGE_EXTENSIONS_VIEWABLE = ['jpg', 'jpeg', 'webp', 'gif', 'png', 'bmp', 'tiff', 'svg', 'avif'];
 const IMAGE_EXTENSIONS = [...IMAGE_EXTENSIONS_VIEWABLE];
 class MediaLibrary extends React.Component {
-  constructor(...args) {
-    super(...args);
-    /**
-     * The currently selected file and query are tracked in component state as
-     * they do not impact the rest of the application.
-     */
-    _defineProperty(this, "state", {
-      selectedFile: {},
-      query: '',
-      isPersisted: false
-    });
-    _defineProperty(this, "loadDisplayURL", file => {
-      const {
-        loadMediaDisplayURL
-      } = this.props;
-      loadMediaDisplayURL(file);
-    });
-    /**
-     * Filter an array of file data to include only images.
-     */
-    _defineProperty(this, "filterImages", files => {
-      return files.filter(file => {
-        const ext = fileExtension(file.name).toLowerCase();
-        return IMAGE_EXTENSIONS.includes(ext);
-      });
-    });
-    /**
-     * Transform file data for table display.
-     */
-    _defineProperty(this, "toTableData", files => {
-      const tableData = files && files.map(({
-        key,
-        name,
-        id,
-        size,
-        path,
-        queryOrder,
-        displayURL,
-        draft
-      }) => {
-        const ext = fileExtension(name).toLowerCase();
-        return {
-          key,
-          id,
-          name,
-          path,
-          type: ext.toUpperCase(),
-          size,
-          queryOrder,
-          displayURL,
-          draft,
-          isImage: IMAGE_EXTENSIONS.includes(ext),
-          isViewableImage: IMAGE_EXTENSIONS_VIEWABLE.includes(ext)
-        };
-      });
+  static propTypes = {
+    isVisible: PropTypes.bool,
+    loadMediaDisplayURL: PropTypes.func,
+    displayURLs: ImmutablePropTypes.map,
+    canInsert: PropTypes.bool,
+    files: PropTypes.arrayOf(PropTypes.shape(fileShape)).isRequired,
+    dynamicSearch: PropTypes.bool,
+    dynamicSearchActive: PropTypes.bool,
+    forImage: PropTypes.bool,
+    isLoading: PropTypes.bool,
+    isPersisting: PropTypes.bool,
+    isDeleting: PropTypes.bool,
+    hasNextPage: PropTypes.bool,
+    isPaginating: PropTypes.bool,
+    privateUpload: PropTypes.bool,
+    config: ImmutablePropTypes.map,
+    loadMedia: PropTypes.func.isRequired,
+    dynamicSearchQuery: PropTypes.string,
+    page: PropTypes.number,
+    persistMedia: PropTypes.func.isRequired,
+    deleteMedia: PropTypes.func.isRequired,
+    insertMedia: PropTypes.func.isRequired,
+    closeMediaLibrary: PropTypes.func.isRequired,
+    t: PropTypes.func.isRequired
+  };
+  static defaultProps = {
+    files: []
+  };
 
-      /**
-       * Get the sort order for use with `lodash.orderBy`, and always add the
-       * `queryOrder` sort as the lowest priority sort order.
-       */
-      const {
-        sortFields
-      } = this.state;
-      const fieldNames = _map(sortFields, 'fieldName').concat('queryOrder');
-      const directions = _map(sortFields, 'direction').concat('asc');
-      return _orderBy(tableData, fieldNames, directions);
-    });
-    _defineProperty(this, "handleClose", () => {
-      this.props.closeMediaLibrary();
-    });
-    /**
-     * Toggle asset selection on click.
-     */
-    _defineProperty(this, "handleAssetClick", asset => {
-      const selectedFile = this.state.selectedFile.key === asset.key ? {} : asset;
-      this.setState({
-        selectedFile
-      });
-    });
-    /**
-     * Upload a file.
-     */
-    _defineProperty(this, "handlePersist", async event => {
-      /**
-       * Stop the browser from automatically handling the file input click, and
-       * get the file for upload, and retain the synthetic event for access after
-       * the asynchronous persist operation.
-       */
-      event.persist();
-      event.stopPropagation();
-      event.preventDefault();
-      const {
-        persistMedia,
-        privateUpload,
-        config,
-        t,
-        field
-      } = this.props;
-      const {
-        files: fileList
-      } = event.dataTransfer || event.target;
-      const files = [...fileList];
-      const file = files[0];
-      const maxFileSize = config.get('max_file_size');
-      if (maxFileSize && file.size > maxFileSize) {
-        window.alert(t('mediaLibrary.mediaLibrary.fileTooLarge', {
-          size: Math.floor(maxFileSize / 1000)
-        }));
-      } else {
-        await persistMedia(file, {
-          privateUpload,
-          field
-        });
-        this.setState({
-          isPersisted: true
-        });
-        this.scrollToTop();
-      }
-      event.target.value = null;
-    });
-    /**
-     * Stores the public path of the file in the application store, where the
-     * editor field that launched the media library can retrieve it.
-     */
-    _defineProperty(this, "handleInsert", () => {
-      const {
-        selectedFile
-      } = this.state;
-      const {
-        path
-      } = selectedFile;
-      const {
-        insertMedia,
-        field
-      } = this.props;
-      insertMedia(path, field);
-      this.handleClose();
-    });
-    /**
-     * Removes the selected file from the backend.
-     */
-    _defineProperty(this, "handleDelete", () => {
-      const {
-        selectedFile
-      } = this.state;
-      const {
-        files,
-        deleteMedia,
-        privateUpload,
-        t
-      } = this.props;
-      if (!window.confirm(t('mediaLibrary.mediaLibrary.onDelete'))) {
-        return;
-      }
-      const file = files.find(file => selectedFile.key === file.key);
-      deleteMedia(file, {
-        privateUpload
-      }).then(() => {
-        this.setState({
-          selectedFile: {}
-        });
-      });
-    });
-    /**
-     * Downloads the selected file.
-     */
-    _defineProperty(this, "handleDownload", () => {
-      const {
-        selectedFile
-      } = this.state;
-      const {
-        displayURLs
-      } = this.props;
-      const url = displayURLs.getIn([selectedFile.id, 'url']) || selectedFile.url;
-      if (!url) {
-        return;
-      }
-      const filename = selectedFile.name;
-      const element = document.createElement('a');
-      element.setAttribute('href', url);
-      element.setAttribute('download', filename);
-      element.style.display = 'none';
-      document.body.appendChild(element);
-      element.click();
-      document.body.removeChild(element);
-      this.setState({
-        selectedFile: {}
-      });
-    });
-    /**
-     *
-     */
-    _defineProperty(this, "handleLoadMore", () => {
-      const {
-        loadMedia,
-        dynamicSearchQuery,
-        page,
-        privateUpload
-      } = this.props;
-      loadMedia({
-        query: dynamicSearchQuery,
-        page: page + 1,
-        privateUpload
-      });
-    });
-    /**
-     * Executes media library search for implementations that support dynamic
-     * search via request. For these implementations, the Enter key must be
-     * pressed to execute search. If assets are being stored directly through
-     * the GitHub backend, search is in-memory and occurs as the query is typed,
-     * so this handler has no impact.
-     */
-    _defineProperty(this, "handleSearchKeyDown", async event => {
-      const {
-        dynamicSearch,
-        loadMedia,
-        privateUpload
-      } = this.props;
-      if (event.key === 'Enter' && dynamicSearch) {
-        await loadMedia({
-          query: this.state.query,
-          privateUpload
-        });
-        this.scrollToTop();
-      }
-    });
-    _defineProperty(this, "scrollToTop", () => {
-      this.scrollContainerRef.scrollTop = 0;
-    });
-    /**
-     * Updates query state as the user types in the search field.
-     */
-    _defineProperty(this, "handleSearchChange", event => {
-      this.setState({
-        query: event.target.value
-      });
-    });
-    /**
-     * Filters files that do not match the query. Not used for dynamic search.
-     */
-    _defineProperty(this, "queryFilter", (query, files) => {
-      /**
-       * Because file names don't have spaces, typing a space eliminates all
-       * potential matches, so we strip them all out internally before running the
-       * query.
-       */
-      const strippedQuery = query.replace(/ /g, '');
-      const matches = fuzzy.filter(strippedQuery, files, {
-        extract: file => file.name
-      });
-      const matchFiles = matches.map((match, queryIndex) => {
-        const file = files[match.index];
-        return _objectSpread(_objectSpread({}, file), {}, {
-          queryIndex
-        });
-      });
-      return matchFiles;
-    });
-  }
+  /**
+   * The currently selected file and query are tracked in component state as
+   * they do not impact the rest of the application.
+   */
+  state = {
+    selectedFile: {},
+    query: '',
+    isPersisted: false
+  };
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(MediaLibrary.propTypes, this.props, 'prop', 'MediaLibrary');
     this.props.loadMedia();
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
@@ -320,6 +96,266 @@ class MediaLibrary extends React.Component {
       });
     }
   }
+  loadDisplayURL = file => {
+    const {
+      loadMediaDisplayURL
+    } = this.props;
+    loadMediaDisplayURL(file);
+  };
+
+  /**
+   * Filter an array of file data to include only images.
+   */
+  filterImages = files => {
+    return files.filter(file => {
+      const ext = fileExtension(file.name).toLowerCase();
+      return IMAGE_EXTENSIONS.includes(ext);
+    });
+  };
+
+  /**
+   * Transform file data for table display.
+   */
+  toTableData = files => {
+    const tableData = files && files.map(({
+      key,
+      name,
+      id,
+      size,
+      path,
+      queryOrder,
+      displayURL,
+      draft
+    }) => {
+      const ext = fileExtension(name).toLowerCase();
+      return {
+        key,
+        id,
+        name,
+        path,
+        type: ext.toUpperCase(),
+        size,
+        queryOrder,
+        displayURL,
+        draft,
+        isImage: IMAGE_EXTENSIONS.includes(ext),
+        isViewableImage: IMAGE_EXTENSIONS_VIEWABLE.includes(ext)
+      };
+    });
+
+    /**
+     * Get the sort order for use with `lodash.orderBy`, and always add the
+     * `queryOrder` sort as the lowest priority sort order.
+     */
+    const {
+      sortFields
+    } = this.state;
+    const fieldNames = map(sortFields, 'fieldName').concat('queryOrder');
+    const directions = map(sortFields, 'direction').concat('asc');
+    return orderBy(tableData, fieldNames, directions);
+  };
+  handleClose = () => {
+    this.props.closeMediaLibrary();
+  };
+
+  /**
+   * Toggle asset selection on click.
+   */
+  handleAssetClick = asset => {
+    const selectedFile = this.state.selectedFile.key === asset.key ? {} : asset;
+    this.setState({
+      selectedFile
+    });
+  };
+
+  /**
+   * Upload a file.
+   */
+  handlePersist = async event => {
+    /**
+     * Stop the browser from automatically handling the file input click, and
+     * get the file for upload, and retain the synthetic event for access after
+     * the asynchronous persist operation.
+     */
+    event.persist();
+    event.stopPropagation();
+    event.preventDefault();
+    const {
+      persistMedia,
+      privateUpload,
+      config,
+      t,
+      field
+    } = this.props;
+    const {
+      files: fileList
+    } = event.dataTransfer || event.target;
+    const files = [...fileList];
+    const file = files[0];
+    const maxFileSize = config.get('max_file_size');
+    if (maxFileSize && file.size > maxFileSize) {
+      window.alert(t('mediaLibrary.mediaLibrary.fileTooLarge', {
+        size: Math.floor(maxFileSize / 1000)
+      }));
+    } else {
+      await persistMedia(file, {
+        privateUpload,
+        field
+      });
+      this.setState({
+        isPersisted: true
+      });
+      this.scrollToTop();
+    }
+    event.target.value = null;
+  };
+
+  /**
+   * Stores the public path of the file in the application store, where the
+   * editor field that launched the media library can retrieve it.
+   */
+  handleInsert = () => {
+    const {
+      selectedFile
+    } = this.state;
+    const {
+      path
+    } = selectedFile;
+    const {
+      insertMedia,
+      field
+    } = this.props;
+    insertMedia(path, field);
+    this.handleClose();
+  };
+
+  /**
+   * Removes the selected file from the backend.
+   */
+  handleDelete = () => {
+    const {
+      selectedFile
+    } = this.state;
+    const {
+      files,
+      deleteMedia,
+      privateUpload,
+      t
+    } = this.props;
+    if (!window.confirm(t('mediaLibrary.mediaLibrary.onDelete'))) {
+      return;
+    }
+    const file = files.find(file => selectedFile.key === file.key);
+    deleteMedia(file, {
+      privateUpload
+    }).then(() => {
+      this.setState({
+        selectedFile: {}
+      });
+    });
+  };
+
+  /**
+   * Downloads the selected file.
+   */
+  handleDownload = () => {
+    const {
+      selectedFile
+    } = this.state;
+    const {
+      displayURLs
+    } = this.props;
+    const url = displayURLs.getIn([selectedFile.id, 'url']) || selectedFile.url;
+    if (!url) {
+      return;
+    }
+    const filename = selectedFile.name;
+    const element = document.createElement('a');
+    element.setAttribute('href', url);
+    element.setAttribute('download', filename);
+    element.style.display = 'none';
+    document.body.appendChild(element);
+    element.click();
+    document.body.removeChild(element);
+    this.setState({
+      selectedFile: {}
+    });
+  };
+
+  /**
+   *
+   */
+
+  handleLoadMore = () => {
+    const {
+      loadMedia,
+      dynamicSearchQuery,
+      page,
+      privateUpload
+    } = this.props;
+    loadMedia({
+      query: dynamicSearchQuery,
+      page: page + 1,
+      privateUpload
+    });
+  };
+
+  /**
+   * Executes media library search for implementations that support dynamic
+   * search via request. For these implementations, the Enter key must be
+   * pressed to execute search. If assets are being stored directly through
+   * the GitHub backend, search is in-memory and occurs as the query is typed,
+   * so this handler has no impact.
+   */
+  handleSearchKeyDown = async event => {
+    const {
+      dynamicSearch,
+      loadMedia,
+      privateUpload
+    } = this.props;
+    if (event.key === 'Enter' && dynamicSearch) {
+      await loadMedia({
+        query: this.state.query,
+        privateUpload
+      });
+      this.scrollToTop();
+    }
+  };
+  scrollToTop = () => {
+    this.scrollContainerRef.scrollTop = 0;
+  };
+
+  /**
+   * Updates query state as the user types in the search field.
+   */
+  handleSearchChange = event => {
+    this.setState({
+      query: event.target.value
+    });
+  };
+
+  /**
+   * Filters files that do not match the query. Not used for dynamic search.
+   */
+  queryFilter = (query, files) => {
+    /**
+     * Because file names don't have spaces, typing a space eliminates all
+     * potential matches, so we strip them all out internally before running the
+     * query.
+     */
+    const strippedQuery = query.replace(/ /g, '');
+    const matches = fuzzy.filter(strippedQuery, files, {
+      extract: file => file.name
+    });
+    const matchFiles = matches.map((match, queryIndex) => {
+      const file = files[match.index];
+      return {
+        ...file,
+        queryIndex
+      };
+    });
+    return matchFiles;
+  };
   render() {
     const {
       isVisible,
@@ -371,34 +407,6 @@ class MediaLibrary extends React.Component {
     });
   }
 }
-_defineProperty(MediaLibrary, "propTypes", {
-  isVisible: PropTypes.bool,
-  loadMediaDisplayURL: PropTypes.func,
-  displayURLs: ImmutablePropTypes.map,
-  canInsert: PropTypes.bool,
-  files: PropTypes.arrayOf(PropTypes.shape(fileShape)).isRequired,
-  dynamicSearch: PropTypes.bool,
-  dynamicSearchActive: PropTypes.bool,
-  forImage: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isPersisting: PropTypes.bool,
-  isDeleting: PropTypes.bool,
-  hasNextPage: PropTypes.bool,
-  isPaginating: PropTypes.bool,
-  privateUpload: PropTypes.bool,
-  config: ImmutablePropTypes.map,
-  loadMedia: PropTypes.func.isRequired,
-  dynamicSearchQuery: PropTypes.string,
-  page: PropTypes.number,
-  persistMedia: PropTypes.func.isRequired,
-  deleteMedia: PropTypes.func.isRequired,
-  insertMedia: PropTypes.func.isRequired,
-  closeMediaLibrary: PropTypes.func.isRequired,
-  t: PropTypes.func.isRequired
-});
-_defineProperty(MediaLibrary, "defaultProps", {
-  files: []
-});
 function mapStateToProps(state) {
   const {
     mediaLibrary
@@ -423,7 +431,9 @@ function mapStateToProps(state) {
     isPaginating: mediaLibrary.get('isPaginating'),
     field
   };
-  return _objectSpread({}, mediaLibraryProps);
+  return {
+    ...mediaLibraryProps
+  };
 }
 const mapDispatchToProps = {
   loadMedia: loadMediaAction,