@strapi/content-manager 0.0.0-experimental.16eaafeff6bd4cd49d56f3c31d002cad71a1134a → 0.0.0-experimental.19d775295eb622de3e659110caf22fcd2cd5d10d

package/dist/_chunks/{History-CQl54kNG.js → History-BQpDoOu8.js}

@@ -7,17 +7,16 @@ 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-iXGIUU_l.js");
+const index = require("./index-DkJQjlak.js");
 const pipe = require("lodash/fp/pipe");
 const hooks = require("./hooks-BAaaKPS_.js");
-const Field = require("./Field-D8I8rXr9.js");
 const Icons = require("@strapi/icons");
 const styledComponents = require("styled-components");
-const relations = require("./relations--l5ixWIN.js");
+const Input = require("./Input-yM6HnyQa.js");
+const relations = require("./relations-Yc0Z6A20.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -36,7 +35,7 @@ function _interopNamespace(e) {
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const pipe__default = /* @__PURE__ */ _interopDefault(pipe);
 const StyledAlert = styledComponents.styled(designSystem.Alert).attrs({ closeLabel: "Close", onClose: () => {
-} })`
+}, shadow: "none" })`
   button {
     display: none;
   }
@@ -54,10 +53,10 @@ const LinkEllipsis = styledComponents.styled(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;
+  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.Field.Label, { action: props.labelAction, children: props.label }),
@@ -71,8 +70,10 @@ const CustomRelationInput = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
     /* @__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 { targetModel } = props.attribute;
+      const href = `../${index.COLLECTION_TYPES}/${targetModel}/${relationData.documentId}`;
       const label = relations.getRelationLabel(relationData, props.mainField);
+      const isAdminUserRelation = targetModel === "admin::user";
       return /* @__PURE__ */ jsxRuntime.jsxs(
         designSystem.Flex,
         {
@@ -85,11 +86,11 @@ 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, { tag: 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, { label, children: isAdminUserRelation ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: label }) : /* @__PURE__ */ jsxRuntime.jsx(LinkEllipsis, { tag: reactRouterDom.NavLink, to: href, children: label }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(index.DocumentStatus, { status: relationData.status })
           ]
         },
-        relationData.documentId
+        relationData.documentId ?? relationData.id
       );
     }) }),
     meta.missingCount > 0 && /* @ts-expect-error – we dont need closeLabel */
@@ -116,15 +117,38 @@ const CustomRelationInput = (props) => {
     )
   ] });
 };
