@plone/volto 18.0.0-alpha.29 → 18.0.0-alpha.30

package/.release-it.json

@@ -3,7 +3,7 @@
     "../scripts/prepublish.js": {}
   },
   "hooks": {
-    "before:bump": ["pnpm i18n", "pnpm build:types"],
+    "before:bump": ["pnpm i18n", "pnpm build:types", "git add types"],
     "after:bump": [
       "pipx run towncrier build --draft --yes --version ${version} > .changelog.draft && pipx run towncrier build --yes --version ${version}",
       "make copyreleasenotestodocs"

package/CHANGELOG.md

@@ -17,6 +17,20 @@ myst:
 
 <!-- towncrier release notes start -->
 
+## 18.0.0-alpha.30 (2024-05-02)
+
+### Bugfix
+
+- Fix image disappears after pressing the Enter key on title field in image content-type. @iFlameing [#5973](https://github.com/plone/volto/issues/5973)
+- Defines the last 4 parameters of the `asyncConnect` function with optional. @wesleybl [#5985](https://github.com/plone/volto/issues/5985)
+- Fix server side sidebar rendering @sneridagh [#5993](https://github.com/plone/volto/issues/5993)
+
+### Internal
+
+- Update to use Plone 6.0.11 @sneridagh [#5989](https://github.com/plone/volto/issues/5989)
+- Flexibilize the pins for all ESlint deps, in Volto and generators @sneridagh [#5991](https://github.com/plone/volto/issues/5991)
+- Cleaned up useless injectIntl in DefaultView @pnicolli [#5994](https://github.com/plone/volto/issues/5994)
+
 ## 18.0.0-alpha.29 (2024-04-26)
 
 ### Feature

package/package.json

@@ -9,7 +9,7 @@
     }
   ],
   "license": "MIT",
-  "version": "18.0.0-alpha.29",
+  "version": "18.0.0-alpha.30",
   "repository": {
     "type": "git",
     "url": "git@github.com:plone/volto.git"
@@ -294,16 +294,16 @@
     "cypress-file-upload": "5.0.8",
     "deep-freeze": "0.0.1",
     "eslint": "^8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-config-react-app": "7.0.1",
-    "eslint-import-resolver-alias": "1.1.2",
-    "eslint-import-resolver-babel-plugin-root-import": "1.1.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-import-resolver-babel-plugin-root-import": "^1.1.1",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "full-icu": "1.4.0",
     "html-webpack-plugin": "5.5.0",
     "identity-obj-proxy": "3.0.0",

package/src/components/manage/Sidebar/SidebarPopup.jsx

@@ -16,6 +16,11 @@ const SidebarPopup = (props) => {
     onClose();
   };
 
+  const [isClient, setIsClient] = React.useState(false);
+  React.useEffect(() => {
+    setIsClient(true);
+  }, []);
+
   React.useEffect(() => {
     document.addEventListener('mousedown', handleClickOutside, false);
     return () => {
@@ -48,24 +53,25 @@ const SidebarPopup = (props) => {
         unmountOnExit
       >
         <>
-          {createPortal(
-            <aside
-              role="presentation"
-              onClick={(e) => {
-                e.stopPropagation();
-              }}
-              onKeyDown={(e) => {
-                e.stopPropagation();
-              }}
-              ref={asideElement}
-              key="sidebarpopup"
-              className="sidebar-container"
-              style={{ overflowY: 'auto' }}
-            >
-              {children}
-            </aside>,
-            document.body,
-          )}
+          {isClient &&
+            createPortal(
+              <aside
+                role="presentation"
+                onClick={(e) => {
+                  e.stopPropagation();
+                }}
+                onKeyDown={(e) => {
+                  e.stopPropagation();
+                }}
+                ref={asideElement}
+                key="sidebarpopup"
+                className="sidebar-container"
+                style={{ overflowY: 'auto' }}
+              >
+                {children}
+              </aside>,
+              document.body,
+            )}
         </>
       </CSSTransition>
     </>

package/src/components/manage/Widgets/FileWidget.jsx

@@ -178,6 +178,7 @@ const FileWidget = (props) => {
         )}
         {value && (
           <Button
+            type="button"
             icon
             basic
             className="delete-button"

package/src/components/theme/View/DefaultView.jsx

@@ -5,7 +5,6 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { injectIntl } from 'react-intl';
 
 import {
   Container as SemanticContainer,
@@ -137,4 +136,4 @@ DefaultView.propTypes = {
   }).isRequired,
 };
 
-export default injectIntl(DefaultView);
+export default DefaultView;

package/src/helpers/AsyncConnect/index.js

@@ -90,6 +90,16 @@ const applyExtenders = (asyncItems, pathname) => {
  * with the "object promises" and that's our "object promises" (which it calls
  * internally "asyncItems").
  */
+/**
+ * Higher-order function that enhances a React component with asynchronous data fetching and Redux integration.
+ *
+ * @param {Array} asyncItems - An array of async items to fetch.
+ * @param {Function} [mapStateToProps] - A function that maps the Redux state to component props.
+ * @param {Function} [mapDispatchToProps] - A function that maps Redux dispatch to component props.
+ * @param {Function} [mergeProps] - A function that merges the props from mapStateToProps, mapDispatchToProps, and the component's own props.
+ * @param {Object} [options] - Additional options for configuring the async connect behavior.
+ * @returns {Function} - A function that takes a React component and returns an enhanced component with async connect functionality.
+ */
 export function asyncConnect(
   asyncItems,
   mapStateToProps,

package/types/components/theme/View/DefaultView.d.ts

@@ -1,5 +1,13 @@
-declare const _default: React.FC<import("react-intl").WithIntlProps<any>> & {
-    WrappedComponent: React.ComponentType<any>;
-};
-export default _default;
-import React from 'react';
+export default DefaultView;
+/**
+ * Component to display the default view.
+ * @function DefaultView
+ * @param {Object} content Content object.
+ * @returns {string} Markup of the component.
+ */
+declare function DefaultView(props: any): string;
+declare namespace DefaultView {
+    namespace propTypes {
+        let content: any;
+    }
+}

package/types/config/Views.d.ts

@@ -33,9 +33,8 @@ export const contentTypesViews: {
     };
     Event: import("@loadable/component").LoadableComponent<any>;
 };
-export const defaultView: import("react").FC<import("react-intl").WithIntlProps<any>> & {
-    WrappedComponent: import("react").ComponentType<any>;
-};
+export function defaultView(props: any): string;
+export namespace defaultView { }
 export const errorViews: {
     404: (props: any) => import("react/jsx-runtime").JSX.Element;
     401: (props: any) => import("react/jsx-runtime").JSX.Element;

package/types/helpers/AsyncConnect/index.d.ts

@@ -14,6 +14,16 @@
  * with the "object promises" and that's our "object promises" (which it calls
  * internally "asyncItems").
  */
-export function asyncConnect(asyncItems: any, mapStateToProps: any, mapDispatchToProps: any, mergeProps: any, options: any): (Component: any) => any;
+/**
+ * Higher-order function that enhances a React component with asynchronous data fetching and Redux integration.
+ *
+ * @param {Array} asyncItems - An array of async items to fetch.
+ * @param {Function} [mapStateToProps] - A function that maps the Redux state to component props.
+ * @param {Function} [mapDispatchToProps] - A function that maps Redux dispatch to component props.
+ * @param {Function} [mergeProps] - A function that merges the props from mapStateToProps, mapDispatchToProps, and the component's own props.
+ * @param {Object} [options] - Additional options for configuring the async connect behavior.
+ * @returns {Function} - A function that takes a React component and returns an enhanced component with async connect functionality.
+ */
+export function asyncConnect(asyncItems: any[], mapStateToProps?: Function, mapDispatchToProps?: Function, mergeProps?: Function, options?: any): Function;
 export const ReduxAsyncConnect: any;
 export { loadOnServer, loadAsyncConnect } from "./ssr";