@plone/volto 18.0.0-alpha.4 → 18.0.0-alpha.41

package/types/components/theme/FormattedDate/FormattedRelativeDate.stories.d.ts

@@ -7,7 +7,7 @@ export const SplitParts: any;
 declare namespace _default {
     export let title: string;
     export { FormattedRelativeDate as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         namespace live {
             namespace control {

package/types/components/theme/Header/Header.d.ts

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

package/types/components/theme/Header/Header.stories.d.ts

@@ -3,7 +3,7 @@ export const Auth: any;
 declare namespace _default {
     export let title: string;
     export { HeaderComponent as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export namespace argTypes {
         let token: string;
     }

package/types/components/theme/Icon/Icon.d.ts

@@ -4,10 +4,10 @@ export default Icon;
  * @function Field
  * @param {Object} props Component properties.
  * @param {string} props.name Name source object.
- * @param {string} props.size Size of the Icon (in px).
- * @param {string} props.color Color of the Icon.
- * @param {string} props.className className to add to the component.
- * @param {string} props.title Title (a11y).
+ * @param {string} [props.size] Size of the Icon (in px).
+ * @param {string} [props.color] Color of the Icon.
+ * @param {string} [props.className] className to add to the component.
+ * @param {string} [props.title] Title (a11y).
  * @returns {string} Markup of the component.
  *
  * Use:
@@ -26,10 +26,10 @@ export default Icon;
  */
 declare function Icon({ name, size, color, className, title, onClick, style, id, ariaHidden, }: {
     name: string;
-    size: string;
-    color: string;
-    className: string;
-    title: string;
+    size?: string;
+    color?: string;
+    className?: string;
+    title?: string;
 }): string;
 declare namespace Icon {
     namespace propTypes {

package/types/components/theme/Image/Image.d.ts

@@ -8,7 +8,7 @@
  * @param {boolean} responsive - (default: false) set to `true` to add the `responsive` class to the image
  * @param {string} className - Additional classes to add to the image
  */
-declare function Image({ item, imageField, src, alt, loading, responsive, className, ...imageProps }: object): JSX.Element;
+declare function Image({ item, imageField, src, alt, loading, responsive, className, ...imageProps }: object): import("react/jsx-runtime").JSX.Element;
 declare namespace Image {
     namespace propTypes {
         let item: any;

package/types/components/theme/LanguageSelector/LanguageSelector.d.ts

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

package/types/components/theme/Login/Login.d.ts

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

package/types/components/theme/Login/Login.stories.d.ts

@@ -2,7 +2,7 @@ export const Default: any;
 declare namespace _default {
     export let title: string;
     export { Default as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;

package/types/components/theme/Logo/Logo.stories.d.ts

@@ -2,7 +2,7 @@ export const Default: any;
 declare namespace _default {
     export let title: string;
     export { Default as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export let argTypes: {};
 }
 export default _default;

package/types/components/theme/Logout/Logout.d.ts

@@ -1,4 +1,4 @@
 export default Logout;
 declare function Logout({ location }: {
     location: any;
-}): JSX.Element;
+}): string;

package/types/components/theme/MultilingualRedirector/MultilingualRedirector.d.ts

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

package/types/components/theme/Navigation/ContextNavigation.d.ts

@@ -3,7 +3,7 @@
  * portlet. It uses the same API, so the options are similar to
  * INavigationPortlet
  */
-export function ContextNavigationComponent(props: any): "" | JSX.Element;
+export function ContextNavigationComponent(props: any): import("react/jsx-runtime").JSX.Element | "";
 export namespace ContextNavigationComponent {
     namespace propTypes {
         let navigation: any;

package/types/components/theme/Navigation/ContextNavigation.stories.d.ts

@@ -1,8 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { CNC as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export default _default;
-export function ContextNavigation(): JSX.Element;
+export function ContextNavigation(): import("react/jsx-runtime").JSX.Element;
 import { ContextNavigationComponent as CNC } from './ContextNavigation';

package/types/components/theme/Navigation/NavItem.d.ts

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

package/types/components/theme/Navigation/NavItems.d.ts

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

package/types/components/theme/Navigation/Navigation.d.ts

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

package/types/components/theme/Navigation/withContentNavigation.d.ts

@@ -1,5 +1,5 @@
 export function withContentNavigation(WrappedComponent: any): {
-    (props: any): JSX.Element;
+    (props: any): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Location, from router

package/types/components/theme/NotFound/NotFound.d.ts

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

package/types/components/theme/OutdatedBrowser/OutdatedBrowser.d.ts

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

package/types/components/theme/Pagination/Pagination.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("react").FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
+    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
 };
 export default _default;
+import React from 'react';

package/types/components/theme/PasswordReset/RequestPasswordReset.d.ts

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

package/types/components/theme/Popup/Popup.d.ts

@@ -3,7 +3,7 @@ export default Popup;
  * Renders a preview image for a catalog brain result item.
  *
  */
-declare function Popup(props: any): JSX.Element;
+declare function Popup(props: any): import("react/jsx-runtime").JSX.Element;
 declare namespace Popup {
     namespace propTypes {
         let menu: any;

package/types/components/theme/PreviewImage/PreviewImage.d.ts

@@ -8,7 +8,7 @@ declare function PreviewImage({ item, alt, image_field, showDefault, ...rest }:
     alt: any;
     image_field: any;
     showDefault?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace PreviewImage {
     namespace propTypes {
         let item: any;

package/types/components/theme/Search/Search.d.ts

@@ -1,5 +1,3 @@
 export const __test__: any;
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, string> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;

package/types/components/theme/Search/SearchTags.d.ts

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

package/types/components/theme/SearchWidget/SearchWidget.d.ts

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

package/types/components/theme/SearchWidget/SearchWidget.stories.d.ts

@@ -2,6 +2,6 @@ export const SearchWidget: any;
 declare namespace _default {
     export let title: string;
     export { SearchWidget as component };
-    export let decorators: ((Story: any) => JSX.Element)[];
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export default _default;

package/types/components/theme/Sitemap/Sitemap.d.ts

@@ -1,6 +1,4 @@
 export function getSitemapPath(pathname: string, lang: any): any;
 export const __test__: any;
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, string> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
-    WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
-};
+declare const _default: any;
 export default _default;

package/types/components/theme/SkipLinks/SkipLinks.d.ts

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

package/types/components/theme/SlotRenderer/SlotRenderer.d.ts

@@ -0,0 +1,7 @@
+import type { Content } from '@plone/types';
+declare const SlotRenderer: ({ name, content, navRoot, }: {
+    name: string;
+    content: Content;
+    navRoot?: Content;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SlotRenderer;

package/types/components/theme/SlotRenderer/SlotRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/theme/Title/Title.stories.d.ts

@@ -0,0 +1,18 @@
+declare namespace _default {
+    let title: string;
+    namespace argTypes {
+        export namespace title_1 {
+            let control: string;
+        }
+        export { title_1 as title };
+    }
+}
+export default _default;
+export namespace Title_ {
+    let render: any;
+    let name: string;
+    namespace args {
+        let title_2: string;
+        export { title_2 as title };
+    }
+}

package/types/components/theme/TsTest/TsTest.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TEST COMPONENT: React TSX component
+ * Ensure successful implementation of TSX and validate the functionality with Jest tests
+ * Dependencies: jest (version 26.6.3), ts-jest (version ^26.4.2)
+ */
+type TestProps = {
+    text: string;
+};
+declare const TsTest: ({ text }: TestProps) => import("react/jsx-runtime").JSX.Element;
+export default TsTest;

package/types/components/theme/TsTest/TsTest.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/theme/Unauthorized/Unauthorized.d.ts

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

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

@@ -5,7 +5,7 @@ export default AlbumView;
  * @param {Object} content Content object.
  * @returns {string} Markup of the component.
  */
-declare class AlbumView {
+declare class AlbumView extends React.Component<any, any, any> {
     constructor(props: any);
     state: {
         openIndex: any;
@@ -13,10 +13,11 @@ declare class AlbumView {
     closeModal(): void;
     nextImage(): void;
     prevImage(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare namespace AlbumView {
     namespace propTypes {
         let content: any;
     }
 }
+import React from 'react';

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

@@ -1,4 +1,13 @@
-declare const _default: import("react").FC<import("react-intl").WithIntlProps<any>> & {
-    WrappedComponent: import("react").ComponentType<any>;
-};
-export default _default;
+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/components/theme/View/EventDatesInfo.d.ts

@@ -12,5 +12,5 @@ export function Recurrence_({ recurrence, start, moment: momentlib, rrule, }: {
     start: any;
     moment: any;
     rrule: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export const Recurrence: any;

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

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

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

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

package/types/components/theme/Widgets/ArrayWidget.d.ts

@@ -3,4 +3,4 @@ declare function ArrayWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/BooleanWidget.d.ts

@@ -1,4 +1,17 @@
-declare const _default: import("react").FC<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>> & {
-    WrappedComponent: import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<{
+    value: any;
+    children: any;
+    className: any;
+    intl: any;
+}, "intl"> & {
+    forwardedRef?: React.Ref<any>;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<{
+        value: any;
+        children: any;
+        className: any;
+        intl: any;
+    }>;
 };
 export default _default;
+import React from 'react';

package/types/components/theme/Widgets/DateWidget.d.ts

@@ -4,4 +4,4 @@ declare function DateWidget({ value, children, className, format }: {
     children: any;
     className: any;
     format?: string;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/DatetimeWidget.d.ts

@@ -4,4 +4,4 @@ declare function DatetimeWidget({ value, children, className, format }: {
     children: any;
     className: any;
     format?: string;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/DescriptionWidget.d.ts

@@ -3,4 +3,4 @@ declare function DescriptionWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/EmailWidget.d.ts

@@ -3,4 +3,4 @@ declare function EmailWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/FileWidget.d.ts

@@ -3,4 +3,4 @@ declare function FileWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/ImageWidget.d.ts

@@ -2,4 +2,4 @@ export default ImageWidget;
 declare function ImageWidget({ value, className }: {
     value: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/PasswordWidget.d.ts

@@ -3,4 +3,4 @@ declare function PasswordWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/RelationWidget.d.ts

@@ -3,4 +3,4 @@ declare function RelationWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/RelationsWidget.d.ts

@@ -3,4 +3,4 @@ declare function RelationsWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/RichTextWidget.d.ts

@@ -2,4 +2,4 @@ export default RichTextWidget;
 declare function RichTextWidget({ value, className }: {
     value: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/SelectWidget.d.ts

@@ -3,4 +3,4 @@ declare function SelectWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/TextWidget.d.ts

@@ -3,4 +3,4 @@ declare function TextWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/TitleWidget.d.ts

@@ -3,4 +3,4 @@ declare function TitleWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/TokenWidget.d.ts

@@ -3,4 +3,4 @@ declare function TokenWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/components/theme/Widgets/UrlWidget.d.ts

@@ -3,4 +3,4 @@ declare function UrlWidget({ value, children, className }: {
     value: any;
     children: any;
     className: any;
-}): "" | JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | "";

package/types/config/Blocks.d.ts

@@ -8,46 +8,14 @@ export namespace blocksConfig {
         namespace blocksConfig {
             namespace teaser {
                 export { gridTeaserDisableStylingSchema as schemaEnhancer };
-                export let id: string;
-                export let title: string;
-                export { imagesSVG as icon };
-                export let group: string;
-                export { TeaserViewBlock as view };
-                export { TeaserEditBlock as edit };
-                export let restricted: boolean;
-                export let mostUsed: boolean;
-                export let sidebarTab: number;
-                export { TeaserSchema as blockSchema };
-                export { TeaserBlockDataAdapter as dataAdapter };
-                export let variations: {
-                    id: string;
-                    isDefault: boolean;
-                    title: string;
-                    template: any;
-                }[];
             }
             namespace image {
                 export { gridImageDisableSizeAndPositionHandlersSchema as schemaEnhancer };
-                let id_1: string;
-                export { id_1 as id };
-                let title_1: string;
-                export { title_1 as title };
-                export { cameraSVG as icon };
-                let group_1: string;
-                export { group_1 as group };
-                export { ViewImageBlock as view };
-                export { EditImageBlock as edit };
-                export { ImageSettingsSchema as schema };
-                let restricted_1: boolean;
-                export { restricted_1 as restricted };
-                let mostUsed_1: boolean;
-                export { mostUsed_1 as mostUsed };
-                let sidebarTab_1: number;
-                export { sidebarTab_1 as sidebarTab };
-                export { getImageBlockSizes as getSizes };
             }
         }
     }
 }
 export const initialBlocks: {};
 export const initialBlocksFocus: {};
+import { gridTeaserDisableStylingSchema } from '@plone/volto/components/manage/Blocks/Teaser/schema';
+import { gridImageDisableSizeAndPositionHandlersSchema } from '@plone/volto/components/manage/Blocks/Image/schema';

package/types/config/Components.d.ts

@@ -9,3 +9,6 @@ export namespace components {
         export { Image as component };
     }
 }
+import { PreviewImage as PreviewImage_1 } from '@plone/volto/components';
+import { App as App_1 } from '@plone/volto/components';
+import { Image as Image_1 } from '@plone/volto/components';

package/types/config/ContentIcons.d.ts

@@ -1,9 +1,9 @@
 export const contentIcons: {
-    Document: any;
-    Folder: any;
-    'News Item': any;
-    Event: any;
-    Image: any;
-    File: any;
-    Link: any;
+    Document: string;
+    Folder: string;
+    'News Item': string;
+    Event: string;
+    Image: string;
+    File: string;
+    Link: string;
 };