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

package/dist/admin/pages/EditView/components/FormLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.mjs","sources":["../../../../../admin/src/pages/EditView/components/FormLayout.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Box, BoxProps, Flex, Grid } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { EditLayout } from '../../../hooks/useDocumentLayout';\r\n\r\nimport { InputRenderer } from './InputRenderer';\r\n\r\nimport type { UseDocument } from '../../../hooks/useDocument';\r\n\r\nexport const ResponsiveGridRoot = styled(Grid.Root)`\r\n  container-type: inline-size;\r\n`;\r\n\r\nexport const ResponsiveGridItem =\r\n  /**\r\n   * TODO:\r\n   * JSDOM cannot handle container queries.\r\n   * This is a temporary workaround so that tests do not fail in the CI when jestdom throws an error\r\n   * for failing to parse the stylesheet.\r\n   */\r\n  process.env.NODE_ENV !== 'test'\r\n    ? styled(Grid.Item)<{ col: number }>`\r\n        grid-column: span 12;\r\n        ${({ theme }) => theme.breakpoints.medium} {\r\n          ${({ col }) => col && `grid-column: span ${col};`}\r\n        }\r\n      `\r\n    : styled(Grid.Item)<{ col: number }>`\r\n        grid-column: span 12;\r\n      `;\r\n\r\nconst panelStyles = {\r\n  padding: {\r\n    initial: 4,\r\n    medium: 6,\r\n  },\r\n  borderColor: 'neutral150',\r\n  background: 'neutral0',\r\n  hasRadius: true,\r\n  shadow: 'tableShadow',\r\n} satisfies BoxProps;\r\n\r\ninterface FormLayoutProps extends Pick<EditLayout, 'layout'> {\r\n  hasBackground?: boolean;\r\n  document: ReturnType<UseDocument>;\r\n}\r\n\r\nconst FormLayout = React.memo(({ layout, document, hasBackground = true }: FormLayoutProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const modelUid = document.schema?.uid;\r\n\r\n  const getLabel = (name: string, label: string) => {\r\n    return formatMessage({\r\n      id: `content-manager.content-types.${modelUid}.${name}`,\r\n      defaultMessage: label,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\r\n      {layout.map((panel, index) => {\r\n        if (panel.some((row) => row.some((field) => field.type === 'dynamiczone'))) {\r\n          const [row] = panel;\r\n          const [field] = row;\r\n\r\n          return (\r\n            <Grid.Root key={field.name} gap={4}>\r\n              <Grid.Item col={12} s={12} xs={12} direction=\"column\" alignItems=\"stretch\">\r\n                <InputRenderer\r\n                  {...field}\r\n                  label={getLabel(field.name, field.label)}\r\n                  document={document}\r\n                />\r\n              </Grid.Item>\r\n            </Grid.Root>\r\n          );\r\n        }\r\n\r\n        return (\r\n          <Box key={index} {...(hasBackground && panelStyles)}>\r\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={6}>\r\n              {panel.map((row, gridRowIndex) => {\r\n                return (\r\n                  <ResponsiveGridRoot key={gridRowIndex} gap={{ initial: 6, medium: 4 }}>\r\n                    {row.map(({ size, ...field }) => {\r\n                      return (\r\n                        <ResponsiveGridItem\r\n                          col={size}\r\n                          key={field.name}\r\n                          s={12}\r\n                          xs={12}\r\n                          direction=\"column\"\r\n                          alignItems=\"stretch\"\r\n                        >\r\n                          <InputRenderer\r\n                            {...field}\r\n                            label={getLabel(field.name, field.label)}\r\n                            document={document}\r\n                          />\r\n                        </ResponsiveGridItem>\r\n                      );\r\n                    })}\r\n                  </ResponsiveGridRoot>\r\n                );\r\n              })}\r\n            </Flex>\r\n          </Box>\r\n        );\r\n      })}\r\n    </Flex>\r\n  );\r\n});\r\n\r\nFormLayout.displayName = 'FormLayout';\r\n\r\nexport { FormLayout, FormLayoutProps };\r\n"],"names":["ResponsiveGridRoot","styled","Grid","Root","ResponsiveGridItem","process","env","NODE_ENV","Item","theme","breakpoints","medium","col","panelStyles","padding","initial","borderColor","background","hasRadius","shadow","FormLayout","React","memo","layout","document","hasBackground","formatMessage","useIntl","modelUid","schema","uid","getLabel","name","label","id","defaultMessage","_jsx","Flex","direction","alignItems","gap","map","panel","index","some","row","field","type","s","xs","InputRenderer","Box","gridRowIndex","size","displayName"],"mappings":"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"}

package/dist/admin/pages/EditView/components/Header.js

@@ -0,0 +1,637 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var RelativeTime = require('../../../components/RelativeTime.js');
+var attributes = require('../../../constants/attributes.js');
+var collections = require('../../../constants/collections.js');
+var DocumentRBAC = require('../../../features/DocumentRBAC.js');
+var useDocument = require('../../../hooks/useDocument.js');
+var useDocumentActions = require('../../../hooks/useDocumentActions.js');
+var router = require('../../../router.js');
+var users = require('../../../utils/users.js');
+var DocumentActions = require('./DocumentActions.js');
+var DocumentStatus = require('./DocumentStatus.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Header = ({ isCreating, status, title: documentTitle = 'Untitled' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const isCloning = reactRouterDom.useMatch(router.CLONE_PATH) !== null;
+    const isMobile = strapiAdmin.useIsMobile();
+    const params = reactRouterDom.useParams();
+    const [{ query: { status: activeTab = 'draft' } }] = strapiAdmin.useQueryParams();
+    const title = isCreating ? formatMessage({
+        id: 'content-manager.containers.edit.title.new',
+        defaultMessage: 'Create an entry'
+    }) : documentTitle;
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "flex-start",
+        paddingLeft: strapiAdmin.RESPONSIVE_DEFAULT_SPACING,
+        paddingRight: strapiAdmin.RESPONSIVE_DEFAULT_SPACING,
+        paddingTop: {
+            initial: 4,
+            medium: 6
+        },
+        paddingBottom: 4,
+        gap: 2,
+        children: [
+            !isMobile && /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.BackButton, {
+                fallback: params.collectionType === collections.SINGLE_TYPES ? undefined : `../${collections.COLLECTION_TYPES}/${params.slug}`
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                width: "100%",
+                justifyContent: "space-between",
+                gap: {
+                    initial: 2,
+                    medium: '8rem'
+                },
+                alignItems: "flex-start",
+                direction: {
+                    initial: 'column-reverse',
+                    medium: 'row'
+                },
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 2,
+                        justifyContent: "space-between",
+                        alignItems: "flex-start",
+                        width: "100%",
+                        overflow: "hidden",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "alpha",
+                                tag: "h1",
+                                overflow: "hidden",
+                                children: title
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                display: {
+                                    initial: 'block',
+                                    medium: 'none'
+                                },
+                                children: /*#__PURE__*/ jsxRuntime.jsx(HeaderDocumentActions, {
+                                    activeTab: activeTab,
+                                    isCloning: isCloning
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        width: {
+                            initial: '100%',
+                            medium: 'auto'
+                        },
+                        gap: 3,
+                        justifyContent: "space-between",
+                        children: [
+                            isMobile && /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.BackButton, {
+                                fallback: params.collectionType === collections.SINGLE_TYPES ? undefined : `../${collections.COLLECTION_TYPES}/${params.slug}`
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(HeaderToolbar, {
+                                activeTab: activeTab,
+                                isCloning: isCloning
+                            })
+                        ]
+                    })
+                ]
+            }),
+            status ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                marginTop: 1,
+                children: /*#__PURE__*/ jsxRuntime.jsx(DocumentStatus.DocumentStatus, {
+                    status: isCloning ? 'draft' : status
+                })
+            }) : null
+        ]
+    });
+};
+const HeaderDocumentActions = ({ activeTab, isCloning })=>{
+    const { model, id, document, meta, collectionType } = useDocument.useDoc();
+    const { formatMessage } = reactIntl.useIntl();
+    const plugins = strapiAdmin.useStrapiApp('HeaderToolbar', (state)=>state.plugins);
+    return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.DescriptionComponentRenderer, {
+        props: {
+            activeTab,
+            model,
+            documentId: id,
+            document: isCloning ? undefined : document,
+            meta: isCloning ? undefined : meta,
+            collectionType
+        },
+        descriptions: plugins['content-manager'].apis.getDocumentActions('header'),
+        children: (actions)=>{
+            const headerActions = actions.filter((action)=>{
+                const positions = Array.isArray(action.position) ? action.position : [
+                    action.position
+                ];
+                return positions.includes('header');
+            });
+            const documentId = document?.documentId ?? id;
+            return /*#__PURE__*/ jsxRuntime.jsxs(DocumentActions.DocumentActionsMenu, {
+                actions: headerActions,
+                label: formatMessage({
+                    id: 'content-manager.containers.edit.header.more-actions',
+                    defaultMessage: 'More actions'
+                }),
+                children: [
+                    collectionType !== collections.SINGLE_TYPES && /*#__PURE__*/ jsxRuntime.jsx(CopyDocumentIdMenuItem, {
+                        documentId: documentId
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(Information, {
+                        activeTab: activeTab
+                    })
+                ]
+            });
+        }
+    });
+};
+/**
+ * @description Contains the document actions that have `position: header`, if there are
+ * none we still render the menu because we render the information about the document there.
+ */ const HeaderToolbar = ({ activeTab, isCloning })=>{
+    const { model, id, document, meta, collectionType } = useDocument.useDoc();
+    const plugins = strapiAdmin.useStrapiApp('HeaderToolbar', (state)=>state.plugins);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.DescriptionComponentRenderer, {
+                props: {
+                    activeTab,
+                    model,
+                    documentId: id,
+                    document: isCloning ? undefined : document,
+                    meta: isCloning ? undefined : meta,
+                    collectionType
+                },
+                descriptions: plugins['content-manager'].apis.getHeaderActions(),
+                children: (actions)=>{
+                    if (actions.length > 0) {
+                        return /*#__PURE__*/ jsxRuntime.jsx(HeaderActions, {
+                            actions: actions
+                        });
+                    } else {
+                        return null;
+                    }
+                }
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                display: {
+                    initial: 'none',
+                    medium: 'block'
+                },
+                children: /*#__PURE__*/ jsxRuntime.jsx(HeaderDocumentActions, {
+                    activeTab: activeTab,
+                    isCloning: isCloning
+                })
+            })
+        ]
+    });
+};
+const CopyDocumentIdMenuItem = ({ documentId })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { copy } = strapiAdmin.useClipboard();
+    if (!documentId) {
+        return null;
+    }
+    const handleCopy = async ()=>{
+        const didCopy = await copy(documentId);
+        if (didCopy) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: 'content-manager.actions.copy-documentId.success',
+                    defaultMessage: 'Document ID copied to clipboard'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Separator, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                onSelect: handleCopy,
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Duplicate, {}),
+                children: formatMessage({
+                    id: 'content-manager.actions.copy-documentId.label',
+                    defaultMessage: 'Copy document ID'
+                })
+            })
+        ]
+    });
+};
+const Information = ({ activeTab })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { document, meta, id, collectionType } = useDocument.useDoc();
+    if (!document?.id && !id) {
+        return null;
+    }
+    /**
+   * Because in the backend separate entries are made for draft and published
+   * documents, the creator fields are different for each of them. For example,
+   * you could make your draft in January and then publish it for the first time
+   * in Feb. This would make the createdAt value for the published entry in Feb
+   * but really we want to show the document as a whole. The draft entry will also
+   * never have the publishedAt values.
+   *
+   * So, we decipher which document to show the creator for based on the activeTab.
+   */ const createAndUpdateDocument = activeTab === 'draft' ? document : meta?.availableStatus?.find((status)=>status.publishedAt === null);
+    const publishDocument = activeTab === 'published' ? document : meta?.availableStatus?.find((status)=>status.publishedAt !== null);
+    const creator = createAndUpdateDocument?.[attributes.CREATED_BY_ATTRIBUTE_NAME] ? users.getDisplayName(createAndUpdateDocument[attributes.CREATED_BY_ATTRIBUTE_NAME]) : null;
+    const updator = createAndUpdateDocument?.[attributes.UPDATED_BY_ATTRIBUTE_NAME] ? users.getDisplayName(createAndUpdateDocument[attributes.UPDATED_BY_ATTRIBUTE_NAME]) : null;
+    const information = [
+        {
+            isDisplayed: !!publishDocument?.[attributes.PUBLISHED_AT_ATTRIBUTE_NAME],
+            label: formatMessage({
+                id: 'content-manager.containers.edit.information.last-published.label',
+                defaultMessage: 'Published'
+            }),
+            value: formatMessage({
+                id: 'content-manager.containers.edit.information.last-published.value',
+                defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
+            }, {
+                time: /*#__PURE__*/ jsxRuntime.jsx(RelativeTime.RelativeTime, {
+                    timestamp: new Date(publishDocument?.[attributes.PUBLISHED_AT_ATTRIBUTE_NAME])
+                }),
+                isAnonymous: !publishDocument?.[attributes.PUBLISHED_BY_ATTRIBUTE_NAME],
+                author: publishDocument?.[attributes.PUBLISHED_BY_ATTRIBUTE_NAME] ? users.getDisplayName(publishDocument?.[attributes.PUBLISHED_BY_ATTRIBUTE_NAME]) : null
+            })
+        },
+        {
+            isDisplayed: !!createAndUpdateDocument?.[attributes.UPDATED_AT_ATTRIBUTE_NAME],
+            label: formatMessage({
+                id: 'content-manager.containers.edit.information.last-draft.label',
+                defaultMessage: 'Updated'
+            }),
+            value: formatMessage({
+                id: 'content-manager.containers.edit.information.last-draft.value',
+                defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
+            }, {
+                time: /*#__PURE__*/ jsxRuntime.jsx(RelativeTime.RelativeTime, {
+                    timestamp: new Date(createAndUpdateDocument?.[attributes.UPDATED_AT_ATTRIBUTE_NAME])
+                }),
+                isAnonymous: !updator,
+                author: updator
+            })
+        },
+        {
+            isDisplayed: !!createAndUpdateDocument?.[attributes.CREATED_AT_ATTRIBUTE_NAME],
+            label: formatMessage({
+                id: 'content-manager.containers.edit.information.document.label',
+                defaultMessage: 'Created'
+            }),
+            value: formatMessage({
+                id: 'content-manager.containers.edit.information.document.value',
+                defaultMessage: `{time}{isAnonymous, select, true {} other { by {author}}}`
+            }, {
+                time: /*#__PURE__*/ jsxRuntime.jsx(RelativeTime.RelativeTime, {
+                    timestamp: new Date(createAndUpdateDocument?.[attributes.CREATED_AT_ATTRIBUTE_NAME])
+                }),
+                isAnonymous: !creator,
+                author: creator
+            })
+        },
+        {
+            isDisplayed: collectionType !== collections.SINGLE_TYPES && !!(document?.documentId ?? id),
+            label: formatMessage({
+                id: 'content-manager.containers.edit.information.documentId.label',
+                defaultMessage: 'Document ID'
+            }),
+            value: document?.documentId ?? id ?? ''
+        }
+    ].filter((info)=>info.isDisplayed);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        borderWidth: "1px 0 0 0",
+        borderStyle: "solid",
+        borderColor: "neutral150",
+        direction: "column",
+        marginTop: 1,
+        tag: "dl",
+        padding: 5,
+        gap: 3,
+        alignItems: "flex-start",
+        /**
+       * The menu content has a padding of 4px, but we want our divider (the border top applied) to
+       * be flush with the menu content. So we need to adjust the margin & width to account for the padding.
+       */ marginLeft: "-0.4rem",
+        marginRight: "-0.4rem",
+        width: "calc(100% + 8px)",
+        children: information.map((info)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 1,
+                direction: "column",
+                alignItems: "flex-start",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "dt",
+                        variant: "pi",
+                        fontWeight: "bold",
+                        children: info.label
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "dd",
+                        variant: "pi",
+                        textColor: "neutral600",
+                        style: {
+                            wordBreak: 'break-word'
+                        },
+                        children: info.value
+                    })
+                ]
+            }, info.label))
+    });
+};
+const HeaderActions = ({ actions })=>{
+    const [dialogId, setDialogId] = React__namespace.useState(null);
+    const handleClick = (action)=>async (e)=>{
+            if (!('options' in action)) {
+                const { onClick = ()=>false, dialog, id } = action;
+                const muteDialog = await onClick(e);
+                if (dialog && !muteDialog) {
+                    e.preventDefault();
+                    setDialogId(id);
+                }
+            }
+        };
+    const handleClose = ()=>{
+        setDialogId(null);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        gap: 1,
+        children: actions.map((action)=>{
+            if (action.options) {
+                return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                    size: "S",
+                    // @ts-expect-error – the DS will handle numbers, but we're not allowing the API.
+                    onChange: action.onSelect,
+                    "aria-label": action.label,
+                    ...action,
+                    children: action.options.map(({ label, ...option })=>{
+                        if (option._render) {
+                            return option._render();
+                        }
+                        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                            ...option,
+                            children: label
+                        }, option.value);
+                    })
+                }, action.id);
+            } else if (action._status) {
+                return /*#__PURE__*/ jsxRuntime.jsx(HeaderActionStatus, {
+                    tooltip: action._status?.tooltip,
+                    children: action._status.message
+                }, action.id);
+            } else {
+                return /*#__PURE__*/ jsxRuntime.jsxs(React__namespace.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                            disabled: action.disabled,
+                            label: action.label,
+                            size: "S",
+                            onClick: handleClick(action),
+                            children: action.icon
+                        }),
+                        action.dialog ? /*#__PURE__*/ jsxRuntime.jsx(HeaderActionDialog, {
+                            ...action.dialog,
+                            isOpen: dialogId === action.id,
+                            onClose: handleClose
+                        }) : null
+                    ]
+                }, action.id);
+            }
+        })
+    });
+};
+const HeaderActionStatus = ({ tooltip, children })=>{
+    const [open, setOpen] = React__namespace.useState(false);
+    // Debounce the open/close so the user can hover over the popover content before it closes
+    const debouncedOpen = strapiAdmin.useDebounce(open, 100);
+    const handleMouseEnter = ()=>{
+        if (tooltip) {
+            setOpen(true);
+        }
+    };
+    const handleMouseLeave = ()=>{
+        if (tooltip) {
+            setOpen(false);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        open: debouncedOpen,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Anchor, {
+                style: {
+                    alignSelf: 'stretch'
+                },
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                "aria-describedby": "document-header-action-status",
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    height: "100%",
+                    children: children
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
+                role: "tooltip",
+                id: "document-header-action-status",
+                side: "bottom",
+                align: "center",
+                onMouseEnter: handleMouseEnter,
+                onMouseLeave: handleMouseLeave,
+                children: tooltip
+            })
+        ]
+    });
+};
+const HeaderActionDialog = ({ onClose, onCancel, title, content: Content, isOpen })=>{
+    const handleClose = async ()=>{
+        if (onCancel) {
+            await onCancel();
+        }
+        onClose();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+        open: isOpen,
+        onOpenChange: handleClose,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Dialog.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Header, {
+                    children: title
+                }),
+                typeof Content === 'function' ? /*#__PURE__*/ jsxRuntime.jsx(Content, {
+                    onClose: handleClose
+                }) : Content
+            ]
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * DocumentActionComponents
+ * -----------------------------------------------------------------------------------------------*/ const ConfigureTheViewAction = ({ collectionType, model })=>{
+    const navigate = reactRouterDom.useNavigate();
+    const { formatMessage } = reactIntl.useIntl();
+    const isDesktop = strapiAdmin.useIsDesktop();
+    return isDesktop ? {
+        label: formatMessage({
+            id: 'app.links.configure-view',
+            defaultMessage: 'Configure the view'
+        }),
+        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ListPlus, {}),
+        onClick: ()=>{
+            navigate(`../${collectionType}/${model}/configurations/edit`);
+        },
+        position: 'header'
+    } : null;
+};
+ConfigureTheViewAction.type = 'configure-the-view';
+ConfigureTheViewAction.position = 'header';
+const EditTheModelAction = ({ model })=>{
+    const navigate = reactRouterDom.useNavigate();
+    const { formatMessage } = reactIntl.useIntl();
+    const isDesktop = strapiAdmin.useIsDesktop();
+    return isDesktop ? {
+        label: formatMessage({
+            id: 'content-manager.link-to-ctb',
+            defaultMessage: 'Edit the model'
+        }),
+        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Pencil, {}),
+        onClick: ()=>{
+            navigate(`/plugins/content-type-builder/content-types/${model}`);
+        },
+        position: 'header'
+    } : null;
+};
+EditTheModelAction.type = 'edit-the-model';
+EditTheModelAction.position = 'header';
+const DeleteAction = ({ documentId, model, collectionType, document })=>{
+    const navigate = reactRouterDom.useNavigate();
+    const { formatMessage } = reactIntl.useIntl();
+    const listViewPathMatch = reactRouterDom.useMatch(router.LIST_PATH);
+    const canDelete = DocumentRBAC.useDocumentRBAC('DeleteAction', (state)=>state.canDelete);
+    const { delete: deleteAction, isLoading } = useDocumentActions.useDocumentActions();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const setSubmitting = strapiAdmin.useForm('DeleteAction', (state)=>state.setSubmitting);
+    const isLocalized = document?.locale != null;
+    return {
+        disabled: !canDelete || !document,
+        label: formatMessage({
+            id: 'content-manager.actions.delete.label',
+            defaultMessage: 'Delete entry{isLocalized, select, true { (all locales)} other {}}'
+        }, {
+            isLocalized
+        }),
+        icon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Trash, {}),
+        dialog: {
+            type: 'dialog',
+            title: formatMessage({
+                id: 'app.components.ConfirmDialog.title',
+                defaultMessage: 'Confirmation'
+            }),
+            content: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(Icons.WarningCircle, {
+                        width: "24px",
+                        height: "24px",
+                        fill: "danger600"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "p",
+                        variant: "omega",
+                        textAlign: "center",
+                        children: formatMessage({
+                            id: 'content-manager.actions.delete.dialog.body',
+                            defaultMessage: 'Are you sure?'
+                        })
+                    })
+                ]
+            }),
+            loading: isLoading,
+            onConfirm: async ()=>{
+                /**
+         * If we have a match, we're in the list view
+         * and therefore not in a form and shouldn't be
+         * trying to set the submitting value.
+         */ if (!listViewPathMatch) {
+                    setSubmitting(true);
+                }
+                try {
+                    if (!documentId && collectionType !== collections.SINGLE_TYPES) {
+                        console.error("You're trying to delete a document without an id, this is likely a bug with Strapi. Please open an issue.");
+                        toggleNotification({
+                            message: formatMessage({
+                                id: 'content-manager.actions.delete.error',
+                                defaultMessage: 'An error occurred while trying to delete the document.'
+                            }),
+                            type: 'danger'
+                        });
+                        return;
+                    }
+                    const res = await deleteAction({
+                        documentId,
+                        model,
+                        collectionType,
+                        params: {
+                            locale: '*'
+                        }
+                    });
+                    if (!('error' in res)) {
+                        navigate({
+                            pathname: `../${collectionType}/${model}`
+                        }, {
+                            replace: true
+                        });
+                    }
+                } finally{
+                    if (!listViewPathMatch) {
+                        setSubmitting(false);
+                    }
+                }
+            }
+        },
+        variant: 'danger',
+        position: [
+            'header',
+            'table-row'
+        ]
+    };
+};
+DeleteAction.type = 'delete';
+DeleteAction.position = [
+    'header',
+    'table-row'
+];
+const DEFAULT_HEADER_ACTIONS = [
+    EditTheModelAction,
+    ConfigureTheViewAction,
+    DeleteAction
+];
+
+exports.DEFAULT_HEADER_ACTIONS = DEFAULT_HEADER_ACTIONS;
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map