@strapi/admin 4.20.5 → 5.0.0-alpha.0

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/Component/Repeatable.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentInputProps } from './Input';
+interface RepeatableComponentProps extends Omit<ComponentInputProps, 'label' | 'required'> {
+}
+declare const RepeatableComponent: ({ attribute, disabled, name, mainField, }: RepeatableComponentProps) => import("react/jsx-runtime").JSX.Element;
+export { RepeatableComponent };
+export type { RepeatableComponentProps };

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/ComponentContext.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+interface ComponentContextValue {
+    /**
+     * The id of the component. It will be undefined if the component
+     * has not been created in the database yet. This could be on a new
+     * or existing entry.
+     */
+    id?: number;
+    /**
+     * The level of the component. This is used to determine the nesting
+     * of the component. The default is set to -1 so that the base level is 0
+     * for the top level component, and increases by 1 for each level of nesting.
+     */
+    level: number;
+    /**
+     * The uid of the component. This is used to determine the type of the
+     * component. Within an attribute, it is normally the `component` value.
+     * It will be undefined if the hook is not called within the confines
+     * of a provider.
+     */
+    uid?: string;
+    /**
+     * The type of component parent. It will be undefined if the hook
+     * is not called within the confines of a provider.
+     */
+    type?: 'dynamiczone' | 'repeatable' | 'component';
+}
+/**
+ * We use this component to wrap any individual component field in the Edit View,
+ * this could be a component field in a dynamic zone, a component within a repeatable space,
+ * or even nested components.
+ *
+ * We primarily need this to provide the component id to the components so that they can
+ * correctly fetch their relations.
+ */
+declare const ComponentProvider: {
+    (props: ComponentContextValue & {
+        children: import("react").ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, useComponent: <Selected>(consumerName: string, selector: (value: ComponentContextValue) => Selected) => Selected;
+export { ComponentProvider, useComponent };

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/DynamicZone/ComponentCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ComponentIconProps } from '../../../../../components/ComponentIcon';
+interface ComponentCardProps extends Pick<ComponentIconProps, 'icon'> {
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLDivElement>;
+}
+declare const ComponentCard: ({ children, onClick, icon }: ComponentCardProps) => import("react/jsx-runtime").JSX.Element;
+export { ComponentCard };
+export type { ComponentCardProps };

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

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

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/DynamicZone/DynamicComponent.d.ts

@@ -0,0 +1,14 @@
+import { type UseDragAndDropOptions } from '../../../../../hooks/useDragAndDrop';
+import type { ComponentPickerProps } from './ComponentPicker';
+interface DynamicComponentProps extends Pick<UseDragAndDropOptions, 'onGrabItem' | 'onDropItem' | 'onCancel'>, Pick<ComponentPickerProps, 'dynamicComponentsByCategory'> {
+    componentUid: string;
+    disabled?: boolean;
+    index: number;
+    name: string;
+    onAddComponent: (componentUid: string, index: number) => void;
+    onRemoveComponentClick: () => void;
+    onMoveComponent: (dragIndex: number, hoverIndex: number) => void;
+}
+declare const DynamicComponent: ({ componentUid, disabled, index, name, onRemoveComponentClick, onMoveComponent, onGrabItem, onDropItem, onCancel, dynamicComponentsByCategory, onAddComponent, }: DynamicComponentProps) => import("react/jsx-runtime").JSX.Element;
+export { DynamicComponent };
+export type { DynamicComponentProps };

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/DynamicZone/DynamicZoneLabel.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface DynamicZoneLabelProps {
+    label?: React.ReactNode;
+    labelAction?: React.ReactNode;
+    name: string;
+    numberOfComponents?: number;
+    required?: boolean;
+    hint?: React.ReactNode;
+}
+declare const DynamicZoneLabel: ({ hint, label, labelAction, name, numberOfComponents, required, }: DynamicZoneLabelProps) => import("react/jsx-runtime").JSX.Element;
+export { DynamicZoneLabel };
+export type { DynamicZoneLabelProps };

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

@@ -0,0 +1,13 @@
+import { InputProps } from '../../../../../../components/Form';
+import { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';
+interface DynamicZoneContextValue {
+    isInDynamicZone: boolean;
+}
+declare const useDynamicZone: <Selected>(consumerName: string, selector: (value: DynamicZoneContextValue) => Selected) => Selected;
+interface DynamicZoneProps extends Omit<Extract<EditFieldLayout, {
+    type: 'dynamiczone';
+}>, 'size' | 'hint'>, Pick<InputProps, 'hint'> {
+}
+declare const DynamicZone: ({ attribute, disabled, hint, label, name, required, }: DynamicZoneProps) => import("react/jsx-runtime").JSX.Element;
+export { DynamicZone, useDynamicZone };
+export type { DynamicZoneProps };

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/NotAllowed.d.ts

@@ -0,0 +1,7 @@
+import type { InputProps } from '../../../../../components/FormInputs/types';
+import type { Attribute } from '@strapi/types';
+interface NotAllowedInputProps extends Omit<InputProps, 'type'> {
+    type: Attribute.Kind;
+}
+declare const NotAllowedInput: ({ hint, label, required, name }: NotAllowedInputProps) => import("react/jsx-runtime").JSX.Element;
+export { NotAllowedInput };

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type InputProps } from '../../../../../components/Form';
+import { type EditFieldLayout } from '../../../../hooks/useDocumentLayout';
+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/v2").LinkProps & React.RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+export { RelationsField as RelationsInput, FlexWrapper, DisconnectButton, LinkEllipsis };
+export type { RelationsFieldProps };

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { type InputProps } from '../../../../../components/Form';
+import type { Attribute } from '@strapi/types';
+interface UIDInputProps extends Omit<InputProps, 'type'> {
+    type: Attribute.UID['type'];
+}
+declare const UIDInput: React.ForwardRefExoticComponent<UIDInputProps & React.RefAttributes<any>>;
+export { UIDInput };
+export type { UIDInputProps };

package/dist/admin/src/content-manager/pages/EditView/components/FormInputs/Wysiwyg/Editor.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { EditorFromTextArea } from 'codemirror5';
+import type { FieldValue } from '../../../../../../components/Form';
+import type { InputProps } from '../../../../../../components/FormInputs/types';
+import 'codemirror5/addon/display/placeholder';
+interface EditorApi {
+    focus: () => void;
+    scrollIntoView: (args?: Parameters<HTMLElement['scrollIntoView']>[0]) => void;
+}
+interface EditorProps extends Omit<FieldValue, 'initialValue'>, Omit<InputProps, 'type' | 'label'> {
+    editorRef: React.MutableRefObject<EditorFromTextArea>;
+    isPreviewMode?: boolean;
+    isExpandMode?: boolean;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+}
+declare const Editor: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<EditorApi>>;
+export { Editor };
+export type { EditorProps, EditorApi };

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

@@ -0,0 +1,59 @@
+import * as React from 'react';
+interface EditorLayoutProps {
+    children: React.ReactNode;
+    isExpandMode: boolean;
+    error?: string;
+    previewContent?: string;
+    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, "pointerEvents" | "display" | "position" | "zIndex" | "overflow" | "cursor" | "transition" | "transform" | "animation" | "textAlign" | "textTransform"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("@strapi/design-system/themes/colors.js").Colors | undefined;
+    color?: keyof import("@strapi/design-system/themes/colors.js").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"padding">;
+    paddingBottom?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginBottom">;
+    marginRight?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginRight">;
+    marginTop?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("@strapi/design-system/themes/colors.js").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("@strapi/design-system/types.js").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>;
+export { EditorLayout, ExpandButton };
+export type { EditorLayoutProps };

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { EditorApi } from './Editor';
+import type { InputProps } from '../../../../../../components/FormInputs/types';
+import type { Attribute } from '@strapi/types';
+interface WysiwygProps extends Omit<InputProps, 'type'> {
+    labelAction?: React.ReactNode;
+    type: Attribute.RichText['type'];
+}
+declare const Wysiwyg: React.ForwardRefExoticComponent<WysiwygProps & React.RefAttributes<EditorApi>>;
+export { Wysiwyg };
+export type { WysiwygProps };

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

@@ -0,0 +1,54 @@
+/// <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, "pointerEvents" | "display" | "position" | "zIndex" | "overflow" | "cursor" | "transition" | "transform" | "animation" | "textAlign" | "textTransform"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("@strapi/design-system/themes/colors.js").Colors | undefined;
+    color?: keyof import("@strapi/design-system/themes/colors.js").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"padding">;
+    paddingBottom?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginBottom">;
+    marginRight?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginRight">;
+    marginTop?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("@strapi/design-system/themes/colors.js").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("@strapi/design-system/types.js").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?: 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>;

package/dist/admin/src/content-manager/pages/EditView/components/FormLayout.d.ts

@@ -0,0 +1,5 @@
+import { EditLayout } from '../../../hooks/useDocumentLayout';
+interface FormLayoutProps extends Pick<EditLayout, 'layout'> {
+}
+declare const FormLayout: ({ layout }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export { FormLayout, FormLayoutProps };

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

@@ -1,7 +1,35 @@
-import { AllowedActions } from '@strapi/helper-plugin';
+import * as React from 'react';
+import type { DocumentActionComponent } from '../../../../core/apis/content-manager';
 interface HeaderProps {
-    allowedActions: AllowedActions;
+    isCreating?: boolean;
+    status?: 'draft' | 'published' | 'modified';
+    title?: string;
 }
-declare const Header: ({ allowedActions: { canUpdate, canCreate, canPublish } }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export { Header };
-export type { HeaderProps };
+declare const Header: ({ isCreating, status, title: documentTitle }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+interface HeaderButtonAction {
+    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<{
+        disabled?: boolean;
+        label: string;
+        startIcon?: React.ReactNode;
+        textValue?: string;
+        value: string;
+    }>;
+    onSelect?: (value: string) => void;
+    value?: string;
+}
+type HeaderActionDescription = HeaderButtonAction | HeaderSelectAction;
+declare const DEFAULT_HEADER_ACTIONS: DocumentActionComponent[];
+export { Header, DEFAULT_HEADER_ACTIONS };
+export type { HeaderProps, HeaderActionDescription };

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

@@ -0,0 +1,14 @@
+import type { DistributiveOmit } from '../../../../types/utils';
+import type { EditFieldLayout } from '../../../hooks/useDocumentLayout';
+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;
+export type { InputRendererProps };
+export { InputRenderer };

package/dist/admin/src/content-manager/pages/EditView/components/Panels.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { PanelComponent } from '../../../../core/apis/content-manager';
+interface PanelDescription {
+    title: string;
+    content: React.ReactNode;
+}
+declare const Panels: () => import("react/jsx-runtime").JSX.Element;
+declare const ActionsPanel: PanelComponent;
+export { Panels, ActionsPanel };
+export type { PanelDescription };

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

@@ -0,0 +1,20 @@
+import type { ComponentsDictionary, Document } from '../../../hooks/useDocument';
+import type { Schema, Attribute } from '@strapi/types';
+type AnyData = Omit<Document, 'id'>;
+/**
+ * @internal Removes all the fields that are not allowed.
+ */
+declare const removeProhibitedFields: (prohibitedFields: Attribute.Kind[]) => (schema: Schema.Schema, components?: ComponentsDictionary) => (data?: AnyData) => AnyData;
+/**
+ * @internal
+ * @description Sets all relation values to an empty array.
+ */
+declare const prepareRelations: (schema: Schema.Schema, components?: ComponentsDictionary) => (data?: AnyData) => AnyData;
+/**
+ * @internal
+ * @description Takes a document data structure (this could be from the API or a default form structure)
+ * and applies consistent data transformations to it. This is also used when we add new components to the
+ * form to ensure the data is correctly prepared from their default state e.g. relations are set to an empty array.
+ */
+declare const transformDocument: (schema: Schema.Schema, components?: ComponentsDictionary) => (document: AnyData) => AnyData;
+export { removeProhibitedFields, prepareRelations, transformDocument };

package/dist/admin/src/content-manager/pages/EditView/utils/forms.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentsDictionary, Document } from '../../../hooks/useDocument';
+import type { Schema } from '@strapi/types';
+type AnyData = Omit<Document, 'id'>;
+/**
+ * @internal Using the content-type schema & the components dictionary of the content-type,
+ * creates a form with pre-filled default values. This is used when creating a new entry.
+ */
+declare const createDefaultForm: (contentType: Schema.Schema, components?: ComponentsDictionary) => AnyData;
+export { createDefaultForm };

package/dist/admin/src/content-manager/pages/ListConfiguration/ListConfigurationPage.d.ts

@@ -0,0 +1,10 @@
+import { ListFieldLayout, ListLayout } from '../../hooks/useDocumentLayout';
+interface FormData extends Pick<ListLayout, 'settings'> {
+    layout: Array<Pick<ListFieldLayout, 'sortable' | 'name'> & {
+        label: string;
+    }>;
+}
+declare const ListConfiguration: () => import("react/jsx-runtime").JSX.Element;
+declare const ProtectedListConfiguration: () => import("react/jsx-runtime").JSX.Element;
+export { ProtectedListConfiguration, ListConfiguration };
+export type { FormData };

package/dist/admin/src/content-manager/pages/ListConfiguration/components/DraggableCard.d.ts

@@ -0,0 +1,12 @@
+import type { ListFieldLayout } from '../../../hooks/useDocumentLayout';
+type DraggableCardProps = Omit<ListFieldLayout, 'label'> & {
+    label: string;
+    index: number;
+    isDraggingSibling: boolean;
+    onMoveField: (dragIndex: number, hoverIndex: number) => void;
+    onRemoveField: () => void;
+    setIsDraggingSibling: (isDragging: boolean) => void;
+};
+declare const DraggableCard: ({ attribute, index, isDraggingSibling, label, name, onMoveField, onRemoveField, setIsDraggingSibling, }: DraggableCardProps) => import("react/jsx-runtime").JSX.Element;
+export { DraggableCard };
+export type { DraggableCardProps };

package/dist/admin/src/content-manager/pages/ListConfiguration/components/EditFieldForm.d.ts

@@ -0,0 +1,8 @@
+import type { ListFieldLayout } from '../../../hooks/useDocumentLayout';
+interface EditFieldFormProps extends Pick<ListFieldLayout, 'attribute'> {
+    name: string;
+    onClose: () => void;
+}
+declare const EditFieldForm: ({ attribute, name, onClose }: EditFieldFormProps) => import("react/jsx-runtime").JSX.Element | null;
+export { EditFieldForm };
+export type { EditFieldFormProps };

package/dist/admin/src/content-manager/pages/ListConfiguration/components/Header.d.ts

@@ -0,0 +1,8 @@
+interface HeaderProps {
+    collectionType: string;
+    name: string;
+    model: string;
+}
+declare const Header: ({ name }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { Header };
+export type { HeaderProps };

package/dist/admin/src/content-manager/pages/ListConfiguration/components/Settings.d.ts

@@ -0,0 +1,5 @@
+interface SettingsProps {
+    hasReviewWorkflows?: boolean;
+}
+declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+export { Settings, type SettingsProps };

package/dist/admin/src/content-manager/pages/ListConfiguration/components/SortDisplayedFields.d.ts

@@ -0,0 +1,6 @@
+import type { ListLayout } from '../../../hooks/useDocumentLayout';
+interface SortDisplayedFieldsProps extends Pick<ListLayout, 'layout'> {
+}
+declare const SortDisplayedFields: () => import("react/jsx-runtime").JSX.Element;
+export { SortDisplayedFields };
+export type { SortDisplayedFieldsProps };

package/dist/admin/src/content-manager/pages/ListView/ListViewPage.d.ts

@@ -1,25 +1,3 @@
-import * as React from 'react';
-import { Permission } from '@strapi/helper-plugin';
-import { Contracts } from '@strapi/plugin-content-manager/_internal/shared';
-import { FormattedLayouts, ListLayoutRow } from '../../utils/layouts';
-interface TableHeader extends Omit<ListLayoutRow, 'metadatas'> {
-    metadatas: ListLayoutRow['metadatas'] & {
-        label: string;
-    };
-    cellFormatter?: (data: Contracts.CollectionTypes.Find.Response['results'][number], header: Omit<TableHeader, 'cellFormatter'>) => React.ReactNode;
-}
-interface ListViewPageProps {
-    canCreate?: boolean;
-    canDelete?: boolean;
-    canRead?: boolean;
-    canPublish?: boolean;
-    layout: FormattedLayouts;
-    slug: string;
-}
-declare const ListViewPage: ({ canCreate, canDelete, canRead, canPublish, layout, slug, }: ListViewPageProps) => import("react/jsx-runtime").JSX.Element | null;
-interface ProtectedListViewPageProps extends ListViewPageProps {
-    permissions?: Permission[] | null;
-}
-declare const ProtectedListViewPage: ({ permissions, ...restProps }: ProtectedListViewPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListViewPage: () => import("react/jsx-runtime").JSX.Element;
+declare const ProtectedListViewPage: () => import("react/jsx-runtime").JSX.Element;
 export { ListViewPage, ProtectedListViewPage };
-export type { ListViewPageProps, ProtectedListViewPageProps, TableHeader };

package/dist/admin/src/content-manager/pages/ListView/components/AutoCloneFailureModal.d.ts

@@ -1,12 +1,8 @@
-import type { Entity } from '@strapi/types';
-type Reason = 'relation' | 'unique';
-type ProhibitedCloningField = [string[], Reason];
-interface AutoCloneFailureModalProps {
-    onClose: () => void;
-    entryId: Entity.ID | null;
+import type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';
+type ProhibitedCloningField = Contracts.CollectionTypes.ProhibitedCloningField;
+interface AutoCloneFailureModalBodyProps {
     prohibitedFields: ProhibitedCloningField[];
-    pluginQueryParams: string;
 }
-declare const AutoCloneFailureModal: ({ onClose, entryId, prohibitedFields, pluginQueryParams, }: AutoCloneFailureModalProps) => import("react/jsx-runtime").JSX.Element | null;
-export { AutoCloneFailureModal };
-export type { ProhibitedCloningField };
+declare const AutoCloneFailureModalBody: ({ prohibitedFields }: AutoCloneFailureModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+export { AutoCloneFailureModalBody };
+export type { AutoCloneFailureModalBodyProps };

package/dist/admin/src/content-manager/pages/ListView/components/BulkActions/Buttons.d.ts

@@ -1,27 +1,12 @@
 import { Entity } from '@strapi/types';
-import PropTypes from 'prop-types';
+import type { Contracts } from '@strapi/plugin-content-manager/_internal/shared';
 interface BulkActionButtonsProps {
+    data?: Contracts.CollectionTypes.Find.Response['results'];
+    refetchData: () => Promise<void>;
     showPublish?: boolean;
     showDelete?: boolean;
     onConfirmDeleteAll: (ids: Entity.ID[]) => Promise<void>;
     onConfirmUnpublishAll: (ids: Entity.ID[]) => Promise<void>;
-    refetchData: () => void;
 }
-declare const BulkActionButtons: {
-    ({ showPublish, showDelete, onConfirmDeleteAll, onConfirmUnpublishAll, refetchData, }: BulkActionButtonsProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        showPublish: boolean;
-        showDelete: boolean;
-        onConfirmDeleteAll(): void;
-        onConfirmUnpublishAll(): void;
-        refetchData(): void;
-    };
-    propTypes: {
-        showPublish: PropTypes.Requireable<boolean>;
-        showDelete: PropTypes.Requireable<boolean>;
-        onConfirmDeleteAll: PropTypes.Requireable<(...args: any[]) => any>;
-        onConfirmUnpublishAll: PropTypes.Requireable<(...args: any[]) => any>;
-        refetchData: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const BulkActionButtons: ({ showPublish, showDelete, onConfirmDeleteAll, onConfirmUnpublishAll, data, refetchData, }: BulkActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export { BulkActionButtons };

package/dist/admin/src/content-manager/pages/ListView/components/BulkActions/SelectedEntriesModal.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { Entity } from '@strapi/types';
 import { MessageDescriptor } from 'react-intl';
-import { UseQueryResult } from 'react-query';
 import { ConfirmDialogPublishAllProps } from './ConfirmBulkActionDialog';
 interface EntryValidationTextProps {
     validationErrors?: Record<string, MessageDescriptor>;
@@ -14,7 +13,7 @@ interface SelectedEntriesTableContentProps {
     validationErrors: Record<string, EntryValidationTextProps['validationErrors']>;
 }
 interface SelectedEntriesModalContentProps extends Pick<SelectedEntriesTableContentProps, 'validationErrors'> {
-    refetchModalData: UseQueryResult['refetch'];
+    refetchModalData: React.MouseEventHandler<HTMLButtonElement>;
     setEntriesToFetch: React.Dispatch<React.SetStateAction<Entity.ID[]>>;
     setSelectedListViewEntries: React.Dispatch<React.SetStateAction<Entity.ID[]>>;
     toggleModal: ConfirmDialogPublishAllProps['onToggleDialog'];

package/dist/admin/src/content-manager/pages/ListView/components/Filters.d.ts

@@ -0,0 +1,8 @@
+import { Schema } from '../../../hooks/useDocument';
+interface FiltersProps {
+    disabled?: boolean;
+    schema: Schema;
+}
+declare const FiltersImpl: ({ disabled, schema }: FiltersProps) => import("react/jsx-runtime").JSX.Element;
+export { FiltersImpl as Filters };
+export type { FiltersProps };

package/dist/admin/src/content-manager/pages/ListView/components/TableActions.d.ts

@@ -0,0 +1,8 @@
+import { Document } from '../../../hooks/useDocument';
+import type { DocumentActionComponent } from '../../../../core/apis/content-manager';
+interface TableActionsProps {
+    document: Document;
+}
+declare const TableActions: ({ document }: TableActionsProps) => import("react/jsx-runtime").JSX.Element;
+declare const DEFAULT_TABLE_ROW_ACTIONS: DocumentActionComponent[];
+export { TableActions, DEFAULT_TABLE_ROW_ACTIONS };