@strapi/content-manager 0.0.0-experimental.e60ec1829240dae21c1e1d29076681c322288813 → 0.0.0-experimental.e8d8fc824d0f6a695b2a9ebaa4680ed21c3645ca

package/dist/admin/src/hooks/useDocumentActions.d.ts

@@ -2,12 +2,18 @@ import { SerializedError } from '@reduxjs/toolkit';
 import { type TrackingEvent } from '@strapi/admin/strapi-admin';
 import { BaseQueryError } from '../utils/api';
 import type { Document } from './useDocument';
-import type { AutoClone, Clone, Create, Delete, Discard, FindOne, Publish, Update, Unpublish } from '../../../shared/contracts/collection-types';
+import type { AutoClone, Clone, Create, Delete, BulkDelete, Discard, FindOne, Publish, BulkPublish, Update, Unpublish, BulkUnpublish } from '../../../shared/contracts/collection-types';
 type OperationResponse<TResponse extends {
     data: any;
-    meta: any;
+    meta?: any;
     error?: any;
-}> = Pick<TResponse, 'data' | 'meta'> | {
+}> = Pick<TResponse, 'data'> | Pick<TResponse, 'data' | 'meta'> | {
+    error: BaseQueryError | SerializedError;
+};
+type BulkOperationResponse<TResponse extends {
+    data: any;
+    error?: any;
+}> = Pick<TResponse, 'data'> | {
     error: BaseQueryError | SerializedError;
 };
 type UseDocumentActions = () => {
@@ -41,6 +47,11 @@ type UseDocumentActions = () => {
     }, trackerProperty?: Extract<TrackingEvent, {
         name: 'willDeleteEntry' | 'didDeleteEntry' | 'didNotDeleteEntry';
     }>['properties']) => Promise<OperationResponse<Delete.Response>>;
