Fix types for latest build, check if CI is happy (#5814)

packages/volto/news/5814.internal

@@ -0,0 +1 @@
+New types declarations with @types/react@18 - make tsc happy @sneridagh

packages/volto/src/components/theme/SlotRenderer/SlotRenderer.tsx

@@ -25,7 +25,7 @@ const SlotRenderer = ({
     // This is to cover the use case while adding a new content and we don't have
     // have the navRoot information in the initial content. This will be
     // useful for SlotRenderers rendered in the `Add` route.
-    navRoot: content?.['@components']?.navroot?.navroot || navRoot || {},
+    navRoot: content?.['@components']?.navroot?.navroot || navRoot,
   });
 
   if (!slots) {

packages/volto/tsconfig.declarations.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": true,
     "declaration": true,
     "emitDeclarationOnly": true,

packages/volto/types/components/manage/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 export default Actions;
-declare function Actions(props: any): JSX.Element;
+declare function Actions(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Actions {
     namespace propTypes {
         let pathname: any;

packages/volto/types/components/manage/AnchorPlugin/components/Link/index.d.ts

@@ -5,7 +5,7 @@ declare function Link({ children, className, entityKey, getEditorState, target }
     entityKey: any;
     getEditorState: any;
     target: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Link {
     export { propTypes };
     export namespace defaultProps {

packages/volto/types/components/manage/BlockChooser/BlockChooserButton.d.ts

@@ -1,3 +1,3 @@
-export function ButtonComponent(props: any): JSX.Element;
+export function ButtonComponent(props: any): import("react/jsx-runtime").JSX.Element;
 export default BlockChooserButton;
-declare function BlockChooserButton(props: any): JSX.Element;
+declare function BlockChooserButton(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/BlockChooser/BlockChooserSearch.d.ts

@@ -2,4 +2,4 @@ export default BlockChooserSearch;
 declare function BlockChooserSearch({ onChange, searchValue }: {
     onChange: any;
     searchValue: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Block/BlocksForm.d.ts

@@ -1,2 +1,2 @@
 export default BlocksForm;
-declare function BlocksForm(props: any): JSX.Element;
+declare function BlocksForm(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Block/DefaultEdit.d.ts

@@ -1,2 +1,2 @@
 export default DefaultBlockEdit;
-declare function DefaultBlockEdit(props: any): JSX.Element;
+declare function DefaultBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Block/DefaultView.d.ts

@@ -1,2 +1,2 @@
 export default DefaultBlockView;
-declare function DefaultBlockView(props: any): JSX.Element;
+declare function DefaultBlockView(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Block/Style.d.ts

@@ -2,4 +2,4 @@ export default function Style({ data, detached, children }: {
     data: any;
     detached: any;
     children: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Container/Data.d.ts

@@ -1,2 +1,2 @@
 export default ContainerData;
-declare function ContainerData(props: any): JSX.Element;
+declare function ContainerData(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Container/Edit.d.ts

@@ -1,5 +1,5 @@
 export default ContainerBlockEdit;
-declare function ContainerBlockEdit(props: any): JSX.Element;
+declare function ContainerBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ContainerBlockEdit {
     namespace propTypes {
         let block: any;

packages/volto/types/components/manage/Blocks/Container/EditBlockWrapper.d.ts

@@ -1,2 +1,2 @@
 export default EditBlockWrapper;
-declare function EditBlockWrapper(props: any): JSX.Element;
+declare function EditBlockWrapper(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Container/NewBlockAddButton.d.ts

@@ -1,2 +1,2 @@
 export default NewBlockAddButton;
-declare function NewBlockAddButton(props: any): JSX.Element;
+declare function NewBlockAddButton(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Container/SimpleContainerToolbar.d.ts

@@ -1,2 +1,2 @@
 export default SimpleContainerToolbar;
-declare function SimpleContainerToolbar(props: any): JSX.Element;
+declare function SimpleContainerToolbar(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Description/Edit.d.ts

@@ -1,4 +1,4 @@
-export function DescriptionBlockEdit(props: any): JSX.Element;
+export function DescriptionBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace DescriptionBlockEdit {
     namespace propTypes {
         let properties: any;

packages/volto/types/components/manage/Blocks/Description/View.d.ts

@@ -2,7 +2,7 @@ export default DescriptionBlockView;
 declare function DescriptionBlockView({ properties, metadata }: {
     properties: any;
     metadata: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace DescriptionBlockView {
     namespace propTypes {
         let properties: any;

packages/volto/types/components/manage/Blocks/Grid/Edit.d.ts

@@ -1,5 +1,5 @@
 export default GridBlockEdit;
-declare function GridBlockEdit(props: any): JSX.Element;
+declare function GridBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace GridBlockEdit {
     namespace propTypes {
         let block: any;

packages/volto/types/components/manage/Blocks/Grid/View.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/HTML/View.d.ts

@@ -1,7 +1,7 @@
 export default View;
 declare function View({ data }: {
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/HeroImageLeft/Data.d.ts

@@ -1,2 +1,2 @@
 export default HeroImageLeftBlockData;
-declare function HeroImageLeftBlockData(props: any): JSX.Element;
+declare function HeroImageLeftBlockData(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/HeroImageLeft/View.d.ts

@@ -1,7 +1,7 @@
 export default View;
 declare function View({ data }: {
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Image/ImageSidebar.d.ts

@@ -1,5 +1,5 @@
 export default ImageSidebar;
-declare function ImageSidebar(props: any): JSX.Element;
+declare function ImageSidebar(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ImageSidebar {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Image/View.d.ts

@@ -4,11 +4,11 @@ export function View({ className, data, detached, properties, style }: {
     detached: any;
     properties: any;
     style: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export namespace View {
     namespace propTypes {
         let data: any;
     }
 }
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/Image/schema.d.ts

@@ -10,7 +10,7 @@ export function ImageSchema({ formData, intl }: {
     properties: {
         alt: {
             title: any;
-            description: JSX.Element;
+            description: import("react/jsx-runtime").JSX.Element;
         };
         align: {
             title: any;

packages/volto/types/components/manage/Blocks/LeadImage/View.d.ts

@@ -2,7 +2,7 @@ export default View;
 declare function View({ data, properties }: {
     data: any;
     properties: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Listing/DefaultNoResultsComponent.d.ts

@@ -1,2 +1,2 @@
 export default DefaultNoResultsComponent;
-declare function DefaultNoResultsComponent(props: any): JSX.Element;
+declare function DefaultNoResultsComponent(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Listing/DefaultTemplate.d.ts

@@ -5,7 +5,7 @@ declare function DefaultTemplate({ headlineTag, items, linkTitle, linkHref, isEd
     linkTitle: any;
     linkHref: any;
     isEditMode: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace DefaultTemplate {
     namespace propTypes {
         let items: any;

packages/volto/types/components/manage/Blocks/Listing/Edit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/Listing/GalleryNoResultsComponent.d.ts

@@ -1,2 +1,2 @@
 export default GalleryNoResultsComponent;
-declare function GalleryNoResultsComponent(props: any): JSX.Element;
+declare function GalleryNoResultsComponent(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Listing/ImageGallery.d.ts

@@ -1,7 +1,7 @@
 export default ImageGalleryTemplate;
 declare function ImageGalleryTemplate({ items }: {
     items: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ImageGalleryTemplate {
     namespace propTypes {
         let items: any;

packages/volto/types/components/manage/Blocks/Listing/ListingData.d.ts

@@ -1,5 +1,5 @@
 export default ListingData;
-declare function ListingData(props: any): JSX.Element;
+declare function ListingData(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ListingData {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Listing/SummaryTemplate.d.ts

@@ -4,7 +4,7 @@ declare function SummaryTemplate({ items, linkTitle, linkHref, isEditMode }: {
     linkTitle: any;
     linkHref: any;
     isEditMode: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace SummaryTemplate {
     namespace propTypes {
         let items: any;

packages/volto/types/components/manage/Blocks/Listing/View.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/Maps/Edit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/Maps/MapsSidebar.d.ts

@@ -1,2 +1,2 @@
 export default MapsSidebar;
-declare function MapsSidebar(props: any): JSX.Element;
+declare function MapsSidebar(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/SearchBlockEdit.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

packages/volto/types/components/manage/Blocks/Search/SearchBlockView.d.ts

@@ -1,6 +1,6 @@
-export const SearchBlockViewComponent: (props: any) => JSX.Element;
+export const SearchBlockViewComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

packages/volto/types/components/manage/Blocks/Search/components/CheckboxFacet.d.ts

@@ -3,7 +3,7 @@ export default CheckboxFacet;
  * A facet that uses radio/checkboxes to provide an explicit list of values for
  * filtering
  */
-declare function CheckboxFacet(props: any): JSX.Element;
+declare function CheckboxFacet(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace CheckboxFacet {
     export { selectFacetSchemaEnhancer as schemaEnhancer };
     export { selectFacetStateToValue as stateToValue };

packages/volto/types/components/manage/Blocks/Search/components/DateRangeFacetFilterListEntry.d.ts

@@ -1,2 +1,2 @@
 export default DateRangeFacetFilterListEntry;
-declare function DateRangeFacetFilterListEntry(props: any): JSX.Element;
+declare function DateRangeFacetFilterListEntry(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/components/Facets.d.ts

@@ -1,2 +1,2 @@
 export default Facets;
-declare function Facets(props: any): JSX.Element;
+declare function Facets(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/components/FilterList.d.ts

@@ -3,4 +3,4 @@ export default FilterList;
  * A list of active filtered values and controls to clear those filters.
  *
  */
-declare function FilterList(props: any): JSX.Element;
+declare function FilterList(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/components/SearchDetails.d.ts

@@ -4,4 +4,4 @@ declare function SearchDetails({ total, text, as, data }: {
     text: any;
     as?: string;
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/components/SearchInput.d.ts

@@ -1,2 +1,2 @@
 export default SearchInput;
-declare function SearchInput(props: any): JSX.Element;
+declare function SearchInput(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/components/SelectFacetFilterListEntry.d.ts

@@ -1,2 +1,2 @@
 export default SelectFacetFilterListEntry;
-declare function SelectFacetFilterListEntry(props: any): JSX.Element;
+declare function SelectFacetFilterListEntry(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/components/ToggleFacet.d.ts

@@ -1,5 +1,5 @@
 export default ToggleFacet;
-declare function ToggleFacet(props: any): JSX.Element;
+declare function ToggleFacet(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace ToggleFacet {
     function stateToValue({ facetSettings, index, selectedValue }: {
         facetSettings: any;

packages/volto/types/components/manage/Blocks/Search/components/ToggleFacetFilterListEntry.d.ts

@@ -1,2 +1,2 @@
 export default ToggleFacetFilterListEntry;
-declare function ToggleFacetFilterListEntry(props: any): JSX.Element;
+declare function ToggleFacetFilterListEntry(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/hocs/withQueryString.d.ts

@@ -3,6 +3,6 @@
  *
  */
 export default function withQueryString(WrappedComponent: any): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

packages/volto/types/components/manage/Blocks/Search/hocs/withSearch.d.ts

@@ -1,5 +1,5 @@
 export default withSearch;
 declare function withSearch(options: any): (WrappedComponent: any) => {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

packages/volto/types/components/manage/Blocks/Search/layout/LeftColumnFacets.d.ts

@@ -1,2 +1,2 @@
 export default LeftColumnFacets;
-declare function LeftColumnFacets(props: any): JSX.Element;
+declare function LeftColumnFacets(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/layout/RightColumnFacets.d.ts

@@ -1,2 +1,2 @@
 export default RightColumnFacets;
-declare function RightColumnFacets(props: any): JSX.Element;
+declare function RightColumnFacets(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/layout/TopSideFacets.d.ts

@@ -1,2 +1,2 @@
 export default TopSideFacets;
-declare function TopSideFacets(props: any): JSX.Element;
+declare function TopSideFacets(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Search/utils.d.ts

@@ -1,4 +1,4 @@
-export const NONVALUE_OPERATIONS: any;
-export const DATE_OPERATIONS: any;
+export const NONVALUE_OPERATIONS: Set<string>;
+export const DATE_OPERATIONS: Set<string>;
 export function hasNonValueOperation(ops: any): boolean;
 export function hasDateOperation(ops: any): boolean;

packages/volto/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

packages/volto/types/components/manage/Blocks/Table/Cell.d.ts

@@ -1,3 +1,3 @@
 export const Cell: any;
 export default Preloader;
-declare function Preloader(props: any): JSX.Element;
+declare function Preloader(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Table/View.d.ts

@@ -1,7 +1,7 @@
 export default View;
 declare function View({ data }: {
     data: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace View {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Teaser/Body.d.ts

@@ -1,5 +1,5 @@
 export default TeaserBody;
-declare function TeaserBody(props: any): JSX.Element;
+declare function TeaserBody(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TeaserBody {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Teaser/Data.d.ts

@@ -1,2 +1,2 @@
 export default TeaserData;
-declare function TeaserData(props: any): JSX.Element;
+declare function TeaserData(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Teaser/DefaultBody.d.ts

@@ -1,5 +1,5 @@
 export default TeaserDefaultTemplate;
-declare function TeaserDefaultTemplate(props: any): JSX.Element;
+declare function TeaserDefaultTemplate(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace TeaserDefaultTemplate {
     namespace propTypes {
         let data: any;

packages/volto/types/components/manage/Blocks/Teaser/Edit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/Teaser/View.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (props: any) => JSX.Element;
+declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default _default;

packages/volto/types/components/manage/Blocks/Text/Edit.d.ts

@@ -87,4 +87,4 @@ export class EditComponent extends React.Component<any, any, any> {
 export const Edit: any;
 export default Preloader;
 import React from 'react';
-declare function Preloader(props: any): JSX.Element;
+declare function Preloader(props: any): import("react/jsx-runtime").JSX.Element;

packages/volto/types/components/manage/Blocks/Title/Edit.d.ts

@@ -1,4 +1,4 @@
-export function TitleBlockEdit(props: any): JSX.Element;
+export function TitleBlockEdit(props: any): import("react/jsx-runtime").JSX.Element;
 export namespace TitleBlockEdit {
     namespace propTypes {
         let properties: any;

packages/volto/types/components/manage/Blocks/Title/View.d.ts

@@ -2,4 +2,4 @@ export default TitleBlockView;
 declare function TitleBlockView({ properties, metadata }: {
     properties: any;
     metadata: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;