+const createInitialValuesForPath = (keyPath, value) => {
+  const keys = keyPath.split(".");
+  const root = {};
+  let node = root;
+  keys.forEach((key, index2) => {
+    if (key === "__proto__" || key === "constructor") return;
+    if (index2 === keys.length - 1) {
+      node[key] = value;
+    } else {
+      node[key] = node[key] || {};
+    }
+    node = node[key];
+  });
+  return root;
+};
 const CustomMediaInput = (props) => {
-  const {
-    value: { results, meta }
-  } = strapiAdmin.useField(props.name);
+  const { value } = strapiAdmin.useField(props.name);
+  const results = value?.results ?? [];
+  const meta = value?.meta ?? { missingCount: 0 };
   const { formatMessage } = reactIntl.useIntl();
   const fields = strapiAdmin.useStrapiApp("CustomMediaInput", (state) => state.fields);
   const MediaLibrary = fields.media;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 2, alignItems: "stretch", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Form, { method: "PUT", disabled: true, initialValues: { [props.name]: results }, children: /* @__PURE__ */ jsxRuntime.jsx(MediaLibrary, { ...props, disabled: true, multiple: results.length > 1 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      strapiAdmin.Form,
+      {
+        method: "PUT",
+        disabled: true,
+        initialValues: createInitialValuesForPath(props.name, results),
+        children: /* @__PURE__ */ jsxRuntime.jsx(MediaLibrary, { ...props, disabled: true, multiple: results.length > 1 })
+      }
+    ),
     meta.missingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
       StyledAlert,
       {
@@ -189,7 +213,7 @@ const VersionInputRenderer = ({
   const fieldSizes = hooks.useTypedSelector((state) => state["content-manager"].app.fieldSizes);
   const { id, components } = index.useDoc();
   const isFormDisabled = strapiAdmin.useForm("InputRenderer", (state) => state.disabled);
-  const isInDynamicZone = Field.useDynamicZone("isInDynamicZone", (state) => state.isInDynamicZone);
+  const isInDynamicZone = Input.useDynamicZone("isInDynamicZone", (state) => state.isInDynamicZone);
   const canCreateFields = index.useDocumentRBAC("InputRenderer", (rbac) => rbac.canCreateFields);
   const canReadFields = index.useDocumentRBAC("InputRenderer", (rbac) => rbac.canReadFields);
   const canUpdateFields = index.useDocumentRBAC("InputRenderer", (rbac) => rbac.canUpdateFields);
@@ -199,10 +223,10 @@ const VersionInputRenderer = ({
   const canUserReadField = canUserAction(props.name, readableFields, props.type);
   const canUserEditField = canUserAction(props.name, editableFields, props.type);
   const fields = strapiAdmin.useStrapiApp("InputRenderer", (app) => app.fields);
-  const { lazyComponentStore } = Field.useLazyComponents(
+  const { lazyComponentStore } = Input.useLazyComponents(
     attributeHasCustomFieldProperty(props.attribute) ? [props.attribute.customField] : void 0
   );
-  const hint = Field.useFieldHint(providedHint, props.attribute);
+  const hint = Input.useFieldHint(providedHint, props.attribute);
   const {
     edit: { components: componentsLayout }
   } = index.useDocLayout();
@@ -210,7 +234,7 @@ const VersionInputRenderer = ({
     return null;
   }
   if (!shouldIgnoreRBAC && !canUserReadField && !isInDynamicZone) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Field.NotAllowedInput, { hint, ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(Input.NotAllowedInput, { hint, ...props });
   }
   const fieldIsDisabled = !canUserEditField && !isInDynamicZone || props.disabled || isFormDisabled;
   const addedAttributes = version.meta.unknownAttributes.added;
@@ -279,7 +303,7 @@ const VersionInputRenderer = ({
   }
   switch (props.type) {
     case "blocks":
-      return /* @__PURE__ */ jsxRuntime.jsx(Field.MemoizedBlocksInput, { ...props, hint, type: props.type, disabled: fieldIsDisabled });
+      return /* @__PURE__ */ jsxRuntime.jsx(Input.MemoizedBlocksInput, { ...props, hint, type: props.type, disabled: fieldIsDisabled });
     case "component":
       const { layout } = componentsLayout[props.attribute.component];
       const [remainingFieldsLayout] = getRemaingFieldsLayout({
@@ -289,7 +313,7 @@ const VersionInputRenderer = ({
         schemaAttributes: components[props.attribute.component].attributes
       });
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Field.MemoizedComponentInput,
+        Input.MemoizedComponentInput,
         {
           ...props,
           layout: [...layout, ...remainingFieldsLayout || []],
@@ -301,12 +325,13 @@ const VersionInputRenderer = ({
       );
     case "dynamiczone":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Field.DynamicZone,
+        Input.DynamicZone,
         {
           ...props,
           hint,
           labelAction: customLabelAction,
-          disabled: fieldIsDisabled
+          disabled: fieldIsDisabled,
+          children: (inputProps) => /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...inputProps, shouldIgnoreRBAC: true })
         }
       );
     case "relation":
@@ -321,7 +346,7 @@ const VersionInputRenderer = ({
       );
     case "richtext":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Field.MemoizedWysiwyg,
+        Input.MemoizedWysiwyg,
         {
           ...props,
           hint,
@@ -332,7 +357,7 @@ const VersionInputRenderer = ({
       );
     case "uid":
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Field.MemoizedUIDInput,
+        Input.MemoizedUIDInput,
         {
           ...props,
           hint,
@@ -414,7 +439,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.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.Grid.Root, { gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, s: 12, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...field }) }) }, field.name);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     designSystem.Box,
@@ -428,7 +453,18 @@ const FormPanel = ({ panel }) => {
       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.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);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Grid.Item,
+          {
+            col: size,
+            s: 12,
+            xs: 12,
+            direction: "column",
+            alignItems: "stretch",
+            children: /* @__PURE__ */ jsxRuntime.jsx(VersionInputRenderer, { ...field })
+          },
+          field.name
+        );
       }) }, gridRowIndex)) })
     }
   );
@@ -468,8 +504,8 @@ const VersionContent = () => {
     const transform = (schemaAttributes, components2 = {}) => (document) => {
       const schema2 = { attributes: schemaAttributes };
       const transformations = pipe__default.default(
-        Field.removeFieldsThatDontExistOnSchema(schema2),
-        Field.prepareTempKeys(schema2, components2)
+        index.removeFieldsThatDontExistOnSchema(schema2),
+        index.prepareTempKeys(schema2, components2)
       );
       return transformations(document);
     };
@@ -543,6 +579,7 @@ const VersionHeader = ({ headerId }) => {
   const [isConfirmDialogOpen, setIsConfirmDialogOpen] = React__namespace.useState(false);
   const navigate = reactRouterDom.useNavigate();
   const { formatMessage, formatDate } = reactIntl.useIntl();
+  const { trackUsage } = strapiAdmin.useTracking();
   const { toggleNotification } = strapiAdmin.useNotification();
   const [{ query }] = strapiAdmin.useQueryParams();
   const { collectionType, slug } = reactRouterDom.useParams();
@@ -558,14 +595,8 @@ const VersionHeader = ({ headerId }) => {
   const mainFieldValue = version.data[mainField];
   const getNextNavigation = () => {
     const pluginsQueryParams = qs.stringify({ plugins: query.plugins }, { encode: false });
-    if (collectionType === index.COLLECTION_TYPES) {
-      return {
-        pathname: `/content-manager/${collectionType}/${version.contentType}/${version.relatedDocumentId}`,
-        search: pluginsQueryParams
-      };
-    }
     return {
-      pathname: `/content-manager/${collectionType}/${version.contentType}`,
+      pathname: "..",
       search: pluginsQueryParams
     };
   };
@@ -581,7 +612,7 @@ const VersionHeader = ({ headerId }) => {
         body: { contentType: version.contentType }
       });
       if ("data" in response) {
-        navigate(getNextNavigation());
+        navigate(getNextNavigation(), { relative: "path" });
         toggleNotification({
           type: "success",
           title: formatMessage({
@@ -590,9 +621,10 @@ const VersionHeader = ({ headerId }) => {
           }),
           message: formatMessage({
             id: "content-manager.restore.success.message",
-            defaultMessage: "The content of the restored version is not published yet."
+            defaultMessage: "A past version of the content was restored."
           })
         });
+        trackUsage("didRestoreHistoryVersion");
       }
       if ("error" in response) {
         toggleNotification({
@@ -622,7 +654,7 @@ const VersionHeader = ({ headerId }) => {
           hour: "numeric",
           minute: "numeric"
         }),
-        subtitle: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", children: formatMessage(
+        subtitle: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: formatMessage(
           {
             id: "content-manager.history.version.subtitle",
             defaultMessage: "{hasLocale, select, true {{subtitle}, in {locale}} other {{subtitle}}}"
@@ -633,10 +665,20 @@ const VersionHeader = ({ headerId }) => {
             locale: version.locale?.name
           }
         ) }),
-        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Link, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowLeft, {}), tag: reactRouterDom.NavLink, to: getNextNavigation(), isExternal: false, children: formatMessage({
-          id: "global.back",
-          defaultMessage: "Back"
-        }) }),
+        navigationAction: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Link,
+          {
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.ArrowLeft, {}),
+            tag: reactRouterDom.NavLink,
+            to: getNextNavigation(),
+            relative: "path",
+            isExternal: false,
+            children: formatMessage({
+              id: "global.back",
+              defaultMessage: "Back"
+            })
+          }
+        ),
         sticky: false,
         primaryAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Button,
@@ -691,46 +733,10 @@ const VersionHeader = ({ headerId }) => {
     )
   ] });
 };