+    deleteMany: (args: {
+        model: string;
+        documentIds: string[];
+        params?: object;
+    }) => Promise<BulkOperationResponse<BulkDelete.Response>>;
     discard: (args: {
         collectionType: string;
         model: string;
@@ -59,6 +70,11 @@ type UseDocumentActions = () => {
         documentId?: string;
         params?: object;
     }, document: Partial<Document>) => Promise<OperationResponse<Publish.Response>>;
+    publishMany: (args: {
+        model: string;
+        documentIds: string[];
+        params?: object;
+    }) => Promise<BulkOperationResponse<BulkPublish.Response>>;
     update: (args: {
         collectionType: string;
         model: string;
@@ -73,6 +89,11 @@ type UseDocumentActions = () => {
         documentId?: string;
         params?: object;
     }, discardDraft?: boolean) => Promise<OperationResponse<Unpublish.Response>>;
+    unpublishMany: (args: {
+        model: string;
+        documentIds: string[];
+        params?: object;
+    }) => Promise<BulkOperationResponse<BulkUnpublish.Response>>;
 };
 /**
  * @alpha

package/dist/admin/src/hooks/useDocumentLayout.d.ts

@@ -93,7 +93,7 @@ declare const DEFAULT_SETTINGS: {
  * const { model } = useParams<{ model: string }>();
  * const { edit: { schema: layout } } = useDocumentLayout(model);
  *
- * return layout.map(panel => panel.map(row => row.map(field => <Field {...field} />)))
+ * return layout.map(panel => panel.map(row => row.map(field => <Field.Root {...field} />)))
  * ```
  *
  */
@@ -103,7 +103,7 @@ declare const useDocumentLayout: UseDocumentLayout;
  * content-manager because it won't work as intended.
  */
 declare const useDocLayout: () => {
-    error?: BaseQueryError | SerializedError | undefined;
+    error?: SerializedError | BaseQueryError | undefined;
     isLoading: boolean;
     /**
      * This is the layout for the edit view,

package/dist/admin/src/hooks/useDragAndDrop.d.ts

@@ -23,15 +23,15 @@ interface UseDragAndDropOptions<TIndex extends number | Array<number> = number,
     dropSensitivity?: (typeof DROP_SENSITIVITY)[keyof typeof DROP_SENSITIVITY];
 }
 type Identifier = ReturnType<HandlerManager['getHandlerId']>;
-type UseDragAndDropReturn<Element extends HTMLElement = HTMLElement> = [
+type UseDragAndDropReturn<E extends Element = HTMLElement> = [
     props: {
         handlerId: Identifier;
         isDragging: boolean;
-        handleKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+        handleKeyDown: <E extends Element>(event: React.KeyboardEvent<E>) => void;
         isOverDropTarget: boolean;
         direction: (typeof DIRECTIONS)[keyof typeof DIRECTIONS] | null;
     },
-    objectRef: React.RefObject<Element>,
+    objectRef: React.RefObject<E>,
     dropRef: ConnectDropTarget,
     dragRef: ConnectDragSource,
     dragPreviewRef: ConnectDragPreview
@@ -47,5 +47,5 @@ declare const useDragAndDrop: <TIndex extends number | number[], TItem extends {
 } = {
     [key: string]: unknown;
     index: TIndex;
-}, Element extends HTMLElement = HTMLElement>(active: boolean, { type, index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity, }: UseDragAndDropOptions<TIndex, TItem>) => UseDragAndDropReturn<Element>;
+}, E extends Element = HTMLElement>(active: boolean, { type, index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity, }: UseDragAndDropOptions<TIndex, TItem>) => UseDragAndDropReturn<E>;
 export { useDragAndDrop, UseDragAndDropReturn, UseDragAndDropOptions, DIRECTIONS, DROP_SENSITIVITY, };

package/dist/admin/src/hooks/useKeyboardDragAndDrop.d.ts

@@ -11,4 +11,4 @@ export type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number
  *
  * @internal - You should use `useDragAndDrop` instead.
  */
-export declare const useKeyboardDragAndDrop: <TIndex extends number | number[] = number>(active: boolean, index: TIndex, { onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>) => React.KeyboardEventHandler<HTMLButtonElement>;
+export declare const useKeyboardDragAndDrop: <TIndex extends number | number[] = number>(active: boolean, index: TIndex, { onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>) => <E extends Element>(e: React.KeyboardEvent<E>) => void;

package/dist/admin/src/index.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     register(app: any): void;
+    bootstrap(app: any): void;
     registerTrads({ locales }: {
         locales: string[];
     }): Promise<({

package/dist/admin/src/pages/EditView/EditViewPage.d.ts

@@ -1,3 +1,11 @@
+import { type UseDocument } from '../../hooks/useDocument';
 declare const EditViewPage: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * @internal
+ * @description Returns the status of the document where its latest state takes priority,
+ * this typically will be "published" unless a user has edited their draft in which we should
+ * display "modified".
+ */
+declare const getDocumentStatus: (document: ReturnType<UseDocument>['document'], meta: ReturnType<UseDocument>['meta']) => 'draft' | 'published' | 'modified';
 declare const ProtectedEditViewPage: () => import("react/jsx-runtime").JSX.Element;
-export { EditViewPage, ProtectedEditViewPage };
+export { EditViewPage, ProtectedEditViewPage, getDocumentStatus };

package/dist/admin/src/pages/EditView/components/DocumentActions.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { NotificationConfig } from '@strapi/admin/strapi-admin';
+import { ButtonProps } from '@strapi/design-system';
 import type { DocumentActionComponent } from '../../../content-manager';
 type DocumentActionPosition = 'panel' | 'header' | 'table-row';
 interface DocumentActionDescription {
@@ -19,12 +20,13 @@ interface DocumentActionDescription {
     /**
      * @default 'secondary'
      */
-    variant?: 'default' | 'secondary' | 'danger' | 'success';
+    variant?: ButtonProps['variant'];
 }
 interface DialogOptions {
     type: 'dialog';
     title: string;
     content?: React.ReactNode;
+    variant?: ButtonProps['variant'];
     onConfirm?: () => void | Promise<void>;
     onCancel?: () => void | Promise<void>;
 }
@@ -44,8 +46,10 @@ interface NotificationOptions {
 interface ModalOptions {
     type: 'modal';
     title: string;
-    content: React.ReactNode;
-    footer: React.ComponentType<{
+    content: React.ComponentType<{
+        onClose: () => void;
+    }> | React.ReactNode;
+    footer?: React.ComponentType<{
         onClose: () => void;
     }> | React.ReactNode;
     onClose?: () => void;
@@ -57,6 +61,9 @@ interface DocumentActionsProps {
     actions: Action[];
 }
 declare const DocumentActions: ({ actions }: DocumentActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+interface DocumentActionButtonProps extends Action {
+}
+declare const DocumentActionButton: (action: DocumentActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 interface DocumentActionsMenuProps {
     actions: Action[];
     children?: React.ReactNode;
@@ -65,5 +72,5 @@ interface DocumentActionsMenuProps {
 }
 declare const DocumentActionsMenu: ({ actions, children, label, variant, }: DocumentActionsMenuProps) => import("react/jsx-runtime").JSX.Element;
 declare const DEFAULT_ACTIONS: DocumentActionComponent[];
-export { DocumentActions, DocumentActionsMenu, DEFAULT_ACTIONS };
-export type { DocumentActionDescription, DialogOptions, NotificationOptions, ModalOptions };
+export { DocumentActions, DocumentActionsMenu, DocumentActionButton, DEFAULT_ACTIONS };
+export type { DocumentActionDescription, DocumentActionPosition, DialogOptions, NotificationOptions, ModalOptions, };

package/dist/admin/src/pages/EditView/components/DocumentStatus.d.ts

@@ -1,5 +1,5 @@
 import { StatusProps } from '@strapi/design-system';
-interface DocumentStatusProps extends Omit<StatusProps, 'children' | 'showBullet' | 'size' | 'variant'> {
+interface DocumentStatusProps extends Omit<StatusProps, 'children' | 'variant'> {
     /**
      * The status of the document (draft, published, etc.)
      * @default 'draft'
@@ -11,6 +11,6 @@ interface DocumentStatusProps extends Omit<StatusProps, 'children' | 'showBullet
  * @description Displays the status of a document (draft, published, etc.)
  * and automatically calculates the appropriate variant for the status.
  */
-declare const DocumentStatus: ({ status, ...restProps }: DocumentStatusProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentStatus: ({ status, size, ...restProps }: DocumentStatusProps) => import("react/jsx-runtime").JSX.Element;
 export { DocumentStatus };
 export type { DocumentStatusProps };

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.d.ts

@@ -1,3 +1,10 @@
+import { BaseRange, NodeEntry } from 'slate';
 import { type BlocksStore } from '../BlocksEditor';
+import 'prismjs/themes/prism-solarizedlight.css';
+import './utils/prismLanguages';
+type BaseRangeCustom = BaseRange & {
+    className: string;
+};
+export declare const decorateCode: ([node, path]: NodeEntry) => BaseRangeCustom[];
 declare const codeBlocks: Pick<BlocksStore, 'code'>;
 export { codeBlocks };

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/utils/prismLanguages.d.ts

@@ -0,0 +1,49 @@
+import 'prismjs/components/prism-asmatmel';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-basic';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-clojure';
+import 'prismjs/components/prism-cobol';
+import 'prismjs/components/prism-cpp';
+import 'prismjs/components/prism-csharp';
+import 'prismjs/components/prism-dart';
+import 'prismjs/components/prism-docker';
+import 'prismjs/components/prism-elixir';
+import 'prismjs/components/prism-erlang';
+import 'prismjs/components/prism-fortran';
+import 'prismjs/components/prism-fsharp';
+import 'prismjs/components/prism-go';
+import 'prismjs/components/prism-graphql';
+import 'prismjs/components/prism-groovy';
+import 'prismjs/components/prism-haskell';
+import 'prismjs/components/prism-haxe';
+import 'prismjs/components/prism-ini';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-julia';
+import 'prismjs/components/prism-kotlin';
+import 'prismjs/components/prism-latex';
+import 'prismjs/components/prism-lua';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-matlab';
+import 'prismjs/components/prism-makefile';
+import 'prismjs/components/prism-objectivec';
+import 'prismjs/components/prism-perl';
+import 'prismjs/components/prism-php';
+import 'prismjs/components/prism-powershell';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-r';
+import 'prismjs/components/prism-ruby';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-sas';
+import 'prismjs/components/prism-scala';
+import 'prismjs/components/prism-scheme';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-stata';
+import 'prismjs/components/prism-swift';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-vbnet';
+import 'prismjs/components/prism-yaml';

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.d.ts

@@ -5,7 +5,7 @@ interface BlocksInputProps extends Omit<InputProps, 'type'> {
     labelAction?: React.ReactNode;
     type: Schema.Attribute.Blocks['type'];
 }
-declare const BlocksInput: React.ForwardRefExoticComponent<BlocksInputProps & React.RefAttributes<{
+declare const MemoizedBlocksInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<BlocksInputProps & React.RefAttributes<{
     focus: () => void;
-}>>;
-export { BlocksInput };
+}>>>;
+export { MemoizedBlocksInput as BlocksInput };

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/utils/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const codeLanguages: {
+    value: string;
+    label: string;
+    decorate?: string;
+}[];

package/dist/admin/src/pages/EditView/components/FormInputs/Component/Input.d.ts

@@ -13,6 +13,6 @@ interface ComponentInputProps extends Omit<Extract<EditFieldLayout, {
      */
     layout: EditFieldLayout[][];
 }
-declare const ComponentInput: ({ label, required, name, attribute, disabled, labelAction, ...props }: ComponentInputProps) => import("react/jsx-runtime").JSX.Element;
-export { ComponentInput };
+declare const MemoizedComponentInput: React.MemoExoticComponent<({ label, required, name, attribute, disabled, labelAction, ...props }: ComponentInputProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedComponentInput as ComponentInput };
 export type { ComponentInputProps };

package/dist/admin/src/pages/EditView/components/FormInputs/DynamicZone/ComponentCategory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AccordionVariant } from '@strapi/design-system';
+import { Accordion } from '@strapi/design-system';
 interface ComponentCategoryProps {
     category: string;
     components?: Array<{
@@ -7,11 +7,9 @@ interface ComponentCategoryProps {
         displayName: string;
         icon?: string;
     }>;
-    isOpen?: boolean;
     onAddComponent: (componentUid: string) => React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLDivElement>;
-    onToggle: (category: string) => void;
-    variant?: AccordionVariant;
+    variant?: Accordion.Variant;
 }
-declare const ComponentCategory: ({ category, components, variant, isOpen, onAddComponent, onToggle, }: ComponentCategoryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ComponentCategory: ({ category, components, variant, onAddComponent, }: ComponentCategoryProps) => import("react/jsx-runtime").JSX.Element;
 export { ComponentCategory };
 export type { ComponentCategoryProps };

package/dist/admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.d.ts

@@ -9,6 +9,6 @@ interface DynamicZoneProps extends Omit<Extract<EditFieldLayout, {
     type: 'dynamiczone';
 }>, 'size' | 'hint'>, Pick<InputProps, 'hint'>, Pick<DynamicZoneLabelProps, 'labelAction'> {
 }
-declare const DynamicZone: ({ attribute, disabled, hint, label, labelAction, name, required, }: DynamicZoneProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicZone: ({ attribute, disabled: disabledProp, hint, label, labelAction, name, required, }: DynamicZoneProps) => import("react/jsx-runtime").JSX.Element;
 export { DynamicZone, useDynamicZone };
 export type { DynamicZoneProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Relations.d.ts

@@ -1,26 +1,38 @@
 import * as React from 'react';
 import { type InputProps } from '@strapi/admin/strapi-admin';
+import { FlexComponent } from '@strapi/design-system';
 import { type EditFieldLayout } from '../../../../hooks/useDocumentLayout';
+import { RelationResult } from '../../../../services/relations';
+type RelationPosition = (Pick<RelationResult, 'status' | 'locale'> & {
+    before: string;
+    end?: never;
+}) | {
+    end: boolean;
+    before?: never;
+    status?: never;
+    locale?: never;
+};
+interface Relation extends Pick<RelationResult, 'documentId' | 'id' | 'locale' | 'status'> {
+    href: string;
+    label: string;
+    position?: RelationPosition;
+    __temp_key__: string;
+}
 interface RelationsFieldProps extends Omit<Extract<EditFieldLayout, {
     type: 'relation';
 }>, 'size' | 'hint'>, Pick<InputProps, 'hint'> {
 }
-/**
- * TODO: we get a rather ugly flash when we remove a single relation from the list leaving
- * no other relations when we press save. The initial relation re-renders, probably because
- * of the lag in the Form cleaning it's "disconnect" array, whilst our data has not been invalidated.
- *
- * Could we invalidate relation data on the document actions? Should we?
- */
-/**
- * @internal
- * @description The relations field holds a lot of domain logic for handling relations which is rather complicated
- * At present we do not expose this to plugin developers, however, they are able to overwrite it themselves should
- * they wish to do so.
- */
-declare const RelationsField: React.ForwardRefExoticComponent<RelationsFieldProps & React.RefAttributes<HTMLDivElement>>;
-declare const FlexWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
-declare const DisconnectButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-declare const LinkEllipsis: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@strapi/design-system").LinkProps & React.RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
-export { RelationsField as RelationsInput, FlexWrapper, DisconnectButton, LinkEllipsis };
+export interface RelationsFormValue {
+    connect?: Relation[];
+    disconnect?: Pick<Relation, 'id'>[];
+}
+declare const FlexWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").FlexProps<"div">, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<FlexComponent, keyof React.Component<any, {}, any>>;
+declare const DisconnectButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+declare const LinkEllipsis: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<(<C extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "a">(props: React.PropsWithoutRef<import("@strapi/design-system").LinkProps<C>> & React.RefAttributes<unknown>) => React.ReactNode), keyof React.Component<any, {}, any>>;
+declare const MemoizedRelationsField: React.MemoExoticComponent<React.ForwardRefExoticComponent<RelationsFieldProps & React.RefAttributes<HTMLDivElement>>>;
+export { MemoizedRelationsField as RelationsInput, FlexWrapper, DisconnectButton, LinkEllipsis };
 export type { RelationsFieldProps };

package/dist/admin/src/pages/EditView/components/FormInputs/UID.d.ts

@@ -4,6 +4,6 @@ import type { Schema } from '@strapi/types';
 interface UIDInputProps extends Omit<InputProps, 'type'> {
     type: Schema.Attribute.TypeOf<Schema.Attribute.UID>;
 }
-declare const UIDInput: React.ForwardRefExoticComponent<UIDInputProps & React.RefAttributes<any>>;
-export { UIDInput };
+declare const MemoizedUIDInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<UIDInputProps & React.RefAttributes<any>>>;
+export { MemoizedUIDInput as UIDInput };
 export type { UIDInputProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/EditorLayout.d.ts

@@ -7,54 +7,8 @@ interface EditorLayoutProps {
     onCollapse: () => void;
 }
 declare const EditorLayout: ({ children, isExpandMode, error, previewContent, onCollapse, }: EditorLayoutProps) => import("react/jsx-runtime").JSX.Element;
-declare const ExpandButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "position" | "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "zIndex" | "transition" | "animation" | "textAlign" | "textTransform"> & {
-    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
-    background?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"colors", "background">;
-    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    borderColor?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    color?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    flex?: import("csstype").Property.Flex<string | number> | undefined;
-    fontSize?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
-    grow?: import("csstype").Property.FlexGrow | undefined;
-    hasRadius?: boolean | undefined;
-    hiddenS?: boolean | undefined;
-    hiddenXS?: boolean | undefined;
-    padding?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"padding">;
-    paddingBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
-    paddingLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
-    paddingRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
-    paddingTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
-    margin?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"margin">;
-    marginLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
-    marginBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
-    marginRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
-    marginTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
-    shadow?: keyof import("@strapi/design-system/dist/themes/colors").Shadows | undefined;
-    shrink?: import("csstype").Property.FlexShrink | undefined;
-    lineHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
-    width?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "width">;
-    minWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
-    maxWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
-    height?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "height">;
-    minHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
-    maxHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
-    top?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "top">;
-    left?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "left">;
-    bottom?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "bottom">;
-    right?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "right">;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    children?: React.ReactNode;
-    as?: string | React.ComponentType<any> | undefined;
-    forwardedAs?: string | React.ComponentType<any> | undefined;
-} & {
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    direction?: import("csstype").Property.FlexDirection | undefined;
-    gap?: any;
-    inline?: boolean | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    wrap?: import("csstype").Property.FlexWrap | undefined;
-} & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const ExpandButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<(<C extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button">(props: React.PropsWithoutRef<import("@strapi/design-system").ButtonProps<C>> & React.RefAttributes<unknown>) => React.ReactNode), keyof React.Component<any, {}, any>>;
 export { EditorLayout, ExpandButton };
 export type { EditorLayoutProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/Field.d.ts

@@ -6,6 +6,6 @@ interface WysiwygProps extends Omit<InputProps, 'type'> {
     labelAction?: React.ReactNode;
     type: Schema.Attribute.RichText['type'];
 }
-declare const Wysiwyg: React.ForwardRefExoticComponent<WysiwygProps & React.RefAttributes<EditorApi>>;
-export { Wysiwyg };
+declare const MemoizedWysiwyg: React.MemoExoticComponent<React.ForwardRefExoticComponent<WysiwygProps & React.RefAttributes<EditorApi>>>;
+export { MemoizedWysiwyg as Wysiwyg };
 export type { WysiwygProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.d.ts

@@ -1,6 +1,6 @@
-import { BaseButtonProps } from '@strapi/design-system';
+import { ButtonProps } from '@strapi/design-system';
 interface WysiwygFooterProps {
-    onToggleExpand: BaseButtonProps['onClick'];
+    onToggleExpand: ButtonProps['onClick'];
 }
 declare const WysiwygFooter: ({ onToggleExpand }: WysiwygFooterProps) => import("react/jsx-runtime").JSX.Element;
 export { WysiwygFooter };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.d.ts

@@ -1,55 +1,18 @@
 /// <reference types="react" />
-export declare const CustomIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@strapi/design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const CustomLinkIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@strapi/design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const MainButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
-export declare const MoreButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@strapi/design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const IconButtonGroupMargin: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
-export declare const ExpandButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "position" | "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "zIndex" | "transition" | "animation" | "textAlign" | "textTransform"> & {
-    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
-    background?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"colors", "background">;
-    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    borderColor?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    color?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    flex?: import("csstype").Property.Flex<string | number> | undefined;
-    fontSize?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
-    grow?: import("csstype").Property.FlexGrow | undefined;
-    hasRadius?: boolean | undefined;
-    hiddenS?: boolean | undefined;
-    hiddenXS?: boolean | undefined;
-    padding?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"padding">;
-    paddingBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
-    paddingLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
-    paddingRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
-    paddingTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
-    margin?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"margin">;
-    marginLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
-    marginBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
-    marginRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
-    marginTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
-    shadow?: keyof import("@strapi/design-system/dist/themes/colors").Shadows | undefined;
-    shrink?: import("csstype").Property.FlexShrink | undefined;
-    lineHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
-    width?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "width">;
-    minWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
-    maxWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
-    height?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "height">;
-    minHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
-    maxHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
-    top?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "top">;
-    left?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "left">;
-    bottom?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "bottom">;
-    right?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "right">;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+import { IconButtonComponent } from '@strapi/design-system';
+export declare const MainButtons: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> | (import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<any, keyof import("react").Component<any, {}, any>>);
+export declare const MoreButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@strapi/design-system").TransientBoxProps & {
     children?: import("react").ReactNode;
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    direction?: import("csstype").Property.FlexDirection | undefined;
-    gap?: any;
-    inline?: boolean | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    wrap?: import("csstype").Property.FlexWrap | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+} & import("@strapi/design-system/dist/types").AsProp<"button"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | keyof import("@strapi/design-system/dist/types").AsProp<C> | keyof import("@strapi/design-system").TransientBoxProps> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@strapi/design-system").TransientFlexProps & Pick<import("@strapi/design-system").ButtonProps, "size" | "variant"> & {
+    children: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    label: string;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    withTooltip?: boolean | undefined;
+}, never>> & Omit<IconButtonComponent, keyof import("react").Component<any, {}, any>>;
+export declare const IconButtonGroupMargin: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> | (import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<any, keyof import("react").Component<any, {}, any>>);
+export declare const ExpandButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").ButtonProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "ref"> & import("react").RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+}, never>> & Omit<(<C extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">(props: import("react").PropsWithoutRef<import("@strapi/design-system").ButtonProps<C>> & import("react").RefAttributes<unknown>) => import("react").ReactNode), keyof import("react").Component<any, {}, any>>;

package/dist/admin/src/pages/EditView/components/Header.d.ts

@@ -6,20 +6,20 @@ interface HeaderProps {
     title?: string;
 }
 declare const Header: ({ isCreating, status, title: documentTitle }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-interface HeaderButtonAction {
+interface DialogOptions {
+    type: 'dialog';
+    title: string;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+interface HeaderActionDescription {
     disabled?: boolean;
     label: string;
     icon?: React.ReactNode;
-    /**
-     * @default 'default'
-     */
     type?: 'icon' | 'default';
-    onClick?: (event: React.SyntheticEvent) => void;
-}
-interface HeaderSelectAction {
-    disabled?: boolean;
-    label: string;
-    options: Array<{
+    onClick?: (event: React.SyntheticEvent) => Promise<boolean | void> | boolean | void;
+    dialog?: DialogOptions;
+    options?: Array<{
         disabled?: boolean;
         label: string;
         startIcon?: React.ReactNode;
@@ -28,8 +28,8 @@ interface HeaderSelectAction {
     }>;
     onSelect?: (value: string) => void;
     value?: string;
+    customizeContent?: (value: string) => React.ReactNode;
 }
-type HeaderActionDescription = HeaderButtonAction | HeaderSelectAction;
 declare const DEFAULT_HEADER_ACTIONS: DocumentActionComponent[];
 export { Header, DEFAULT_HEADER_ACTIONS };
 export type { HeaderProps, HeaderActionDescription };