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

package/dist/_chunks/{History-DeAPlvtv.js → History-CnZDctSO.js}

@@ -7,13 +7,13 @@ const designSystem = require("@strapi/design-system");
 const qs = require("qs");
 const reactIntl = require("react-intl");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-C6AH2hEl.js");
+const index = require("./index-BhbLFX4l.js");
 const pipe = require("lodash/fp/pipe");
 const hooks = require("./hooks-BAaaKPS_.js");
-const Field = require("./Field-DmVKIAOo.js");
+const Field = require("./Field-DDHUWEfV.js");
 const Icons = require("@strapi/icons");
-const styled = require("styled-components");
-const relations = require("./relations-iBMa_OFG.js");
+const styledComponents = require("styled-components");
+const relations = require("./relations-DDZ9OxNo.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
   if (e && e.__esModule)
@@ -35,14 +35,13 @@ function _interopNamespace(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const pipe__default = /* @__PURE__ */ _interopDefault(pipe);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const StyledAlert = styled__default.default(designSystem.Alert).attrs({ closeLabel: "Close", onClose: () => {
+const StyledAlert = styledComponents.styled(designSystem.Alert).attrs({ closeLabel: "Close", onClose: () => {
 } })`
   button {
     display: none;
   }
 `;
-const LinkEllipsis = styled__default.default(designSystem.Link)`
+const LinkEllipsis = styledComponents.styled(designSystem.Link)`
   display: block;
 
   & > span {
@@ -55,13 +54,13 @@ const LinkEllipsis = styled__default.default(designSystem.Link)`
 const CustomRelationInput = (props) => {
   const { formatMessage } = reactIntl.useIntl();
   const field = strapiAdmin.useField(props.name);
-  const formattedFieldValue = Array.isArray(field.value) ? {
-    results: field.value,
-    meta: { missingCount: 0 }
-  } : field.value;
-  if (!formattedFieldValue || formattedFieldValue.results.length === 0) {
+  let formattedFieldValue;
+  if (field) {
+    formattedFieldValue = Array.isArray(field.value) ? { results: field.value, meta: { missingCount: 0 } } : field.value;
+  }
+  if (!formattedFieldValue || formattedFieldValue.results.length === 0 && formattedFieldValue.meta.missingCount === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.FieldLabel, { children: props.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { action: props.labelAction, children: props.label }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(StyledAlert, { variant: "default", children: formatMessage({
         id: "content-manager.history.content.no-relations",
         defaultMessage: "No relations."
@@ -70,7 +69,7 @@ const CustomRelationInput = (props) => {
   }
   const { results, meta } = formattedFieldValue;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.FieldLabel, { children: props.label }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: props.label }),
     results.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, marginTop: 1, alignItems: "stretch", children: results.map((relationData) => {
       const href = `../${index.COLLECTION_TYPES}/${props.attribute.targetModel}/${relationData.documentId}`;
       const label = relations.getRelationLabel(relationData, props.mainField);
@@ -86,14 +85,15 @@ const CustomRelationInput = (props) => {
           background: "neutral150",
           justifyContent: "space-between",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { minWidth: 0, paddingTop: 1, paddingBottom: 1, paddingRight: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { description: label, children: /* @__PURE__ */ jsxRuntime.jsx(LinkEllipsis, { forwardedAs: reactRouterDom.NavLink, to: href, children: label }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { minWidth: 0, paddingTop: 1, paddingBottom: 1, paddingRight: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { description: label, children: /* @__PURE__ */ jsxRuntime.jsx(LinkEllipsis, { tag: reactRouterDom.NavLink, to: href, children: label }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(index.DocumentStatus, { status: relationData.status })
           ]
         },
         relationData.documentId
       );
     }) }),
-    meta.missingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    meta.missingCount > 0 && /* @ts-expect-error – we dont need closeLabel */
+    /* @__PURE__ */ jsxRuntime.jsx(
       StyledAlert,
       {
         marginTop: 1,
@@ -113,17 +113,13 @@ const CustomRelationInput = (props) => {
           { number: meta.missingCount }
         )
       }
-    ),
-    results.length === 0 && meta.missingCount === 0 && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { marginTop: 1, children: /* @__PURE__ */ jsxRuntime.jsx(StyledAlert, { variant: "default", children: formatMessage({
-      id: "content-manager.history.content.no-relations",
-      defaultMessage: "No relations."
-    }) }) })
+    )
   ] });
 };
 const CustomMediaInput = (props) => {
-  const {
-    value: { results, meta }
-  } = strapiAdmin.useField(props.name);
+  const { value } = strapiAdmin.useField(props.name);
+  const results = value ? value.results : [];
+  const meta = value ? value.meta : { missingCount: 0 };
   const { formatMessage } = reactIntl.useIntl();
   const fields = strapiAdmin.useStrapiApp("CustomMediaInput", (state) => state.fields);
   const MediaLibrary = fields.media;
@@ -154,12 +150,39 @@ const CustomMediaInput = (props) => {
     )
   ] });
 };
+const getLabelAction = (labelAction) => {
+  if (!React__namespace.isValidElement(labelAction)) {
+    return labelAction;
+  }
+  const labelActionTitleId = labelAction.props.title.id;
+  if (labelActionTitleId === "i18n.Field.localized") {
+    return React__namespace.cloneElement(labelAction, {
+      ...labelAction.props,
+      title: {
+        id: "history.content.localized",
+        defaultMessage: "This value is specific to this locale. If you restore this version, the content will not be replaced for other locales."
+      }
+    });
+  }
+  if (labelActionTitleId === "i18n.Field.not-localized") {
+    return React__namespace.cloneElement(labelAction, {
+      ...labelAction.props,
+      title: {
+        id: "history.content.not-localized",
+        defaultMessage: "This value is common to all locales. If you restore this version and save the changes, the content will be replaced for all locales."
+      }
+    });
+  }
+  return labelAction;
+};
 const VersionInputRenderer = ({
   visible,
   hint: providedHint,
   shouldIgnoreRBAC = false,
+  labelAction,
   ...props
 }) => {
+  const customLabelAction = getLabelAction(labelAction);
   const { formatMessage } = reactIntl.useIntl();
   const version = useHistoryContext("VersionContent", (state) => state.selectedVersion);
   const configuration = useHistoryContext("VersionContent", (state) => state.configuration);
@@ -193,7 +216,7 @@ const VersionInputRenderer = ({
   const addedAttributes = version.meta.unknownAttributes.added;
   if (Object.keys(addedAttributes).includes(props.name)) {
     return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.FieldLabel, { children: props.label }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: props.label }),
       /* @__PURE__ */ jsxRuntime.jsx(
         StyledAlert,
         {
@@ -217,29 +240,46 @@ const VersionInputRenderer = ({
   if (attributeHasCustomFieldProperty(props.attribute)) {
     const CustomInput = lazyComponentStore[props.attribute.customField];
     if (CustomInput) {
-      return /* @__PURE__ */ jsxRuntime.jsx(CustomInput, { ...props, hint, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        CustomInput,
+        {
+          ...props,
+          hint,
+          labelAction: customLabelAction,
+          disabled: fieldIsDisabled
+        }
+      );
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       strapiAdmin.InputRenderer,
       {
         ...props,
         hint,
+        labelAction: customLabelAction,
         type: props.attribute.customField,
         disabled: fieldIsDisabled
       }
     );
   }
   if (props.type === "media") {
-    return /* @__PURE__ */ jsxRuntime.jsx(CustomMediaInput, { ...props, disabled: fieldIsDisabled });
+    return /* @__PURE__ */ jsxRuntime.jsx(CustomMediaInput, { ...props, labelAction: customLabelAction, disabled: fieldIsDisabled });
   }
   const addedInputTypes = Object.keys(fields);
   if (!attributeHasCustomFieldProperty(props.attribute) && addedInputTypes.includes(props.type)) {
     const CustomInput = fields[props.type];
-    return /* @__PURE__ */ jsxRuntime.jsx(CustomInput, { ...props, hint, disabled: fieldIsDisabled });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CustomInput,
+      {
+        ...props,
+        hint,
+        labelAction: customLabelAction,
+        disabled: fieldIsDisabled
+      }
+    );
   }
   switch (props.type) {
     case "blocks":
-      return /* @__PURE__ */ jsxRuntime.jsx(Field.BlocksInput, { ...props, hint, type: props.type, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(Field.MemoizedBlocksInput, { ...props, hint, type: props.type, disabled: fieldIsDisabled });
     case "component":
       const { layout } = componentsLayout[props.attribute.component];
       const [remainingFieldsLayout] = getRemaingFieldsLayout({
@@ -249,29 +289,65 @@ const VersionInputRenderer = ({
         schemaAttributes: components[props.attribute.component].attributes
       });
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Field.ComponentInput,
+        Field.MemoizedComponentInput,
         {
           ...props,
           layout: [...layout, ...remainingFieldsLayout || []],
           hint,
+          labelAction: customLabelAction,
           disabled: fieldIsDisabled,
           children: (inputProps) => /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...inputProps, shouldIgnoreRBAC: true })
         }
       );
     case "dynamiczone":
-      return /* @__PURE__ */ jsxRuntime.jsx(Field.DynamicZone, { ...props, hint, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Field.DynamicZone,
+        {
+          ...props,
+          hint,
+          labelAction: customLabelAction,
+          disabled: fieldIsDisabled
+        }
+      );
     case "relation":
-      return /* @__PURE__ */ jsxRuntime.jsx(CustomRelationInput, { ...props, hint, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        CustomRelationInput,
+        {
+          ...props,
+          hint,
+          labelAction: customLabelAction,
+          disabled: fieldIsDisabled
+        }
+      );
     case "richtext":
-      return /* @__PURE__ */ jsxRuntime.jsx(Field.Wysiwyg, { ...props, hint, type: props.type, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Field.MemoizedWysiwyg,
+        {
+          ...props,
+          hint,
+          type: props.type,
+          labelAction: customLabelAction,
+          disabled: fieldIsDisabled
+        }
+      );
     case "uid":
-      return /* @__PURE__ */ jsxRuntime.jsx(Field.UIDInput, { ...props, hint, type: props.type, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Field.MemoizedUIDInput,
+        {
+          ...props,
+          hint,
+          type: props.type,
+          labelAction: customLabelAction,
+          disabled: fieldIsDisabled
+        }
+      );
     case "enumeration":
       return /* @__PURE__ */ jsxRuntime.jsx(
         strapiAdmin.InputRenderer,
         {
           ...props,
           hint,
+          labelAction: customLabelAction,
           options: props.attribute.enum.map((value) => ({ value })),
           type: props.customField ? "custom-field" : props.type,
           disabled: fieldIsDisabled
@@ -284,6 +360,7 @@ const VersionInputRenderer = ({
         {
           ...restProps,
           hint,
+          labelAction: customLabelAction,
           type: props.customField ? "custom-field" : props.type,
           disabled: fieldIsDisabled
         }
@@ -337,7 +414,7 @@ const FormPanel = ({ panel }) => {
   if (panel.some((row) => row.some((field) => field.type === "dynamiczone"))) {
     const [row] = panel;
     const [field] = row;
-    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...field }) }) }, field.name);
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...field }) }) }, field.name);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.Box,
@@ -350,8 +427,8 @@ const FormPanel = ({ panel }) => {
       paddingTop: 6,
       paddingBottom: 6,
       borderColor: "neutral150",
-      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...field }) }, field.name);
+      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: panel.map((row, gridRowIndex) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...field }) }, field.name);
       }) }, gridRowIndex)) })
     }
   );
@@ -483,12 +560,12 @@ const VersionHeader = ({ headerId }) => {
     const pluginsQueryParams = qs.stringify({ plugins: query.plugins }, { encode: false });
     if (collectionType === index.COLLECTION_TYPES) {
       return {
-        pathname: `/content-manager/${collectionType}/${version.contentType}/${version.relatedDocumentId}`,
+        pathname: "..",
         search: pluginsQueryParams
       };
     }
     return {
-      pathname: `/content-manager/${collectionType}/${version.contentType}`,
+      pathname: "..",
       search: pluginsQueryParams
     };
   };
@@ -504,7 +581,7 @@ const VersionHeader = ({ headerId }) => {
         body: { contentType: version.contentType }
       });
       if ("data" in response) {
-        navigate(getNextNavigation());
+        navigate(getNextNavigation(), { relative: "path" });
         toggleNotification({
           type: "success",
           title: formatMessage({
@@ -533,7 +610,7 @@ const VersionHeader = ({ headerId }) => {
       });
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { open: isConfirmDialogOpen, onOpenChange: setIsConfirmDialogOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       strapiAdmin.Layouts.BaseHeader,
       {
@@ -560,8 +637,10 @@ const VersionHeader = ({ headerId }) => {
           designSystem.Link,
           {
             startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowLeft, {}),
-            as: reactRouterDom.NavLink,
+            tag: reactRouterDom.NavLink,
             to: getNextNavigation(),
+            relative: "path",
+            isExternal: false,
             children: formatMessage({
               id: "global.back",
               defaultMessage: "Back"
@@ -569,7 +648,7 @@ const VersionHeader = ({ headerId }) => {
           }
         ),
         sticky: false,
-        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+        primaryAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Button,
           {
             disabled: !allowedActions.canUpdate || isCurrentVersion,
@@ -581,16 +660,13 @@ const VersionHeader = ({ headerId }) => {
               defaultMessage: "Restore"
             })
           }
-        )
+        ) })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
       strapiAdmin.ConfirmDialog,
       {
-        isOpen: isConfirmDialogOpen,
-        onClose: () => setIsConfirmDialogOpen(false),
         onConfirm: handleRestore,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, {}),
         endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: handleRestore, loading: isLoading, children: formatMessage({
           id: "content-manager.history.restore.confirm.button",
           defaultMessage: "Restore"
@@ -604,6 +680,7 @@ const VersionHeader = ({ headerId }) => {
             gap: 2,
             textAlign: "center",
             children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.WarningCircle, { width: "24px", height: "24px", fill: "danger600" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
                 id: "content-manager.history.restore.confirm.title",
                 defaultMessage: "Are you sure you want to restore this version?"
@@ -676,23 +753,24 @@ const VersionCard = ({ version, isCurrent }) => {
       borderWidth: "1px",
       borderStyle: "solid",
       borderColor: isActive ? "primary600" : "neutral200",
+      color: "neutral800",
       paddingTop: 4,
       paddingBottom: 4,
       paddingLeft: 5,
       paddingRight: 5,
-      as: reactRouterDom.Link,
+      tag: reactRouterDom.Link,
       to: `?${qs.stringify({ ...query, id: version.id })}`,
       style: { textDecoration: "none" },
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "flex-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h3", fontWeight: "semiBold", children: formatDate(version.createdAt, {
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h3", fontWeight: "semiBold", children: formatDate(version.createdAt, {
             day: "numeric",
             month: "numeric",
             year: "numeric",
             hour: "2-digit",
             minute: "2-digit"
           }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "p", variant: "pi", textColor: "neutral600", children: formatMessage(
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "p", variant: "pi", textColor: "neutral600", children: formatMessage(
             {
               id: "content-manager.history.sidebar.versionDescription",
               defaultMessage: "{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}"
@@ -748,7 +826,7 @@ const VersionsList = () => {
       borderColor: "neutral200",
       borderWidth: "0 0 0 1px",
       borderStyle: "solid",
-      as: "aside",
+      tag: "aside",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           designSystem.Flex,
@@ -759,9 +837,9 @@ const VersionsList = () => {
             borderColor: "neutral200",
             borderWidth: "0 0 1px",
             borderStyle: "solid",
-            as: "header",
+            tag: "header",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { as: "h2", variant: "omega", fontWeight: "semiBold", children: formatMessage({
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "omega", fontWeight: "semiBold", children: formatMessage({
                 id: "content-manager.history.sidebar.title",
                 defaultMessage: "Versions"
               }) }),
@@ -783,7 +861,7 @@ const VersionsList = () => {
               paddingBottom: 5,
               paddingLeft: 4,
               paddingRight: 4,
-              as: "ul",
+              tag: "ul",
               alignItems: "stretch",
               children: versions.data.map((version, index2) => /* @__PURE__ */ jsxRuntime.jsx(
                 "li",
@@ -850,7 +928,22 @@ const HistoryPage = () => {
     return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
   }
   if (!versionsResponse.isError && !versionsResponse.data?.data?.length) {
-    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.NoData, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      strapiAdmin.Page.NoData,
+      {
+        action: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Link,
+          {
+            tag: reactRouterDom.NavLink,
+            to: `/content-manager/${collectionType}/${slug}${documentId ? `/${documentId}` : ""}`,
+            children: formatMessage({
+              id: "global.back",
+              defaultMessage: "Back"
+            })
+          }
+        )
+      }
+    ) });
   }
   if (versionsResponse.data?.data?.length && !selectedVersionId) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -957,4 +1050,4 @@ const ProtectedHistoryPage = () => {
 exports.HistoryProvider = HistoryProvider;
 exports.ProtectedHistoryPage = ProtectedHistoryPage;
 exports.useHistoryContext = useHistoryContext;
-//# sourceMappingURL=History-DeAPlvtv.js.map
+//# sourceMappingURL=History-CnZDctSO.js.map