@strapi/content-manager 5.50.2 → 5.51.0

package/dist/admin/pages/EditView/utils/draftRelationCounts.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"draftRelationCounts.mjs","sources":["../../../../../admin/src/pages/EditView/utils/draftRelationCounts.ts"],"sourcesContent":["import type { Component } from '../../../../../shared/contracts/components';\nimport type { ComponentsDictionary, Schema } from '../../../hooks/useDocument';\nimport type { RelationsFormValue } from '../components/FormInputs/Relations/Relations';\n\nexport interface DraftRelationCounts {\n  unpublishedRelations: number;\n  draftM2mLinks: number;\n}\n\nexport const EMPTY_DRAFT_RELATION_COUNTS: DraftRelationCounts = {\n  unpublishedRelations: 0,\n  draftM2mLinks: 0,\n};\n\nexport const isBidirectionalManyToMany = (attribute: Schema['attributes'][string]) => {\n  if (attribute.type !== 'relation' || attribute.relation !== 'manyToMany') {\n    return false;\n  }\n\n  const relationAttribute = attribute as Extract<\n    Schema['attributes'][string],\n    { type: 'relation'; relation: 'manyToMany' }\n  > & {\n    inversedBy?: string;\n    mappedBy?: string;\n  };\n\n  return Boolean(relationAttribute.inversedBy || relationAttribute.mappedBy);\n};\n\nexport const mergeDraftRelationCounts = (\n  left: DraftRelationCounts,\n  right: DraftRelationCounts\n): DraftRelationCounts => ({\n  unpublishedRelations: left.unpublishedRelations + right.unpublishedRelations,\n  draftM2mLinks: left.draftM2mLinks + right.draftM2mLinks,\n});\n\nexport const normalizeDraftRelationCounts = (payload: unknown): DraftRelationCounts => {\n  if (\n    payload &&\n    typeof payload === 'object' &&\n    'unpublishedRelations' in payload &&\n    'draftM2mLinks' in payload\n  ) {\n    return payload as DraftRelationCounts;\n  }\n\n  if (payload && typeof payload === 'object' && 'data' in payload) {\n    return normalizeDraftRelationCounts((payload as { data: unknown }).data);\n  }\n\n  return EMPTY_DRAFT_RELATION_COUNTS;\n};\n\nexport const resolveDraftRelationCounts = (\n  documentId: string | undefined,\n  modified: boolean,\n  localCounts: DraftRelationCounts,\n  serverCounts: DraftRelationCounts\n): DraftRelationCounts => {\n  if (!documentId) {\n    return localCounts;\n  }\n\n  const hasUnsavedDraftRelations =\n    localCounts.unpublishedRelations > 0 || localCounts.draftM2mLinks > 0;\n\n  if (modified || hasUnsavedDraftRelations) {\n    return mergeDraftRelationCounts(localCounts, serverCounts);\n  }\n\n  return serverCounts;\n};\n\nexport interface DraftRelationsPublishState {\n  hasUnpublishedRelations: boolean;\n  hasDraftM2mLinks: boolean;\n  hasDraftRelations: boolean;\n  isM2mOnlyDraftRelations: boolean;\n  dialogVariant: 'default' | 'danger';\n  bodyIcon: 'default' | 'danger';\n  confirmLabel: 'publish' | 'publish-without-relations';\n}\n\nexport const getDraftRelationsPublishState = (\n  counts: DraftRelationCounts\n): DraftRelationsPublishState => {\n  const hasUnpublishedRelations = counts.unpublishedRelations > 0;\n  const hasDraftM2mLinks = counts.draftM2mLinks > 0;\n  const hasDraftRelations = hasUnpublishedRelations || hasDraftM2mLinks;\n  const isM2mOnlyDraftRelations = hasDraftM2mLinks && !hasUnpublishedRelations;\n\n  return {\n    hasUnpublishedRelations,\n    hasDraftM2mLinks,\n    hasDraftRelations,\n    isM2mOnlyDraftRelations,\n    dialogVariant: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    bodyIcon: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    confirmLabel: isM2mOnlyDraftRelations ? 'publish' : 'publish-without-relations',\n  };\n};\n\n/**\n * Counts draft relations in unsaved form values, excluding self-referential relations\n * (preserved on publish via document-service self-referential-relations).\n */\nexport const countLocalDraftRelations = (\n  data: Record<string, unknown>,\n  schema: Schema | Component | undefined,\n  components: ComponentsDictionary,\n  contentTypeUid: string\n): DraftRelationCounts => {\n  if (!schema?.attributes) {\n    return EMPTY_DRAFT_RELATION_COUNTS;\n  }\n\n  return Object.keys(schema.attributes).reduce((counts, attributeName) => {\n    const attribute = schema.attributes[attributeName];\n    const value = data[attributeName];\n\n    if (!value) {\n      return counts;\n    }\n\n    switch (attribute.type) {\n      case 'relation': {\n        if (!('target' in attribute) || attribute.target === contentTypeUid) {\n          return counts;\n        }\n\n        if (typeof value === 'object' && value !== null && 'connect' in value) {\n          const draftConnectCount =\n            (value as RelationsFormValue).connect?.filter((relation) => relation.status === 'draft')\n              .length ?? 0;\n\n          if (draftConnectCount === 0) {\n            return counts;\n          }\n\n          if (isBidirectionalManyToMany(attribute)) {\n            return {\n              ...counts,\n              draftM2mLinks: counts.draftM2mLinks + draftConnectCount,\n            };\n          }\n\n          return {\n            ...counts,\n            unpublishedRelations: counts.unpublishedRelations + draftConnectCount,\n          };\n        }\n\n        return counts;\n      }\n      case 'component': {\n        const componentItems = Array.isArray(value) ? value : [value];\n        const componentSchema = components[attribute.component];\n\n        return componentItems.reduce(\n          (componentCounts, componentValue) =>\n            mergeDraftRelationCounts(\n              componentCounts,\n              countLocalDraftRelations(\n                componentValue as Record<string, unknown>,\n                componentSchema,\n                components,\n                contentTypeUid\n              )\n            ),\n          counts\n        );\n      }\n      case 'dynamiczone': {\n        return (value as Array<Record<string, unknown>>).reduce((zoneCounts, componentValue) => {\n          const componentUid = componentValue.__component as string;\n\n          return mergeDraftRelationCounts(\n            zoneCounts,\n            countLocalDraftRelations(\n              componentValue,\n              components[componentUid],\n              components,\n              contentTypeUid\n            )\n          );\n        }, counts);\n      }\n      default:\n        return counts;\n    }\n  }, EMPTY_DRAFT_RELATION_COUNTS);\n};\n"],"names":["EMPTY_DRAFT_RELATION_COUNTS","unpublishedRelations","draftM2mLinks","isBidirectionalManyToMany","attribute","type","relation","relationAttribute","Boolean","inversedBy","mappedBy","mergeDraftRelationCounts","left","right","normalizeDraftRelationCounts","payload","data","resolveDraftRelationCounts","documentId","modified","localCounts","serverCounts","hasUnsavedDraftRelations","getDraftRelationsPublishState","counts","hasUnpublishedRelations","hasDraftM2mLinks","hasDraftRelations","isM2mOnlyDraftRelations","dialogVariant","bodyIcon","confirmLabel","countLocalDraftRelations","schema","components","contentTypeUid","attributes","Object","keys","reduce","attributeName","value","target","draftConnectCount","connect","filter","status","length","componentItems","Array","isArray","componentSchema","component","componentCounts","componentValue","zoneCounts","componentUid","__component"],"mappings":"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"}
+{"version":3,"file":"draftRelationCounts.mjs","sources":["../../../../../admin/src/pages/EditView/utils/draftRelationCounts.ts"],"sourcesContent":["import type { Component } from '../../../../../shared/contracts/components';\nimport type { ComponentsDictionary, Schema } from '../../../hooks/useDocument';\nimport type { RelationsFormValue } from '../components/FormInputs/Relations/Relations';\n\nexport interface DraftRelationCounts {\n  unpublishedRelations: number;\n  draftM2mLinks: number;\n}\n\nexport const EMPTY_DRAFT_RELATION_COUNTS: DraftRelationCounts = {\n  unpublishedRelations: 0,\n  draftM2mLinks: 0,\n};\n\nexport const isBidirectionalManyToMany = (attribute: Schema['attributes'][string]) => {\n  if (attribute.type !== 'relation' || attribute.relation !== 'manyToMany') {\n    return false;\n  }\n\n  const relationAttribute = attribute as Extract<\n    Schema['attributes'][string],\n    { type: 'relation'; relation: 'manyToMany' }\n  > & {\n    inversedBy?: string;\n    mappedBy?: string;\n  };\n\n  return Boolean(relationAttribute.inversedBy || relationAttribute.mappedBy);\n};\n\nexport const mergeDraftRelationCounts = (\n  left: DraftRelationCounts,\n  right: DraftRelationCounts\n): DraftRelationCounts => ({\n  unpublishedRelations: left.unpublishedRelations + right.unpublishedRelations,\n  draftM2mLinks: left.draftM2mLinks + right.draftM2mLinks,\n});\n\nexport const clampDraftRelationCounts = (counts: DraftRelationCounts): DraftRelationCounts => ({\n  unpublishedRelations: Math.max(0, counts.unpublishedRelations),\n  draftM2mLinks: Math.max(0, counts.draftM2mLinks),\n});\n\nexport const normalizeDraftRelationCounts = (payload: unknown): DraftRelationCounts => {\n  if (\n    payload &&\n    typeof payload === 'object' &&\n    'unpublishedRelations' in payload &&\n    'draftM2mLinks' in payload\n  ) {\n    return payload as DraftRelationCounts;\n  }\n\n  if (payload && typeof payload === 'object' && 'data' in payload) {\n    return normalizeDraftRelationCounts((payload as { data: unknown }).data);\n  }\n\n  return EMPTY_DRAFT_RELATION_COUNTS;\n};\n\nexport const resolveDraftRelationCounts = (\n  documentId: string | undefined,\n  modified: boolean,\n  localCounts: DraftRelationCounts,\n  serverCounts: DraftRelationCounts\n): DraftRelationCounts => {\n  if (!documentId) {\n    return clampDraftRelationCounts(localCounts);\n  }\n\n  const hasUnsavedDraftRelations =\n    localCounts.unpublishedRelations > 0 || localCounts.draftM2mLinks > 0;\n\n  if (modified || hasUnsavedDraftRelations) {\n    return clampDraftRelationCounts(mergeDraftRelationCounts(localCounts, serverCounts));\n  }\n\n  return serverCounts;\n};\n\nexport interface DraftRelationsPublishState {\n  hasUnpublishedRelations: boolean;\n  hasDraftM2mLinks: boolean;\n  hasDraftRelations: boolean;\n  isM2mOnlyDraftRelations: boolean;\n  dialogVariant: 'default' | 'danger';\n  bodyIcon: 'default' | 'danger';\n  confirmLabel: 'publish' | 'publish-without-relations';\n}\n\nexport const getDraftRelationsPublishState = (\n  counts: DraftRelationCounts\n): DraftRelationsPublishState => {\n  const hasUnpublishedRelations = counts.unpublishedRelations > 0;\n  const hasDraftM2mLinks = counts.draftM2mLinks > 0;\n  const hasDraftRelations = hasUnpublishedRelations || hasDraftM2mLinks;\n  const isM2mOnlyDraftRelations = hasDraftM2mLinks && !hasUnpublishedRelations;\n\n  return {\n    hasUnpublishedRelations,\n    hasDraftM2mLinks,\n    hasDraftRelations,\n    isM2mOnlyDraftRelations,\n    dialogVariant: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    bodyIcon: isM2mOnlyDraftRelations ? 'default' : 'danger',\n    confirmLabel: isM2mOnlyDraftRelations ? 'publish' : 'publish-without-relations',\n  };\n};\n\n/**\n * Counts draft relations in unsaved form values, excluding self-referential relations\n * (preserved on publish via document-service self-referential-relations).\n */\nexport const countLocalDraftRelations = (\n  data: Record<string, unknown>,\n  schema: Schema | Component | undefined,\n  components: ComponentsDictionary,\n  contentTypeUid: string\n): DraftRelationCounts => {\n  if (!schema?.attributes) {\n    return EMPTY_DRAFT_RELATION_COUNTS;\n  }\n\n  return Object.keys(schema.attributes).reduce((counts, attributeName) => {\n    const attribute = schema.attributes[attributeName];\n    const value = data[attributeName];\n\n    if (!value) {\n      return counts;\n    }\n\n    switch (attribute.type) {\n      case 'relation': {\n        if (!('target' in attribute) || attribute.target === contentTypeUid) {\n          return counts;\n        }\n\n        if (\n          typeof value === 'object' &&\n          value !== null &&\n          ('connect' in value || 'disconnect' in value)\n        ) {\n          const formValue = value as RelationsFormValue;\n          const draftConnectCount =\n            formValue.connect?.filter((relation) => relation.status === 'draft').length ?? 0;\n          const draftDisconnectCount =\n            formValue.disconnect?.filter((relation) => relation.status === 'draft').length ?? 0;\n\n          if (draftConnectCount === 0 && draftDisconnectCount === 0) {\n            return counts;\n          }\n\n          if (isBidirectionalManyToMany(attribute)) {\n            return {\n              ...counts,\n              draftM2mLinks: counts.draftM2mLinks + draftConnectCount - draftDisconnectCount,\n            };\n          }\n\n          return {\n            ...counts,\n            unpublishedRelations:\n              counts.unpublishedRelations + draftConnectCount - draftDisconnectCount,\n          };\n        }\n\n        return counts;\n      }\n      case 'component': {\n        const componentItems = Array.isArray(value) ? value : [value];\n        const componentSchema = components[attribute.component];\n\n        return componentItems.reduce(\n          (componentCounts, componentValue) =>\n            mergeDraftRelationCounts(\n              componentCounts,\n              countLocalDraftRelations(\n                componentValue as Record<string, unknown>,\n                componentSchema,\n                components,\n                contentTypeUid\n              )\n            ),\n          counts\n        );\n      }\n      case 'dynamiczone': {\n        return (value as Array<Record<string, unknown>>).reduce((zoneCounts, componentValue) => {\n          const componentUid = componentValue.__component as string;\n\n          return mergeDraftRelationCounts(\n            zoneCounts,\n            countLocalDraftRelations(\n              componentValue,\n              components[componentUid],\n              components,\n              contentTypeUid\n            )\n          );\n        }, counts);\n      }\n      default:\n        return counts;\n    }\n  }, EMPTY_DRAFT_RELATION_COUNTS);\n};\n"],"names":["EMPTY_DRAFT_RELATION_COUNTS","unpublishedRelations","draftM2mLinks","isBidirectionalManyToMany","attribute","type","relation","relationAttribute","Boolean","inversedBy","mappedBy","mergeDraftRelationCounts","left","right","clampDraftRelationCounts","counts","Math","max","normalizeDraftRelationCounts","payload","data","resolveDraftRelationCounts","documentId","modified","localCounts","serverCounts","hasUnsavedDraftRelations","getDraftRelationsPublishState","hasUnpublishedRelations","hasDraftM2mLinks","hasDraftRelations","isM2mOnlyDraftRelations","dialogVariant","bodyIcon","confirmLabel","countLocalDraftRelations","schema","components","contentTypeUid","attributes","Object","keys","reduce","attributeName","value","target","formValue","draftConnectCount","connect","filter","status","length","draftDisconnectCount","disconnect","componentItems","Array","isArray","componentSchema","component","componentCounts","componentValue","zoneCounts","componentUid","__component"],"mappings":"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"}

