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

package/dist/admin/history/components/VersionsList.js

@@ -0,0 +1,295 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var ActionsDrawer = require('../../components/ActionsDrawer.js');
+var RelativeTime = require('../../components/RelativeTime.js');
+var DocumentStatus = require('../../pages/EditView/components/DocumentStatus.js');
+var users = require('../../utils/users.js');
+var History = require('../pages/History.js');
+
+/* -------------------------------------------------------------------------------------------------
+ * BlueText
+ * -----------------------------------------------------------------------------------------------*/ const BlueText = (children)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+        textColor: "primary600",
+        variant: "pi",
+        children: children
+    });
+/* -------------------------------------------------------------------------------------------------
+ * VersionAuthor
+ * -----------------------------------------------------------------------------------------------*/ const VersionAuthor = ({ version, isCurrent })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const author = version.createdBy && users.getDisplayName(version.createdBy);
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: formatMessage({
+            id: 'content-manager.history.sidebar.versionDescription',
+            defaultMessage: '{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}'
+        }, {
+            distanceToNow: /*#__PURE__*/ jsxRuntime.jsx(RelativeTime.RelativeTime, {
+                timestamp: new Date(version.createdAt)
+            }),
+            author,
+            isAnonymous: !version.createdBy,
+            isCurrent,
+            b: BlueText
+        })
+    });
+};
+const VersionCard = ({ version, isCurrent })=>{
+    const { formatDate } = reactIntl.useIntl();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const setIsOpen = ActionsDrawer.useActionsDrawer('VersionCard', (s)=>s?.setIsOpen, false);
+    const isActive = query.id === version.id.toString();
+    const handleClick = ()=>{
+        setIsOpen?.(false);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "flex-start",
+        gap: 3,
+        hasRadius: true,
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: isActive ? 'primary600' : 'neutral200',
+        color: "neutral800",
+        padding: 5,
+        tag: reactRouterDom.Link,
+        to: `?${qs.stringify({
+            ...query,
+            id: version.id
+        })}`,
+        style: {
+            textDecoration: 'none'
+        },
+        onClick: handleClick,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                gap: 1,
+                alignItems: "flex-start",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "h3",
+                        fontWeight: "semiBold",
+                        children: formatDate(version.createdAt, {
+                            day: 'numeric',
+                            month: 'numeric',
+                            year: 'numeric',
+                            hour: '2-digit',
+                            minute: '2-digit'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "p",
+                        variant: "pi",
+                        textColor: "neutral600",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(VersionAuthor, {
+                            version: version,
+                            isCurrent: isCurrent
+                        })
+                    })
+                ]
+            }),
+            version.status && /*#__PURE__*/ jsxRuntime.jsx(DocumentStatus.DocumentStatus, {
+                status: version.status,
+                size: "XS"
+            })
+        ]
+    });
+};
+const PaginationButton = ({ page, children })=>{
+    const [{ query }] = strapiAdmin.useQueryParams();
+    // Remove the id from the pagination link, so that the history page can redirect
+    // to the id of the first history version in the new page once it's loaded
+    const { id: _id, ...queryRest } = query;
+    return /*#__PURE__*/ jsxRuntime.jsx(reactRouterDom.Link, {
+        to: {
+            search: qs.stringify({
+                ...queryRest,
+                page
+            })
+        },
+        style: {
+            textDecoration: 'none'
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+            variant: "omega",
+            textColor: "primary600",
+            children: children
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * VersionsListItems
+ * -----------------------------------------------------------------------------------------------*/ const VersionsListItems = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { versions, page } = History.useHistoryContext('VersionsListItems', (state)=>({
+            versions: state.versions,
+            page: state.page
+        }));
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        flex: 1,
+        overflow: "auto",
+        children: [
+            versions.meta.pagination.page > 1 && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingTop: 4,
+                textAlign: "center",
+                children: /*#__PURE__*/ jsxRuntime.jsx(PaginationButton, {
+                    page: page - 1,
+                    children: formatMessage({
+                        id: 'content-manager.history.sidebar.show-newer',
+                        defaultMessage: 'Show newer versions'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                direction: "column",
+                gap: 3,
+                padding: {
+                    initial: 0,
+                    medium: 4
+                },
+                tag: "ul",
+                alignItems: "stretch",
+                children: versions.data.map((version, index)=>/*#__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: version,
+                            isCurrent: page === 1 && index === 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'
+                    })
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * VersionsList
+ * -----------------------------------------------------------------------------------------------*/ const VersionsList = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { versions, page } = History.useHistoryContext('VersionsList', (state)=>({
+            versions: state.versions,
+            page: state.page
+        }));
+    const isMobile = strapiAdmin.useIsMobile();
+    const [{ query }] = strapiAdmin.useQueryParams();
+    const currentVersion = versions.data.find((version)=>version.id.toString() === query.id);
+    return !isMobile ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        shrink: 0,
+        direction: "column",
+        alignItems: "stretch",
+        width: {
+            initial: '28rem',
+            large: '32rem'
+        },
+        height: "100%",
+        overflow: "hidden",
+        background: "neutral0",
+        borderColor: "neutral200",
+        borderWidth: "0 0 0 1px",
+        borderStyle: "solid",
+        tag: "aside",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "row",
+                justifyContent: "space-between",
+                padding: 4,
+                borderColor: "neutral200",
+                borderWidth: "0 0 1px",
+                borderStyle: "solid",
+                tag: "header",
+                role: "banner",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "h2",
+                        variant: "omega",
+                        fontWeight: "semiBold",
+                        children: formatMessage({
+                            id: 'content-manager.history.sidebar.title',
+                            defaultMessage: 'Versions'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        background: "neutral150",
+                        hasRadius: true,
+                        padding: 1,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "sigma",
+                            textColor: "neutral600",
+                            children: versions.meta.pagination.total
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(VersionsListItems, {})
+        ]
+    }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(ActionsDrawer.ActionsDrawer.Root, {
+                hasContent: true,
+                hasSideNav: true,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(ActionsDrawer.ActionsDrawer.Overlay, {}),
+                    /*#__PURE__*/ jsxRuntime.jsx(ActionsDrawer.ActionsDrawer.Header, {
+                        children: currentVersion && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            gap: 2,
+                            overflow: "hidden",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    flex: 1,
+                                    overflow: "hidden",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        display: "block",
+                                        variant: "omega",
+                                        textColor: "neutral600",
+                                        overflow: "hidden",
+                                        style: {
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        },
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(VersionAuthor, {
+                                            version: currentVersion,
+                                            isCurrent: page === 1 && versions.data.indexOf(currentVersion) === 0
+                                        })
+                                    })
+                                }),
+                                currentVersion.status && /*#__PURE__*/ jsxRuntime.jsx(DocumentStatus.DocumentStatus, {
+                                    status: currentVersion.status,
+                                    size: "XS"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(ActionsDrawer.ActionsDrawer.Content, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(VersionsListItems, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                width: "100%",
+                height: "5.7rem"
+            })
+        ]
+    });
+};
+
+exports.VersionsList = VersionsList;
+//# sourceMappingURL=VersionsList.js.map

package/dist/admin/history/components/VersionsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionsList.js","sources":["../../../../admin/src/history/components/VersionsList.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useQueryParams, useIsMobile } from '@strapi/admin/strapi-admin';\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { stringify } from 'qs';\r\nimport { useIntl } from 'react-intl';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { ActionsDrawer, useActionsDrawer } from '../../components/ActionsDrawer';\r\nimport { RelativeTime } from '../../components/RelativeTime';\r\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\r\nimport { getDisplayName } from '../../utils/users';\r\nimport { useHistoryContext } from '../pages/History';\r\n\r\nimport type { HistoryVersions } from '../../../../shared/contracts';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * BlueText\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst BlueText = (children: React.ReactNode) => (\r\n  <Typography textColor=\"primary600\" variant=\"pi\">\r\n    {children}\r\n  </Typography>\r\n);\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * VersionAuthor\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst VersionAuthor = ({\r\n  version,\r\n  isCurrent,\r\n}: {\r\n  version: HistoryVersions.HistoryVersionDataResponse;\r\n  isCurrent: boolean;\r\n}) => {\r\n  const { formatMessage } = useIntl();\r\n  const author = version.createdBy && getDisplayName(version.createdBy);\r\n  return (\r\n    <>\r\n      {formatMessage(\r\n        {\r\n          id: 'content-manager.history.sidebar.versionDescription',\r\n          defaultMessage:\r\n            '{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}',\r\n        },\r\n        {\r\n          distanceToNow: <RelativeTime timestamp={new Date(version.createdAt)} />,\r\n          author,\r\n          isAnonymous: !version.createdBy,\r\n          isCurrent,\r\n          b: BlueText,\r\n        }\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * VersionCard\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface VersionCardProps {\r\n  version: HistoryVersions.HistoryVersionDataResponse;\r\n  isCurrent: boolean;\r\n}\r\n\r\nconst VersionCard = ({ version, isCurrent }: VersionCardProps) => {\r\n  const { formatDate } = useIntl();\r\n  const [{ query }] = useQueryParams<{ id?: string }>();\r\n  const setIsOpen = useActionsDrawer('VersionCard', (s) => s?.setIsOpen, false);\r\n  const isActive = query.id === version.id.toString();\r\n\r\n  const handleClick = () => {\r\n    setIsOpen?.(false);\r\n  };\r\n\r\n  return (\r\n    <Flex\r\n      direction=\"column\"\r\n      alignItems=\"flex-start\"\r\n      gap={3}\r\n      hasRadius\r\n      borderWidth=\"1px\"\r\n      borderStyle=\"solid\"\r\n      borderColor={isActive ? 'primary600' : 'neutral200'}\r\n      color=\"neutral800\"\r\n      padding={5}\r\n      tag={Link}\r\n      to={`?${stringify({ ...query, id: version.id })}`}\r\n      style={{ textDecoration: 'none' }}\r\n      onClick={handleClick}\r\n    >\r\n      <Flex direction=\"column\" gap={1} alignItems=\"flex-start\">\r\n        <Typography tag=\"h3\" fontWeight=\"semiBold\">\r\n          {formatDate(version.createdAt, {\r\n            day: 'numeric',\r\n            month: 'numeric',\r\n            year: 'numeric',\r\n            hour: '2-digit',\r\n            minute: '2-digit',\r\n          })}\r\n        </Typography>\r\n        <Typography tag=\"p\" variant=\"pi\" textColor=\"neutral600\">\r\n          <VersionAuthor version={version} isCurrent={isCurrent} />\r\n        </Typography>\r\n      </Flex>\r\n      {version.status && <DocumentStatus status={version.status} size=\"XS\" />}\r\n    </Flex>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * PaginationButton\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface PaginationButtonProps {\r\n  page: number;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst PaginationButton = ({ page, children }: PaginationButtonProps) => {\r\n  const [{ query }] = useQueryParams<{ id?: string }>();\r\n\r\n  // Remove the id from the pagination link, so that the history page can redirect\r\n  // to the id of the first history version in the new page once it's loaded\r\n  const { id: _id, ...queryRest } = query;\r\n\r\n  return (\r\n    <Link to={{ search: stringify({ ...queryRest, page }) }} style={{ textDecoration: 'none' }}>\r\n      <Typography variant=\"omega\" textColor=\"primary600\">\r\n        {children}\r\n      </Typography>\r\n    </Link>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * VersionsListItems\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst VersionsListItems = () => {\r\n  const { formatMessage } = useIntl();\r\n  const { versions, page } = useHistoryContext('VersionsListItems', (state) => ({\r\n    versions: state.versions,\r\n    page: state.page,\r\n  }));\r\n\r\n  return (\r\n    <Box flex={1} overflow=\"auto\">\r\n      {versions.meta.pagination.page > 1 && (\r\n        <Box paddingTop={4} textAlign=\"center\">\r\n          <PaginationButton page={page - 1}>\r\n            {formatMessage({\r\n              id: 'content-manager.history.sidebar.show-newer',\r\n              defaultMessage: 'Show newer versions',\r\n            })}\r\n          </PaginationButton>\r\n        </Box>\r\n      )}\r\n      <Flex\r\n        direction=\"column\"\r\n        gap={3}\r\n        padding={{ initial: 0, medium: 4 }}\r\n        tag=\"ul\"\r\n        alignItems=\"stretch\"\r\n      >\r\n        {versions.data.map((version, index) => (\r\n          <li\r\n            key={version.id}\r\n            aria-label={formatMessage({\r\n              id: 'content-manager.history.sidebar.title.version-card.aria-label',\r\n              defaultMessage: 'Version card',\r\n            })}\r\n          >\r\n            <VersionCard version={version} isCurrent={page === 1 && index === 0} />\r\n          </li>\r\n        ))}\r\n      </Flex>\r\n      {versions.meta.pagination.page < versions.meta.pagination.pageCount && (\r\n        <Box paddingBottom={4} textAlign=\"center\">\r\n          <PaginationButton page={page + 1}>\r\n            {formatMessage({\r\n              id: 'content-manager.history.sidebar.show-older',\r\n              defaultMessage: 'Show older versions',\r\n            })}\r\n          </PaginationButton>\r\n        </Box>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * VersionsList\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst VersionsList = () => {\r\n  const { formatMessage } = useIntl();\r\n  const { versions, page } = useHistoryContext('VersionsList', (state) => ({\r\n    versions: state.versions,\r\n    page: state.page,\r\n  }));\r\n  const isMobile = useIsMobile();\r\n\r\n  const [{ query }] = useQueryParams<{ id?: string }>();\r\n  const currentVersion = versions.data.find((version) => version.id.toString() === query.id);\r\n\r\n  return !isMobile ? (\r\n    <Flex\r\n      shrink={0}\r\n      direction=\"column\"\r\n      alignItems=\"stretch\"\r\n      width={{ initial: '28rem', large: '32rem' }}\r\n      height=\"100%\"\r\n      overflow=\"hidden\"\r\n      background=\"neutral0\"\r\n      borderColor=\"neutral200\"\r\n      borderWidth=\"0 0 0 1px\"\r\n      borderStyle=\"solid\"\r\n      tag=\"aside\"\r\n    >\r\n      <Flex\r\n        direction=\"row\"\r\n        justifyContent=\"space-between\"\r\n        padding={4}\r\n        borderColor=\"neutral200\"\r\n        borderWidth=\"0 0 1px\"\r\n        borderStyle=\"solid\"\r\n        tag=\"header\"\r\n        role=\"banner\"\r\n      >\r\n        <Typography tag=\"h2\" variant=\"omega\" fontWeight=\"semiBold\">\r\n          {formatMessage({\r\n            id: 'content-manager.history.sidebar.title',\r\n            defaultMessage: 'Versions',\r\n          })}\r\n        </Typography>\r\n        <Box background=\"neutral150\" hasRadius padding={1}>\r\n          <Typography variant=\"sigma\" textColor=\"neutral600\">\r\n            {versions.meta.pagination.total}\r\n          </Typography>\r\n        </Box>\r\n      </Flex>\r\n      <VersionsListItems />\r\n    </Flex>\r\n  ) : (\r\n    <>\r\n      <ActionsDrawer.Root hasContent hasSideNav>\r\n        <ActionsDrawer.Overlay />\r\n        <ActionsDrawer.Header>\r\n          {currentVersion && (\r\n            <Flex gap={2} overflow=\"hidden\">\r\n              <Box flex={1} overflow=\"hidden\">\r\n                <Typography\r\n                  display=\"block\"\r\n                  variant=\"omega\"\r\n                  textColor=\"neutral600\"\r\n                  overflow=\"hidden\"\r\n                  style={{ textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\r\n                >\r\n                  <VersionAuthor\r\n                    version={currentVersion}\r\n                    isCurrent={page === 1 && versions.data.indexOf(currentVersion) === 0}\r\n                  />\r\n                </Typography>\r\n              </Box>\r\n              {currentVersion.status && <DocumentStatus status={currentVersion.status} size=\"XS\" />}\r\n            </Flex>\r\n          )}\r\n        </ActionsDrawer.Header>\r\n        <ActionsDrawer.Content>\r\n          <VersionsListItems />\r\n        </ActionsDrawer.Content>\r\n      </ActionsDrawer.Root>\r\n      {/* Adding a fixed height to the bottom of the page to prevent \r\n      the actions drawer from covering the content\r\n      (32px + 12px * 2 padding + 1px border) */}\r\n      <Box width=\"100%\" height=\"5.7rem\" />\r\n    </>\r\n  );\r\n};\r\n\r\nexport { VersionsList };\r\n"],"names":["BlueText","children","_jsx","Typography","textColor","variant","VersionAuthor","version","isCurrent","formatMessage","useIntl","author","createdBy","getDisplayName","_Fragment","id","defaultMessage","distanceToNow","RelativeTime","timestamp","Date","createdAt","isAnonymous","b","VersionCard","formatDate","query","useQueryParams","setIsOpen","useActionsDrawer","s","isActive","toString","handleClick","_jsxs","Flex","direction","alignItems","gap","hasRadius","borderWidth","borderStyle","borderColor","color","padding","tag","Link","to","stringify","style","textDecoration","onClick","fontWeight","day","month","year","hour","minute","status","DocumentStatus","size","PaginationButton","page","_id","queryRest","search","VersionsListItems","versions","useHistoryContext","state","Box","flex","overflow","meta","pagination","paddingTop","textAlign","initial","medium","data","map","index","li","aria-label","pageCount","paddingBottom","VersionsList","isMobile","useIsMobile","currentVersion","find","shrink","width","large","height","background","justifyContent","role","total","ActionsDrawer","Root","hasContent","hasSideNav","Overlay","Header","display","textOverflow","whiteSpace","indexOf","Content"],"mappings":"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"}

package/dist/admin/history/components/VersionsList.mjs

@@ -0,0 +1,293 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import 'react';
+import { useIsMobile, useQueryParams } from '@strapi/admin/strapi-admin';
+import { Flex, Typography, Box } from '@strapi/design-system';
+import { stringify } from 'qs';
+import { useIntl } from 'react-intl';
+import { Link } from 'react-router-dom';
+import { ActionsDrawer, useActionsDrawer } from '../../components/ActionsDrawer.mjs';
+import { RelativeTime } from '../../components/RelativeTime.mjs';
+import { DocumentStatus } from '../../pages/EditView/components/DocumentStatus.mjs';
+import { getDisplayName } from '../../utils/users.mjs';
+import { useHistoryContext } from '../pages/History.mjs';
+
+/* -------------------------------------------------------------------------------------------------
+ * BlueText
+ * -----------------------------------------------------------------------------------------------*/ const BlueText = (children)=>/*#__PURE__*/ jsx(Typography, {
+        textColor: "primary600",
+        variant: "pi",
+        children: children
+    });
+/* -------------------------------------------------------------------------------------------------
+ * VersionAuthor
+ * -----------------------------------------------------------------------------------------------*/ const VersionAuthor = ({ version, isCurrent })=>{
+    const { formatMessage } = useIntl();
+    const author = version.createdBy && getDisplayName(version.createdBy);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: formatMessage({
+            id: 'content-manager.history.sidebar.versionDescription',
+            defaultMessage: '{distanceToNow}{isAnonymous, select, true {} other { by {author}}}{isCurrent, select, true { <b>(current)</b>} other {}}'
+        }, {
+            distanceToNow: /*#__PURE__*/ jsx(RelativeTime, {
+                timestamp: new Date(version.createdAt)
+            }),
+            author,
+            isAnonymous: !version.createdBy,
+            isCurrent,
+            b: BlueText
+        })
+    });
+};
+const VersionCard = ({ version, isCurrent })=>{
+    const { formatDate } = useIntl();
+    const [{ query }] = useQueryParams();
+    const setIsOpen = useActionsDrawer('VersionCard', (s)=>s?.setIsOpen, false);
+    const isActive = query.id === version.id.toString();
+    const handleClick = ()=>{
+        setIsOpen?.(false);
+    };
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "flex-start",
+        gap: 3,
+        hasRadius: true,
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: isActive ? 'primary600' : 'neutral200',
+        color: "neutral800",
+        padding: 5,
+        tag: Link,
+        to: `?${stringify({
+            ...query,
+            id: version.id
+        })}`,
+        style: {
+            textDecoration: 'none'
+        },
+        onClick: handleClick,
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "column",
+                gap: 1,
+                alignItems: "flex-start",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        tag: "h3",
+                        fontWeight: "semiBold",
+                        children: formatDate(version.createdAt, {
+                            day: 'numeric',
+                            month: 'numeric',
+                            year: 'numeric',
+                            hour: '2-digit',
+                            minute: '2-digit'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        tag: "p",
+                        variant: "pi",
+                        textColor: "neutral600",
+                        children: /*#__PURE__*/ jsx(VersionAuthor, {
+                            version: version,
+                            isCurrent: isCurrent
+                        })
+                    })
+                ]
+            }),
+            version.status && /*#__PURE__*/ jsx(DocumentStatus, {
+                status: version.status,
+                size: "XS"
+            })
+        ]
+    });
+};
+const PaginationButton = ({ page, children })=>{
+    const [{ query }] = useQueryParams();
+    // Remove the id from the pagination link, so that the history page can redirect
+    // to the id of the first history version in the new page once it's loaded
+    const { id: _id, ...queryRest } = query;
+    return /*#__PURE__*/ jsx(Link, {
+        to: {
+            search: stringify({
+                ...queryRest,
+                page
+            })
+        },
+        style: {
+            textDecoration: 'none'
+        },
+        children: /*#__PURE__*/ jsx(Typography, {
+            variant: "omega",
+            textColor: "primary600",
+            children: children
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * VersionsListItems
+ * -----------------------------------------------------------------------------------------------*/ const VersionsListItems = ()=>{
+    const { formatMessage } = useIntl();
+    const { versions, page } = useHistoryContext('VersionsListItems', (state)=>({
+            versions: state.versions,
+            page: state.page
+        }));
+    return /*#__PURE__*/ jsxs(Box, {
+        flex: 1,
+        overflow: "auto",
+        children: [
+            versions.meta.pagination.page > 1 && /*#__PURE__*/ jsx(Box, {
+                paddingTop: 4,
+                textAlign: "center",
+                children: /*#__PURE__*/ jsx(PaginationButton, {
+                    page: page - 1,
+                    children: formatMessage({
+                        id: 'content-manager.history.sidebar.show-newer',
+                        defaultMessage: 'Show newer versions'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Flex, {
+                direction: "column",
+                gap: 3,
+                padding: {
+                    initial: 0,
+                    medium: 4
+                },
+                tag: "ul",
+                alignItems: "stretch",
+                children: versions.data.map((version, index)=>/*#__PURE__*/ jsx("li", {
+                        "aria-label": formatMessage({
+                            id: 'content-manager.history.sidebar.title.version-card.aria-label',
+                            defaultMessage: 'Version card'
+                        }),
+                        children: /*#__PURE__*/ jsx(VersionCard, {
+                            version: version,
+                            isCurrent: page === 1 && index === 0
+                        })
+                    }, version.id))
+            }),
+            versions.meta.pagination.page < versions.meta.pagination.pageCount && /*#__PURE__*/ jsx(Box, {
+                paddingBottom: 4,
+                textAlign: "center",
+                children: /*#__PURE__*/ jsx(PaginationButton, {
+                    page: page + 1,
+                    children: formatMessage({
+                        id: 'content-manager.history.sidebar.show-older',
+                        defaultMessage: 'Show older versions'
+                    })
+                })
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * VersionsList
+ * -----------------------------------------------------------------------------------------------*/ const VersionsList = ()=>{
+    const { formatMessage } = useIntl();
+    const { versions, page } = useHistoryContext('VersionsList', (state)=>({
+            versions: state.versions,
+            page: state.page
+        }));
+    const isMobile = useIsMobile();
+    const [{ query }] = useQueryParams();
+    const currentVersion = versions.data.find((version)=>version.id.toString() === query.id);
+    return !isMobile ? /*#__PURE__*/ jsxs(Flex, {
+        shrink: 0,
+        direction: "column",
+        alignItems: "stretch",
+        width: {
+            initial: '28rem',
+            large: '32rem'
+        },
+        height: "100%",
+        overflow: "hidden",
+        background: "neutral0",
+        borderColor: "neutral200",
+        borderWidth: "0 0 0 1px",
+        borderStyle: "solid",
+        tag: "aside",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "row",
+                justifyContent: "space-between",
+                padding: 4,
+                borderColor: "neutral200",
+                borderWidth: "0 0 1px",
+                borderStyle: "solid",
+                tag: "header",
+                role: "banner",
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        tag: "h2",
+                        variant: "omega",
+                        fontWeight: "semiBold",
+                        children: formatMessage({
+                            id: 'content-manager.history.sidebar.title',
+                            defaultMessage: 'Versions'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Box, {
+                        background: "neutral150",
+                        hasRadius: true,
+                        padding: 1,
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "sigma",
+                            textColor: "neutral600",
+                            children: versions.meta.pagination.total
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(VersionsListItems, {})
+        ]
+    }) : /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(ActionsDrawer.Root, {
+                hasContent: true,
+                hasSideNav: true,
+                children: [
+                    /*#__PURE__*/ jsx(ActionsDrawer.Overlay, {}),
+                    /*#__PURE__*/ jsx(ActionsDrawer.Header, {
+                        children: currentVersion && /*#__PURE__*/ jsxs(Flex, {
+                            gap: 2,
+                            overflow: "hidden",
+                            children: [
+                                /*#__PURE__*/ jsx(Box, {
+                                    flex: 1,
+                                    overflow: "hidden",
+                                    children: /*#__PURE__*/ jsx(Typography, {
+                                        display: "block",
+                                        variant: "omega",
+                                        textColor: "neutral600",
+                                        overflow: "hidden",
+                                        style: {
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap'
+                                        },
+                                        children: /*#__PURE__*/ jsx(VersionAuthor, {
+                                            version: currentVersion,
+                                            isCurrent: page === 1 && versions.data.indexOf(currentVersion) === 0
+                                        })
+                                    })
+                                }),
+                                currentVersion.status && /*#__PURE__*/ jsx(DocumentStatus, {
+                                    status: currentVersion.status,
+                                    size: "XS"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(ActionsDrawer.Content, {
+                        children: /*#__PURE__*/ jsx(VersionsListItems, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                width: "100%",
+                height: "5.7rem"
+            })
+        ]
+    });
+};
+
+export { VersionsList };
+//# sourceMappingURL=VersionsList.mjs.map