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

package/types/components/manage/Delete/Delete.d.ts

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

package/types/components/manage/Display/Display.d.ts

@@ -1,4 +1,2 @@
-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/manage/Edit/Edit.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/manage/Form/BlockDataForm.d.ts

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

package/types/components/manage/Form/BlocksToolbar.d.ts

@@ -1,4 +1,4 @@
-export class BlocksToolbarComponent {
+export class BlocksToolbarComponent extends React.Component<any, any, any> {
     constructor(props: any);
     copyBlocksToClipboard(): void;
     cutBlocksToClipboard(): void;
@@ -8,7 +8,8 @@ export class BlocksToolbarComponent {
     setBlocksClipboard(actionType: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 declare const _default: any;
 export default _default;
+import React from 'react';

package/types/components/manage/Form/Field.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/manage/Form/Form.d.ts

@@ -1,4 +1,2 @@
-declare const _default: import("react-redux").ConnectedComponent<import("react").ForwardRefExoticComponent<Pick<import("react-intl").WithIntlProps<any>, string | number | symbol> & import("react").RefAttributes<any>> & {
-    WrappedComponent: import("react").ComponentType<any>;
-}, import("react-redux").Omit<Pick<import("react-intl").WithIntlProps<any>, string | number | symbol> & import("react").RefAttributes<any>, "setSidebarTab">>;
+declare const _default: any;
 export default _default;

package/types/components/manage/Form/InlineForm.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("react-intl").WithIntlProps<any>, string | number | symbol> & import("react").RefAttributes<any>> & {
-    WrappedComponent: import("react").ComponentType<any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<any>, "ref"> & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<any>;
 };
 export default _default;
+import React from 'react';

package/types/components/manage/Form/ModalForm.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/manage/Form/UndoToolbar.d.ts

@@ -4,4 +4,4 @@ declare function UndoToolbar({ state, onUndoRedo, maxUndoLevels, enableHotKeys }
     onUndoRedo: any;
     maxUndoLevels: any;
     enableHotKeys: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/History/History.d.ts

@@ -1,4 +1,2 @@
-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/manage/LinkDetectionPlugin/link-detection-plugin.d.ts

@@ -5,7 +5,7 @@ export default createLinkDetectionPlugin;
 declare function createLinkDetectionPlugin(): {
     decorators: {
         strategy: (contentBlock: any, callback: any, contentState: any) => void;
-        component: (props: any) => JSX.Element;
+        component: (props: any) => import("react/jsx-runtime").JSX.Element;
     }[];
     onChange: (editorState: any) => any;
 };

package/types/components/manage/LinkMore/LinkMore.d.ts

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

package/types/components/manage/LinksToItem/LinksToItem.d.ts

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

package/types/components/manage/Messages/Messages.d.ts

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

package/types/components/manage/Multilingual/CompareLanguages.d.ts

@@ -1,2 +1,3 @@
 export default CompareLanguages;
-declare const CompareLanguages: any;
+declare const CompareLanguages: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/types/components/manage/Multilingual/CreateTranslation.d.ts

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

package/types/components/manage/Multilingual/ManageTranslations.d.ts

@@ -1,2 +1,42 @@
-declare const _default: any;
+declare const _default: {
+    new (): {
+        state: {
+            isObjectBrowserOpen: boolean;
+        };
+        openObjectBrowser: ({ mode, onSelectItem, dataName, overlay, propDataName, searchableTypes, selectableTypes, maximumSelectionSize, currentPath, }?: {
+            mode: string;
+            dataName: string;
+            onSelectItem: string;
+            overlay: string;
+        }) => void;
+        closeObjectBrowser: () => void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    defaultProps: {
+        onChangeBlock: () => void;
+        data: {};
+        block: string;
+    };
+    contextType?: React.Context<any>;
+};
 export default _default;
+import React from 'react';

package/types/components/manage/Multilingual/TranslationObject.d.ts

@@ -6,4 +6,4 @@ declare function TranslationObject({ translationObject, schema, pathname, visual
     visual: any;
     isFormSelected: any;
     onSelectForm: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Pluggable/Pluggable.stories.d.ts

@@ -4,12 +4,12 @@ declare namespace _default {
     export namespace parameters {
         let componentSubtitle: string;
         namespace docs {
-            function page(): JSX.Element;
+            function page(): import("react/jsx-runtime").JSX.Element;
         }
     }
 }
 export default _default;
-export function Simple(args: any): JSX.Element;
+export function Simple(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace Simple {
     export namespace parameters_1 {
         export namespace docs_1 {
@@ -24,7 +24,7 @@ export namespace Simple {
     }
     export { parameters_1 as parameters };
 }
-export function Override(args: any): JSX.Element;
+export function Override(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace Override {
     export namespace parameters_2 {
         export namespace docs_2 {
@@ -43,7 +43,7 @@ export namespace Override {
     }
     export { parameters_2 as parameters };
 }
-export function UsingCreatePluggableAndPlug(args: any): JSX.Element;
+export function UsingCreatePluggableAndPlug(args: any): import("react/jsx-runtime").JSX.Element;
 export namespace UsingCreatePluggableAndPlug {
     export let storyName: string;
     export namespace parameters_3 {

package/types/components/manage/Pluggable/index.d.ts

@@ -11,10 +11,16 @@ export function usePlug({ pluggable, id, renderer, dependencies, options }: {
     options: any;
 }): void;
 export function createPluggable(name: any): {
-    (props: any): any;
+    (props: any): React.FunctionComponentElement<any>;
     pluggableName: any;
     Plug: {
-        (props: any): any;
+        (props: any): React.FunctionComponentElement<{
+            [x: string]: any;
+            pluggable: any;
+            id: any;
+            dependencies?: any[];
+            children: any;
+        }>;
         displayName: string;
     };
 };
@@ -22,17 +28,29 @@ export function createPluggable(name: any): {
  * Creates a Pluggable + Plug pair
  */
 export function createPluggableAndPlug(name: any): ({
-    (props: any): any;
+    (props: any): React.FunctionComponentElement<any>;
     pluggableName: any;
     Plug: {
-        (props: any): any;
+        (props: any): React.FunctionComponentElement<{
+            [x: string]: any;
+            pluggable: any;
+            id: any;
+            dependencies?: any[];
+            children: any;
+        }>;
         displayName: string;
     };
 } | {
-    (props: any): any;
+    (props: any): React.FunctionComponentElement<{
+        [x: string]: any;
+        pluggable: any;
+        id: any;
+        dependencies?: any[];
+        children: any;
+    }>;
     displayName: string;
 })[];
-export const context: any;
+export const context: React.Context<any>;
 export function Plug({ pluggable, id, dependencies, children, ...options }: {
     [x: string]: any;
     pluggable: any;
@@ -42,5 +60,6 @@ export function Plug({ pluggable, id, dependencies, children, ...options }: {
 }): any;
 export function PluggablesProvider({ children }: {
     children: any;
-}): any;
+}): React.FunctionComponentElement<React.ProviderProps<any>>;
 export default Pluggable;
+import React from 'react';

package/types/components/manage/Sidebar/AlignBlock.d.ts

@@ -5,4 +5,4 @@ declare function AlignBlock({ align, onChangeBlock, data, block, actions, }: {
     data: any;
     block: any;
     actions?: string[];
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Sidebar/ObjectBrowser.d.ts

@@ -36,9 +36,28 @@ declare function withObjectBrowser(WrappedComponent: any): {
             dataName: string;
             onSelectItem: string;
             overlay: string;
-        }) => any;
-        closeObjectBrowser: () => any;
-        render(): JSX.Element;
+        }) => void;
+        closeObjectBrowser: () => void;
+        render(): import("react/jsx-runtime").JSX.Element;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
     };
     /**
      * Default properties
@@ -50,4 +69,6 @@ declare function withObjectBrowser(WrappedComponent: any): {
         data: {};
         block: string;
     };
+    contextType?: React.Context<any>;
 };
+import React from 'react';

package/types/components/manage/Sidebar/ObjectBrowserNav.d.ts

@@ -7,4 +7,4 @@ declare function ObjectBrowserNav({ currentSearchResults, selected, handleClickO
     mode: any;
     navigateTo: any;
     isSelectable: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Sidebar/Sidebar.d.ts

@@ -1,6 +1,7 @@
-declare const _default: import("react").ComponentType<{
+declare const _default: React.ComponentType<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
 }>;
 export default _default;
+import React from 'react';

package/types/components/manage/Sidebar/SidebarPopup.d.ts

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

package/types/components/manage/Sidebar/SidebarPortal.d.ts

@@ -1,15 +1,16 @@
 export default SidebarPortal;
 /**
  * Portal that wraps Sidebar components
- * @param {Array} children Sidebar content
+ * @param {React.ReactNode} children Sidebar content
  * @param {bool} selected Sidebar needs to know when the related block is selected
  * @param {string} tab Element id where to insert sidebar content, default: sidebar-properties
  * @returns {string} Rendered sidebar
  */
-declare function SidebarPortal({ children, selected, tab }: any[]): string;
+declare function SidebarPortal({ children, selected, tab }: React.ReactNode): string;
 declare namespace SidebarPortal {
     namespace propTypes {
         let children: any;
         let selected: any;
     }
 }
+import React from 'react';

package/types/components/manage/TemplateChooser/TemplateChooser.d.ts

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

package/types/components/manage/TextLineEdit/TextLineEdit.d.ts

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

package/types/components/manage/TextLineEdit/TextLineEdit.stories.d.ts

@@ -10,7 +10,7 @@ export const H3: any;
 declare namespace _default {
     export let title: string;
     export { TextLineEdit 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/manage/Toast/Toast.d.ts

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

package/types/components/manage/Toolbar/More.d.ts

@@ -1,4 +1,5 @@
-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: React.ForwardRefExoticComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & React.RefAttributes<React.ComponentType<import("react-intl").WrappedComponentProps<string>>>> & {
+    WrappedComponent: React.ComponentType<import("react-intl").WrappedComponentProps<string>>;
 };
 export default _default;
+import React from 'react';

package/types/components/manage/Toolbar/PersonalTools.d.ts

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

package/types/components/manage/Toolbar/StandardWrapper.d.ts

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

package/types/components/manage/Toolbar/Stats.d.ts

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

package/types/components/manage/Toolbar/Types.d.ts

@@ -1,21 +1,2 @@
-declare const _default: import("react-redux").ConnectedComponent<{
-    ({ types, pathname, content, currentLanguage }: {
-        types: any;
-        pathname: any;
-        content: any;
-        currentLanguage: any;
-    }): JSX.Element;
-    propTypes: {
-        pathname: any;
-        types: any;
-    };
-}, import("react-redux").Omit<Pick<{
-    types: any;
-    pathname: any;
-    content: any;
-    currentLanguage: any;
-}, never> & Pick<import("prop-types").InferProps<{
-    pathname: any;
-    types: any;
-}>, any>, "types" | "currentLanguage">>;
+declare const _default: any;
 export default _default;

package/types/components/manage/UniversalLink/UniversalLink.d.ts

@@ -8,7 +8,7 @@ declare function UniversalLink({ href, item, openLinkInNewTab, download, childre
     children: any;
     className?: any;
     title?: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace UniversalLink {
     namespace propTypes {
         let href: any;

package/types/components/manage/Widgets/AlignWidget.d.ts

@@ -9,4 +9,4 @@ export function defaultActionsInfo({ intl }: {
     full: any[];
 };
 export default AlignWidget;
-declare function AlignWidget(props: any): JSX.Element;
+declare function AlignWidget(props: any): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Widgets/AlignWidget.stories.d.ts

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

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

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

package/types/components/manage/Widgets/ArrayWidget.stories.d.ts

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

package/types/components/manage/Widgets/ButtonsWidget.d.ts

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

package/types/components/manage/Widgets/ButtonsWidget.stories.d.ts

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

package/types/components/manage/Widgets/CheckboxWidget.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/manage/Widgets/CheckboxWidget.stories.d.ts

@@ -2,7 +2,7 @@ export const Checkbox: any;
 declare namespace _default {
     export let title: string;
     export { CheckboxWidget 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/manage/Widgets/ColorPickerWidget.d.ts

@@ -1,22 +1,22 @@
+type Color = {
+    name: string;
+    label: string;
+    style: Record<`--${string}`, string>;
+} | {
+    name: string;
+    label: string;
+    style: undefined;
+};
+export type ColorPickerWidgetProps = {
+    id: string;
+    title: string;
+    value: string;
+    default: string;
+    required: boolean;
+    missing_value: unknown;
+    className: string;
+    onChange: (id: string, value: any) => void;
+    colors: Color[];
+};
+declare const ColorPickerWidget: (props: ColorPickerWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export default ColorPickerWidget;
-declare function ColorPickerWidget(props: any): JSX.Element;
-declare namespace ColorPickerWidget {
-    namespace propTypes {
-        let id: any;
-        let title: any;
-        let required: any;
-        let value: any;
-        let onChange: any;
-        let colors: any;
-    }
-    namespace defaultProps {
-        let required_1: boolean;
-        export { required_1 as required };
-        let value_1: any;
-        export { value_1 as value };
-        let onChange_1: any;
-        export { onChange_1 as onChange };
-        let colors_1: any[];
-        export { colors_1 as colors };
-    }
-}

package/types/components/manage/Widgets/ColorPickerWidget.stories.d.ts

@@ -1,8 +1,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 argTypes: {};
-}
-export default _default;
+import ColorPickerWidget from './ColorPickerWidget';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof ColorPickerWidget>;
+export default meta;
+type Story = StoryObj<typeof ColorPickerWidget>;
+export declare const Default: Story;
+export declare const WithEnhancedStyleConfig: Story;