package/dist/admin/preview/components/PreviewSidePanel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var qs = require('qs');
@@ -9,14 +9,37 @@ var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var preview = require('../services/preview.js');
 
-const ConditionalTooltip = ({ isShown, label, children })=>{
-    if (isShown) {
-        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
-            label: label,
-            children: children
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    return children;
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/**
+ * Always keeps the Tooltip (and therefore the children subtree) mounted: conditionally wrapping
+ * would remount the child button whenever `isShown` flips, and a click landing during that swap
+ * is silently lost. When the tooltip must not show, it is force-closed via the controlled `open`
+ * prop instead of being removed from the tree.
+ */ const ConditionalTooltip = ({ isShown, label, children })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+        label: label,
+        open: isShown ? undefined : false,
+        children: children
+    });
 };
 const PreviewSidePanel = ({ model, documentId, document })=>{
     const { formatMessage } = reactIntl.useIntl();
@@ -46,6 +69,20 @@ const PreviewSidePanel = ({ model, documentId, document })=>{
     {
         skip: isUnsaved
     });
+    /**
+   * The query args above change while the document settles (locale/status resolve after load and
+   * on save/publish), and each change is a new cache entry with transiently empty data. Latch
+   * enablement once a URL has been seen so the "Open preview" button doesn't unmount and remount
+   * mid-interaction — a click landing during such a swap is silently lost.
+   */ const [isPreviewEnabled, setIsPreviewEnabled] = React__namespace.useState(false);
+    const previewUrl = data?.data?.url;
+    React__namespace.useEffect(()=>{
+        if (previewUrl) {
+            setIsPreviewEnabled(true);
+        }
+    }, [
+        previewUrl
+    ]);
     if (isUnsaved) {
         return null;
     }
@@ -68,7 +105,7 @@ const PreviewSidePanel = ({ model, documentId, document })=>{
             })
         };
     }
