@plone/volto 18.0.0-alpha.26 → 18.0.0-alpha.28

package/src/components/manage/Workflow/Workflow.test.jsx

@@ -1,13 +1,14 @@
 import React from 'react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
-import { waitFor, render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import config from '@plone/volto/registry';
 
 import Workflow from './Workflow';
 
 const mockStore = configureStore();
 
+jest.mock('@plone/volto/components/manage/Widgets');
 jest.mock('@plone/volto/helpers/Loadable/Loadable');
 beforeAll(
   async () =>
@@ -46,7 +47,6 @@ describe('Workflow', () => {
         <Workflow pathname="/test" />
       </Provider>,
     );
-    await waitFor(() => screen.getByText(/Published/));
     expect(container).toMatchSnapshot();
   });
 
@@ -70,7 +70,6 @@ describe('Workflow', () => {
         <Workflow pathname="/test" />
       </Provider>,
     );
-    await waitFor(() => screen.getByText('Private'));
     expect(container).toMatchSnapshot();
   });
 });

package/src/components/theme/Comments/CommentEditModal.jsx

@@ -5,7 +5,7 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import { usePrevious } from '@plone/volto/helpers';
 import { updateComment } from '@plone/volto/actions';
-import { ModalForm } from '@plone/volto/components';
+import { ModalForm } from '@plone/volto/components/manage/Form';
 
 const messages = defineMessages({
   editComment: {

package/src/components/theme/Comments/CommentEditModal.test.jsx

@@ -7,9 +7,7 @@ import CommentEditModal from './CommentEditModal';
 
 const mockStore = configureStore();
 
-jest.mock('../../manage/Form/ModalForm', () =>
-  jest.fn(() => <div id="modalform" />),
-);
+jest.mock('@plone/volto/components/manage/Form');
 
 describe('CommentEditModal', () => {
   it('renders a comment edit modal component', () => {

package/src/components/theme/Comments/Comments.jsx

@@ -13,7 +13,9 @@ import {
   listComments,
   listMoreComments,
 } from '@plone/volto/actions';
-import { Avatar, CommentEditModal, Form } from '@plone/volto/components';
+import { Avatar } from '@plone/volto/components';
+import { Form } from '@plone/volto/components/manage/Form';
+import { CommentEditModal } from '@plone/volto/components/theme/Comments';
 import {
   flattenToAppURL,
   getBaseUrl,

package/src/components/theme/Comments/Comments.test.jsx

@@ -15,6 +15,8 @@ jest.mock('moment', () =>
 );
 
 jest.mock('@plone/volto/helpers/Loadable/Loadable');
+jest.mock('@plone/volto/components/manage/Form');
+
 beforeAll(
   async () =>
     await require('@plone/volto/helpers/Loadable/Loadable').__setLoadables(),

package/src/components/theme/Comments/__mocks__/index.tsx

@@ -0,0 +1 @@
+export const CommentEditModal = () => <div id="modal" />;

package/src/components/theme/Comments/index.tsx

@@ -0,0 +1,5 @@
+import loadable from '@loadable/component';
+
+export const CommentEditModal = loadable(
+  () => import('@plone/volto/components/theme/Comments/CommentEditModal'),
+);

package/src/components/theme/ContactForm/ContactForm.jsx

@@ -7,7 +7,8 @@ import { toast } from 'react-toastify';
 
 import { emailNotification } from '@plone/volto/actions';
 import { useDispatch, useSelector } from 'react-redux';
-import { Form, Toolbar, Toast } from '@plone/volto/components';
+import { Toolbar, Toast } from '@plone/volto/components';
+import { Form } from '@plone/volto/components/manage/Form';
 import { getBaseUrl, Helmet, usePrevious } from '@plone/volto/helpers';
 import { useClient } from '@plone/volto/hooks';
 

package/src/components/theme/ContactForm/ContactForm.test.jsx

@@ -9,6 +9,8 @@ jest.mock('../../manage/Toolbar/Toolbar', () =>
   jest.fn(() => <div id="Portal" />),
 );
 
+jest.mock('@plone/volto/components/manage/Form');
+
 const mockStore = configureStore();
 describe('Contact form', () => {
   it('renders a contact form', () => {

package/src/components/theme/PasswordReset/PasswordReset.jsx

@@ -12,7 +12,7 @@ import { Helmet } from '@plone/volto/helpers';
 import { Container } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
 
-import { Form } from '@plone/volto/components';
+import { Form } from '@plone/volto/components/manage/Form';
 import { setInitialPassword } from '@plone/volto/actions';
 import config from '@plone/volto/registry';
 

package/src/components/theme/PasswordReset/RequestPasswordReset.jsx

@@ -5,7 +5,7 @@ import { Container } from 'semantic-ui-react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
 import { Helmet, usePrevious } from '@plone/volto/helpers';
-import { Form } from '@plone/volto/components';
+import { Form } from '@plone/volto/components/manage/Form';
 import { resetPassword } from '@plone/volto/actions';
 import config from '@plone/volto/registry';
 

package/src/components/theme/PasswordReset/RequestPasswordReset.test.jsx

@@ -6,6 +6,8 @@ import { MemoryRouter } from 'react-router-dom';
 
 import RequestPasswordReset from './RequestPasswordReset';
 
+jest.mock('@plone/volto/components/manage/Form');
+
 const mockStore = configureStore();
 
 describe('RequestPasswordReset', () => {

package/src/components/theme/Register/Register.jsx

@@ -12,7 +12,8 @@ import PropTypes from 'prop-types';
 import { withRouter } from 'react-router-dom';
 import { toast } from 'react-toastify';
 
-import { Form, Toast } from '@plone/volto/components';
+import { Toast } from '@plone/volto/components';
+import { Form } from '@plone/volto/components/manage/Form';
 import { createUser } from '@plone/volto/actions';
 
 const messages = defineMessages({

package/src/components/theme/Register/Register.test.jsx

@@ -6,6 +6,8 @@ import { MemoryRouter } from 'react-router-dom';
 
 import Register from './Register';
 
+jest.mock('@plone/volto/components/manage/Form');
+
 const mockStore = configureStore();
 
 describe('Register', () => {

package/src/config/ControlPanels.js

@@ -44,7 +44,7 @@ export const controlPanelsIcons = {
   relations: relationsSVG,
 };
 
-export const filterControlPanels = (controlpanels) => {
+export const filterControlPanels = (controlpanels = []) => {
   const HIDDEN_CONTROL_PANELS = ['markup', 'content-rules'];
 
   return controlpanels.filter(

package/src/config/Widgets.jsx

@@ -1,39 +1,36 @@
-// The Widgets are forced to be imported not from the index but from its own
-// full path due to circular import issues
-
-import loadable from '@loadable/component';
-
-import AlignWidget from '@plone/volto/components/manage/Widgets/AlignWidget';
-import ButtonsWidget from '@plone/volto/components/manage/Widgets/ButtonsWidget';
-import ArrayWidget from '@plone/volto/components/manage/Widgets/ArrayWidget';
-import CheckboxWidget from '@plone/volto/components/manage/Widgets/CheckboxWidget';
-import FileWidget from '@plone/volto/components/manage/Widgets/FileWidget';
-import IdWidget from '@plone/volto/components/manage/Widgets/IdWidget';
-import PasswordWidget from '@plone/volto/components/manage/Widgets/PasswordWidget';
-import QueryWidget from '@plone/volto/components/manage/Widgets/QueryWidget';
-import QuerySortOnWidget from '@plone/volto/components/manage/Widgets/QuerySortOnWidget';
-import QuerystringWidget from '@plone/volto/components/manage/Widgets/QuerystringWidget';
-import SchemaWidget from '@plone/volto/components/manage/Widgets/SchemaWidget';
-import SelectWidget from '@plone/volto/components/manage/Widgets/SelectWidget';
-import TextareaWidget from '@plone/volto/components/manage/Widgets/TextareaWidget';
-import TextWidget from '@plone/volto/components/manage/Widgets/TextWidget';
-import TokenWidget from '@plone/volto/components/manage/Widgets/TokenWidget';
-import UrlWidget from '@plone/volto/components/manage/Widgets/UrlWidget';
-import InternalUrlWidget from '@plone/volto/components/manage/Widgets/InternalUrlWidget';
-import EmailWidget from '@plone/volto/components/manage/Widgets/EmailWidget';
-import NumberWidget from '@plone/volto/components/manage/Widgets/NumberWidget';
-import ImageSizeWidget from '@plone/volto/components/manage/Widgets/ImageSizeWidget';
-import RegistryImageWidget from '@plone/volto/components/manage/Widgets/RegistryImageWidget';
-
-import ReferenceWidget from '@plone/volto/components/manage/Widgets/ReferenceWidget';
-import ObjectBrowserWidget from '@plone/volto/components/manage/Widgets/ObjectBrowserWidget';
-
-import ObjectWidget from '@plone/volto/components/manage/Widgets/ObjectWidget';
-import ObjectListWidget from '@plone/volto/components/manage/Widgets/ObjectListWidget';
-import VocabularyTermsWidget from '@plone/volto/components/manage/Widgets/VocabularyTermsWidget';
-import SelectMetadataWidget from '@plone/volto/components/manage/Blocks/Search/widgets/SelectMetadataField';
-import SelectAutoComplete from '@plone/volto/components/manage/Widgets/SelectAutoComplete';
-import ColorPickerWidget from '@plone/volto/components/manage/Widgets/ColorPickerWidget';
+import {
+  AlignWidget,
+  ButtonsWidget,
+  ArrayWidget,
+  CheckboxWidget,
+  FileWidget,
+  IdWidget,
+  PasswordWidget,
+  QueryWidget,
+  QuerySortOnWidget,
+  QuerystringWidget,
+  SchemaWidget,
+  SelectWidget,
+  TextareaWidget,
+  TextWidget,
+  TokenWidget,
+  UrlWidget,
+  InternalUrlWidget,
+  EmailWidget,
+  NumberWidget,
+  ImageSizeWidget,
+  RegistryImageWidget,
+  ReferenceWidget,
+  ObjectBrowserWidget,
+  ObjectWidget,
+  ObjectListWidget,
+  VocabularyTermsWidget,
+  SelectMetadataWidget,
+  SelectAutoComplete,
+  ColorPickerWidget,
+  DatetimeWidget,
+  RecurrenceWidget,
+} from '@plone/volto/components/manage/Widgets';
 
 import ArrayViewWidget from '@plone/volto/components/theme/Widgets/ArrayWidget';
 import BooleanViewWidget from '@plone/volto/components/theme/Widgets/BooleanWidget';
@@ -54,16 +51,6 @@ import TitleViewWidget from '@plone/volto/components/theme/Widgets/TitleWidget';
 import TokenViewWidget from '@plone/volto/components/theme/Widgets/TokenWidget';
 import UrlViewWidget from '@plone/volto/components/theme/Widgets/UrlWidget';
 
-export const DatetimeWidget = loadable(
-  () => import('@plone/volto/components/manage/Widgets/DatetimeWidget'),
-);
-export const RecurrenceWidget = loadable(
-  () =>
-    import(
-      '@plone/volto/components/manage/Widgets/RecurrenceWidget/RecurrenceWidget'
-    ),
-);
-
 // Widgets mapping
 export const widgetMapping = {
   id: {

package/src/reducers/navigation/navigation.js

@@ -31,9 +31,8 @@ const initialState = {
  */
 function getRecursiveItems(items) {
   return map(items, (item) => ({
-    title: item.title,
-    description: item.description,
     url: flattenToAppURL(item['@id']),
+    ...item,
     ...(item.items && { items: getRecursiveItems(item.items) }),
   }));
 }

package/src/reducers/navigation/navigation.test.js

@@ -49,6 +49,7 @@ describe('Navigation reducer', () => {
       error: null,
       items: [
         {
+          '@id': 'http://localhost:8080/Plone/front-page',
           title: 'Welcome to Plone!',
           description:
             'Congratulations! You have successfully installed Plone.',
@@ -91,17 +92,20 @@ describe('Navigation reducer', () => {
       error: null,
       items: [
         {
+          '@id': 'http://localhost:8080/Plone/front-page',
           title: 'Welcome to Plone!',
           description:
             'Congratulations! You have successfully installed Plone.',
           url: '/front-page',
         },
         {
+          '@id': 'http://localhost:8080/Plone/folder1',
           title: 'Folder1',
           description: 'Folder description',
           url: '/folder1',
           items: [
             {
+              '@id': 'http://localhost:8080/Plone/folderinfolder1',
               title: 'FolderInFolder1',
               description: 'Sub-folder description',
               url: '/folderinfolder1',
@@ -162,6 +166,7 @@ describe('Navigation reducer (NAVIGATION)GET_CONTENT', () => {
       error: null,
       items: [
         {
+          '@id': 'http://localhost:8080/Plone/front-page',
           title: 'Welcome to Plone!',
           description:
             'Congratulations! You have successfully installed Plone.',
@@ -192,6 +197,7 @@ describe('Navigation reducer (NAVIGATION)GET_CONTENT', () => {
       error: null,
       items: [
         {
+          '@id': 'http://localhost:8080/Plone/front-page',
           title: 'Welcome to Plone!',
           description:
             'Congratulations! You have successfully installed Plone.',

package/src/routes.js

@@ -6,19 +6,10 @@ import debug from 'debug';
 import { compact } from 'lodash';
 import {
   Add,
-  AddonsControlpanel,
   Aliases,
   ChangePassword,
   ContactForm,
-  Contents,
-  ContentType,
-  ContentTypeLayout,
-  ContentTypeSchema,
-  ContentTypes,
-  Controlpanel,
-  Controlpanels,
   CreateTranslation,
-  DatabaseInformation,
   Delete,
   Diff,
   Edit,
@@ -27,28 +18,39 @@ import {
   Login,
   Logout,
   ManageTranslations,
-  ModerateComments,
   NotFound,
   PasswordReset,
-  Relations,
   Register,
-  Rules,
   RequestPasswordReset,
   Search,
   Sharing,
   Sitemap,
-  AliasesControlpanel,
-  UndoControlpanel,
-  UsersControlpanel,
-  UserGroupMembershipControlPanel,
-  GroupsControlpanel,
+  PersonalInformation,
+} from '@plone/volto/components';
+import { Contents } from '@plone/volto/components/manage/Contents';
+import { Rules } from '@plone/volto/components/manage/Rules';
+import {
   RulesControlpanel,
   AddRuleControlpanel,
   EditRuleControlpanel,
   ConfigureRuleControlpanel,
+  UsersControlpanel,
+  UserGroupMembershipControlPanel,
+  GroupsControlpanel,
+  AddonsControlpanel,
+  AliasesControlpanel,
+  ContentType,
+  ContentTypeLayout,
+  ContentTypeSchema,
+  ContentTypes,
+  Controlpanel,
+  Controlpanels,
+  DatabaseInformation,
+  ModerateComments,
+  RelationsControlpanel,
+  UndoControlpanel,
   UpgradeControlPanel,
-  PersonalInformation,
-} from '@plone/volto/components';
+} from '@plone/volto/components/manage/Controlpanels';
 
 // Deliberatelly use of absolute path of these components, since we do not want them
 // in the components/index.js file.
@@ -228,7 +230,7 @@ export const defaultRoutes = [
   },
   {
     path: '/controlpanel/relations',
-    component: Relations,
+    component: RelationsControlpanel,
   },
   {
     path: '/controlpanel/:id',

package/theme/themes/pastanaga/elements/input.overrides

@@ -98,9 +98,11 @@ of an error is present, it overrides a default from SemanticUI grid definitions.
     &.clear-search-button {
       //needed for focus
       margin-left: 0.1em;
+
       svg.icon {
         margin: auto;
       }
+
       &:focus,
       &:hover {
         -webkit-box-shadow: none;

package/types/components/index.d.ts

@@ -46,45 +46,22 @@ export { default as CompareLanguages } from "@plone/volto/components/manage/Mult
 export { default as FileView } from "@plone/volto/components/theme/View/FileView";
 export { default as ImageView } from "@plone/volto/components/theme/View/ImageView";
 export { default as NewsItemView } from "@plone/volto/components/theme/View/NewsItemView";
-export const EventView: any;
+export const EventView: import("@loadable/component").LoadableComponent<any>;
 export { default as ListingView } from "@plone/volto/components/theme/View/ListingView";
 export { default as SummaryView } from "@plone/volto/components/theme/View/SummaryView";
 export { default as TabularView } from "@plone/volto/components/theme/View/TabularView";
 export { default as AlbumView } from "@plone/volto/components/theme/View/AlbumView";
 export { default as Actions } from "@plone/volto/components/manage/Actions/Actions";
 export { default as Add } from "@plone/volto/components/manage/Add/Add";
-export { default as AddonsControlpanel } from "@plone/volto/components/manage/Controlpanels/AddonsControlpanel";
-export { default as UndoControlpanel } from "@plone/volto/components/manage/Controlpanels/UndoControlpanel";
-export { default as Contents } from "@plone/volto/components/manage/Contents/Contents";
 export { default as Circle } from "@plone/volto/components/manage/Contents/circle";
-export { default as DatabaseInformation } from "@plone/volto/components/manage/Controlpanels/DatabaseInformation";
-export { default as Controlpanel } from "@plone/volto/components/manage/Controlpanels/Controlpanel";
-export { default as Controlpanels } from "@plone/volto/components/manage/Controlpanels/Controlpanels";
-export { default as AliasesControlpanel } from "@plone/volto/components/manage/Controlpanels/Aliases";
-export { default as ContentTypes } from "@plone/volto/components/manage/Controlpanels/ContentTypes";
-export { default as ContentType } from "@plone/volto/components/manage/Controlpanels/ContentType";
-export { default as ContentTypeLayout } from "@plone/volto/components/manage/Controlpanels/ContentTypeLayout";
-export { default as ContentTypeSchema } from "@plone/volto/components/manage/Controlpanels/ContentTypeSchema";
-export { default as ContentTypesActions } from "@plone/volto/components/manage/Controlpanels/ContentTypesActions";
-export { default as UsersControlpanel } from "@plone/volto/components/manage/Controlpanels/Users/UsersControlpanel";
-export { default as UserGroupMembershipControlPanel } from "@plone/volto/components/manage/Controlpanels/Users/UserGroupMembershipControlPanel";
-export { default as Relations } from "@plone/volto/components/manage/Controlpanels/Relations/Relations";
-export { default as GroupsControlpanel } from "@plone/volto/components/manage/Controlpanels/Groups/GroupsControlpanel";
-export { default as RulesControlpanel } from "@plone/volto/components/manage/Controlpanels/Rules/Rules";
-export { default as AddRuleControlpanel } from "@plone/volto/components/manage/Controlpanels/Rules/AddRule";
-export { default as EditRuleControlpanel } from "@plone/volto/components/manage/Controlpanels/Rules/EditRule";
-export { default as ConfigureRuleControlpanel } from "@plone/volto/components/manage/Controlpanels/Rules/ConfigureRule";
-export { default as UpgradeControlPanel } from "@plone/volto/components/manage/Controlpanels/UpgradeControlPanel";
-export { default as ModerateComments } from "@plone/volto/components/manage/Controlpanels/ModerateComments";
-export { default as VersionOverview } from "@plone/volto/components/manage/Controlpanels/VersionOverview";
 export { default as Delete } from "@plone/volto/components/manage/Delete/Delete";
-export { default as Diff } from "@plone/volto/components/manage/Diff/Diff";
+export const Diff: import("@loadable/component").LoadableClassComponent<any>;
+export const DiffField: import("@loadable/component").LoadableClassComponent<any>;
 export { default as Display } from "@plone/volto/components/manage/Display/Display";
 export { default as Edit } from "@plone/volto/components/manage/Edit/Edit";
-export { default as ModalForm } from "@plone/volto/components/manage/Form/ModalForm";
 export { default as History } from "@plone/volto/components/manage/History/History";
 export { default as Sharing } from "@plone/volto/components/manage/Sharing/Sharing";
-export { default as Rules } from "@plone/volto/components/manage/Rules/Rules";
+export const Rules: import("@loadable/component").LoadableClassComponent<any>;
 export { default as Aliases } from "@plone/volto/components/manage/Aliases/Aliases";
 export { default as LinksToItem } from "@plone/volto/components/manage/LinksToItem/LinksToItem";
 export { default as Workflow } from "@plone/volto/components/manage/Workflow/Workflow";
@@ -100,43 +77,11 @@ export { default as More } from "@plone/volto/components/manage/Toolbar/More";
 export { default as Types } from "@plone/volto/components/manage/Toolbar/Types";
 export { default as Toast } from "@plone/volto/components/manage/Toast/Toast";
 export { default as ManageTranslations } from "@plone/volto/components/manage/Multilingual/ManageTranslations";
-export { default as Form } from "@plone/volto/components/manage/Form/Form";
-export { default as BlocksToolbar } from "@plone/volto/components/manage/Form/BlocksToolbar";
-export { default as UndoToolbar } from "@plone/volto/components/manage/Form/UndoToolbar";
-export { default as Field } from "@plone/volto/components/manage/Form/Field";
 export { default as SearchTags } from "@plone/volto/components/theme/Search/SearchTags";
-export { default as CommentEditModal } from "@plone/volto/components/theme/Comments/CommentEditModal";
-export { default as ContentsBreadcrumbs } from "@plone/volto/components/manage/Contents/ContentsBreadcrumbs";
-export { default as ContentsIndexHeader } from "@plone/volto/components/manage/Contents/ContentsIndexHeader";
-export { default as ContentsItem } from "@plone/volto/components/manage/Contents/ContentsItem";
-export { default as ContentsUploadModal } from "@plone/volto/components/manage/Contents/ContentsUploadModal";
-export { default as ContentsPropertiesModal } from "@plone/volto/components/manage/Contents/ContentsPropertiesModal";
-export { default as ContentsRenameModal } from "@plone/volto/components/manage/Contents/ContentsRenameModal";
-export { default as ContentsWorkflowModal } from "@plone/volto/components/manage/Contents/ContentsWorkflowModal";
-export { default as ContentsTagsModal } from "@plone/volto/components/manage/Contents/ContentsTagsModal";
-export { default as RenderUsers } from "@plone/volto/components/manage/Controlpanels/Users/RenderUsers";
-export { default as RenderGroups } from "@plone/volto/components/manage/Controlpanels/Groups/RenderGroups";
-export { default as DiffField } from "@plone/volto/components/manage/Diff/DiffField";
+export { CommentEditModal } from "@plone/volto/components/theme/Comments";
 export { default as DragDropList } from "@plone/volto/components/manage/DragDropList/DragDropList";
-export { default as InlineForm } from "@plone/volto/components/manage/Form/InlineForm";
-export { default as BlocksForm } from "@plone/volto/components/manage/Blocks/Block/BlocksForm";
-export { default as BlockDataForm } from "@plone/volto/components/manage/Form/BlockDataForm";
-export { default as FormFieldWrapper } from "@plone/volto/components/manage/Widgets/FormFieldWrapper";
-export { default as ArrayWidget } from "@plone/volto/components/manage/Widgets/ArrayWidget";
-export { default as CheckboxWidget } from "@plone/volto/components/manage/Widgets/CheckboxWidget";
-export const DatetimeWidget: any;
-export const RecurrenceWidget: any;
-export { default as FileWidget } from "@plone/volto/components/manage/Widgets/FileWidget";
-export { default as IdWidget } from "@plone/volto/components/manage/Widgets/IdWidget";
-export { default as PasswordWidget } from "@plone/volto/components/manage/Widgets/PasswordWidget";
-export { default as ReferenceWidget } from "@plone/volto/components/manage/Widgets/ReferenceWidget";
-export { default as SchemaWidget } from "@plone/volto/components/manage/Widgets/SchemaWidget";
-export { default as SchemaWidgetFieldset } from "@plone/volto/components/manage/Widgets/SchemaWidgetFieldset";
-export { default as SelectWidget } from "@plone/volto/components/manage/Widgets/SelectWidget";
-export { default as TextareaWidget } from "@plone/volto/components/manage/Widgets/TextareaWidget";
-export { default as TextWidget } from "@plone/volto/components/manage/Widgets/TextWidget";
-export { default as ObjectWidget } from "@plone/volto/components/manage/Widgets/ObjectWidget";
-export { default as ObjectListWidget } from "@plone/volto/components/manage/Widgets/ObjectListWidget";
+export const SchemaWidgetFieldset: import("@loadable/component").LoadableClassComponent<any>;
+export const ObjectBrowserWidgetMode: import("@loadable/component").LoadableComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>>;
 export { default as EditDefaultBlock } from "@plone/volto/components/manage/Blocks/Block/DefaultEdit";
 export { default as EditDescriptionBlock } from "@plone/volto/components/manage/Blocks/Description/Edit";
 export { default as EditTitleBlock } from "@plone/volto/components/manage/Blocks/Title/Edit";
@@ -174,4 +119,7 @@ export { default as FormattedRelativeDate } from "@plone/volto/components/theme/
 export { default as Popup } from "@plone/volto/components/theme/Popup/Popup";
 export { default as Component } from "@plone/volto/components/theme/Component/Component";
 export { default as App } from "@plone/volto/components/theme/App/App";
-export { default as ObjectBrowserWidget, default as ObjectBrowserWidgetMode } from "@plone/volto/components/manage/Widgets/ObjectBrowserWidget";
+export { Controlpanels, Controlpanel, RulesControlpanel, AddRuleControlpanel, EditRuleControlpanel, ConfigureRuleControlpanel, UsersControlpanel, RenderUsers, UserGroupMembershipControlPanel, GroupsControlpanel, RenderGroups, RelationsControlpanel, AliasesControlpanel, UndoControlpanel, AddonsControlpanel, ContentType, ContentTypeLayout, ContentTypeSchema, ContentTypes, VersionOverview, UpgradeControlPanel, ModerateComments, DatabaseInformation } from "@plone/volto/components/manage/Controlpanels";
+export { Field, InlineForm, ModalForm, UndoToolbar, BlocksToolbar, BlockDataForm, BlocksForm, Form } from "@plone/volto/components/manage/Form";
+export { Contents, ContentsBreadcrumbs, ContentsIndexHeader, ContentsItem, ContentsUploadModal, ContentsPropertiesModal, ContentsRenameModal, ContentsWorkflowModal, ContentsTagsModal } from "@plone/volto/components/manage/Contents";
+export { AlignWidget, ButtonsWidget, ArrayWidget, CheckboxWidget, FileWidget, IdWidget, PasswordWidget, QueryWidget, QuerySortOnWidget, QuerystringWidget, SchemaWidget, SelectWidget, TextareaWidget, TextWidget, TokenWidget, WysiwygWidget, UrlWidget, InternalUrlWidget, EmailWidget, NumberWidget, ImageSizeWidget, RegistryImageWidget, ReferenceWidget, ObjectBrowserWidget, ObjectWidget, ObjectListWidget, VocabularyTermsWidget, SelectMetadataWidget, SelectAutoComplete, ColorPickerWidget, DatetimeWidget, RecurrenceWidget, FormFieldWrapper } from "@plone/volto/components/manage/Widgets";

package/types/components/manage/Blocks/Search/widgets/SelectMetadataField.d.ts

@@ -1,5 +1,10 @@
 declare const _default: {
     (props: any): import("react/jsx-runtime").JSX.Element;
+    /**
+     * Property types.
+     * @property {Object} propTypes Property types.
+     * @static
+     */
     displayName: string;
 };
 export default _default;

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

@@ -4,7 +4,7 @@ declare function ConditionalLink({ condition, to, item, ...props }: {
     condition: any;
     to: any;
     item: any;
-}): any;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace ConditionalLink {
     namespace propTypes {
         let condition: any;

package/types/components/manage/Contents/__mocks__/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="jest" />
+export declare const Contents: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
+export declare const ContentsRenameModal: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;

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

@@ -0,0 +1,9 @@
+export declare const Contents: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentsRenameModal: import("@loadable/component").LoadableComponent<any>;
+export declare const ContentsBreadcrumbs: import("@loadable/component").LoadableComponent<any>;
+export declare const ContentsIndexHeader: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentsItem: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentsUploadModal: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentsPropertiesModal: import("@loadable/component").LoadableComponent<any>;
+export declare const ContentsWorkflowModal: import("@loadable/component").LoadableComponent<any>;
+export declare const ContentsTagsModal: import("@loadable/component").LoadableComponent<any>;

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

@@ -1,2 +1,6 @@
-declare const _default: any;
-export default _default;
+/**
+ * Controlpanels container class.
+ */
+export default function Controlpanels({ location }: {
+    location: any;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/manage/Controlpanels/Relations/RelationsListing.d.ts

@@ -1,5 +1,5 @@
-export default ListingTemplate;
-declare function ListingTemplate({ relationtype, query_source, query_target, potential_sources_path, potential_targets_path, }: {
+export default RelationsListing;
+declare function RelationsListing({ relationtype, query_source, query_target, potential_sources_path, potential_targets_path, }: {
     relationtype: any;
     query_source: any;
     query_target: any;

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+export declare const Controlpanels: any;
+export declare const Controlpanel: import("@loadable/component").LoadableComponent<Omit<import("react-intl").WithIntlProps<import("react-intl").WrappedComponentProps<string>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<import("react-intl").WrappedComponentProps<string>>>>;
+export declare const RulesControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const AddRuleControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const EditRuleControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ConfigureRuleControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const UsersControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const RenderUsers: import("@loadable/component").LoadableClassComponent<any>;
+export declare const UserGroupMembershipControlPanel: import("@loadable/component").LoadableComponent<unknown>;
+export declare const GroupsControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const RenderGroups: import("@loadable/component").LoadableComponent<import("react-intl").WithIntlProps<any>>;
+export declare const RelationsControlpanel: import("@loadable/component").LoadableComponent<unknown>;
+export declare const AliasesControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const UndoControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const AddonsControlpanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentType: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentTypeLayout: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentTypeSchema: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ContentTypes: import("@loadable/component").LoadableClassComponent<any>;
+export declare const VersionOverview: import("@loadable/component").LoadableComponent<{
+    cmf_version: any;
+    debug_mode: any;
+    pil_version: any;
+    plone_version: any;
+    plone_restapi_version: any;
+    python_version: any;
+    zope_version: any;
+}>;
+export declare const UpgradeControlPanel: import("@loadable/component").LoadableClassComponent<any>;
+export declare const ModerateComments: import("@loadable/component").LoadableClassComponent<any>;
+export declare const DatabaseInformation: import("@loadable/component").LoadableClassComponent<any>;

package/types/components/manage/Form/__mocks__/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="jest" />
+export declare const Field: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
+export declare const InlineForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
+export declare const ModalForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
+export declare const UndoToolbar: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
+export declare const BlocksToolbar: jest.Mock<import("react/jsx-runtime").JSX.Element, [], any>;
+export declare const BlockDataForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
+export declare const BlocksForm: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;
+export declare const Form: jest.Mock<import("react/jsx-runtime").JSX.Element, [props: any], any>;