@strapi/content-manager 0.0.0-experimental.17b4116f461a49b8ce5386f7c8d79c511d40fb3b → 0.0.0-experimental.1905f36833468f12a6ad1dbd03650aa3b6474658

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/DynamicComponent.d.ts

@@ -1,4 +1,6 @@
+import * as React from 'react';
 import { type UseDragAndDropOptions } from '../../../../../hooks/useDragAndDrop';
+import { type InputRendererProps } from '../../InputRenderer';
 import type { ComponentPickerProps } from './ComponentPicker';
 interface DynamicComponentProps extends Pick<UseDragAndDropOptions, 'onGrabItem' | 'onDropItem' | 'onCancel'>, Pick<ComponentPickerProps, 'dynamicComponentsByCategory'> {
     componentUid: string;
@@ -8,7 +10,8 @@ interface DynamicComponentProps extends Pick<UseDragAndDropOptions, 'onGrabItem'
     onAddComponent: (componentUid: string, index: number) => void;
     onRemoveComponentClick: () => void;
     onMoveComponent: (dragIndex: number, hoverIndex: number) => void;
+    children?: (props: InputRendererProps) => React.ReactNode;
 }
-declare const DynamicComponent: ({ componentUid, disabled, index, name, onRemoveComponentClick, onMoveComponent, onGrabItem, onDropItem, onCancel, dynamicComponentsByCategory, onAddComponent, }: DynamicComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicComponent: ({ componentUid, disabled, index, name, onRemoveComponentClick, onMoveComponent, onGrabItem, onDropItem, onCancel, dynamicComponentsByCategory, onAddComponent, children, }: DynamicComponentProps) => import("react/jsx-runtime").JSX.Element;
 export { DynamicComponent };
 export type { DynamicComponentProps };

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

@@ -1,6 +1,8 @@
+import * as React from 'react';
 import { InputProps } from '@strapi/admin/strapi-admin';
 import { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';
 import { DynamicZoneLabelProps } from './DynamicZoneLabel';
+import type { InputRendererProps } from '../../InputRenderer';
 interface DynamicZoneContextValue {
     isInDynamicZone: boolean;
 }
@@ -8,7 +10,8 @@ declare const useDynamicZone: <Selected>(consumerName: string, selector: (value:
 interface DynamicZoneProps extends Omit<Extract<EditFieldLayout, {
     type: 'dynamiczone';
 }>, 'size' | 'hint'>, Pick<InputProps, 'hint'>, Pick<DynamicZoneLabelProps, 'labelAction'> {
+    children?: (props: InputRendererProps) => React.ReactNode;
 }
-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, children, }: 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,39 @@
 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>>>;
+declare const MemoizedUnstableRelationsField: React.MemoExoticComponent<React.ForwardRefExoticComponent<RelationsFieldProps & React.RefAttributes<HTMLDivElement>>>;
+export { MemoizedRelationsField as RelationsInput, MemoizedUnstableRelationsField as UnstableRelationsInput, 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/WysiwygNav.d.ts

@@ -5,13 +5,12 @@ interface WysiwygNavProps {
     editorRef: React.MutableRefObject<EditorFromTextArea>;
     isExpandMode?: boolean;
     isPreviewMode?: boolean;
-    onActionClick: (action: string, editorRef: React.MutableRefObject<EditorFromTextArea>, callback?: () => void) => void;
     onToggleMediaLib: () => void;
     onTogglePreviewMode?: () => void;
 }
 /**
  * TODO: refactor this mess.
  */
-declare const WysiwygNav: ({ disabled, editorRef, isExpandMode, isPreviewMode, onActionClick, onToggleMediaLib, onTogglePreviewMode, }: WysiwygNavProps) => import("react/jsx-runtime").JSX.Element;
+declare const WysiwygNav: ({ disabled, editorRef, isPreviewMode, onToggleMediaLib, onTogglePreviewMode, }: WysiwygNavProps) => import("react/jsx-runtime").JSX.Element;
 export { WysiwygNav };
 export type { WysiwygNavProps };

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/FormLayout.d.ts

@@ -1,5 +1,33 @@
+/// <reference types="react" />
+import { Grid } from '@strapi/design-system';
 import { EditLayout } from '../../../hooks/useDocumentLayout';
+export declare const RESPONSIVE_CONTAINER_BREAKPOINTS: {
+    sm: string;
+};
+export declare const ResponsiveGridRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@strapi/design-system").TransientBoxProps & {
+    children?: import("react").ReactNode;
+} & import("@strapi/design-system/dist/types").AsProp<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<Omit<any, "ref">, "children" | keyof import("@strapi/design-system/dist/types").AsProp<C> | keyof import("@strapi/design-system").TransientBoxProps> & {
+    ref?: any;
+} & {
+    gridCols?: number | undefined;
+    gap?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveProperty<import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "gap">>;
+}, "ref"> & {
+    ref?: any;
+}, never>> & Omit<Grid.Component<"div">, keyof import("react").Component<any, {}, any>>;
+export declare const ResponsiveGridItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@strapi/design-system").TransientBoxProps & {
+    children?: import("react").ReactNode;
+} & import("@strapi/design-system/dist/types").AsProp<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & Omit<Omit<any, "ref">, "children" | keyof import("@strapi/design-system/dist/types").AsProp<C> | keyof import("@strapi/design-system").TransientBoxProps> & {
+    ref?: any;
+} & import("@strapi/design-system").TransientFlexProps & {
+    col?: number | undefined;
+    s?: number | undefined;
+    xs?: number | undefined;
+    m?: number | undefined;
+}, "ref"> & {
+    ref?: any;
+}, never>> & Omit<Grid.ItemComponent<"div">, keyof import("react").Component<any, {}, any>>;
 interface FormLayoutProps extends Pick<EditLayout, 'layout'> {
+    hasBackground?: boolean;
 }
-declare const FormLayout: ({ layout }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormLayout: ({ layout, hasBackground }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export { FormLayout, FormLayoutProps };

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

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

@@ -3,15 +3,7 @@ import type { EditFieldLayout } from '../../../hooks/useDocumentLayout';
 import type { Schema } from '@strapi/types';
 import type { DistributiveOmit } from 'react-redux';
 type InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'>;
-/**
- * @internal
- *
- * @description An abstraction around the regular form input renderer designed
- * specifically to be used in the EditView of the content-manager this understands
- * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific
- * components such as Blocks / Relations.
- */
-declare const InputRenderer: ({ visible, hint: providedHint, ...props }: InputRendererProps) => import("react/jsx-runtime").JSX.Element | null;
 declare const useFieldHint: (hint: ReactNode, attribute: Schema.Attribute.AnyAttribute) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | (string | import("react/jsx-runtime").JSX.Element | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[] | null | undefined;
+declare const MemoizedInputRenderer: import("react").MemoExoticComponent<({ visible, hint: providedHint, ...props }: InputRendererProps) => import("react/jsx-runtime").JSX.Element | null>;
 export type { InputRendererProps };
-export { InputRenderer, useFieldHint };
+export { MemoizedInputRenderer as InputRenderer, useFieldHint };

package/dist/admin/src/pages/EditView/utils/data.d.ts

@@ -31,3 +31,4 @@ declare const removeFieldsThatDontExistOnSchema: (schema: PartialSchema) => (dat
  */
 declare const transformDocument: (schema: PartialSchema, components?: ComponentsDictionary) => (document: AnyData) => AnyData;
 export { removeProhibitedFields, prepareRelations, prepareTempKeys, removeFieldsThatDontExistOnSchema, transformDocument, };
+export type { AnyData };

package/dist/admin/src/pages/ListView/components/BulkActions/Actions.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 { DialogOptions, ModalOptions, NotificationOptions } from '../../../EditView/components/DocumentActions';
 import type { BulkActionComponent } from '../../../../content-manager';
 interface BulkActionDescription {
     dialog?: DialogOptions | NotificationOptions | ModalOptions;
@@ -14,35 +15,7 @@ interface BulkActionDescription {
     /**
      * @default 'secondary'
      */
-    variant?: 'default' | 'secondary' | 'tertiary' | 'danger-light' | 'success';
-}
-interface DialogOptions {
-    type: 'dialog';
-    title: string;
-    content?: React.ReactNode;
-    onConfirm?: () => void | Promise<void>;
-    onCancel?: () => void | Promise<void>;
-}
-interface NotificationOptions {
-    type: 'notification';
-    title: string;
-    link?: {
-        label: string;
-        url: string;
-        target?: string;
-    };
-    content?: string;
-    onClose?: () => void;
-    status?: NotificationConfig['type'];
-    timeout?: number;
-}
-interface ModalOptions {
-    type: 'modal';
-    title: string;
-    content: React.ComponentType<{
-        onClose: () => void;
-    }>;
-    onClose?: () => void;
+    variant?: ButtonProps['variant'];
 }
 declare const BulkActionsRenderer: () => import("react/jsx-runtime").JSX.Element;
 declare const Emphasis: (chunks: React.ReactNode) => import("react/jsx-runtime").JSX.Element;

package/dist/admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DialogFooterProps } from '@strapi/design-system';
-interface ConfirmBulkActionDialogProps extends Pick<DialogFooterProps, 'endAction'> {
+interface ConfirmBulkActionDialogProps {
+    endAction: React.ReactNode;
     onToggleDialog: () => void;
     isOpen?: boolean;
     dialogBody: React.ReactNode;

package/dist/admin/src/pages/ListView/components/BulkActions/PublishAction.d.ts

@@ -1,31 +1,14 @@
-import * as React from 'react';
-import { MessageDescriptor } from 'react-intl';
-import { Document } from '../../../../hooks/useDocument';
+import { ConfirmDialogPublishAllProps } from './ConfirmBulkActionDialog';
 import type { BulkActionComponent } from '../../../../content-manager';
-import type { Data } from '@strapi/types';
-interface EntryValidationTextProps {
-    validationErrors?: Record<string, MessageDescriptor>;
-    isPublished?: boolean;
+import type { Document } from '../../../../hooks/useDocument';
+interface TableRow extends Document {
 }
-interface SelectedEntriesTableContentProps {
-    isPublishing?: boolean;
-    rowsToDisplay?: TableRow[];
-    entriesToPublish?: Data.ID[];
-    validationErrors: Record<string, EntryValidationTextProps['validationErrors']>;
+interface SelectedEntriesModalContentProps {
+    listViewSelectedEntries: TableRow[];
+    toggleModal: ConfirmDialogPublishAllProps['onToggleDialog'];
+    setListViewSelectedDocuments: (documents: TableRow[]) => void;
+    model: string;
 }
-interface SelectedEntriesModalContentProps extends Pick<SelectedEntriesTableContentProps, 'validationErrors'> {
-    isDialogOpen: boolean;
-    setIsDialogOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    refetchList: () => void;
-    setSelectedListViewEntries: React.Dispatch<React.SetStateAction<Document['id'][]>>;
-    setEntriesToFetch: React.Dispatch<React.SetStateAction<Document['id'][]>>;
-    validationErrors: Record<string, EntryValidationTextProps['validationErrors']>;
-    setIsPublishModalBtnDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-}
-interface TableRow {
-    id: Data.ID;
-    publishedAt: string | null;
-}
-declare const SelectedEntriesModalContent: ({ validationErrors, }: SelectedEntriesModalContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectedEntriesModalContent: ({ listViewSelectedEntries, toggleModal, setListViewSelectedDocuments, model, }: SelectedEntriesModalContentProps) => import("react/jsx-runtime").JSX.Element;
 declare const PublishAction: BulkActionComponent;
 export { PublishAction, SelectedEntriesModalContent };

package/dist/admin/src/preview/components/PreviewContent.d.ts

@@ -0,0 +1,3 @@
+declare const UnstablePreviewContent: () => import("react/jsx-runtime").JSX.Element;
+declare const PreviewContent: () => import("react/jsx-runtime").JSX.Element;
+export { PreviewContent, UnstablePreviewContent };

package/dist/admin/src/preview/components/PreviewHeader.d.ts

@@ -0,0 +1,3 @@
+declare const UnstablePreviewHeader: () => import("react/jsx-runtime").JSX.Element;
+declare const PreviewHeader: () => import("react/jsx-runtime").JSX.Element;
+export { PreviewHeader, UnstablePreviewHeader };

package/dist/admin/src/preview/components/PreviewSidePanel.d.ts

@@ -0,0 +1,3 @@
+import type { PanelComponent } from '@strapi/content-manager/strapi-admin';
+declare const PreviewSidePanel: PanelComponent;
+export { PreviewSidePanel };

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

@@ -0,0 +1,3 @@
+import type { PluginDefinition } from '@strapi/admin/strapi-admin';
+declare const previewAdmin: Partial<PluginDefinition>;
+export { previewAdmin };

package/dist/admin/src/preview/pages/Preview.d.ts

@@ -0,0 +1,13 @@
+import { type UseDocument } from '../../hooks/useDocument';
+import { type EditLayout } from '../../hooks/useDocumentLayout';
+interface PreviewContextValue {
+    url: string;
+    title: string;
+    document: NonNullable<ReturnType<UseDocument>['document']>;
+    meta: NonNullable<ReturnType<UseDocument>['meta']>;
+    schema: NonNullable<ReturnType<UseDocument>['schema']>;
+    layout: EditLayout;
+}
+declare const usePreviewContext: <Selected>(consumerName: string, selector: (value: PreviewContextValue) => Selected) => Selected;
+declare const ProtectedPreviewPage: () => import("react/jsx-runtime").JSX.Element;
+export { ProtectedPreviewPage, usePreviewContext };

package/dist/admin/src/preview/routes.d.ts

@@ -0,0 +1,3 @@
+import type { PathRouteProps } from 'react-router-dom';
+declare const routes: PathRouteProps[];
+export { routes };

package/dist/admin/src/preview/services/preview.d.ts

@@ -0,0 +1,3 @@
+import { GetPreviewUrl } from '../../../../shared/contracts/preview';
+declare const useGetPreviewUrlQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query").QueryDefinition<GetPreviewUrl.Request, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@strapi/admin/strapi-admin").QueryArguments, unknown, import("@strapi/admin/strapi-admin").BaseQueryError, {}, {}>, "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations" | "UidAvailability" | "RecentDocumentList", GetPreviewUrl.Response, "adminApi">>;
+export { useGetPreviewUrlQuery };

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

@@ -1,5 +1,5 @@
 import { PathRouteProps } from 'react-router-dom';
 declare const CLONE_PATH = "/content-manager/:collectionType/:slug/clone/:origin";
-declare const LIST_PATH = "/content-manager/:collectionType/:slug";
+declare const LIST_PATH = "/content-manager/collection-types/:slug";
 declare const routes: PathRouteProps[];
 export { routes, CLONE_PATH, LIST_PATH };

package/dist/admin/src/services/api.d.ts

@@ -1,3 +1,2 @@
-import { type UnknownApiError } from '../utils/api';
-declare const contentManagerApi: import("@reduxjs/toolkit/query/react").Api<import("@reduxjs/toolkit/query/react").BaseQueryFn<string | import("../utils/api").QueryArguments, unknown, import("../utils/api").BaseQueryError>, {}, "contentManagerApi", "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations", typeof import("@reduxjs/toolkit/query/react").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName>;
-export { contentManagerApi, type UnknownApiError };
+declare const contentManagerApi: import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@strapi/admin/strapi-admin").QueryArguments, unknown, import("@strapi/admin/strapi-admin").BaseQueryError, {}, {}>, import("@reduxjs/toolkit/dist/query/endpointDefinitions").UpdateDefinitions<{}, "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations" | "UidAvailability" | "RecentDocumentList", never>, "adminApi", "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations" | "UidAvailability" | "RecentDocumentList", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/dist/query/react").reactHooksModuleName>;
+export { contentManagerApi };

package/dist/admin/src/services/components.d.ts

@@ -1,5 +1,5 @@
-declare const useGetComponentConfigurationQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query").QueryDefinition<string, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../utils/api").QueryArguments, unknown, import("../utils/api").BaseQueryError>, "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations", {
+declare const useGetComponentConfigurationQuery: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseQuery<import("@reduxjs/toolkit/query").QueryDefinition<string, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@strapi/admin/strapi-admin").QueryArguments, unknown, import("@strapi/admin/strapi-admin").BaseQueryError, {}, {}>, "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations" | "UidAvailability" | "RecentDocumentList", {
     component: import("../../../shared/contracts/components").ComponentConfiguration;
     components: Record<string, import("../../../shared/contracts/components").ComponentConfiguration>;
-}, "contentManagerApi">>, useUpdateComponentConfigurationMutation: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseMutation<import("@reduxjs/toolkit/query").MutationDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../utils/api").QueryArguments, unknown, import("../utils/api").BaseQueryError>, "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations", import("../../../shared/contracts/components").ComponentConfiguration, "contentManagerApi">>;
+}, "adminApi">>, useUpdateComponentConfigurationMutation: import("@reduxjs/toolkit/dist/query/react/buildHooks").UseMutation<import("@reduxjs/toolkit/query").MutationDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@strapi/admin/strapi-admin").QueryArguments, unknown, import("@strapi/admin/strapi-admin").BaseQueryError, {}, {}>, "ComponentConfiguration" | "ContentTypesConfiguration" | "ContentTypeSettings" | "Document" | "InitialData" | "HistoryVersion" | "Relations" | "UidAvailability" | "RecentDocumentList", import("../../../shared/contracts/components").ComponentConfiguration, "adminApi">>;
 export { useGetComponentConfigurationQuery, useUpdateComponentConfigurationMutation };