-const BlueText = (children) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "primary600", children });
+const BlueText = (children) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "primary600", variant: "pi", children });
 const VersionCard = ({ version, isCurrent }) => {
   const { formatDate, formatMessage } = reactIntl.useIntl();
   const [{ query }] = strapiAdmin.useQueryParams();
-  const statusData = (() => {
-    switch (version.status) {
-      case "draft":
-        return {
-          background: "secondary100",
-          border: "secondary200",
-          text: "secondary700",
-          message: {
-            id: "content-manager.containers.List.draft",
-            defaultMessage: "Draft"
-          }
-        };
-      case "modified":
-        return {
-          background: "alternative100",
-          border: "alternative200",
-          text: "alternative700",
-          message: {
-            // TODO: check the translation key once D&P v5 is done
-            id: "content-manager.containers.List.modified",
-            defaultMessage: "Modified"
-          }
-        };
-      case "published":
-      default:
-        return {
-          background: "success100",
-          border: "success200",
-          text: "success700",
-          message: {
-            id: "content-manager.containers.List.published",
-            defaultMessage: "Published"
-          }
-        };
-    }
-  })();
   const isActive = query.id === version.id.toString();
   const author = version.createdBy && index.getDisplayName(version.createdBy);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -744,10 +750,7 @@ const VersionCard = ({ version, isCurrent }) => {
       borderStyle: "solid",
       borderColor: isActive ? "primary600" : "neutral200",
       color: "neutral800",
-      paddingTop: 4,
-      paddingBottom: 4,
-      paddingLeft: 5,
-      paddingRight: 5,
+      padding: 5,
       tag: reactRouterDom.Link,
       to: `?${qs.stringify({ ...query, id: version.id })}`,
       style: { textDecoration: "none" },
@@ -774,21 +777,7 @@ const VersionCard = ({ version, isCurrent }) => {
             }
           ) })
         ] }),
