@strapi/content-manager 0.0.0-experimental.3d525b3d2d44b055469a7694f6aaecfe7145b9e6 → 0.0.0-experimental.3e198200d32a65f20bd375086da6b1501e469c51

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

@@ -11,6 +11,9 @@ declare const INJECTION_ZONES: {
         publishModalAdditionalInfos: never[];
         unpublishModalAdditionalInfos: never[];
     };
+    preview: {
+        actions: never[];
+    };
 };
 interface InjectionZones {
     editView: {
@@ -23,8 +26,11 @@ interface InjectionZones {
         publishModalAdditionalInfos: InjectionZoneComponent[];
         unpublishModalAdditionalInfos: InjectionZoneComponent[];
     };
+    preview: {
+        actions: InjectionZoneComponent[];
+    };
 }
-type InjectionZoneArea = 'editView.informations' | 'editView.right-links' | 'listView.actions' | 'listView.unpublishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos' | 'listView.publishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos';
+type InjectionZoneArea = 'editView.informations' | 'editView.right-links' | 'listView.actions' | 'listView.unpublishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos' | 'listView.publishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos' | 'preview.actions';
 type InjectionZoneModule = InjectionZoneArea extends `${infer Word}.${string}` ? Word : never;
 type InjectionZoneContainer = InjectionZoneArea extends `${string}.${infer Word}.${string}` ? Word : never;
 type InjectionZoneBlock = InjectionZoneArea extends `${string}.${string}.${infer Word}` ? Word : never;

package/dist/admin/src/content-manager.d.ts

@@ -57,6 +57,9 @@ interface PanelComponent extends DescriptionComponent<PanelComponentProps, Panel
     type?: 'actions' | 'releases';
 }
 interface DocumentActionProps extends EditViewContext {
+    onPreview?: () => void;
+    fromPreview?: boolean;
+    fromRelationModal?: boolean;
 }
 interface DocumentActionComponent extends DescriptionComponent<DocumentActionProps, DocumentActionDescription> {
     type?: 'clone' | 'configure-the-view' | 'delete' | 'discard' | 'edit' | 'edit-the-model' | 'history' | 'publish' | 'unpublish' | 'update';
@@ -105,6 +108,9 @@ declare class ContentManagerPlugin {
                 publishModalAdditionalInfos: never[];
                 unpublishModalAdditionalInfos: never[];
             };
+            preview: {
+                actions: never[];
+            };
         };
         apis: {
             addBulkAction: {

package/dist/admin/src/features/DocumentContext.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { type UseDocument } from '../hooks/useDocument';
+interface DocumentMeta {
+    /**
+     * The equivalent of the ":id" url param value
+     * i.e. gus5a67jcboa3o2zjnz39mb1
+     */
+    documentId: string;
+    /**
+     * The equivalent of the url ":slug" param value
+     * i.e. api::articles.article
+     */
+    model: string;
+    /**
+     * The equivalent of the url ":collectionType" param value
+     * i.e. collection-types or single-types
+     */
+    collectionType: string;
+    /**
+     * Query params object
+     * i.e. { locale: 'fr' }
+     */
+    params?: Record<string, string | string[] | null>;
+}
+interface DocumentContextValue {
+    rootDocumentMeta: DocumentMeta;
+    document: ReturnType<UseDocument>;
+    meta: DocumentMeta;
+    changeDocument: (newRelation: DocumentMeta) => void;
+    documentHistory: DocumentMeta[];
+    setDocumentHistory: React.Dispatch<React.SetStateAction<DocumentMeta[]>>;
+    onPreview?: () => void;
+}
+declare const useDocumentContext: <Selected>(consumerName: string, selector: (value: DocumentContextValue) => Selected) => Selected;
+/**
+ * TODO: Document in contributor docs, Add unit test
+ *
+ * This context provider and its associated hook are used to access a document at its root level
+ * and expose a function to change the current document being viewed to one of the root level docuemnt's relations.
+ *
+ * The useDocumentContext hook exposes:
+ * - meta: information about the currentDocument,
+ * - document: the actual document,
+ * - changeDocument: a function to change the current document to one of its relations.
+ * - rootDocumentMeta: information about the root level document (current page)
+ */
+declare const DocumentContextProvider: ({ children, initialDocument, onPreview, }: {
+    children: React.ReactNode | React.ReactNode[];
+    initialDocument: DocumentMeta;
+    onPreview?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export { useDocumentContext, DocumentContextProvider };
+export type { DocumentMeta };

package/dist/admin/src/features/DocumentRBAC.d.ts

@@ -23,14 +23,15 @@ declare const useDocumentRBAC: <Selected>(consumerName: string, selector: (value
 interface DocumentRBACProps {
     children: React.ReactNode;
     permissions: Permission[] | null;
+    model?: string;
 }
 /**
  * @internal This component is not meant to be used outside of the Content Manager plugin.
- * It depends on knowing the slug/model of the content-type using the params of the URL.
+ * It depends on knowing the slug/model of the content-type using the params of the URL or the model if it is passed as arg.
  * If you do use the hook outside of the context, we default to `false` for all actions.
  *
  * It then creates an list of `can{Action}` that are passed to the context for consumption
  * within the app to enforce RBAC.
  */
-declare const DocumentRBAC: ({ children, permissions }: DocumentRBACProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentRBAC: ({ children, permissions, model }: DocumentRBACProps) => import("react/jsx-runtime").JSX.Element;
 export { DocumentRBAC, useDocumentRBAC, DocumentRBACContextValue, DocumentRBACProps };

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

@@ -34,6 +34,7 @@ type UseDocument = (args: UseDocumentArgs, opts?: UseDocumentOpts) => {
     schema?: Schema;
     schemas?: Schema[];
     hasError?: boolean;
+    refetch: () => void;
     validate: (document: Document) => null | FormErrors;
     /**
      * Get the document's title
@@ -91,6 +92,7 @@ declare const useDoc: () => {
     schema?: ContentType | undefined;
     schemas?: ContentType[] | undefined;
     hasError?: boolean | undefined;
+    refetch: () => void;
     validate: (document: Document) => null | FormErrors;
     /**
      * Get the document's title

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

@@ -16,12 +16,13 @@ type BulkOperationResponse<TResponse extends {
 }> = Pick<TResponse, 'data'> | {
     error: BaseQueryError | SerializedError;
 };
-type UseDocumentActions = () => {
+type UseDocumentActions = (fromPreview?: boolean, fromRelationModal?: boolean) => {
     /**
      * @description Attempts to clone a document based on the provided sourceId.
      * This will return a list of the fields as an error if it's unable to clone.
      * You most likely want to use the `clone` action instead.
      */
+    isLoading: boolean;
     autoClone: (args: {
         model: string;
         sourceId: string;

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

@@ -1,3 +1,4 @@
+import 'prismjs';
 declare const _default: {
     register(app: any): void;
     bootstrap(app: any): void;

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

@@ -2,7 +2,7 @@ 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';
+type DocumentActionPosition = 'panel' | 'header' | 'table-row' | 'preview' | 'relation-modal';
 interface DocumentActionDescription {
     label: string;
     onClick?: (event: React.SyntheticEvent) => Promise<boolean | void> | boolean | void;
@@ -21,6 +21,7 @@ interface DocumentActionDescription {
      * @default 'secondary'
      */
     variant?: ButtonProps['variant'];
+    loading?: ButtonProps['loading'];
 }
 interface DialogOptions {
     type: 'dialog';

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Menu } from '@strapi/design-system';
+export interface ObservedComponent {
+    toolbar: React.ReactNode;
+    menu: React.ReactNode;
+    key: string;
+}
+export declare const EditorToolbarObserver: ({ observedComponents, menuTriggerVariant, }: {
+    observedComponents: ObservedComponent[];
+    menuTriggerVariant?: Menu.TriggerProps['variant'];
+}) => import("react/jsx-runtime").JSX.Element[];

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

@@ -1,7 +1,55 @@
 import { BaseRange, NodeEntry } from 'slate';
 import { type BlocksStore } from '../BlocksEditor';
 import 'prismjs/themes/prism-solarizedlight.css';
-import './utils/prismLanguages';
+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';
 type BaseRangeCustom = BaseRange & {
     className: string;
 };

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

@@ -0,0 +1,8 @@
+import { type DocumentMeta } from '../../../../../features/DocumentContext';
+interface RelationModalProps {
+    triggerButtonLabel: string;
+    relation: DocumentMeta;
+}
+export declare function getCollectionType(url: string): string | undefined;
+declare const RelationModalForm: ({ relation, triggerButtonLabel }: RelationModalProps) => import("react/jsx-runtime").JSX.Element;
+export { RelationModalForm };

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

@@ -1,8 +1,8 @@
 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';
+import { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';
+import { RelationResult } from '../../../../../services/relations';
 type RelationPosition = (Pick<RelationResult, 'status' | 'locale'> & {
     before: string;
     end?: never;
@@ -17,6 +17,12 @@ interface Relation extends Pick<RelationResult, 'documentId' | 'id' | 'locale' |
     label: string;
     position?: RelationPosition;
     __temp_key__: string;
+    apiData?: {
+        documentId: RelationResult['documentId'];
+        id: RelationResult['id'];
+        locale?: RelationResult['locale'];
+        position: RelationPosition;
+    };
 }
 interface RelationsFieldProps extends Omit<Extract<EditFieldLayout, {
     type: 'relation';

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Grid } from '@strapi/design-system';
 import { EditLayout } from '../../../hooks/useDocumentLayout';
+import type { UseDocument } from '../../../hooks/useDocument';
 export declare const RESPONSIVE_CONTAINER_BREAKPOINTS: {
     sm: string;
 };
@@ -14,7 +15,7 @@ export declare const ResponsiveGridRoot: import("styled-components").IStyledComp
 }, "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 & {
+export declare const ResponsiveGridItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<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;
@@ -25,8 +26,13 @@ export declare const ResponsiveGridItem: import("styled-components").IStyledComp
     m?: number | undefined;
 }, "ref"> & {
     ref?: any;
-}, never>> & Omit<Grid.ItemComponent<"div">, keyof import("react").Component<any, {}, any>>;
+}, {
+    col: number;
+}>> & Omit<Grid.ItemComponent<"div">, keyof import("react").Component<any, {}, any>>;
 interface FormLayoutProps extends Pick<EditLayout, 'layout'> {
+    hasBackground?: boolean;
+    model?: string;
+    document: ReturnType<UseDocument>;
 }
-declare const FormLayout: ({ layout }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormLayout: ({ layout, document, hasBackground }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export { FormLayout, FormLayoutProps };

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

@@ -1,9 +1,12 @@
-import { ReactNode } from 'react';
+import * as React from 'react';
+import { UseDocument } from '../../../hooks/useDocument';
 import type { EditFieldLayout } from '../../../hooks/useDocumentLayout';
 import type { Schema } from '@strapi/types';
 import type { DistributiveOmit } from 'react-redux';
-type InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'>;
-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>;
+type InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'> & {
+    document: ReturnType<UseDocument>;
+};
+declare const useFieldHint: (hint: React.ReactNode, attribute: Schema.Attribute.AnyAttribute) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | (string | import("react/jsx-runtime").JSX.Element | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[] | null | undefined;
+declare const MemoizedInputRenderer: React.MemoExoticComponent<({ visible, hint: providedHint, document, ...props }: InputRendererProps) => import("react/jsx-runtime").JSX.Element | null>;
 export type { InputRendererProps };
 export { MemoizedInputRenderer as InputRenderer, useFieldHint };

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

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

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

@@ -1,10 +1,12 @@
 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;

package/dist/server/index.js

@@ -2694,7 +2694,7 @@ var collectionTypes = {
             const isUpdate = !isCreate;
             if (isUpdate) {
                 // check if the document exists
-                const documentExists = documentManager.exists(model, id);
+                const documentExists = await documentManager.exists(model, id);
                 if (!documentExists) {
                     throw new strapiUtils.errors.NotFoundError('Document not found');
                 }