decap-cms-core 3.6.2 → 3.7.0

package/src/backend.ts

@@ -1,4 +1,11 @@
-import { attempt, flatten, isError, uniq, trim, sortBy, get, set } from 'lodash';
+import attempt from 'lodash/attempt';
+import flatten from 'lodash/flatten';
+import isError from 'lodash/isError';
+import uniq from 'lodash/uniq';
+import trim from 'lodash/trim';
+import sortBy from 'lodash/sortBy';
+import get from 'lodash/get';
+import set from 'lodash/set';
 import { List, fromJS, Set } from 'immutable';
 import * as fuzzy from 'fuzzy';
 import {

package/src/components/App/App.js

@@ -86,6 +86,11 @@ class App extends React.Component {
     t: PropTypes.func.isRequired,
   };
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(App.propTypes, this.props, 'prop', 'App');
+  }
+
   configError(config) {
     const t = this.props.t;
     return (

package/src/components/App/Header.js

@@ -131,6 +131,9 @@ class Header extends React.Component {
   intervalId;
 
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(Header.propTypes, this.props, 'prop', 'Header');
+
     this.intervalId = setInterval(() => {
       this.props.checkBackendStatus();
     }, 5 * 60 * 1000);

package/src/components/Collection/Collection.js

@@ -55,6 +55,11 @@ export class Collection extends React.Component {
     onSortClick: PropTypes.func.isRequired,
   };
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(Collection.propTypes, this.props, 'prop', 'Collection');
+  }
+
   renderEntriesCollection = () => {
     const { collection, filterTerm, viewStyle } = this.props;
     return (

package/src/components/Collection/CollectionSearch.js

@@ -102,6 +102,11 @@ class CollectionSearch extends React.Component {
     selectedCollectionIdx: this.getSelectedSelectionBasedOnProps(),
   };
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(CollectionSearch.propTypes, this.props, 'prop', 'CollectionSearch');
+  }
+
   componentDidUpdate(prevProps) {
     if (prevProps.collection !== this.props.collection) {
       const selectedCollectionIdx = this.getSelectedSelectionBasedOnProps();

package/src/components/Collection/Entries/EntriesCollection.js

@@ -4,7 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { connect } from 'react-redux';
 import styled from '@emotion/styled';
 import { translate } from 'react-polyglot';
-import { partial } from 'lodash';
+import partial from 'lodash/partial';
 import { Cursor } from 'decap-cms-lib-util';
 import { colors } from 'decap-cms-ui-default';
 
@@ -73,6 +73,9 @@ export class EntriesCollection extends React.Component {
   };
 
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(EntriesCollection.propTypes, this.props, 'prop', 'EntriesCollection');
+
     const { collection, entriesLoaded, loadEntries } = this.props;
     if (collection && !entriesLoaded) {
       loadEntries(collection);

package/src/components/Collection/Entries/EntriesSearch.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { connect } from 'react-redux';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import { Cursor } from 'decap-cms-lib-util';
 
 import { selectSearchedEntries } from '../../../reducers';
@@ -25,6 +25,9 @@ class EntriesSearch extends React.Component {
   };
 
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(EntriesSearch.propTypes, this.props, 'prop', 'EntriesSearch');
+
     const { searchTerm, searchEntries, collectionNames } = this.props;
     searchEntries(searchTerm, collectionNames);
   }

package/src/components/Collection/Entries/EntryListing.js

@@ -27,6 +27,11 @@ export default class EntryListing extends React.Component {
     page: PropTypes.number,
   };
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(EntryListing.propTypes, this.props, 'prop', 'EntryListing');
+  }
+
   hasMore = () => {
     const hasMore = this.props.cursor?.actions?.has('append_next');
     return hasMore;

package/src/components/Collection/Entries/__tests__/__snapshots__/EntriesCollection.spec.js.snap

@@ -7,7 +7,6 @@ exports[`EntriesCollection should render connected component 1`] = `
     collections="Map { \\"name\\": \\"pages\\", \\"label\\": \\"Pages\\", \\"folder\\": \\"src/pages\\" }"
     cursor="[object Object]"
     entries="List [ Map { \\"slug\\": \\"index\\", \\"path\\": \\"src/pages/index.md\\", \\"data\\": Map { \\"title\\": \\"Root\\" } }, Map { \\"slug\\": \\"dir1/index\\", \\"path\\": \\"src/pages/dir1/index.md\\", \\"data\\": Map { \\"title\\": \\"File 1\\" } }, Map { \\"slug\\": \\"dir2/index\\", \\"path\\": \\"src/pages/dir2/index.md\\", \\"data\\": Map { \\"title\\": \\"File 2\\" } } ]"
-    isfetching="false"
   />
 </DocumentFragment>
 `;
@@ -19,7 +18,6 @@ exports[`EntriesCollection should render show only immediate children for nested
     collections="Map { \\"name\\": \\"pages\\", \\"label\\": \\"Pages\\", \\"folder\\": \\"src/pages\\", \\"nested\\": Map { \\"depth\\": 10, \\"subfolders\\": false } }"
     cursor="[object Object]"
     entries="List [ Map { \\"slug\\": \\"index\\", \\"path\\": \\"src/pages/index.md\\", \\"data\\": Map { \\"title\\": \\"Root\\" } } ]"
-    isfetching="false"
   />
 </DocumentFragment>
 `;
@@ -31,7 +29,6 @@ exports[`EntriesCollection should render with applied filter term for nested col
     collections="Map { \\"name\\": \\"pages\\", \\"label\\": \\"Pages\\", \\"folder\\": \\"src/pages\\", \\"nested\\": Map { \\"depth\\": 10, \\"subfolders\\": false } }"
     cursor="[object Object]"
     entries="List [ Map { \\"slug\\": \\"dir3/dir4/index\\", \\"path\\": \\"src/pages/dir3/dir4/index.md\\", \\"data\\": Map { \\"title\\": \\"File 4\\" } } ]"
-    isfetching="false"
   />
 </DocumentFragment>
 `;
@@ -43,7 +40,6 @@ exports[`EntriesCollection should render with entries 1`] = `
     collections="Map { \\"name\\": \\"pages\\", \\"label\\": \\"Pages\\", \\"folder\\": \\"src/pages\\" }"
     cursor="[object Object]"
     entries="List [ Map { \\"slug\\": \\"index\\" } ]"
-    isfetching="false"
   />
 </DocumentFragment>
 `;

package/src/components/Collection/NestedCollection.js

@@ -9,7 +9,7 @@ import { stringTemplate } from 'decap-cms-lib-widgets';
 import { Icon, colors, components } from 'decap-cms-ui-default';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { sortBy } from 'lodash';
+import sortBy from 'lodash/sortBy';
 
 import { selectEntries } from '../../reducers/entries';
 import { selectEntryCollectionTitle } from '../../reducers/collections';
@@ -263,6 +263,11 @@ export class NestedCollection extends React.Component {
     };
   }
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(NestedCollection.propTypes, this.props, 'prop', 'NestedCollection');
+  }
+
   componentDidUpdate(prevProps) {
     const { collection, entries, filterTerm } = this.props;
     if (

package/src/components/Collection/Sidebar.js

@@ -77,6 +77,11 @@ export class Sidebar extends React.Component {
     t: PropTypes.func.isRequired,
   };
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(Sidebar.propTypes, this.props, 'prop', 'Sidebar');
+  }
+
   renderLink = (collection, filterTerm) => {
     const collectionName = collection.get('name');
     if (collection.has('nested')) {

package/src/components/Editor/Editor.js

@@ -4,7 +4,7 @@ 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';
+import debounce from 'lodash/debounce';
 
 import { history, navigateToCollection, navigateToNewEntry } from '../../routing/history';
 import { logoutUser } from '../../actions/auth';
@@ -82,6 +82,9 @@ export class Editor extends React.Component {
   };
 
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(Editor.propTypes, this.props, 'prop', 'Editor');
+
     const {
       newEntry,
       collection,

package/src/components/Editor/EditorControlPane/EditorControl.js

@@ -5,7 +5,8 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { translate } from 'react-polyglot';
 import { ClassNames, Global, css as coreCss } from '@emotion/react';
 import styled from '@emotion/styled';
-import { partial, uniqueId } from 'lodash';
+import partial from 'lodash/partial';
+import uniqueId from 'lodash/uniqueId';
 import { connect } from 'react-redux';
 import { FieldLabel, colors, transitions, lengths, borders } from 'decap-cms-ui-default';
 import ReactMarkdown from 'react-markdown';
@@ -170,6 +171,11 @@ class EditorControl extends React.Component {
 
   uniqueFieldId = uniqueId(`${this.props.field.get('name')}-field-`);
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(EditorControl.propTypes, this.props, 'prop', 'EditorControl');
+  }
+
   isAncestorOfFieldError = () => {
     const { fieldsErrors } = this.props;
 

package/src/components/Editor/EditorControlPane/Widget.js

@@ -75,6 +75,11 @@ export default class Widget extends Component {
     isParentListCollapsed: PropTypes.bool,
   };
 
+  componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(Widget.propTypes, this.props, 'prop', 'Widget');
+  }
+
   shouldComponentUpdate(nextProps) {
     /**
      * Avoid unnecessary rerenders while loading assets.

package/src/components/Editor/EditorPreviewPane/EditorPreviewPane.js

@@ -6,8 +6,8 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import Frame, { FrameContextConsumer } from 'react-frame-component';
 import { lengths } from 'decap-cms-ui-default';
 import { connect } from 'react-redux';
-import { encodeEntry } from 'decap-cms-lib-util/src/stega';
 
+import { encodeEntry } from '../../../lib/stega';
 import {
   resolveWidget,
   getPreviewTemplate,

package/src/components/Editor/EditorToolbar.js

@@ -280,6 +280,9 @@ export class EditorToolbar extends React.Component {
   };
 
   componentDidMount() {
+    // Manually validate PropTypes - React 19 breaking change
+    PropTypes.checkPropTypes(EditorToolbar.propTypes, this.props, 'prop', 'EditorToolbar');
+
     const { isNewEntry, loadDeployPreview } = this.props;
     if (!isNewEntry) {
       loadDeployPreview({ maxAttempts: 3 });
@@ -450,7 +453,7 @@ export class EditorToolbar extends React.Component {
     return canPublish || canCreate ? (
       <ToolbarDropdown
         dropdownTopOverlap="40px"
-        dropdownWidth="150px"
+        dropdownWidth="max-content"
         key="td-publish-create"
         renderButton={() => (
           <PublishedToolbarButton>
@@ -486,7 +489,7 @@ export class EditorToolbar extends React.Component {
     return canCreate ? (
       <ToolbarDropdown
         dropdownTopOverlap="40px"
-        dropdownWidth="150px"
+        dropdownWidth="max-content"
         renderButton={() => (
           <PublishedToolbarButton>{t('editor.editorToolbar.published')}</PublishedToolbarButton>
         )}
@@ -511,7 +514,7 @@ export class EditorToolbar extends React.Component {
       <div>
         <ToolbarDropdown
           dropdownTopOverlap="40px"
-          dropdownWidth="150px"
+          dropdownWidth="max-content"
           renderButton={() => (
             <PublishButton>
               {isPersisting

package/src/components/Editor/__tests__/Editor.spec.js

@@ -65,10 +65,9 @@ describe('Editor', () => {
     expect(asFragment()).toMatchSnapshot();
     expect(console.error).toHaveBeenCalledTimes(1);
     expect(console.error).toHaveBeenCalledWith(
-      'Warning: Failed %s type: %s%s',
-      'prop',
-      'Required prop `entryDraft` was not specified in `Editor`.',
-      expect.anything(),
+      expect.stringContaining(
+        'Warning: Failed prop type: Required prop `entryDraft` was not specified in `Editor`.',
+      ),
     );
   });
 

package/src/components/Editor/__tests__/__snapshots__/Editor.spec.js.snap

@@ -7,8 +7,8 @@ exports[`Editor should render editor interface when entry is not fetching 1`] =
     deploypreview="Map {}"
     entry="Map { \\"slug\\": \\"slug\\" }"
     fields="List []"
-    isnewentry="true"
-    showdelete="true"
+    isnewentry=""
+    showdelete=""
     user="Map {}"
   />
 </DocumentFragment>
@@ -17,7 +17,7 @@ exports[`Editor should render editor interface when entry is not fetching 1`] =
 exports[`Editor should render loader when entry is fetching 1`] = `
 <DocumentFragment>
   <mock-loader
-    active="true"
+    active=""
   >
     editor.editor.loadingEntry
   </mock-loader>
@@ -27,7 +27,7 @@ exports[`Editor should render loader when entry is fetching 1`] = `
 exports[`Editor should render loader when entryDraft entry is undefined 1`] = `
 <DocumentFragment>
   <mock-loader
-    active="true"
+    active=""
   >
     editor.editor.loadingEntry
   </mock-loader>
@@ -37,7 +37,7 @@ exports[`Editor should render loader when entryDraft entry is undefined 1`] = `
 exports[`Editor should render loader when entryDraft is null 1`] = `
 <DocumentFragment>
   <mock-loader
-    active="true"
+    active=""
   >
     editor.editor.loadingEntry
   </mock-loader>