@plone/volto 18.0.0-alpha.2 → 18.0.0-alpha.21

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;
+}): import("react/jsx-runtime").JSX.Element;

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/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,5 @@
-declare const _default: import("react").FC<import("react-intl").WithIntlProps<any>> & {
-    WrappedComponent: import("react").ComponentType<any>;
+declare const _default: React.FC<import("react-intl").WithIntlProps<any>> & {
+    WrappedComponent: React.ComponentType<any>;
 };
 export default _default;
+import React from 'react';

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;
 };

package/types/config/ControlPanels.d.ts

@@ -1,25 +1,25 @@
 export const controlPanelsIcons: {
-    default: any;
-    'dexterity-types': any;
-    'date-and-time': any;
-    language: any;
-    mail: any;
-    navigation: any;
-    site: any;
-    search: any;
-    socialmedia: any;
-    editing: any;
-    imaging: any;
-    markup: any;
-    'moderate-comments': any;
-    security: any;
-    users: any;
-    groups: any;
-    addons: any;
-    rules: any;
-    undo: any;
-    aliases: any;
-    relations: any;
+    default: string;
+    'dexterity-types': string;
+    'date-and-time': string;
+    language: string;
+    mail: string;
+    navigation: string;
+    site: string;
+    search: string;
+    socialmedia: string;
+    editing: string;
+    imaging: string;
+    markup: string;
+    'moderate-comments': string;
+    security: string;
+    users: string;
+    groups: string;
+    addons: string;
+    rules: string;
+    undo: string;
+    aliases: string;
+    relations: string;
 };
 export function filterControlPanels(controlpanels: any): any;
 export function filterControlPanelsSchema(controlpanel: any): any;

package/types/config/Loadables.d.ts

@@ -17,14 +17,4 @@ export namespace loadables {
     let reactDndHtml5Backend: any;
     let reactBeautifulDnd: any;
     let rrule: any;
-    let immutableLib: any;
-    let draftJs: any;
-    let draftJsLibIsSoftNewlineEvent: any;
-    let draftJsFilters: any;
-    let draftJsInlineToolbarPlugin: any;
-    let draftJsImportHtml: any;
-    let draftJsBlockBreakoutPlugin: any;
-    let draftJsCreateInlineStyleButton: any;
-    let draftJsCreateBlockStyleButton: any;
-    let draftJsPluginsUtils: any;
 }

package/types/config/RichTextEditor/ToHTML.d.ts

@@ -10,16 +10,16 @@ declare namespace renderers {
 declare namespace inline {
     function BOLD(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function ITALIC(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function UNDERLINE(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function CODE(children: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
 }
 /**
  * Note that children can be maped to render a list or do other cool stuff
@@ -31,7 +31,7 @@ declare const blocks: {
     atomic: (children: any) => any;
     blockquote: (children: any, { keys }: {
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     'header-one': (children: any, { keys }: {
         keys: any;
     }) => any;
@@ -52,15 +52,15 @@ declare const blocks: {
     }) => any;
     'code-block': (children: any, { keys }: {
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     'unordered-list-item': (children: any, { depth, keys }: {
         depth: any;
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     'ordered-list-item': (children: any, { depth, keys }: {
         depth: any;
         keys: any;
-    }) => JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     callout: (children: any, { keys }: {
         keys: any;
     }) => any;
@@ -68,8 +68,8 @@ declare const blocks: {
 declare namespace entities {
     function LINK(children: any, props: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     function IMAGE(children: any, entity: any, { key }: {
         key: any;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
 }