Merge branch 'master' into properprettierstylelint

* master:
  Back to development
  Release 4.0.0-alpha.13
  Upgrade react and react-dom to 16.12.0 (#1008)

CHANGELOG.md

@@ -6,9 +6,12 @@
 
 ### Changes
 
+## 4.0.0-alpha.13 (2019-11-23)
+
 ### Internal
 
 - Upgrade autoprefixer, remove deprecated `browsers` option, move to `browserlist` in `package.json` @sneridagh
+- Upgrade react and react-dom to 16.12.0 @pnicolli
 
 ## 4.0.0-alpha.12 (2019-11-13)
 

package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "4.0.0-alpha.12",
+  "version": "4.0.0-alpha.13",
   "repository": {
     "type": "git",
     "url": "[email protected]:plone/volto.git"
@@ -269,12 +269,12 @@
     "raven-js": "3.27.0",
     "razzle": "3.0.0",
     "razzle-plugin-bundle-analyzer": "1.0.2",
-    "react": "16.8.6",
+    "react": "16.12.0",
     "react-animate-height": "2.0.15",
     "react-cookie": "1.0.5",
     "react-dnd": "5.0.0",
     "react-dnd-html5-backend": "5.0.1",
-    "react-dom": "16.8.6",
+    "react-dom": "16.12.0",
     "react-dropzone": "5.1.0",
     "react-helmet": "5.2.0",
     "react-intl": "3.3.2",
@@ -287,20 +287,20 @@
     "react-select": "2.4.2",
     "react-select-async-paginate": "0.2.9",
     "react-share": "2.3.1",
-    "react-side-effect": "1.1.5",
+    "react-side-effect": "2.1.0",
     "react-simple-code-editor": "0.7.1",
     "react-test-renderer": "16.8.6",
     "react-toastify": "5.1.1",
     "redraft": "0.10.1",
     "redux": "4.0.1",
     "redux-actions": "2.6.5",
-    "redux-connect": "9.0.0",
+    "redux-connect": "10.0.0",
     "redux-devtools-extension": "2.13.8",
     "redux-mock-store": "1.5.3",
     "redux-thunk": "2.3.0",
     "release-it": "12.4.0",
     "semantic-ui-less": "2.4.1",
-    "semantic-ui-react": "0.84.0",
+    "semantic-ui-react": "0.88.1",
     "semver": "5.6.0",
     "serialize-javascript": "1.5.0",
     "start-server-and-test": "1.7.13",

src/components/manage/Actions/__snapshots__/Actions.test.jsx.snap

@@ -17,6 +17,7 @@ exports[`Actions renders an actions component 1`] = `
     <i
       aria-hidden="true"
       className="lightning big icon"
+      onClick={[Function]}
     />
      
     Actions
@@ -37,6 +38,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="cut icon"
+        onClick={[Function]}
       />
       <span
         className="text"
@@ -52,6 +54,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="copy icon"
+        onClick={[Function]}
       />
       <span
         className="text"
@@ -67,6 +70,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="trash icon"
+        onClick={[Function]}
       />
       Delete
     </a>
@@ -78,6 +82,7 @@ exports[`Actions renders an actions component 1`] = `
       <i
         aria-hidden="true"
         className="text cursor icon"
+        onClick={[Function]}
       />
       <span
         className="text"

src/components/manage/Add/Add.jsx

@@ -116,7 +116,7 @@ class Add extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.createRequest.loading &&
       nextProps.createRequest.loaded &&

src/components/manage/Blocks/Block/Edit.jsx

@@ -123,7 +123,7 @@ class Edit extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { selected, type } = this.props;
     const blockHasOwnFocusManagement =
       blocks.blocksConfig?.[type]?.['blockHasOwnFocusManagement'] || null;

src/components/manage/Blocks/Description/Edit.jsx

@@ -91,7 +91,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.properties.description &&
       this.props.properties.description !== nextProps.properties.description &&

src/components/manage/Blocks/HTML/Edit.jsx

@@ -71,7 +71,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.selected) {
       this.codeEditor._input.focus();
     }

src/components/manage/Blocks/HeroImageLeft/Edit.jsx

@@ -143,7 +143,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.request.loading &&
       nextProps.request.loaded &&

src/components/manage/Blocks/Image/Edit.jsx

@@ -74,7 +74,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.request.loading &&
       nextProps.request.loaded &&

src/components/manage/Blocks/Table/Cell.jsx

@@ -88,7 +88,7 @@ class Cell extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.isTableBlockSelected !== this.props.isTableBlockSelected &&
       this.props.cell === 0 &&

src/components/manage/Blocks/Table/Edit.jsx

@@ -226,7 +226,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (!nextProps.data.table) {
       this.props.onChangeBlock(nextProps.block, {
         ...nextProps.data,

src/components/manage/Blocks/Text/Edit.jsx

@@ -111,7 +111,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (!this.props.selected && nextProps.selected) {
       this.node.focus();
       this.setState({

src/components/manage/Blocks/Title/Edit.jsx

@@ -91,7 +91,7 @@ class Edit extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.properties.title &&
       this.props.properties.title !== nextProps.properties.title &&

src/components/manage/Blocks/Video/__snapshots__/Edit.test.jsx.snap

@@ -17,6 +17,7 @@ exports[`renders an edit image block component 1`] = `
       <i
         aria-hidden="true"
         className="arrow right icon"
+        onClick={[Function]}
       />
       <div
         className="embed"

src/components/manage/Blocks/Video/__snapshots__/View.test.jsx.snap

@@ -14,6 +14,7 @@ exports[`renders a view video component 1`] = `
       <i
         aria-hidden="true"
         className="arrow right icon"
+        onClick={[Function]}
       />
       <div
         className="embed"

src/components/manage/Contents/Contents.jsx

@@ -298,7 +298,7 @@ class Contents extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchContents();
   }
 
@@ -308,7 +308,7 @@ class Contents extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       (this.props.clipboardRequest.loading &&
         nextProps.clipboardRequest.loaded) ||

src/components/manage/Contents/ContentsPropertiesModal.jsx

@@ -112,7 +112,7 @@ class ContentsPropertiesModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }

src/components/manage/Contents/ContentsRenameModal.jsx

@@ -82,7 +82,7 @@ class ContentsRenameModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }

src/components/manage/Contents/ContentsTagsModal.jsx

@@ -77,7 +77,7 @@ class ContentsTagsModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }

src/components/manage/Contents/ContentsUploadModal.jsx

@@ -84,7 +84,7 @@ class ContentsUploadModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
       this.setState({

src/components/manage/Contents/ContentsWorkflowModal.jsx

@@ -77,7 +77,7 @@ class ContentsWorkflowModal extends Component {
    * @method componentWillMount
    * @returns {undefined}
    */
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.getWorkflow(this.props.items);
   }
 
@@ -87,7 +87,7 @@ class ContentsWorkflowModal extends Component {
    * @param {Object} nextProps Next properties
    * @returns {undefined}
    */
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.request.loading && nextProps.request.loaded) {
       this.props.onOk();
     }