-        version.status && /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Box,
-          {
-            background: statusData.background,
-            borderStyle: "solid",
-            borderWidth: "1px",
-            borderColor: statusData.border,
-            hasRadius: true,
-            paddingLeft: "6px",
-            paddingRight: "6px",
-            paddingTop: "2px",
-            paddingBottom: "2px",
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: statusData.text, children: formatMessage(statusData.message) })
-          }
-        )
+        version.status && /* @__PURE__ */ jsxRuntime.jsx(index.DocumentStatus, { status: version.status, size: "XS" })
       ]
     }
   );
@@ -842,31 +831,18 @@ const VersionsList = () => {
             id: "content-manager.history.sidebar.show-newer",
             defaultMessage: "Show newer versions"
           }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Flex,
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 3, padding: 4, tag: "ul", alignItems: "stretch", children: versions.data.map((version, index2) => /* @__PURE__ */ jsxRuntime.jsx(
+            "li",
             {
-              direction: "column",
-              gap: 3,
-              paddingTop: 5,
-              paddingBottom: 5,
-              paddingLeft: 4,
-              paddingRight: 4,
-              tag: "ul",
-              alignItems: "stretch",
-              children: versions.data.map((version, index2) => /* @__PURE__ */ jsxRuntime.jsx(
-                "li",
-                {
-                  "aria-label": formatMessage({
-                    id: "content-manager.history.sidebar.title.version-card.aria-label",
-                    defaultMessage: "Version card"
-                  }),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(VersionCard, { version, isCurrent: page === 1 && index2 === 0 })
-                },
-                version.id
-              ))
-            }
-          ),
-          versions.meta.pagination.page < versions.meta.pagination.pageCount && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 5, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { page: page + 1, children: formatMessage({
+              "aria-label": formatMessage({
+                id: "content-manager.history.sidebar.title.version-card.aria-label",
+                defaultMessage: "Version card"
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(VersionCard, { version, isCurrent: page === 1 && index2 === 0 })
+            },
+            version.id
+          )) }),
+          versions.meta.pagination.page < versions.meta.pagination.pageCount && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, textAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(PaginationButton, { page: page + 1, children: formatMessage({
             id: "content-manager.history.sidebar.show-older",
             defaultMessage: "Show older versions"
           }) }) })
@@ -918,7 +894,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(
@@ -1025,4 +1016,4 @@ const ProtectedHistoryPage = () => {
 exports.HistoryProvider = HistoryProvider;
 exports.ProtectedHistoryPage = ProtectedHistoryPage;
 exports.useHistoryContext = useHistoryContext;
-//# sourceMappingURL=History-CQl54kNG.js.map
+//# sourceMappingURL=History-BQpDoOu8.js.map