-    if (!data?.data?.url || error) {
+    if (!isPreviewEnabled && (!data?.data?.url || error)) {
         return null;
     }
     const trackNavigation = ()=>{

package/dist/admin/preview/components/PreviewSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewSidePanel.js","sources":["../../../../admin/src/preview/components/PreviewSidePanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams, useTracking, useForm } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Tooltip, type TooltipProps } from '@strapi/design-system';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { PanelComponent } from '@strapi/content-manager/strapi-admin';\nimport type { UID } from '@strapi/types';\n\ninterface ConditionalTooltipProps {\n  isShown: boolean;\n  label: TooltipProps['label'];\n  children: React.ReactNode;\n}\n\nconst ConditionalTooltip = ({ isShown, label, children }: ConditionalTooltipProps) => {\n  if (isShown) {\n    return <Tooltip label={label}>{children}</Tooltip>;\n  }\n\n  return children;\n};\n\nconst PreviewSidePanel: PanelComponent = ({ model, documentId, document }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const isModified = useForm('PreviewSidePanel', (state) => state.modified);\n  const isUnsaved = Boolean(!document || !document.id);\n\n  const title = formatMessage({\n    id: 'content-manager.preview.panel.title',\n    defaultMessage: 'Preview',\n  });\n\n  /**\n   * The preview URL isn't used in this component, we just fetch it to know if preview is enabled\n   * for the content type. If it's not, the panel is not displayed. If it is, we display a link to\n   * /preview, and the URL will already be loaded in the RTK query cache.\n   */\n  const { data, error } = useGetPreviewUrlQuery(\n    {\n      params: {\n        contentType: model as UID.ContentType,\n      },\n      query: {\n        documentId,\n        locale: document?.locale,\n        status: document?.status,\n      },\n    },\n    // Don't bother making the request since we won't show any UI\n    { skip: isUnsaved }\n  );\n\n  if (isUnsaved) {\n    return null;\n  }\n\n  // Preview was not configured but not disabled either (otherwise it would be a success 204).\n  // So we encourage the user to set it up.\n  if (error && error.name === 'NotFoundError') {\n    return {\n      title,\n      content: (\n        <Button\n          variant=\"tertiary\"\n          tag={Link}\n          to=\"https://docs.strapi.io/cms/features/preview\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          width=\"100%\"\n        >\n          {formatMessage({\n            id: 'content-manager.preview.panel.button-configuration',\n            defaultMessage: 'Set up preview',\n          })}\n        </Button>\n      ),\n    };\n  }\n\n  if (!data?.data?.url || error) {\n    return null;\n  }\n\n  const trackNavigation = () => {\n    // Append /preview to the current URL\n    const destinationPathname = pathname.replace(/\\/$/, '') + '/preview';\n    trackUsage('willNavigate', { from: pathname, to: destinationPathname });\n  };\n\n  return {\n    title,\n    content: (\n      <ConditionalTooltip\n        label={formatMessage({\n          id: 'content-manager.preview.panel.button-disabled-tooltip',\n          defaultMessage: 'Please save to open the preview',\n        })}\n        isShown={isModified}\n      >\n        <Box cursor=\"not-allowed\" width=\"100%\">\n          <Button\n            variant=\"tertiary\"\n            tag={Link}\n            to={{ pathname: 'preview', search: stringify(query, { encode: false }) }}\n            onClick={trackNavigation}\n            width=\"100%\"\n            disabled={isModified}\n            pointerEvents={isModified ? 'none' : undefined}\n            tabIndex={isModified ? -1 : undefined}\n          >\n            {formatMessage({\n              id: 'content-manager.preview.panel.button',\n              defaultMessage: 'Open preview',\n            })}\n          </Button>\n        </Box>\n      </ConditionalTooltip>\n    ),\n  };\n};\n\nexport { PreviewSidePanel };\n"],"names":["ConditionalTooltip","isShown","label","children","_jsx","Tooltip","PreviewSidePanel","model","documentId","document","formatMessage","useIntl","trackUsage","useTracking","pathname","useLocation","query","useQueryParams","isModified","useForm","state","modified","isUnsaved","Boolean","id","title","defaultMessage","data","error","useGetPreviewUrlQuery","params","contentType","locale","status","skip","name","content","Button","variant","tag","Link","to","target","rel","width","url","trackNavigation","destinationPathname","replace","from","Box","cursor","search","stringify","encode","onClick","disabled","pointerEvents","undefined","tabIndex"],"mappings":"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"}
+{"version":3,"file":"PreviewSidePanel.js","sources":["../../../../admin/src/preview/components/PreviewSidePanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams, useTracking, useForm } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Tooltip, type TooltipProps } from '@strapi/design-system';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { PanelComponent } from '@strapi/content-manager/strapi-admin';\nimport type { UID } from '@strapi/types';\n\ninterface ConditionalTooltipProps {\n  isShown: boolean;\n  label: TooltipProps['label'];\n  children: React.ReactNode;\n}\n\n/**\n * Always keeps the Tooltip (and therefore the children subtree) mounted: conditionally wrapping\n * would remount the child button whenever `isShown` flips, and a click landing during that swap\n * is silently lost. When the tooltip must not show, it is force-closed via the controlled `open`\n * prop instead of being removed from the tree.\n */\nconst ConditionalTooltip = ({ isShown, label, children }: ConditionalTooltipProps) => {\n  return (\n    <Tooltip label={label} open={isShown ? undefined : false}>\n      {children}\n    </Tooltip>\n  );\n};\n\nconst PreviewSidePanel: PanelComponent = ({ model, documentId, document }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const isModified = useForm('PreviewSidePanel', (state) => state.modified);\n  const isUnsaved = Boolean(!document || !document.id);\n\n  const title = formatMessage({\n    id: 'content-manager.preview.panel.title',\n    defaultMessage: 'Preview',\n  });\n\n  /**\n   * The preview URL isn't used in this component, we just fetch it to know if preview is enabled\n   * for the content type. If it's not, the panel is not displayed. If it is, we display a link to\n   * /preview, and the URL will already be loaded in the RTK query cache.\n   */\n  const { data, error } = useGetPreviewUrlQuery(\n    {\n      params: {\n        contentType: model as UID.ContentType,\n      },\n      query: {\n        documentId,\n        locale: document?.locale,\n        status: document?.status,\n      },\n    },\n    // Don't bother making the request since we won't show any UI\n    { skip: isUnsaved }\n  );\n\n  /**\n   * The query args above change while the document settles (locale/status resolve after load and\n   * on save/publish), and each change is a new cache entry with transiently empty data. Latch\n   * enablement once a URL has been seen so the \"Open preview\" button doesn't unmount and remount\n   * mid-interaction — a click landing during such a swap is silently lost.\n   */\n  const [isPreviewEnabled, setIsPreviewEnabled] = React.useState(false);\n  const previewUrl = data?.data?.url;\n  React.useEffect(() => {\n    if (previewUrl) {\n      setIsPreviewEnabled(true);\n    }\n  }, [previewUrl]);\n\n  if (isUnsaved) {\n    return null;\n  }\n\n  // Preview was not configured but not disabled either (otherwise it would be a success 204).\n  // So we encourage the user to set it up.\n  if (error && error.name === 'NotFoundError') {\n    return {\n      title,\n      content: (\n        <Button\n          variant=\"tertiary\"\n          tag={Link}\n          to=\"https://docs.strapi.io/cms/features/preview\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          width=\"100%\"\n        >\n          {formatMessage({\n            id: 'content-manager.preview.panel.button-configuration',\n            defaultMessage: 'Set up preview',\n          })}\n        </Button>\n      ),\n    };\n  }\n\n  if (!isPreviewEnabled && (!data?.data?.url || error)) {\n    return null;\n  }\n\n  const trackNavigation = () => {\n    // Append /preview to the current URL\n    const destinationPathname = pathname.replace(/\\/$/, '') + '/preview';\n    trackUsage('willNavigate', { from: pathname, to: destinationPathname });\n  };\n\n  return {\n    title,\n    content: (\n      <ConditionalTooltip\n        label={formatMessage({\n          id: 'content-manager.preview.panel.button-disabled-tooltip',\n          defaultMessage: 'Please save to open the preview',\n        })}\n        isShown={isModified}\n      >\n        <Box cursor=\"not-allowed\" width=\"100%\">\n          <Button\n            variant=\"tertiary\"\n            tag={Link}\n            to={{ pathname: 'preview', search: stringify(query, { encode: false }) }}\n            onClick={trackNavigation}\n            width=\"100%\"\n            disabled={isModified}\n            pointerEvents={isModified ? 'none' : undefined}\n            tabIndex={isModified ? -1 : undefined}\n          >\n            {formatMessage({\n              id: 'content-manager.preview.panel.button',\n              defaultMessage: 'Open preview',\n            })}\n          </Button>\n        </Box>\n      </ConditionalTooltip>\n    ),\n  };\n};\n\nexport { PreviewSidePanel };\n"],"names":["ConditionalTooltip","isShown","label","children","_jsx","Tooltip","open","undefined","PreviewSidePanel","model","documentId","document","formatMessage","useIntl","trackUsage","useTracking","pathname","useLocation","query","useQueryParams","isModified","useForm","state","modified","isUnsaved","Boolean","id","title","defaultMessage","data","error","useGetPreviewUrlQuery","params","contentType","locale","status","skip","isPreviewEnabled","setIsPreviewEnabled","React","useState","previewUrl","url","useEffect","name","content","Button","variant","tag","Link","to","target","rel","width","trackNavigation","destinationPathname","replace","from","Box","cursor","search","stringify","encode","onClick","disabled","pointerEvents","tabIndex"],"mappings":"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"}

package/dist/admin/preview/components/PreviewSidePanel.mjs

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import 'react';
+import * as React from 'react';
 import { useTracking, useQueryParams, useForm } from '@strapi/admin/strapi-admin';
 import { Button, Box, Tooltip } from '@strapi/design-system';
 import { stringify } from 'qs';
@@ -7,14 +7,17 @@ import { useIntl } from 'react-intl';
 import { useLocation, Link } from 'react-router-dom';
 import { useGetPreviewUrlQuery } from '../services/preview.mjs';
 
-const ConditionalTooltip = ({ isShown, label, children })=>{
-    if (isShown) {
-        return /*#__PURE__*/ jsx(Tooltip, {
-            label: label,
-            children: children
-        });
-    }
-    return children;
+/**
+ * Always keeps the Tooltip (and therefore the children subtree) mounted: conditionally wrapping
+ * would remount the child button whenever `isShown` flips, and a click landing during that swap
+ * is silently lost. When the tooltip must not show, it is force-closed via the controlled `open`
+ * prop instead of being removed from the tree.
+ */ const ConditionalTooltip = ({ isShown, label, children })=>{
+    return /*#__PURE__*/ jsx(Tooltip, {
+        label: label,
+        open: isShown ? undefined : false,
+        children: children
+    });
 };
 const PreviewSidePanel = ({ model, documentId, document })=>{
     const { formatMessage } = useIntl();
@@ -44,6 +47,20 @@ const PreviewSidePanel = ({ model, documentId, document })=>{
     {
         skip: isUnsaved
     });
+    /**
+   * The query args above change while the document settles (locale/status resolve after load and
+   * on save/publish), and each change is a new cache entry with transiently empty data. Latch
+   * enablement once a URL has been seen so the "Open preview" button doesn't unmount and remount
+   * mid-interaction — a click landing during such a swap is silently lost.
+   */ const [isPreviewEnabled, setIsPreviewEnabled] = React.useState(false);
+    const previewUrl = data?.data?.url;
+    React.useEffect(()=>{
+        if (previewUrl) {
+            setIsPreviewEnabled(true);
+        }
+    }, [
+        previewUrl
+    ]);
     if (isUnsaved) {
         return null;
     }
@@ -66,7 +83,7 @@ const PreviewSidePanel = ({ model, documentId, document })=>{
             })
         };
     }
-    if (!data?.data?.url || error) {
+    if (!isPreviewEnabled && (!data?.data?.url || error)) {
         return null;
     }
     const trackNavigation = ()=>{

package/dist/admin/preview/components/PreviewSidePanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewSidePanel.mjs","sources":["../../../../admin/src/preview/components/PreviewSidePanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams, useTracking, useForm } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Tooltip, type TooltipProps } from '@strapi/design-system';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { PanelComponent } from '@strapi/content-manager/strapi-admin';\nimport type { UID } from '@strapi/types';\n\ninterface ConditionalTooltipProps {\n  isShown: boolean;\n  label: TooltipProps['label'];\n  children: React.ReactNode;\n}\n\nconst ConditionalTooltip = ({ isShown, label, children }: ConditionalTooltipProps) => {\n  if (isShown) {\n    return <Tooltip label={label}>{children}</Tooltip>;\n  }\n\n  return children;\n};\n\nconst PreviewSidePanel: PanelComponent = ({ model, documentId, document }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const isModified = useForm('PreviewSidePanel', (state) => state.modified);\n  const isUnsaved = Boolean(!document || !document.id);\n\n  const title = formatMessage({\n    id: 'content-manager.preview.panel.title',\n    defaultMessage: 'Preview',\n  });\n\n  /**\n   * The preview URL isn't used in this component, we just fetch it to know if preview is enabled\n   * for the content type. If it's not, the panel is not displayed. If it is, we display a link to\n   * /preview, and the URL will already be loaded in the RTK query cache.\n   */\n  const { data, error } = useGetPreviewUrlQuery(\n    {\n      params: {\n        contentType: model as UID.ContentType,\n      },\n      query: {\n        documentId,\n        locale: document?.locale,\n        status: document?.status,\n      },\n    },\n    // Don't bother making the request since we won't show any UI\n    { skip: isUnsaved }\n  );\n\n  if (isUnsaved) {\n    return null;\n  }\n\n  // Preview was not configured but not disabled either (otherwise it would be a success 204).\n  // So we encourage the user to set it up.\n  if (error && error.name === 'NotFoundError') {\n    return {\n      title,\n      content: (\n        <Button\n          variant=\"tertiary\"\n          tag={Link}\n          to=\"https://docs.strapi.io/cms/features/preview\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          width=\"100%\"\n        >\n          {formatMessage({\n            id: 'content-manager.preview.panel.button-configuration',\n            defaultMessage: 'Set up preview',\n          })}\n        </Button>\n      ),\n    };\n  }\n\n  if (!data?.data?.url || error) {\n    return null;\n  }\n\n  const trackNavigation = () => {\n    // Append /preview to the current URL\n    const destinationPathname = pathname.replace(/\\/$/, '') + '/preview';\n    trackUsage('willNavigate', { from: pathname, to: destinationPathname });\n  };\n\n  return {\n    title,\n    content: (\n      <ConditionalTooltip\n        label={formatMessage({\n          id: 'content-manager.preview.panel.button-disabled-tooltip',\n          defaultMessage: 'Please save to open the preview',\n        })}\n        isShown={isModified}\n      >\n        <Box cursor=\"not-allowed\" width=\"100%\">\n          <Button\n            variant=\"tertiary\"\n            tag={Link}\n            to={{ pathname: 'preview', search: stringify(query, { encode: false }) }}\n            onClick={trackNavigation}\n            width=\"100%\"\n            disabled={isModified}\n            pointerEvents={isModified ? 'none' : undefined}\n            tabIndex={isModified ? -1 : undefined}\n          >\n            {formatMessage({\n              id: 'content-manager.preview.panel.button',\n              defaultMessage: 'Open preview',\n            })}\n          </Button>\n        </Box>\n      </ConditionalTooltip>\n    ),\n  };\n};\n\nexport { PreviewSidePanel };\n"],"names":["ConditionalTooltip","isShown","label","children","_jsx","Tooltip","PreviewSidePanel","model","documentId","document","formatMessage","useIntl","trackUsage","useTracking","pathname","useLocation","query","useQueryParams","isModified","useForm","state","modified","isUnsaved","Boolean","id","title","defaultMessage","data","error","useGetPreviewUrlQuery","params","contentType","locale","status","skip","name","content","Button","variant","tag","Link","to","target","rel","width","url","trackNavigation","destinationPathname","replace","from","Box","cursor","search","stringify","encode","onClick","disabled","pointerEvents","undefined","tabIndex"],"mappings":"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"}
+{"version":3,"file":"PreviewSidePanel.mjs","sources":["../../../../admin/src/preview/components/PreviewSidePanel.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams, useTracking, useForm } from '@strapi/admin/strapi-admin';\nimport { Box, Button, Tooltip, type TooltipProps } from '@strapi/design-system';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport { useGetPreviewUrlQuery } from '../services/preview';\n\nimport type { PanelComponent } from '@strapi/content-manager/strapi-admin';\nimport type { UID } from '@strapi/types';\n\ninterface ConditionalTooltipProps {\n  isShown: boolean;\n  label: TooltipProps['label'];\n  children: React.ReactNode;\n}\n\n/**\n * Always keeps the Tooltip (and therefore the children subtree) mounted: conditionally wrapping\n * would remount the child button whenever `isShown` flips, and a click landing during that swap\n * is silently lost. When the tooltip must not show, it is force-closed via the controlled `open`\n * prop instead of being removed from the tree.\n */\nconst ConditionalTooltip = ({ isShown, label, children }: ConditionalTooltipProps) => {\n  return (\n    <Tooltip label={label} open={isShown ? undefined : false}>\n      {children}\n    </Tooltip>\n  );\n};\n\nconst PreviewSidePanel: PanelComponent = ({ model, documentId, document }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const isModified = useForm('PreviewSidePanel', (state) => state.modified);\n  const isUnsaved = Boolean(!document || !document.id);\n\n  const title = formatMessage({\n    id: 'content-manager.preview.panel.title',\n    defaultMessage: 'Preview',\n  });\n\n  /**\n   * The preview URL isn't used in this component, we just fetch it to know if preview is enabled\n   * for the content type. If it's not, the panel is not displayed. If it is, we display a link to\n   * /preview, and the URL will already be loaded in the RTK query cache.\n   */\n  const { data, error } = useGetPreviewUrlQuery(\n    {\n      params: {\n        contentType: model as UID.ContentType,\n      },\n      query: {\n        documentId,\n        locale: document?.locale,\n        status: document?.status,\n      },\n    },\n    // Don't bother making the request since we won't show any UI\n    { skip: isUnsaved }\n  );\n\n  /**\n   * The query args above change while the document settles (locale/status resolve after load and\n   * on save/publish), and each change is a new cache entry with transiently empty data. Latch\n   * enablement once a URL has been seen so the \"Open preview\" button doesn't unmount and remount\n   * mid-interaction — a click landing during such a swap is silently lost.\n   */\n  const [isPreviewEnabled, setIsPreviewEnabled] = React.useState(false);\n  const previewUrl = data?.data?.url;\n  React.useEffect(() => {\n    if (previewUrl) {\n      setIsPreviewEnabled(true);\n    }\n  }, [previewUrl]);\n\n  if (isUnsaved) {\n    return null;\n  }\n\n  // Preview was not configured but not disabled either (otherwise it would be a success 204).\n  // So we encourage the user to set it up.\n  if (error && error.name === 'NotFoundError') {\n    return {\n      title,\n      content: (\n        <Button\n          variant=\"tertiary\"\n          tag={Link}\n          to=\"https://docs.strapi.io/cms/features/preview\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          width=\"100%\"\n        >\n          {formatMessage({\n            id: 'content-manager.preview.panel.button-configuration',\n            defaultMessage: 'Set up preview',\n          })}\n        </Button>\n      ),\n    };\n  }\n\n  if (!isPreviewEnabled && (!data?.data?.url || error)) {\n    return null;\n  }\n\n  const trackNavigation = () => {\n    // Append /preview to the current URL\n    const destinationPathname = pathname.replace(/\\/$/, '') + '/preview';\n    trackUsage('willNavigate', { from: pathname, to: destinationPathname });\n  };\n\n  return {\n    title,\n    content: (\n      <ConditionalTooltip\n        label={formatMessage({\n          id: 'content-manager.preview.panel.button-disabled-tooltip',\n          defaultMessage: 'Please save to open the preview',\n        })}\n        isShown={isModified}\n      >\n        <Box cursor=\"not-allowed\" width=\"100%\">\n          <Button\n            variant=\"tertiary\"\n            tag={Link}\n            to={{ pathname: 'preview', search: stringify(query, { encode: false }) }}\n            onClick={trackNavigation}\n            width=\"100%\"\n            disabled={isModified}\n            pointerEvents={isModified ? 'none' : undefined}\n            tabIndex={isModified ? -1 : undefined}\n          >\n            {formatMessage({\n              id: 'content-manager.preview.panel.button',\n              defaultMessage: 'Open preview',\n            })}\n          </Button>\n        </Box>\n      </ConditionalTooltip>\n    ),\n  };\n};\n\nexport { PreviewSidePanel };\n"],"names":["ConditionalTooltip","isShown","label","children","_jsx","Tooltip","open","undefined","PreviewSidePanel","model","documentId","document","formatMessage","useIntl","trackUsage","useTracking","pathname","useLocation","query","useQueryParams","isModified","useForm","state","modified","isUnsaved","Boolean","id","title","defaultMessage","data","error","useGetPreviewUrlQuery","params","contentType","locale","status","skip","isPreviewEnabled","setIsPreviewEnabled","React","useState","previewUrl","url","useEffect","name","content","Button","variant","tag","Link","to","target","rel","width","trackNavigation","destinationPathname","replace","from","Box","cursor","search","stringify","encode","onClick","disabled","pointerEvents","tabIndex"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import type { StrapiApp } from '@strapi/admin/strapi-admin';
 import 'prismjs';
+import type { StrapiApp } from '@strapi/admin/strapi-admin';
 declare const _default: {
     register(app: StrapiApp): void;
     bootstrap(app: StrapiApp): void;

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

@@ -5,10 +5,18 @@ import { type EditFieldLayout } from '../../../../../hooks/useDocumentLayout';
 import { RelationResult } from '../../../../../services/relations';
 type RelationPosition = (Pick<RelationResult, 'status' | 'locale'> & {
     before: string;
+    start?: never;
     end?: never;
 }) | {
+    start: boolean;
+    before?: never;
+    end?: never;
+    status?: never;
+    locale?: never;
+} | {
     end: boolean;
     before?: never;
+    start?: never;
     status?: never;
     locale?: never;
 };
@@ -31,7 +39,7 @@ interface RelationsFieldProps extends Omit<Extract<EditFieldLayout, {
 }
 export interface RelationsFormValue {
     connect?: Relation[];
-    disconnect?: Pick<Relation, 'id'>[];
+    disconnect?: Pick<Relation, 'id' | 'status'>[];
 }
 declare const FlexWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@strapi/design-system").FlexProps<"div">, "ref"> & React.RefAttributes<unknown>, "ref"> & {
     ref?: ((instance: unknown) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<unknown> | null | undefined;

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

@@ -7,6 +7,7 @@ export interface DraftRelationCounts {
 export declare const EMPTY_DRAFT_RELATION_COUNTS: DraftRelationCounts;
 export declare const isBidirectionalManyToMany: (attribute: Schema["attributes"][string]) => boolean;
 export declare const mergeDraftRelationCounts: (left: DraftRelationCounts, right: DraftRelationCounts) => DraftRelationCounts;
+export declare const clampDraftRelationCounts: (counts: DraftRelationCounts) => DraftRelationCounts;
 export declare const normalizeDraftRelationCounts: (payload: unknown) => DraftRelationCounts;
 export declare const resolveDraftRelationCounts: (documentId: string | undefined, modified: boolean, localCounts: DraftRelationCounts, serverCounts: DraftRelationCounts) => DraftRelationCounts;
 export interface DraftRelationsPublishState {

package/dist/server/src/history/routes/index.d.ts

@@ -3,6 +3,8 @@
  * so we need to avoid conficts in the router name, and to prefix the path for each route.
  */
 export declare const routes: {
-    'history-version': import("@strapi/types/dist/core/router.js").Router;
+    'history-version': import("@strapi/types/dist/core/router.js").Router | ((params: {
+        strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+    }) => import("@strapi/types/dist/core/router.js").Router);
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/server/src/history/routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../server/src/history/routes/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,MAAM;;CAEsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../server/src/history/routes/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;CAEsB,CAAC"}

package/dist/server/src/homepage/index.d.ts

@@ -1,8 +1,12 @@
 declare const _default: {
     routes: {
-        homepage: import("@strapi/types/dist/core/router.js").Router;
+        homepage: import("@strapi/types/dist/core/router.js").Router | ((params: {
+            strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+        }) => import("@strapi/types/dist/core/router.js").Router);
     };
-    controllers: Record<string, import("@strapi/types/dist/core/controller.js").Controller>;
+    controllers: Record<string, import("@strapi/types/dist/core/controller.js").Controller | ((params: {
+        strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+    }) => import("@strapi/types/dist/core/controller.js").Controller)>;
     services: {
         homepage: ({ strapi }: {
             strapi: import("@strapi/types/dist/core/strapi.js").Strapi;

package/dist/server/src/homepage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../server/src/homepage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAIA,wBAIE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../server/src/homepage/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIA,wBAIE"}

package/dist/server/src/homepage/routes/index.d.ts

@@ -3,6 +3,8 @@
  * so we need to avoid conficts in the router name, and to prefix the path for each route.
  */
 export declare const routes: {
-    homepage: import("@strapi/types/dist/core/router.js").Router;
+    homepage: import("@strapi/types/dist/core/router.js").Router | ((params: {
+        strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+    }) => import("@strapi/types/dist/core/router.js").Router);
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/server/src/homepage/routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../server/src/homepage/routes/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,MAAM;;CAEsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../server/src/homepage/routes/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;CAEsB,CAAC"}

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

@@ -59,7 +59,9 @@ declare const _default: () => {
         };
     };
     routes: {
-        homepage: import("@strapi/types/dist/core/router.js").Router;
+        homepage: import("@strapi/types/dist/core/router.js").Router | ((params: {
+            strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+        }) => import("@strapi/types/dist/core/router.js").Router);
         admin: {
             type: string;
             routes: ({

package/dist/server/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../server/src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAM2B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAasxB,CAAC;sBAAgE,CAAC;2BAA8C,CAAC;;;;;;;;;;;;;sBAAouH,CAAC;;;;;wBAAkZ,CAAC;;;;;;;wBAAkkD,CAAC;;;wBAAgd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAt+J,CAAC;;;;;;;0BAAg4B,CAAC;;;;;;;uBAAw2B,SAAS;;;;;;0BAA5d,CAAC;;;;;;;;;;;;0BAAmvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAHnlI,CAAA;;;;;;sBAGw5B,CAAC;;;;;;sBAAy7C,CAAC;;;;;AAXv1E,wBAUE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../server/src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAM2B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAasxB,CAAC;sBAAgE,CAAC;2BAA8C,CAAC;;;;;;;;;;;;;sBAAouH,CAAC;;;;;wBAAkZ,CAAC;;;;;;;wBAAkkD,CAAC;;;wBAAgd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAt+J,CAAC;;;;;;;0BAAg4B,CAAC;;;;;;;uBAAw2B,SAAS;;;;;;0BAA5d,CAAC;;;;;;;;;;;;0BAAmvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAHnlI,CAAA;;;;;;sBAGw5B,CAAC;;;;;;sBAAy7C,CAAC;;;;;AAXv1E,wBAUE"}

package/dist/server/src/preview/routes/index.d.ts

@@ -3,6 +3,8 @@
  * so we need to avoid conficts in the router name, and to prefix the path for each route.
  */
 export declare const routes: {
-    preview: import("@strapi/types/dist/core/router.js").Router;
+    preview: import("@strapi/types/dist/core/router.js").Router | ((params: {
+        strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+    }) => import("@strapi/types/dist/core/router.js").Router);
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/server/src/preview/routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../server/src/preview/routes/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,MAAM;;CAEsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../server/src/preview/routes/index.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;CAEsB,CAAC"}

package/dist/server/src/routes/index.d.ts

@@ -1,5 +1,7 @@
 declare const _default: {
-    homepage: import("@strapi/types/dist/core/router.js").Router;
+    homepage: import("@strapi/types/dist/core/router.js").Router | ((params: {
+        strapi: import("@strapi/types/dist/core/strapi.js").Strapi;
+    }) => import("@strapi/types/dist/core/router.js").Router);
     admin: {
         type: string;
         routes: ({

package/dist/server/src/routes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../server/src/routes/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../server/src/routes/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/content-manager",
-  "version": "5.50.2",
+  "version": "5.51.0",
   "description": "A powerful UI to easily manage your data.",
   "homepage": "https://strapi.io",
   "bugs": {
@@ -75,8 +75,8 @@
     "@sindresorhus/slugify": "1.1.0",
     "@strapi/design-system": "2.2.3",
     "@strapi/icons": "2.2.3",
-    "@strapi/types": "5.50.2",
-    "@strapi/utils": "5.50.2",
+    "@strapi/types": "5.51.0",
+    "@strapi/utils": "5.51.0",
     "codemirror5": "npm:codemirror@^5.65.11",
     "date-fns": "2.30.0",
     "dompurify": "3.4.11",
@@ -108,11 +108,11 @@
     "slate-history": "0.93.0",
     "slate-react": "0.98.4",
     "yup": "0.32.9",
-    "zod": "3.25.67"
+    "zod": "3.25.76"
   },
   "devDependencies": {
-    "@strapi/admin": "5.50.2",
-    "@strapi/database": "5.50.2",
+    "@strapi/admin": "5.51.0",
+    "@strapi/database": "5.51.0",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",