@strapi/content-manager 5.0.0-rc.7 → 5.0.0-rc.9

package/dist/_chunks/{index-DrNe6ctw.mjs → index-BgiNQ7Q9.mjs}

@@ -3,7 +3,7 @@ import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useStrapiApp, createContext, useAuth, useRBAC, Page, adminApi, translatedErrors, useNotification, useAPIErrorHandler, getYupValidationErrors, useQueryParams, useTracking, useForm, BackButton, DescriptionComponentRenderer, useTable, Table } from "@strapi/admin/strapi-admin";
 import * as React from "react";
 import { lazy } from "react";
-import { Button, Menu, VisuallyHidden, Flex, Typography, Dialog, Modal, Radio, Status, Box, SingleSelect, SingleSelectOption, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
+import { Menu, Button, VisuallyHidden, Flex, Typography, Dialog, Modal, Radio, Status, Box, SingleSelect, SingleSelectOption, Loader, IconButton, Tooltip, LinkButton } from "@strapi/design-system";
 import { useIntl } from "react-intl";
 import { useParams, Navigate, useNavigate, useMatch, useLocation, Link, NavLink } from "react-router-dom";
 import { styled } from "styled-components";
@@ -303,6 +303,11 @@ const documentApi = contentManagerApi.injectEndpoints({
           {
             type: "Document",
             id: collectionType !== SINGLE_TYPES ? `${model}_${result && "documentId" in result ? result.documentId : documentId}` : model
+          },
+          // Make it easy to invalidate all individual documents queries for a model
+          {
+            type: "Document",
+            id: `${model}_ALL_ITEMS`
           }
         ];
       }
@@ -449,7 +454,7 @@ const buildValidParams = (query) => {
 const isBaseQueryError = (error) => {
   return error.name !== void 0;
 };
-const createYupSchema = (attributes = {}, components = {}) => {
+const createYupSchema = (attributes = {}, components = {}, options = { status: null }) => {
   const createModelSchema = (attributes2) => yup.object().shape(
     Object.entries(attributes2).reduce((acc, [name, attribute]) => {
       if (DOCUMENT_META_FIELDS.includes(name)) {
@@ -462,7 +467,7 @@ const createYupSchema = (attributes = {}, components = {}) => {
         addMinValidation,
         addMaxValidation,
         addRegexValidation
-      ].map((fn) => fn(attribute));
+      ].map((fn) => fn(attribute, options));
       const transformSchema = pipe(...validations);
       switch (attribute.type) {
         case "component": {
@@ -563,6 +568,14 @@ const createAttributeSchema = (attribute) => {
         if (!value || typeof value === "string" && value.length === 0) {
           return true;
         }
+        if (typeof value === "object") {
+          try {
+            JSON.stringify(value);
+            return true;
+          } catch (err) {
+            return false;
+          }
+        }
         try {
           JSON.parse(value);
           return true;
@@ -581,13 +594,7 @@ const createAttributeSchema = (attribute) => {
       return yup.mixed();
   }
 };
-const addRequiredValidation = (attribute) => (schema) => {
-  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
-    return schema.min(1, translatedErrors.required);
-  }
-  if (attribute.required && attribute.type !== "relation") {
-    return schema.required(translatedErrors.required);
-  }
+const nullableSchema = (schema) => {
   return schema?.nullable ? schema.nullable() : (
     // In some cases '.nullable' will not be available on the schema.
     // e.g. when the schema has been built using yup.lazy (e.g. for relations).
@@ -595,7 +602,22 @@ const addRequiredValidation = (attribute) => (schema) => {
     schema
   );
 };
-const addMinLengthValidation = (attribute) => (schema) => {
+const addRequiredValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return nullableSchema(schema);
+  }
+  if ((attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") && attribute.required && "min" in schema) {
+    return schema.min(1, translatedErrors.required);
+  }
+  if (attribute.required && attribute.type !== "relation") {
+    return schema.required(translatedErrors.required);
+  }
+  return nullableSchema(schema);
+};
+const addMinLengthValidation = (attribute, options) => (schema) => {
+  if (options.status === "draft") {
+    return schema;
+  }
   if ("minLength" in attribute && attribute.minLength && Number.isInteger(attribute.minLength) && "min" in schema) {
     return schema.min(attribute.minLength, {
       ...translatedErrors.minLength,
@@ -617,11 +639,11 @@ const addMaxLengthValidation = (attribute) => (schema) => {
   }
   return schema;
 };
-const addMinValidation = (attribute) => (schema) => {
+const addMinValidation = (attribute, options) => (schema) => {
   if ("min" in attribute) {
     const min = toInteger(attribute.min);
     if (attribute.type === "component" && attribute.repeatable || attribute.type === "dynamiczone") {
-      if (!attribute.required && "test" in schema && min) {
+      if (options.status !== "draft" && !attribute.required && "test" in schema && min) {
         return schema.test(
           "custom-min",
           {
@@ -1272,7 +1294,7 @@ const useDocumentActions = () => {
   };
 };
 const ProtectedHistoryPage = lazy(
-  () => import("./History-CKCSQXz_.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
+  () => import("./History-BEFrLZfz.mjs").then((mod) => ({ default: mod.ProtectedHistoryPage }))
 );
 const routes$1 = [
   {
@@ -1285,31 +1307,31 @@ const routes$1 = [
   }
 ];
 const ProtectedEditViewPage = lazy(
-  () => import("./EditViewPage-BVMS5hT-.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
+  () => import("./EditViewPage-IZbGSeL3.mjs").then((mod) => ({ default: mod.ProtectedEditViewPage }))
 );
 const ProtectedListViewPage = lazy(
-  () => import("./ListViewPage-B7_WJUjG.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
+  () => import("./ListViewPage-DBbH7Esr.mjs").then((mod) => ({ default: mod.ProtectedListViewPage }))
 );
 const ProtectedListConfiguration = lazy(
-  () => import("./ListConfigurationPage-CKEC4ttG.mjs").then((mod) => ({
+  () => import("./ListConfigurationPage-CB_lBFVX.mjs").then((mod) => ({
     default: mod.ProtectedListConfiguration
   }))
 );
 const ProtectedEditConfigurationPage = lazy(
-  () => import("./EditConfigurationPage-GTp-Ucnw.mjs").then((mod) => ({
+  () => import("./EditConfigurationPage-DJDSIf3D.mjs").then((mod) => ({
     default: mod.ProtectedEditConfigurationPage
   }))
 );
 const ProtectedComponentConfigurationPage = lazy(
-  () => import("./ComponentConfigurationPage-BWOQWCv2.mjs").then((mod) => ({
+  () => import("./ComponentConfigurationPage-BwnO0su2.mjs").then((mod) => ({
     default: mod.ProtectedComponentConfigurationPage
   }))
 );
 const NoPermissions = lazy(
-  () => import("./NoPermissionsPage-BO-GEjA4.mjs").then((mod) => ({ default: mod.NoPermissions }))
+  () => import("./NoPermissionsPage-B88W05rh.mjs").then((mod) => ({ default: mod.NoPermissions }))
 );
 const NoContentType = lazy(
-  () => import("./NoContentTypePage-Ckem6Ll6.mjs").then((mod) => ({ default: mod.NoContentType }))
+  () => import("./NoContentTypePage-BU9Omzp4.mjs").then((mod) => ({ default: mod.NoContentType }))
 );
 const CollectionTypePages = () => {
   const { collectionType } = useParams();
@@ -1423,12 +1445,14 @@ const DocumentActionButton = (action) => {
     /* @__PURE__ */ jsx(
       Button,
       {
-        flex: 1,
+        flex: "auto",
         startIcon: action.icon,
         disabled: action.disabled,
         onClick: handleClick(action),
         justifyContent: "center",
         variant: action.variant || "default",
+        paddingTop: "7px",
+        paddingBottom: "7px",
         children: action.label
       }
     ),
@@ -1488,7 +1512,7 @@ const DocumentActionsMenu = ({
   };
   return /* @__PURE__ */ jsxs(Menu.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsxs(
-      Menu.Trigger,
+      StyledMoreButton,
       {
         disabled: isDisabled,
         size: "S",
@@ -1522,7 +1546,14 @@ const DocumentActionsMenu = ({
                   gap: 2,
                   tag: "span",
                   children: [
-                    /* @__PURE__ */ jsx("span", { children: action.icon }),
+                    /* @__PURE__ */ jsx(
+                      Flex,
+                      {
+                        tag: "span",
+                        color: !action.disabled ? convertActionVariantToIconColor(action.variant) : "inherit",
+                        children: action.icon
+                      }
+                    ),
                     action.label
                   ]
                 }
@@ -1585,6 +1616,23 @@ const convertActionVariantToColor = (variant = "secondary") => {
       return "primary600";
   }
 };
+const convertActionVariantToIconColor = (variant = "secondary") => {
+  switch (variant) {
+    case "danger":
+      return "danger600";
+    case "secondary":
+      return "neutral500";
+    case "success":
+      return "success600";
+    default:
+      return "primary600";
+  }
+};
+const StyledMoreButton = styled(Menu.Trigger)`
+  & > span {
+    display: flex;
+  }
+`;
 const DocumentActionConfirmDialog = ({
   onClose,
   onCancel,
@@ -1856,16 +1904,18 @@ const UpdateAction = ({
     onClick: async () => {
       setSubmitting(true);
       try {
-        const { errors } = await validate();
-        if (errors) {
-          toggleNotification({
-            type: "danger",
-            message: formatMessage({
-              id: "content-manager.validation.error",
-              defaultMessage: "There are validation errors in your document. Please fix them before saving."
-            })
-          });
-          return;
+        if (activeTab !== "draft") {
+          const { errors } = await validate();
+          if (errors) {
+            toggleNotification({
+              type: "danger",
+              message: formatMessage({
+                id: "content-manager.validation.error",
+                defaultMessage: "There are validation errors in your document. Please fix them before saving."
+              })
+            });
+            return;
+          }
         }
         if (isCloning) {
           const res = await clone(
@@ -3149,7 +3199,13 @@ const SelectedEntriesModalContent = ({
   );
   const { rows, validationErrors } = React.useMemo(() => {
     if (data.length > 0 && schema) {
-      const validate = createYupSchema(schema.attributes, components);
+      const validate = createYupSchema(
+        schema.attributes,
+        components,
+        // Since this is the "Publish" action, the validation
+        // schema must enforce the rules for published entities
+        { status: "published" }
+      );
       const validationErrors2 = {};
       const rows2 = data.map((entry) => {
         try {
@@ -3841,7 +3897,7 @@ const index = {
     app.router.addRoute({
       path: "content-manager/*",
       lazy: async () => {
-        const { Layout } = await import("./layout-B3ez7kvr.mjs");
+        const { Layout } = await import("./layout-LOFMsdWo.mjs");
         return {
           Component: Layout
         };
@@ -3917,4 +3973,4 @@ export {
   useUpdateContentTypeConfigurationMutation as y,
   extractContentTypeComponents as z
 };
-//# sourceMappingURL=index-DrNe6ctw.mjs.map
+//# sourceMappingURL=index-BgiNQ7Q9.mjs.map