@akbarsafari00/bonyan-content-releases 5.52.1-fa.2

package/dist/admin/components/EntryValidationPopover.js

@@ -0,0 +1,310 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var strapiAdmin = require('@strapi/content-manager/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+
+const StyledPopoverFlex = styledComponents.styled(designSystem.Flex)`
+  width: 100%;
+  max-width: 256px;
+
+  & > * {
+    border-bottom: 1px solid ${({ theme })=>theme.colors.neutral150};
+  }
+
+  & > *:last-child {
+    border-bottom: none;
+  }
+`;
+const ButtonContent = styledComponents.styled(designSystem.Flex)`
+  svg {
+    fill: currentColor;
+  }
+`;
+const CustomStatusButton = ({ children, icon, color })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+            variant: "ghost",
+            endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.CaretDown, {}),
+            children: /*#__PURE__*/ jsxRuntime.jsxs(ButtonContent, {
+                color: color,
+                gap: 2,
+                children: [
+                    icon,
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        textColor: color,
+                        variant: "omega",
+                        fontWeight: "bold",
+                        children: children
+                    })
+                ]
+            })
+        })
+    });
+};
+const EntryStatusTrigger = ({ action, status, hasErrors, requiredStage, entryStage })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    if (action === 'publish') {
+        if (hasErrors || requiredStage && requiredStage.id !== entryStage?.id) {
+            return /*#__PURE__*/ jsxRuntime.jsx(CustomStatusButton, {
+                icon: /*#__PURE__*/ jsxRuntime.jsx(icons.CrossCircle, {}),
+                color: "danger600",
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.not-ready',
+                    defaultMessage: 'Not ready to publish'
+                })
+            });
+        }
+        if (status === 'draft') {
+            return /*#__PURE__*/ jsxRuntime.jsx(CustomStatusButton, {
+                icon: /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {}),
+                color: "success600",
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish',
+                    defaultMessage: 'Ready to publish'
+                })
+            });
+        }
+        if (status === 'modified') {
+            return /*#__PURE__*/ jsxRuntime.jsx(CustomStatusButton, {
+                icon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowsCounterClockwise, {}),
+                color: "alternative600",
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.modified',
+                    defaultMessage: 'Ready to publish changes'
+                })
+            });
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(CustomStatusButton, {
+            icon: /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {}),
+            color: "success600",
+            children: formatMessage({
+                id: 'content-releases.pages.ReleaseDetails.entry-validation.already-published',
+                defaultMessage: 'Already published'
+            })
+        });
+    }
+    if (status === 'published') {
+        return /*#__PURE__*/ jsxRuntime.jsx(CustomStatusButton, {
+            icon: /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {}),
+            color: "success600",
+            children: formatMessage({
+                id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish',
+                defaultMessage: 'Ready to unpublish'
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(CustomStatusButton, {
+        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {}),
+        color: "success600",
+        children: formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.already-unpublished',
+            defaultMessage: 'Already unpublished'
+        })
+    });
+};
+const FieldsValidation = ({ hasErrors, errors, kind, contentTypeUid, documentId, locale })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        gap: 1,
+        width: "100%",
+        padding: 5,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 2,
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        fontWeight: "bold",
+                        children: formatMessage({
+                            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields',
+                            defaultMessage: 'Fields'
+                        })
+                    }),
+                    hasErrors ? /*#__PURE__*/ jsxRuntime.jsx(icons.CrossCircle, {
+                        fill: "danger600"
+                    }) : /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {
+                        fill: "success600"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                width: "100%",
+                textColor: "neutral600",
+                children: hasErrors ? formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.error',
+                    defaultMessage: '{errors} errors on fields.'
+                }, {
+                    errors: errors ? Object.keys(errors).length : 0
+                }) : formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.success',
+                    defaultMessage: 'All fields are filled correctly.'
+                })
+            }),
+            hasErrors && /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                tag: reactRouterDom.Link,
+                to: {
+                    pathname: `/content-manager/${kind === 'collectionType' ? 'collection-types' : 'single-types'}/${contentTypeUid}/${documentId}`,
+                    search: locale ? qs.stringify({
+                        plugins: {
+                            i18n: {
+                                locale
+                            }
+                        }
+                    }) : ''
+                },
+                variant: "secondary",
+                fullWidth: true,
+                state: {
+                    forceValidation: true
+                },
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors',
+                    defaultMessage: 'See errors'
+                })
+            })
+        ]
+    });
+};
+const getReviewStageIcon = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage })=>{
+    if (!contentTypeHasReviewWorkflow) {
+        return /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {
+            fill: "neutral200"
+        });
+    }
+    if (requiredStage && requiredStage.id !== entryStage?.id) {
+        return /*#__PURE__*/ jsxRuntime.jsx(icons.CrossCircle, {
+            fill: "danger600"
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(icons.CheckCircle, {
+        fill: "success600"
+    });
+};
+const getReviewStageMessage = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage, formatMessage })=>{
+    if (!contentTypeHasReviewWorkflow) {
+        return formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled',
+            defaultMessage: 'This entry is not associated to any workflow.'
+        });
+    }
+    if (requiredStage && requiredStage.id !== entryStage?.id) {
+        return formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready',
+            defaultMessage: 'This entry is not at the required stage for publishing. ({stageName})'
+        }, {
+            stageName: requiredStage?.name ?? ''
+        });
+    }
+    if (requiredStage && requiredStage.id === entryStage?.id) {
+        return formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready',
+            defaultMessage: 'This entry is at the required stage for publishing. ({stageName})'
+        }, {
+            stageName: requiredStage?.name ?? ''
+        });
+    }
+    return formatMessage({
+        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required',
+        defaultMessage: 'No required stage for publication'
+    });
+};
+const ReviewStageValidation = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const Icon = getReviewStageIcon({
+        contentTypeHasReviewWorkflow,
+        requiredStage,
+        entryStage
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        gap: 1,
+        width: "100%",
+        padding: 5,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 2,
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        fontWeight: "bold",
+                        children: formatMessage({
+                            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage',
+                            defaultMessage: 'Review stage'
+                        })
+                    }),
+                    Icon
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                textColor: "neutral600",
+                children: getReviewStageMessage({
+                    contentTypeHasReviewWorkflow,
+                    requiredStage,
+                    entryStage,
+                    formatMessage
+                })
+            })
+        ]
+    });
+};
+const EntryValidationPopover = ({ schema, entry, status, action })=>{
+    const { validate, isLoading } = strapiAdmin.unstable_useDocument({
+        collectionType: schema?.kind ?? '',
+        model: schema?.uid ?? ''
+    }, {
+        // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request
+        skip: true
+    });
+    // Validation errors
+    const errors = isLoading ? null : validate(entry);
+    const hasErrors = errors ? Object.keys(errors).length > 0 : false;
+    // Entry stage
+    const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;
+    const requiredStage = schema?.stageRequiredToPublish;
+    const entryStage = entry.strapi_stage;
+    if (isLoading) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(EntryStatusTrigger, {
+                action: action,
+                status: status,
+                hasErrors: hasErrors,
+                requiredStage: requiredStage,
+                entryStage: entryStage
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(StyledPopoverFlex, {
+                    direction: "column",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(FieldsValidation, {
+                            hasErrors: hasErrors,
+                            errors: errors,
+                            contentTypeUid: schema?.uid,
+                            kind: schema?.kind,
+                            documentId: entry.documentId,
+                            locale: entry.locale
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(ReviewStageValidation, {
+                            contentTypeHasReviewWorkflow: contentTypeHasReviewWorkflow,
+                            requiredStage: requiredStage,
+                            entryStage: entryStage
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.EntryValidationPopover = EntryValidationPopover;
+//# sourceMappingURL=EntryValidationPopover.js.map

package/dist/admin/components/EntryValidationPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryValidationPopover.js","sources":["../../../admin/src/components/EntryValidationPopover.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { FormErrors, FormValues } from '@strapi/admin/strapi-admin';\r\nimport { unstable_useDocument } from '@strapi/content-manager/strapi-admin';\r\nimport { Button, LinkButton, Flex, Typography, Popover } from '@strapi/design-system';\r\nimport { CheckCircle, CrossCircle, ArrowsCounterClockwise, CaretDown } from '@strapi/icons';\r\nimport { stringify } from 'qs';\r\nimport { useIntl, MessageDescriptor } from 'react-intl';\r\nimport { Link } from 'react-router-dom';\r\nimport { styled } from 'styled-components';\r\n\r\nimport type {\r\n  ReleaseAction,\r\n  ReleaseActionEntry,\r\n  Stage,\r\n} from '../../../shared/contracts/release-actions';\r\nimport type { Struct } from '@strapi/types';\r\n\r\nconst StyledPopoverFlex = styled(Flex)`\r\n  width: 100%;\r\n  max-width: 256px;\r\n\r\n  & > * {\r\n    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\r\n  }\r\n\r\n  & > *:last-child {\r\n    border-bottom: none;\r\n  }\r\n`;\r\n\r\nconst ButtonContent = styled(Flex)`\r\n  svg {\r\n    fill: currentColor;\r\n  }\r\n`;\r\n\r\nconst CustomStatusButton = ({\r\n  children,\r\n  icon,\r\n  color,\r\n}: {\r\n  icon: React.ReactElement;\r\n  color: string;\r\n} & React.PropsWithChildren) => {\r\n  return (\r\n    <Popover.Trigger>\r\n      <Button variant=\"ghost\" endIcon={<CaretDown />}>\r\n        <ButtonContent color={color} gap={2}>\r\n          {icon}\r\n          <Typography textColor={color} variant=\"omega\" fontWeight=\"bold\">\r\n            {children}\r\n          </Typography>\r\n        </ButtonContent>\r\n      </Button>\r\n    </Popover.Trigger>\r\n  );\r\n};\r\n\r\ninterface EntryValidationPopoverProps {\r\n  action: ReleaseAction['type'];\r\n  schema?: Struct.ContentTypeSchema & {\r\n    hasReviewWorkflow: boolean;\r\n    stageRequiredToPublish?: Stage;\r\n  };\r\n  entry: ReleaseActionEntry;\r\n  status: ReleaseAction['status'];\r\n}\r\n\r\ninterface ValidationStatusProps {\r\n  action: ReleaseAction['type'];\r\n  status: ReleaseAction['status'];\r\n  hasErrors: boolean | null;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n}\r\n\r\nconst EntryStatusTrigger = ({\r\n  action,\r\n  status,\r\n  hasErrors,\r\n  requiredStage,\r\n  entryStage,\r\n}: ValidationStatusProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  if (action === 'publish') {\r\n    if (hasErrors || (requiredStage && requiredStage.id !== entryStage?.id)) {\r\n      return (\r\n        <CustomStatusButton icon={<CrossCircle />} color=\"danger600\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.not-ready',\r\n            defaultMessage: 'Not ready to publish',\r\n          })}\r\n        </CustomStatusButton>\r\n      );\r\n    }\r\n\r\n    if (status === 'draft') {\r\n      return (\r\n        <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish',\r\n            defaultMessage: 'Ready to publish',\r\n          })}\r\n        </CustomStatusButton>\r\n      );\r\n    }\r\n\r\n    if (status === 'modified') {\r\n      return (\r\n        <CustomStatusButton icon={<ArrowsCounterClockwise />} color=\"alternative600\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.modified',\r\n            defaultMessage: 'Ready to publish changes',\r\n          })}\r\n        </CustomStatusButton>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n        {formatMessage({\r\n          id: 'content-releases.pages.ReleaseDetails.entry-validation.already-published',\r\n          defaultMessage: 'Already published',\r\n        })}\r\n      </CustomStatusButton>\r\n    );\r\n  }\r\n\r\n  if (status === 'published') {\r\n    return (\r\n      <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n        {formatMessage({\r\n          id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish',\r\n          defaultMessage: 'Ready to unpublish',\r\n        })}\r\n      </CustomStatusButton>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <CustomStatusButton icon={<CheckCircle />} color=\"success600\">\r\n      {formatMessage({\r\n        id: 'content-releases.pages.ReleaseDetails.entry-validation.already-unpublished',\r\n        defaultMessage: 'Already unpublished',\r\n      })}\r\n    </CustomStatusButton>\r\n  );\r\n};\r\n\r\ninterface FieldsValidationProps {\r\n  hasErrors: boolean;\r\n  errors: FormErrors<FormValues> | null;\r\n  kind?: string;\r\n  contentTypeUid?: string;\r\n  documentId?: string;\r\n  locale?: string;\r\n}\r\n\r\nconst FieldsValidation = ({\r\n  hasErrors,\r\n  errors,\r\n  kind,\r\n  contentTypeUid,\r\n  documentId,\r\n  locale,\r\n}: FieldsValidationProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  return (\r\n    <Flex direction=\"column\" gap={1} width=\"100%\" padding={5}>\r\n      <Flex gap={2} width=\"100%\">\r\n        <Typography fontWeight=\"bold\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields',\r\n            defaultMessage: 'Fields',\r\n          })}\r\n        </Typography>\r\n        {hasErrors ? <CrossCircle fill=\"danger600\" /> : <CheckCircle fill=\"success600\" />}\r\n      </Flex>\r\n      <Typography width=\"100%\" textColor=\"neutral600\">\r\n        {hasErrors\r\n          ? formatMessage(\r\n              {\r\n                id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.error',\r\n                defaultMessage: '{errors} errors on fields.',\r\n              },\r\n              { errors: errors ? Object.keys(errors).length : 0 }\r\n            )\r\n          : formatMessage({\r\n              id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.success',\r\n              defaultMessage: 'All fields are filled correctly.',\r\n            })}\r\n      </Typography>\r\n      {hasErrors && (\r\n        <LinkButton\r\n          tag={Link}\r\n          to={{\r\n            pathname: `/content-manager/${kind === 'collectionType' ? 'collection-types' : 'single-types'}/${contentTypeUid}/${documentId}`,\r\n            search: locale\r\n              ? stringify({\r\n                  plugins: {\r\n                    i18n: {\r\n                      locale,\r\n                    },\r\n                  },\r\n                })\r\n              : '',\r\n          }}\r\n          variant=\"secondary\"\r\n          fullWidth\r\n          state={{ forceValidation: true }}\r\n        >\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors',\r\n            defaultMessage: 'See errors',\r\n          })}\r\n        </LinkButton>\r\n      )}\r\n    </Flex>\r\n  );\r\n};\r\n\r\nconst getReviewStageIcon = ({\r\n  contentTypeHasReviewWorkflow,\r\n  requiredStage,\r\n  entryStage,\r\n}: {\r\n  contentTypeHasReviewWorkflow: boolean;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n}) => {\r\n  if (!contentTypeHasReviewWorkflow) {\r\n    return <CheckCircle fill=\"neutral200\" />;\r\n  }\r\n  if (requiredStage && requiredStage.id !== entryStage?.id) {\r\n    return <CrossCircle fill=\"danger600\" />;\r\n  }\r\n  return <CheckCircle fill=\"success600\" />;\r\n};\r\n\r\nconst getReviewStageMessage = ({\r\n  contentTypeHasReviewWorkflow,\r\n  requiredStage,\r\n  entryStage,\r\n  formatMessage,\r\n}: {\r\n  contentTypeHasReviewWorkflow: boolean;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n  formatMessage: (messageDescriptor: MessageDescriptor, values?: Record<string, string>) => string;\r\n}) => {\r\n  if (!contentTypeHasReviewWorkflow) {\r\n    return formatMessage({\r\n      id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled',\r\n      defaultMessage: 'This entry is not associated to any workflow.',\r\n    });\r\n  }\r\n\r\n  if (requiredStage && requiredStage.id !== entryStage?.id) {\r\n    return formatMessage(\r\n      {\r\n        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready',\r\n        defaultMessage: 'This entry is not at the required stage for publishing. ({stageName})',\r\n      },\r\n      {\r\n        stageName: requiredStage?.name ?? '',\r\n      }\r\n    );\r\n  }\r\n\r\n  if (requiredStage && requiredStage.id === entryStage?.id) {\r\n    return formatMessage(\r\n      {\r\n        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready',\r\n        defaultMessage: 'This entry is at the required stage for publishing. ({stageName})',\r\n      },\r\n      {\r\n        stageName: requiredStage?.name ?? '',\r\n      }\r\n    );\r\n  }\r\n\r\n  return formatMessage({\r\n    id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required',\r\n    defaultMessage: 'No required stage for publication',\r\n  });\r\n};\r\n\r\nconst ReviewStageValidation = ({\r\n  contentTypeHasReviewWorkflow,\r\n  requiredStage,\r\n  entryStage,\r\n}: {\r\n  contentTypeHasReviewWorkflow: boolean;\r\n  requiredStage?: Stage;\r\n  entryStage?: Stage;\r\n}) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  const Icon = getReviewStageIcon({\r\n    contentTypeHasReviewWorkflow,\r\n    requiredStage,\r\n    entryStage,\r\n  });\r\n\r\n  return (\r\n    <Flex direction=\"column\" gap={1} width=\"100%\" padding={5}>\r\n      <Flex gap={2} width=\"100%\">\r\n        <Typography fontWeight=\"bold\">\r\n          {formatMessage({\r\n            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage',\r\n            defaultMessage: 'Review stage',\r\n          })}\r\n        </Typography>\r\n        {Icon}\r\n      </Flex>\r\n      <Typography textColor=\"neutral600\">\r\n        {getReviewStageMessage({\r\n          contentTypeHasReviewWorkflow,\r\n          requiredStage,\r\n          entryStage,\r\n          formatMessage,\r\n        })}\r\n      </Typography>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nexport const EntryValidationPopover = ({\r\n  schema,\r\n  entry,\r\n  status,\r\n  action,\r\n}: EntryValidationPopoverProps) => {\r\n  const { validate, isLoading } = unstable_useDocument(\r\n    {\r\n      collectionType: schema?.kind ?? '',\r\n      model: schema?.uid ?? '',\r\n    },\r\n    {\r\n      // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request\r\n      skip: true,\r\n    }\r\n  );\r\n\r\n  // Validation errors\r\n  const errors = isLoading ? null : validate(entry);\r\n  const hasErrors = errors ? Object.keys(errors).length > 0 : false;\r\n\r\n  // Entry stage\r\n  const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;\r\n  const requiredStage = schema?.stageRequiredToPublish;\r\n  const entryStage = entry.strapi_stage;\r\n\r\n  if (isLoading) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Popover.Root>\r\n      <EntryStatusTrigger\r\n        action={action}\r\n        status={status}\r\n        hasErrors={hasErrors}\r\n        requiredStage={requiredStage}\r\n        entryStage={entryStage}\r\n      />\r\n      <Popover.Content>\r\n        <StyledPopoverFlex direction=\"column\">\r\n          <FieldsValidation\r\n            hasErrors={hasErrors}\r\n            errors={errors}\r\n            contentTypeUid={schema?.uid}\r\n            kind={schema?.kind}\r\n            documentId={entry.documentId}\r\n            locale={entry.locale}\r\n          />\r\n          <ReviewStageValidation\r\n            contentTypeHasReviewWorkflow={contentTypeHasReviewWorkflow}\r\n            requiredStage={requiredStage}\r\n            entryStage={entryStage}\r\n          />\r\n        </StyledPopoverFlex>\r\n      </Popover.Content>\r\n    </Popover.Root>\r\n  );\r\n};\r\n"],"names":["StyledPopoverFlex","styled","Flex","theme","colors","neutral150","ButtonContent","CustomStatusButton","children","icon","color","_jsx","Popover","Trigger","Button","variant","endIcon","CaretDown","_jsxs","gap","Typography","textColor","fontWeight","EntryStatusTrigger","action","status","hasErrors","requiredStage","entryStage","formatMessage","useIntl","id","CrossCircle","defaultMessage","CheckCircle","ArrowsCounterClockwise","FieldsValidation","errors","kind","contentTypeUid","documentId","locale","direction","width","padding","fill","Object","keys","length","LinkButton","tag","Link","to","pathname","search","stringify","plugins","i18n","fullWidth","state","forceValidation","getReviewStageIcon","contentTypeHasReviewWorkflow","getReviewStageMessage","stageName","name","ReviewStageValidation","Icon","EntryValidationPopover","schema","entry","validate","isLoading","unstable_useDocument","collectionType","model","uid","skip","hasReviewWorkflow","stageRequiredToPublish","strapi_stage","Root","Content"],"mappings":"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"}

package/dist/admin/components/EntryValidationPopover.mjs

@@ -0,0 +1,308 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { unstable_useDocument } from '@strapi/content-manager/strapi-admin';
+import { Popover, Flex, Typography, LinkButton, Button } from '@strapi/design-system';
+import { CrossCircle, CheckCircle, ArrowsCounterClockwise, CaretDown } from '@strapi/icons';
+import { stringify } from 'qs';
+import { useIntl } from 'react-intl';
+import { Link } from 'react-router-dom';
+import { styled } from 'styled-components';
+
+const StyledPopoverFlex = styled(Flex)`
+  width: 100%;
+  max-width: 256px;
+
+  & > * {
+    border-bottom: 1px solid ${({ theme })=>theme.colors.neutral150};
+  }
+
+  & > *:last-child {
+    border-bottom: none;
+  }
+`;
+const ButtonContent = styled(Flex)`
+  svg {
+    fill: currentColor;
+  }
+`;
+const CustomStatusButton = ({ children, icon, color })=>{
+    return /*#__PURE__*/ jsx(Popover.Trigger, {
+        children: /*#__PURE__*/ jsx(Button, {
+            variant: "ghost",
+            endIcon: /*#__PURE__*/ jsx(CaretDown, {}),
+            children: /*#__PURE__*/ jsxs(ButtonContent, {
+                color: color,
+                gap: 2,
+                children: [
+                    icon,
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: color,
+                        variant: "omega",
+                        fontWeight: "bold",
+                        children: children
+                    })
+                ]
+            })
+        })
+    });
+};
+const EntryStatusTrigger = ({ action, status, hasErrors, requiredStage, entryStage })=>{
+    const { formatMessage } = useIntl();
+    if (action === 'publish') {
+        if (hasErrors || requiredStage && requiredStage.id !== entryStage?.id) {
+            return /*#__PURE__*/ jsx(CustomStatusButton, {
+                icon: /*#__PURE__*/ jsx(CrossCircle, {}),
+                color: "danger600",
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.not-ready',
+                    defaultMessage: 'Not ready to publish'
+                })
+            });
+        }
+        if (status === 'draft') {
+            return /*#__PURE__*/ jsx(CustomStatusButton, {
+                icon: /*#__PURE__*/ jsx(CheckCircle, {}),
+                color: "success600",
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-publish',
+                    defaultMessage: 'Ready to publish'
+                })
+            });
+        }
+        if (status === 'modified') {
+            return /*#__PURE__*/ jsx(CustomStatusButton, {
+                icon: /*#__PURE__*/ jsx(ArrowsCounterClockwise, {}),
+                color: "alternative600",
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.modified',
+                    defaultMessage: 'Ready to publish changes'
+                })
+            });
+        }
+        return /*#__PURE__*/ jsx(CustomStatusButton, {
+            icon: /*#__PURE__*/ jsx(CheckCircle, {}),
+            color: "success600",
+            children: formatMessage({
+                id: 'content-releases.pages.ReleaseDetails.entry-validation.already-published',
+                defaultMessage: 'Already published'
+            })
+        });
+    }
+    if (status === 'published') {
+        return /*#__PURE__*/ jsx(CustomStatusButton, {
+            icon: /*#__PURE__*/ jsx(CheckCircle, {}),
+            color: "success600",
+            children: formatMessage({
+                id: 'content-releases.pages.ReleaseDetails.entry-validation.ready-to-unpublish',
+                defaultMessage: 'Ready to unpublish'
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx(CustomStatusButton, {
+        icon: /*#__PURE__*/ jsx(CheckCircle, {}),
+        color: "success600",
+        children: formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.already-unpublished',
+            defaultMessage: 'Already unpublished'
+        })
+    });
+};
+const FieldsValidation = ({ hasErrors, errors, kind, contentTypeUid, documentId, locale })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        gap: 1,
+        width: "100%",
+        padding: 5,
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        fontWeight: "bold",
+                        children: formatMessage({
+                            id: 'content-releases.pages.ReleaseDetails.entry-validation.fields',
+                            defaultMessage: 'Fields'
+                        })
+                    }),
+                    hasErrors ? /*#__PURE__*/ jsx(CrossCircle, {
+                        fill: "danger600"
+                    }) : /*#__PURE__*/ jsx(CheckCircle, {
+                        fill: "success600"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Typography, {
+                width: "100%",
+                textColor: "neutral600",
+                children: hasErrors ? formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.error',
+                    defaultMessage: '{errors} errors on fields.'
+                }, {
+                    errors: errors ? Object.keys(errors).length : 0
+                }) : formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.success',
+                    defaultMessage: 'All fields are filled correctly.'
+                })
+            }),
+            hasErrors && /*#__PURE__*/ jsx(LinkButton, {
+                tag: Link,
+                to: {
+                    pathname: `/content-manager/${kind === 'collectionType' ? 'collection-types' : 'single-types'}/${contentTypeUid}/${documentId}`,
+                    search: locale ? stringify({
+                        plugins: {
+                            i18n: {
+                                locale
+                            }
+                        }
+                    }) : ''
+                },
+                variant: "secondary",
+                fullWidth: true,
+                state: {
+                    forceValidation: true
+                },
+                children: formatMessage({
+                    id: 'content-releases.pages.ReleaseDetails.entry-validation.fields.see-errors',
+                    defaultMessage: 'See errors'
+                })
+            })
+        ]
+    });
+};
+const getReviewStageIcon = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage })=>{
+    if (!contentTypeHasReviewWorkflow) {
+        return /*#__PURE__*/ jsx(CheckCircle, {
+            fill: "neutral200"
+        });
+    }
+    if (requiredStage && requiredStage.id !== entryStage?.id) {
+        return /*#__PURE__*/ jsx(CrossCircle, {
+            fill: "danger600"
+        });
+    }
+    return /*#__PURE__*/ jsx(CheckCircle, {
+        fill: "success600"
+    });
+};
+const getReviewStageMessage = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage, formatMessage })=>{
+    if (!contentTypeHasReviewWorkflow) {
+        return formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-enabled',
+            defaultMessage: 'This entry is not associated to any workflow.'
+        });
+    }
+    if (requiredStage && requiredStage.id !== entryStage?.id) {
+        return formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.not-ready',
+            defaultMessage: 'This entry is not at the required stage for publishing. ({stageName})'
+        }, {
+            stageName: requiredStage?.name ?? ''
+        });
+    }
+    if (requiredStage && requiredStage.id === entryStage?.id) {
+        return formatMessage({
+            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.ready',
+            defaultMessage: 'This entry is at the required stage for publishing. ({stageName})'
+        }, {
+            stageName: requiredStage?.name ?? ''
+        });
+    }
+    return formatMessage({
+        id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage.stage-not-required',
+        defaultMessage: 'No required stage for publication'
+    });
+};
+const ReviewStageValidation = ({ contentTypeHasReviewWorkflow, requiredStage, entryStage })=>{
+    const { formatMessage } = useIntl();
+    const Icon = getReviewStageIcon({
+        contentTypeHasReviewWorkflow,
+        requiredStage,
+        entryStage
+    });
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        gap: 1,
+        width: "100%",
+        padding: 5,
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                width: "100%",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        fontWeight: "bold",
+                        children: formatMessage({
+                            id: 'content-releases.pages.ReleaseDetails.entry-validation.review-stage',
+                            defaultMessage: 'Review stage'
+                        })
+                    }),
+                    Icon
+                ]
+            }),
+            /*#__PURE__*/ jsx(Typography, {
+                textColor: "neutral600",
+                children: getReviewStageMessage({
+                    contentTypeHasReviewWorkflow,
+                    requiredStage,
+                    entryStage,
+                    formatMessage
+                })
+            })
+        ]
+    });
+};
+const EntryValidationPopover = ({ schema, entry, status, action })=>{
+    const { validate, isLoading } = unstable_useDocument({
+        collectionType: schema?.kind ?? '',
+        model: schema?.uid ?? ''
+    }, {
+        // useDocument makes a request to get more data about the entry, but we only want to have the validation function so we skip the request
+        skip: true
+    });
+    // Validation errors
+    const errors = isLoading ? null : validate(entry);
+    const hasErrors = errors ? Object.keys(errors).length > 0 : false;
+    // Entry stage
+    const contentTypeHasReviewWorkflow = schema?.hasReviewWorkflow ?? false;
+    const requiredStage = schema?.stageRequiredToPublish;
+    const entryStage = entry.strapi_stage;
+    if (isLoading) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        children: [
+            /*#__PURE__*/ jsx(EntryStatusTrigger, {
+                action: action,
+                status: status,
+                hasErrors: hasErrors,
+                requiredStage: requiredStage,
+                entryStage: entryStage
+            }),
+            /*#__PURE__*/ jsx(Popover.Content, {
+                children: /*#__PURE__*/ jsxs(StyledPopoverFlex, {
+                    direction: "column",
+                    children: [
+                        /*#__PURE__*/ jsx(FieldsValidation, {
+                            hasErrors: hasErrors,
+                            errors: errors,
+                            contentTypeUid: schema?.uid,
+                            kind: schema?.kind,
+                            documentId: entry.documentId,
+                            locale: entry.locale
+                        }),
+                        /*#__PURE__*/ jsx(ReviewStageValidation, {
+                            contentTypeHasReviewWorkflow: contentTypeHasReviewWorkflow,
+                            requiredStage: requiredStage,
+                            entryStage: entryStage
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { EntryValidationPopover };
+//# sourceMappingURL=EntryValidationPopover.mjs.map