@strapi/admin 5.12.4 → 5.12.5

package/dist/admin/admin/src/pages/Home/HomePage.mjs

@@ -1,21 +1,147 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
-import { Main, Flex, Grid } from '@strapi/design-system';
+import * as React from 'react';
+import { Main, Flex, Grid, Typography, Box } from '@strapi/design-system';
+import { Pencil, CheckCircle, PuzzlePiece } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { Layouts } from '../../components/Layouts/Layout.mjs';
 import { Page } from '../../components/PageHelpers.mjs';
+import { Widget } from '../../components/WidgetHelpers.mjs';
 import '../../services/admin.mjs';
 import { useEnterprise } from '../../hooks/useEnterprise.mjs';
 import { useAuth } from '../../features/Auth.mjs';
+import { useStrapiApp } from '../../features/StrapiApp.mjs';
 import { LastEditedWidget, LastPublishedWidget } from './components/ContentManagerWidgets.mjs';
 import { GuidedTour } from './components/GuidedTour.mjs';
 
+const WidgetRoot = ({ title, icon = PuzzlePiece, children })=>{
+    const { formatMessage } = useIntl();
+    const id = React.useId();
+    const Icon = icon;
+    return /*#__PURE__*/ jsxs(Flex, {
+        width: "100%",
+        hasRadius: true,
+        direction: "column",
+        alignItems: "flex-start",
+        background: "neutral0",
+        borderColor: "neutral150",
+        shadow: "tableShadow",
+        tag: "section",
+        gap: 4,
+        padding: 6,
+        "aria-labelledby": id,
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "row",
+                alignItems: "center",
+                gap: 2,
+                tag: "header",
+                children: [
+                    /*#__PURE__*/ jsx(Icon, {
+                        fill: "neutral500",
+                        "aria-hidden": true
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: "neutral500",
+                        variant: "sigma",
+                        tag: "h2",
+                        id: id,
+                        children: formatMessage(title)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                width: "100%",
+                height: "261px",
+                overflow: "auto",
+                tag: "main",
+                children: children
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * UnstableHomePageCe
+ * -----------------------------------------------------------------------------------------------*/ const WidgetComponent = ({ component })=>{
+    const [loadedComponent, setLoadedComponent] = React.useState(null);
+    React.useEffect(()=>{
+        const loadComponent = async ()=>{
+            const resolvedComponent = await component();
+            setLoadedComponent(()=>resolvedComponent);
+        };
+        loadComponent();
+    }, [
+        component
+    ]);
+    const Component = loadedComponent;
+    if (!Component) {
+        return /*#__PURE__*/ jsx(Widget.Loading, {});
+    }
+    return /*#__PURE__*/ jsx(Component, {});
+};
+const UnstableHomePageCe = ()=>{
+    const { formatMessage } = useIntl();
+    const user = useAuth('HomePageCE', (state)=>state.user);
+    const displayName = user?.firstname ?? user?.username ?? user?.email;
+    const getAllWidgets = useStrapiApp('UnstableHomepageCe', (state)=>state.widgets.getAll);
+    return /*#__PURE__*/ jsxs(Main, {
+        children: [
+            /*#__PURE__*/ jsx(Page.Title, {
+                children: formatMessage({
+                    id: 'HomePage.head.title',
+                    defaultMessage: 'Homepage'
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Header, {
+                title: formatMessage({
+                    id: 'HomePage.header.title',
+                    defaultMessage: 'Hello {name}'
+                }, {
+                    name: displayName
+                }),
+                subtitle: formatMessage({
+                    id: 'HomePage.header.subtitle',
+                    defaultMessage: 'Welcome to your administration panel'
+                })
+            }),
+            /*#__PURE__*/ jsx(Layouts.Content, {
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    gap: 8,
+                    paddingBottom: 10,
+                    children: [
+                        /*#__PURE__*/ jsx(GuidedTour, {}),
+                        /*#__PURE__*/ jsx(Grid.Root, {
+                            gap: 5,
+                            children: getAllWidgets().map((widget)=>{
+                                return /*#__PURE__*/ jsx(Grid.Item, {
+                                    col: 6,
+                                    s: 12,
+                                    children: /*#__PURE__*/ jsx(WidgetRoot, {
+                                        title: widget.title,
+                                        icon: widget.icon,
+                                        children: /*#__PURE__*/ jsx(WidgetComponent, {
+                                            component: widget.component
+                                        })
+                                    })
+                                }, widget.uid);
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
 /* -------------------------------------------------------------------------------------------------
  * HomePageCE
  * -----------------------------------------------------------------------------------------------*/ const HomePageCE = ()=>{
     const { formatMessage } = useIntl();
     const user = useAuth('HomePageCE', (state)=>state.user);
     const displayName = user?.firstname ?? user?.username ?? user?.email;
+    if (window.strapi.future.isEnabled('unstableWidgetsApi')) {
+        return /*#__PURE__*/ jsx(UnstableHomePageCe, {});
+    }
     return /*#__PURE__*/ jsxs(Main, {
         children: [
             /*#__PURE__*/ jsx(Page.Title, {
@@ -50,12 +176,26 @@ import { GuidedTour } from './components/GuidedTour.mjs';
                                 /*#__PURE__*/ jsx(Grid.Item, {
                                     col: 6,
                                     s: 12,
-                                    children: /*#__PURE__*/ jsx(LastEditedWidget, {})
+                                    children: /*#__PURE__*/ jsx(WidgetRoot, {
+                                        title: {
+                                            id: 'content-manager.widget.last-edited.title',
+                                            defaultMessage: 'Last edited entries'
+                                        },
+                                        icon: Pencil,
+                                        children: /*#__PURE__*/ jsx(LastEditedWidget, {})
+                                    })
                                 }),
                                 /*#__PURE__*/ jsx(Grid.Item, {
                                     col: 6,
                                     s: 12,
-                                    children: /*#__PURE__*/ jsx(LastPublishedWidget, {})
+                                    children: /*#__PURE__*/ jsx(WidgetRoot, {
+                                        title: {
+                                            id: 'content-manager.widget.last-published.title',
+                                            defaultMessage: 'Last published entries'
+                                        },
+                                        icon: CheckCircle,
+                                        children: /*#__PURE__*/ jsx(LastPublishedWidget, {})
+                                    })
                                 })
                             ]
                         })
@@ -77,5 +217,5 @@ import { GuidedTour } from './components/GuidedTour.mjs';
     return /*#__PURE__*/ jsx(Page, {});
 };
 
-export { HomePage, HomePageCE };
+export { HomePage, HomePageCE, WidgetRoot };
 //# sourceMappingURL=HomePage.mjs.map

package/dist/admin/admin/src/pages/Home/HomePage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HomePage.mjs","sources":["../../../../../../admin/src/pages/Home/HomePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Flex, Grid, Main } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { Page } from '../../components/PageHelpers';\nimport { useEnterprise } from '../../ee';\nimport { useAuth } from '../../features/Auth';\n\nimport { LastEditedWidget, LastPublishedWidget } from './components/ContentManagerWidgets';\nimport { GuidedTour } from './components/GuidedTour';\n\n/* -------------------------------------------------------------------------------------------------\n * HomePageCE\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePageCE = () => {\n  const { formatMessage } = useIntl();\n  const user = useAuth('HomePageCE', (state) => state.user);\n  const displayName = user?.firstname ?? user?.username ?? user?.email;\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage({ id: 'HomePage.head.title', defaultMessage: 'Homepage' })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage(\n          { id: 'HomePage.header.title', defaultMessage: 'Hello {name}' },\n          { name: displayName }\n        )}\n        subtitle={formatMessage({\n          id: 'HomePage.header.subtitle',\n          defaultMessage: 'Welcome to your administration panel',\n        })}\n      />\n      <Layouts.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={8} paddingBottom={10}>\n          <GuidedTour />\n          <Grid.Root gap={5}>\n            <Grid.Item col={6} s={12}>\n              <LastEditedWidget />\n            </Grid.Item>\n            <Grid.Item col={6} s={12}>\n              <LastPublishedWidget />\n            </Grid.Item>\n          </Grid.Root>\n        </Flex>\n      </Layouts.Content>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePage = () => {\n  const Page = useEnterprise(\n    HomePageCE,\n    // eslint-disable-next-line import/no-cycle\n    async () => (await import('../../../../ee/admin/src/pages/HomePage')).HomePageEE\n  );\n\n  // block rendering until the EE component is fully loaded\n  if (!Page) {\n    return null;\n  }\n\n  return <Page />;\n};\n\nexport { HomePage, HomePageCE };\n"],"names":["HomePageCE","formatMessage","useIntl","user","useAuth","state","displayName","firstname","username","email","_jsxs","Main","_jsx","Page","Title","id","defaultMessage","Layouts","Header","title","name","subtitle","Content","Flex","direction","alignItems","gap","paddingBottom","GuidedTour","Grid","Root","Item","col","s","LastEditedWidget","LastPublishedWidget","HomePage","useEnterprise","HomePageEE"],"mappings":";;;;;;;;;;;;AAaA;;AAEkG,2GAE5FA,UAAa,GAAA,IAAA;IACjB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,OAAOC,OAAQ,CAAA,YAAA,EAAc,CAACC,KAAAA,GAAUA,MAAMF,IAAI,CAAA;AACxD,IAAA,MAAMG,WAAcH,GAAAA,IAAAA,EAAMI,SAAaJ,IAAAA,IAAAA,EAAMK,YAAYL,IAAMM,EAAAA,KAAAA;AAE/D,IAAA,qBACEC,IAACC,CAAAA,IAAAA,EAAAA;;AACC,0BAAAC,GAAA,CAACC,KAAKC,KAAK,EAAA;0BACRb,aAAc,CAAA;oBAAEc,EAAI,EAAA,qBAAA;oBAAuBC,cAAgB,EAAA;AAAW,iBAAA;;AAEzE,0BAAAJ,GAAA,CAACK,QAAQC,MAAM,EAAA;AACbC,gBAAAA,KAAAA,EAAOlB,aACL,CAAA;oBAAEc,EAAI,EAAA,uBAAA;oBAAyBC,cAAgB,EAAA;iBAC/C,EAAA;oBAAEI,IAAMd,EAAAA;AAAY,iBAAA,CAAA;AAEtBe,gBAAAA,QAAAA,EAAUpB,aAAc,CAAA;oBACtBc,EAAI,EAAA,0BAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;;AAEF,0BAAAJ,GAAA,CAACK,QAAQK,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAZ,IAACa,CAAAA,IAAAA,EAAAA;oBAAKC,SAAU,EAAA,QAAA;oBAASC,UAAW,EAAA,SAAA;oBAAUC,GAAK,EAAA,CAAA;oBAAGC,aAAe,EAAA,EAAA;;sCACnEf,GAACgB,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;AACD,sCAAAlB,IAAA,CAACmB,KAAKC,IAAI,EAAA;4BAACJ,GAAK,EAAA,CAAA;;AACd,8CAAAd,GAAA,CAACiB,KAAKE,IAAI,EAAA;oCAACC,GAAK,EAAA,CAAA;oCAAGC,CAAG,EAAA,EAAA;AACpB,oCAAA,QAAA,gBAAArB,GAACsB,CAAAA,gBAAAA,EAAAA,EAAAA;;AAEH,8CAAAtB,GAAA,CAACiB,KAAKE,IAAI,EAAA;oCAACC,GAAK,EAAA,CAAA;oCAAGC,CAAG,EAAA,EAAA;AACpB,oCAAA,QAAA,gBAAArB,GAACuB,CAAAA,mBAAAA,EAAAA,EAAAA;;;;;;;;;AAOf;AAEA;;AAEkG,2GAE5FC,QAAW,GAAA,IAAA;IACf,MAAMvB,IAAAA,GAAOwB,aACXrC,CAAAA,UAAAA;AAEA,IAAA,UAAY,CAAC,MAAM,OAAO,6CAAA,CAAyC,EAAGsC,UAAU,CAAA;;AAIlF,IAAA,IAAI,CAACzB,IAAM,EAAA;QACT,OAAO,IAAA;AACT;AAEA,IAAA,qBAAOD,GAACC,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;AACV;;;;"}
+{"version":3,"file":"HomePage.mjs","sources":["../../../../../../admin/src/pages/Home/HomePage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Grid, Main, Typography } from '@strapi/design-system';\nimport { CheckCircle, Pencil, PuzzlePiece } from '@strapi/icons';\nimport { MessageDescriptor, useIntl } from 'react-intl';\n\nimport { Layouts } from '../../components/Layouts/Layout';\nimport { Page } from '../../components/PageHelpers';\nimport { Widget } from '../../components/WidgetHelpers';\nimport { useEnterprise } from '../../ee';\nimport { useAuth } from '../../features/Auth';\nimport { useStrapiApp } from '../../features/StrapiApp';\n\nimport { LastEditedWidget, LastPublishedWidget } from './components/ContentManagerWidgets';\nimport { GuidedTour } from './components/GuidedTour';\n\n/* -------------------------------------------------------------------------------------------------\n * WidgetRoot\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RootProps {\n  title: MessageDescriptor;\n  icon?: typeof import('@strapi/icons').PuzzlePiece;\n  children: React.ReactNode;\n}\n\nexport const WidgetRoot = ({ title, icon = PuzzlePiece, children }: RootProps) => {\n  const { formatMessage } = useIntl();\n  const id = React.useId();\n  const Icon = icon;\n\n  return (\n    <Flex\n      width=\"100%\"\n      hasRadius\n      direction=\"column\"\n      alignItems=\"flex-start\"\n      background=\"neutral0\"\n      borderColor=\"neutral150\"\n      shadow=\"tableShadow\"\n      tag=\"section\"\n      gap={4}\n      padding={6}\n      aria-labelledby={id}\n    >\n      <Flex direction=\"row\" alignItems=\"center\" gap={2} tag=\"header\">\n        <Icon fill=\"neutral500\" aria-hidden />\n        <Typography textColor=\"neutral500\" variant=\"sigma\" tag=\"h2\" id={id}>\n          {formatMessage(title)}\n        </Typography>\n      </Flex>\n      <Box width=\"100%\" height=\"261px\" overflow=\"auto\" tag=\"main\">\n        {children}\n      </Box>\n    </Flex>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * UnstableHomePageCe\n * -----------------------------------------------------------------------------------------------*/\n\nconst WidgetComponent = ({ component }: { component: () => Promise<React.ComponentType> }) => {\n  const [loadedComponent, setLoadedComponent] = React.useState<React.ComponentType | null>(null);\n\n  React.useEffect(() => {\n    const loadComponent = async () => {\n      const resolvedComponent = await component();\n\n      setLoadedComponent(() => resolvedComponent);\n    };\n\n    loadComponent();\n  }, [component]);\n\n  const Component = loadedComponent;\n\n  if (!Component) {\n    return <Widget.Loading />;\n  }\n\n  return <Component />;\n};\n\nconst UnstableHomePageCe = () => {\n  const { formatMessage } = useIntl();\n  const user = useAuth('HomePageCE', (state) => state.user);\n  const displayName = user?.firstname ?? user?.username ?? user?.email;\n  const getAllWidgets = useStrapiApp('UnstableHomepageCe', (state) => state.widgets.getAll);\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage({ id: 'HomePage.head.title', defaultMessage: 'Homepage' })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage(\n          { id: 'HomePage.header.title', defaultMessage: 'Hello {name}' },\n          { name: displayName }\n        )}\n        subtitle={formatMessage({\n          id: 'HomePage.header.subtitle',\n          defaultMessage: 'Welcome to your administration panel',\n        })}\n      />\n      <Layouts.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={8} paddingBottom={10}>\n          <GuidedTour />\n          <Grid.Root gap={5}>\n            {getAllWidgets().map((widget) => {\n              return (\n                <Grid.Item col={6} s={12} key={widget.uid}>\n                  <WidgetRoot title={widget.title} icon={widget.icon}>\n                    <WidgetComponent component={widget.component} />\n                  </WidgetRoot>\n                </Grid.Item>\n              );\n            })}\n          </Grid.Root>\n        </Flex>\n      </Layouts.Content>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePageCE\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePageCE = () => {\n  const { formatMessage } = useIntl();\n  const user = useAuth('HomePageCE', (state) => state.user);\n  const displayName = user?.firstname ?? user?.username ?? user?.email;\n\n  if (window.strapi.future.isEnabled('unstableWidgetsApi')) {\n    return <UnstableHomePageCe />;\n  }\n\n  return (\n    <Main>\n      <Page.Title>\n        {formatMessage({ id: 'HomePage.head.title', defaultMessage: 'Homepage' })}\n      </Page.Title>\n      <Layouts.Header\n        title={formatMessage(\n          { id: 'HomePage.header.title', defaultMessage: 'Hello {name}' },\n          { name: displayName }\n        )}\n        subtitle={formatMessage({\n          id: 'HomePage.header.subtitle',\n          defaultMessage: 'Welcome to your administration panel',\n        })}\n      />\n      <Layouts.Content>\n        <Flex direction=\"column\" alignItems=\"stretch\" gap={8} paddingBottom={10}>\n          <GuidedTour />\n          <Grid.Root gap={5}>\n            <Grid.Item col={6} s={12}>\n              <WidgetRoot\n                title={{\n                  id: 'content-manager.widget.last-edited.title',\n                  defaultMessage: 'Last edited entries',\n                }}\n                icon={Pencil}\n              >\n                <LastEditedWidget />\n              </WidgetRoot>\n            </Grid.Item>\n            <Grid.Item col={6} s={12}>\n              <WidgetRoot\n                title={{\n                  id: 'content-manager.widget.last-published.title',\n                  defaultMessage: 'Last published entries',\n                }}\n                icon={CheckCircle}\n              >\n                <LastPublishedWidget />\n              </WidgetRoot>\n            </Grid.Item>\n          </Grid.Root>\n        </Flex>\n      </Layouts.Content>\n    </Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * HomePage\n * -----------------------------------------------------------------------------------------------*/\n\nconst HomePage = () => {\n  const Page = useEnterprise(\n    HomePageCE,\n    // eslint-disable-next-line import/no-cycle\n    async () => (await import('../../../../ee/admin/src/pages/HomePage')).HomePageEE\n  );\n\n  // block rendering until the EE component is fully loaded\n  if (!Page) {\n    return null;\n  }\n\n  return <Page />;\n};\n\nexport { HomePage, HomePageCE };\n"],"names":["WidgetRoot","title","icon","PuzzlePiece","children","formatMessage","useIntl","id","React","useId","Icon","_jsxs","Flex","width","hasRadius","direction","alignItems","background","borderColor","shadow","tag","gap","padding","aria-labelledby","_jsx","fill","aria-hidden","Typography","textColor","variant","Box","height","overflow","WidgetComponent","component","loadedComponent","setLoadedComponent","useState","useEffect","loadComponent","resolvedComponent","Component","Widget","Loading","UnstableHomePageCe","user","useAuth","state","displayName","firstname","username","email","getAllWidgets","useStrapiApp","widgets","getAll","Main","Page","Title","defaultMessage","Layouts","Header","name","subtitle","Content","paddingBottom","GuidedTour","Grid","Root","map","widget","Item","col","s","uid","HomePageCE","window","strapi","future","isEnabled","Pencil","LastEditedWidget","CheckCircle","LastPublishedWidget","HomePage","useEnterprise","HomePageEE"],"mappings":"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"}

package/dist/admin/admin/src/pages/Home/components/ContentManagerWidgets.js

@@ -1,16 +1,17 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+require('react');
 var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var reactRouterDom = require('react-router-dom');
 var styledComponents = require('styled-components');
 var RelativeTime = require('../../../components/RelativeTime.js');
+var WidgetHelpers = require('../../../components/WidgetHelpers.js');
 var Tracking = require('../../../features/Tracking.js');
 var homepage = require('../../../services/homepage.js');
 var strings = require('../../../utils/strings.js');
-var Widget = require('./Widget.js');
 
 const CellTypography = styledComponents.styled(designSystem.Typography).attrs({
     maxWidth: '14.4rem',
@@ -42,7 +43,6 @@ const RecentDocumentsTable = ({ documents })=>{
     const { trackUsage } = Tracking.useTracking();
     const navigate = reactRouterDom.useNavigate();
     const getEditViewLink = (document)=>{
-        // TODO: import the constants for this once the code is moved to the CM package
         const isSingleType = document.kind === 'singleType';
         const kindPath = isSingleType ? 'single-types' : 'collection-types';
         const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';
@@ -126,19 +126,19 @@ const RecentDocumentsTable = ({ documents })=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * LastEditedWidget
- * -----------------------------------------------------------------------------------------------*/ const LastEditedWidgetContent = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const LastEditedWidget = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const { data, isLoading, error } = homepage.useGetRecentDocumentsQuery({
         action: 'update'
     });
     if (isLoading) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.Loading, {});
+        return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.Loading, {});
     }
     if (error || !data) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.Error, {});
+        return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.Error, {});
     }
     if (data.length === 0) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.NoData, {
+        return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.NoData, {
             children: formatMessage({
                 id: 'content-manager.widget.last-edited.no-data',
                 defaultMessage: 'No edited entries'
@@ -149,31 +149,21 @@ const RecentDocumentsTable = ({ documents })=>{
         documents: data
     });
 };
-const LastEditedWidget = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.Root, {
-        title: {
-            id: 'content-manager.widget.last-edited.title',
-            defaultMessage: 'Last edited entries'
-        },
-        icon: icons.Pencil,
-        children: /*#__PURE__*/ jsxRuntime.jsx(LastEditedWidgetContent, {})
-    });
-};
 /* -------------------------------------------------------------------------------------------------
  * LastPublishedWidget
- * -----------------------------------------------------------------------------------------------*/ const LastPublishedWidgetContent = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const LastPublishedWidget = ()=>{
     const { formatMessage } = reactIntl.useIntl();
     const { data, isLoading, error } = homepage.useGetRecentDocumentsQuery({
         action: 'publish'
     });
     if (isLoading) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.Loading, {});
+        return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.Loading, {});
     }
     if (error || !data) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.Error, {});
+        return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.Error, {});
     }
     if (data.length === 0) {
-        return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.NoData, {
+        return /*#__PURE__*/ jsxRuntime.jsx(WidgetHelpers.Widget.NoData, {
             children: formatMessage({
                 id: 'content-manager.widget.last-published.no-data',
                 defaultMessage: 'No published entries'
@@ -184,16 +174,6 @@ const LastEditedWidget = ()=>{
         documents: data
     });
 };
-const LastPublishedWidget = ()=>{
-    return /*#__PURE__*/ jsxRuntime.jsx(Widget.Widget.Root, {
-        title: {
-            id: 'content-manager.widget.last-published.title',
-            defaultMessage: 'Last published entries'
-        },
-        icon: icons.CheckCircle,
-        children: /*#__PURE__*/ jsxRuntime.jsx(LastPublishedWidgetContent, {})
-    });
-};
 
 exports.LastEditedWidget = LastEditedWidget;
 exports.LastPublishedWidget = LastPublishedWidget;

package/dist/admin/admin/src/pages/Home/components/ContentManagerWidgets.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentManagerWidgets.js","sources":["../../../../../../../admin/src/pages/Home/components/ContentManagerWidgets.tsx"],"sourcesContent":["import { Box, IconButton, Status, Table, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { CheckCircle, Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { RelativeTime } from '../../../components/RelativeTime';\nimport { useTracking } from '../../../features/Tracking';\nimport { useGetRecentDocumentsQuery } from '../../../services/homepage';\nimport { capitalise } from '../../../utils/strings';\n\nimport { Widget } from './Widget';\n\nimport type { RecentDocument } from '../../../../../shared/contracts/homepage';\n\nconst CellTypography = styled(Typography).attrs({ maxWidth: '14.4rem', display: 'block' })`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\ninterface DocumentStatusProps {\n  status: RecentDocument['status'];\n}\n\nconst DocumentStatus = ({ status = 'draft' }: DocumentStatusProps) => {\n  const statusVariant =\n    status === 'draft' ? 'secondary' : status === 'published' ? 'success' : 'alternative';\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Status variant={statusVariant} size=\"XS\">\n      <Typography tag=\"span\" variant=\"omega\" fontWeight=\"bold\">\n        {formatMessage({\n          id: `content-manager.containers.List.${status}`,\n          defaultMessage: capitalise(status),\n        })}\n      </Typography>\n    </Status>\n  );\n};\n\nconst RecentDocumentsTable = ({ documents }: { documents: RecentDocument[] }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n\n  const getEditViewLink = (document: RecentDocument): string => {\n    // TODO: import the constants for this once the code is moved to the CM package\n    const isSingleType = document.kind === 'singleType';\n    const kindPath = isSingleType ? 'single-types' : 'collection-types';\n    const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';\n\n    return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;\n  };\n\n  const handleRowClick = (document: RecentDocument) => () => {\n    trackUsage('willEditEntryFromHome');\n    const link = getEditViewLink(document);\n    navigate(link);\n  };\n\n  return (\n    <Table colCount={5} rowCount={documents?.length ?? 0}>\n      <Tbody>\n        {documents?.map((document) => (\n          <Tr onClick={handleRowClick(document)} cursor=\"pointer\" key={document.documentId}>\n            <Td>\n              <CellTypography title={document.title} variant=\"omega\" textColor=\"neutral800\">\n                {document.title}\n              </CellTypography>\n            </Td>\n            <Td>\n              <CellTypography variant=\"omega\" textColor=\"neutral600\">\n                {document.kind === 'singleType'\n                  ? formatMessage({\n                      id: 'content-manager.widget.last-edited.single-type',\n                      defaultMessage: 'Single-Type',\n                    })\n                  : formatMessage({\n                      id: document.contentTypeDisplayName,\n                      defaultMessage: document.contentTypeDisplayName,\n                    })}\n              </CellTypography>\n            </Td>\n            <Td>\n              <Box display=\"inline-block\">\n                {document.status ? (\n                  <DocumentStatus status={document.status} />\n                ) : (\n                  <Typography textColor=\"neutral600\" aria-hidden>\n                    -\n                  </Typography>\n                )}\n              </Box>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral600\">\n                <RelativeTime timestamp={new Date(document.updatedAt)} />\n              </Typography>\n            </Td>\n            <Td onClick={(e) => e.stopPropagation()}>\n              <Box display=\"inline-block\">\n                <IconButton\n                  tag={Link}\n                  to={getEditViewLink(document)}\n                  onClick={() => trackUsage('willEditEntryFromHome')}\n                  label={formatMessage({\n                    id: 'content-manager.actions.edit.label',\n                    defaultMessage: 'Edit',\n                  })}\n                  variant=\"ghost\"\n                >\n                  <Pencil />\n                </IconButton>\n              </Box>\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastEditedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastEditedWidgetContent = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'update' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-edited.no-data',\n          defaultMessage: 'No edited entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nconst LastEditedWidget = () => {\n  return (\n    <Widget.Root\n      title={{\n        id: 'content-manager.widget.last-edited.title',\n        defaultMessage: 'Last edited entries',\n      }}\n      icon={Pencil}\n    >\n      <LastEditedWidgetContent />\n    </Widget.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastPublishedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastPublishedWidgetContent = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'publish' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-published.no-data',\n          defaultMessage: 'No published entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nconst LastPublishedWidget = () => {\n  return (\n    <Widget.Root\n      title={{\n        id: 'content-manager.widget.last-published.title',\n        defaultMessage: 'Last published entries',\n      }}\n      icon={CheckCircle}\n    >\n      <LastPublishedWidgetContent />\n    </Widget.Root>\n  );\n};\n\nexport { LastEditedWidget, LastPublishedWidget };\n"],"names":["CellTypography","styled","Typography","attrs","maxWidth","display","DocumentStatus","status","statusVariant","formatMessage","useIntl","_jsx","Status","variant","size","tag","fontWeight","id","defaultMessage","capitalise","RecentDocumentsTable","documents","trackUsage","useTracking","navigate","useNavigate","getEditViewLink","document","isSingleType","kind","kindPath","queryParams","locale","contentTypeUid","documentId","handleRowClick","link","Table","colCount","rowCount","length","Tbody","map","_jsxs","Tr","onClick","cursor","Td","title","textColor","contentTypeDisplayName","Box","aria-hidden","RelativeTime","timestamp","Date","updatedAt","e","stopPropagation","IconButton","Link","to","label","Pencil","LastEditedWidgetContent","data","isLoading","error","useGetRecentDocumentsQuery","action","Widget","Loading","Error","NoData","LastEditedWidget","Root","icon","LastPublishedWidgetContent","LastPublishedWidget","CheckCircle"],"mappings":"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"}
+{"version":3,"file":"ContentManagerWidgets.js","sources":["../../../../../../../admin/src/pages/Home/components/ContentManagerWidgets.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, Status, Table, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { RelativeTime } from '../../../components/RelativeTime';\nimport { Widget } from '../../../components/WidgetHelpers';\nimport { useTracking } from '../../../features/Tracking';\nimport { useGetRecentDocumentsQuery } from '../../../services/homepage';\nimport { capitalise } from '../../../utils/strings';\n\nimport type { RecentDocument } from '../../../../../shared/contracts/homepage';\n\nconst CellTypography = styled(Typography).attrs({ maxWidth: '14.4rem', display: 'block' })`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\ninterface DocumentStatusProps {\n  status: RecentDocument['status'];\n}\n\nconst DocumentStatus = ({ status = 'draft' }: DocumentStatusProps) => {\n  const statusVariant =\n    status === 'draft' ? 'secondary' : status === 'published' ? 'success' : 'alternative';\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Status variant={statusVariant} size=\"XS\">\n      <Typography tag=\"span\" variant=\"omega\" fontWeight=\"bold\">\n        {formatMessage({\n          id: `content-manager.containers.List.${status}`,\n          defaultMessage: capitalise(status),\n        })}\n      </Typography>\n    </Status>\n  );\n};\n\nconst RecentDocumentsTable = ({ documents }: { documents: RecentDocument[] }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n\n  const getEditViewLink = (document: RecentDocument): string => {\n    const isSingleType = document.kind === 'singleType';\n    const kindPath = isSingleType ? 'single-types' : 'collection-types';\n    const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';\n\n    return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;\n  };\n\n  const handleRowClick = (document: RecentDocument) => () => {\n    trackUsage('willEditEntryFromHome');\n    const link = getEditViewLink(document);\n    navigate(link);\n  };\n\n  return (\n    <Table colCount={5} rowCount={documents?.length ?? 0}>\n      <Tbody>\n        {documents?.map((document) => (\n          <Tr onClick={handleRowClick(document)} cursor=\"pointer\" key={document.documentId}>\n            <Td>\n              <CellTypography title={document.title} variant=\"omega\" textColor=\"neutral800\">\n                {document.title}\n              </CellTypography>\n            </Td>\n            <Td>\n              <CellTypography variant=\"omega\" textColor=\"neutral600\">\n                {document.kind === 'singleType'\n                  ? formatMessage({\n                      id: 'content-manager.widget.last-edited.single-type',\n                      defaultMessage: 'Single-Type',\n                    })\n                  : formatMessage({\n                      id: document.contentTypeDisplayName,\n                      defaultMessage: document.contentTypeDisplayName,\n                    })}\n              </CellTypography>\n            </Td>\n            <Td>\n              <Box display=\"inline-block\">\n                {document.status ? (\n                  <DocumentStatus status={document.status} />\n                ) : (\n                  <Typography textColor=\"neutral600\" aria-hidden>\n                    -\n                  </Typography>\n                )}\n              </Box>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral600\">\n                <RelativeTime timestamp={new Date(document.updatedAt)} />\n              </Typography>\n            </Td>\n            <Td onClick={(e) => e.stopPropagation()}>\n              <Box display=\"inline-block\">\n                <IconButton\n                  tag={Link}\n                  to={getEditViewLink(document)}\n                  onClick={() => trackUsage('willEditEntryFromHome')}\n                  label={formatMessage({\n                    id: 'content-manager.actions.edit.label',\n                    defaultMessage: 'Edit',\n                  })}\n                  variant=\"ghost\"\n                >\n                  <Pencil />\n                </IconButton>\n              </Box>\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastEditedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastEditedWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'update' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-edited.no-data',\n          defaultMessage: 'No edited entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastPublishedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastPublishedWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'publish' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-published.no-data',\n          defaultMessage: 'No published entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nexport { LastEditedWidget, LastPublishedWidget };\n"],"names":["CellTypography","styled","Typography","attrs","maxWidth","display","DocumentStatus","status","statusVariant","formatMessage","useIntl","_jsx","Status","variant","size","tag","fontWeight","id","defaultMessage","capitalise","RecentDocumentsTable","documents","trackUsage","useTracking","navigate","useNavigate","getEditViewLink","document","isSingleType","kind","kindPath","queryParams","locale","contentTypeUid","documentId","handleRowClick","link","Table","colCount","rowCount","length","Tbody","map","_jsxs","Tr","onClick","cursor","Td","title","textColor","contentTypeDisplayName","Box","aria-hidden","RelativeTime","timestamp","Date","updatedAt","e","stopPropagation","IconButton","Link","to","label","Pencil","LastEditedWidget","data","isLoading","error","useGetRecentDocumentsQuery","action","Widget","Loading","Error","NoData","LastPublishedWidget"],"mappings":"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"}

package/dist/admin/admin/src/pages/Home/components/ContentManagerWidgets.mjs

@@ -1,14 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
 import { Typography, Table, Tbody, Tr, Td, Box, IconButton, Status } from '@strapi/design-system';
-import { Pencil, CheckCircle } from '@strapi/icons';
+import { Pencil } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { useNavigate, Link } from 'react-router-dom';
 import { styled } from 'styled-components';
 import { RelativeTime } from '../../../components/RelativeTime.mjs';
+import { Widget } from '../../../components/WidgetHelpers.mjs';
 import { useTracking } from '../../../features/Tracking.mjs';
 import { useGetRecentDocumentsQuery } from '../../../services/homepage.mjs';
 import { capitalise } from '../../../utils/strings.mjs';
-import { Widget } from './Widget.mjs';
 
 const CellTypography = styled(Typography).attrs({
     maxWidth: '14.4rem',
@@ -40,7 +41,6 @@ const RecentDocumentsTable = ({ documents })=>{
     const { trackUsage } = useTracking();
     const navigate = useNavigate();
     const getEditViewLink = (document)=>{
-        // TODO: import the constants for this once the code is moved to the CM package
         const isSingleType = document.kind === 'singleType';
         const kindPath = isSingleType ? 'single-types' : 'collection-types';
         const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';
@@ -124,7 +124,7 @@ const RecentDocumentsTable = ({ documents })=>{
 };
 /* -------------------------------------------------------------------------------------------------
  * LastEditedWidget
- * -----------------------------------------------------------------------------------------------*/ const LastEditedWidgetContent = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const LastEditedWidget = ()=>{
     const { formatMessage } = useIntl();
     const { data, isLoading, error } = useGetRecentDocumentsQuery({
         action: 'update'
@@ -147,19 +147,9 @@ const RecentDocumentsTable = ({ documents })=>{
         documents: data
     });
 };
-const LastEditedWidget = ()=>{
-    return /*#__PURE__*/ jsx(Widget.Root, {
-        title: {
-            id: 'content-manager.widget.last-edited.title',
-            defaultMessage: 'Last edited entries'
-        },
-        icon: Pencil,
-        children: /*#__PURE__*/ jsx(LastEditedWidgetContent, {})
-    });
-};
 /* -------------------------------------------------------------------------------------------------
  * LastPublishedWidget
- * -----------------------------------------------------------------------------------------------*/ const LastPublishedWidgetContent = ()=>{
+ * -----------------------------------------------------------------------------------------------*/ const LastPublishedWidget = ()=>{
     const { formatMessage } = useIntl();
     const { data, isLoading, error } = useGetRecentDocumentsQuery({
         action: 'publish'
@@ -182,16 +172,6 @@ const LastEditedWidget = ()=>{
         documents: data
     });
 };
-const LastPublishedWidget = ()=>{
-    return /*#__PURE__*/ jsx(Widget.Root, {
-        title: {
-            id: 'content-manager.widget.last-published.title',
-            defaultMessage: 'Last published entries'
-        },
-        icon: CheckCircle,
-        children: /*#__PURE__*/ jsx(LastPublishedWidgetContent, {})
-    });
-};
 
 export { LastEditedWidget, LastPublishedWidget };
 //# sourceMappingURL=ContentManagerWidgets.mjs.map

package/dist/admin/admin/src/pages/Home/components/ContentManagerWidgets.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentManagerWidgets.mjs","sources":["../../../../../../../admin/src/pages/Home/components/ContentManagerWidgets.tsx"],"sourcesContent":["import { Box, IconButton, Status, Table, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { CheckCircle, Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { RelativeTime } from '../../../components/RelativeTime';\nimport { useTracking } from '../../../features/Tracking';\nimport { useGetRecentDocumentsQuery } from '../../../services/homepage';\nimport { capitalise } from '../../../utils/strings';\n\nimport { Widget } from './Widget';\n\nimport type { RecentDocument } from '../../../../../shared/contracts/homepage';\n\nconst CellTypography = styled(Typography).attrs({ maxWidth: '14.4rem', display: 'block' })`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\ninterface DocumentStatusProps {\n  status: RecentDocument['status'];\n}\n\nconst DocumentStatus = ({ status = 'draft' }: DocumentStatusProps) => {\n  const statusVariant =\n    status === 'draft' ? 'secondary' : status === 'published' ? 'success' : 'alternative';\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Status variant={statusVariant} size=\"XS\">\n      <Typography tag=\"span\" variant=\"omega\" fontWeight=\"bold\">\n        {formatMessage({\n          id: `content-manager.containers.List.${status}`,\n          defaultMessage: capitalise(status),\n        })}\n      </Typography>\n    </Status>\n  );\n};\n\nconst RecentDocumentsTable = ({ documents }: { documents: RecentDocument[] }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n\n  const getEditViewLink = (document: RecentDocument): string => {\n    // TODO: import the constants for this once the code is moved to the CM package\n    const isSingleType = document.kind === 'singleType';\n    const kindPath = isSingleType ? 'single-types' : 'collection-types';\n    const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';\n\n    return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;\n  };\n\n  const handleRowClick = (document: RecentDocument) => () => {\n    trackUsage('willEditEntryFromHome');\n    const link = getEditViewLink(document);\n    navigate(link);\n  };\n\n  return (\n    <Table colCount={5} rowCount={documents?.length ?? 0}>\n      <Tbody>\n        {documents?.map((document) => (\n          <Tr onClick={handleRowClick(document)} cursor=\"pointer\" key={document.documentId}>\n            <Td>\n              <CellTypography title={document.title} variant=\"omega\" textColor=\"neutral800\">\n                {document.title}\n              </CellTypography>\n            </Td>\n            <Td>\n              <CellTypography variant=\"omega\" textColor=\"neutral600\">\n                {document.kind === 'singleType'\n                  ? formatMessage({\n                      id: 'content-manager.widget.last-edited.single-type',\n                      defaultMessage: 'Single-Type',\n                    })\n                  : formatMessage({\n                      id: document.contentTypeDisplayName,\n                      defaultMessage: document.contentTypeDisplayName,\n                    })}\n              </CellTypography>\n            </Td>\n            <Td>\n              <Box display=\"inline-block\">\n                {document.status ? (\n                  <DocumentStatus status={document.status} />\n                ) : (\n                  <Typography textColor=\"neutral600\" aria-hidden>\n                    -\n                  </Typography>\n                )}\n              </Box>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral600\">\n                <RelativeTime timestamp={new Date(document.updatedAt)} />\n              </Typography>\n            </Td>\n            <Td onClick={(e) => e.stopPropagation()}>\n              <Box display=\"inline-block\">\n                <IconButton\n                  tag={Link}\n                  to={getEditViewLink(document)}\n                  onClick={() => trackUsage('willEditEntryFromHome')}\n                  label={formatMessage({\n                    id: 'content-manager.actions.edit.label',\n                    defaultMessage: 'Edit',\n                  })}\n                  variant=\"ghost\"\n                >\n                  <Pencil />\n                </IconButton>\n              </Box>\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastEditedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastEditedWidgetContent = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'update' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-edited.no-data',\n          defaultMessage: 'No edited entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nconst LastEditedWidget = () => {\n  return (\n    <Widget.Root\n      title={{\n        id: 'content-manager.widget.last-edited.title',\n        defaultMessage: 'Last edited entries',\n      }}\n      icon={Pencil}\n    >\n      <LastEditedWidgetContent />\n    </Widget.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastPublishedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastPublishedWidgetContent = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'publish' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-published.no-data',\n          defaultMessage: 'No published entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nconst LastPublishedWidget = () => {\n  return (\n    <Widget.Root\n      title={{\n        id: 'content-manager.widget.last-published.title',\n        defaultMessage: 'Last published entries',\n      }}\n      icon={CheckCircle}\n    >\n      <LastPublishedWidgetContent />\n    </Widget.Root>\n  );\n};\n\nexport { LastEditedWidget, LastPublishedWidget };\n"],"names":["CellTypography","styled","Typography","attrs","maxWidth","display","DocumentStatus","status","statusVariant","formatMessage","useIntl","_jsx","Status","variant","size","tag","fontWeight","id","defaultMessage","capitalise","RecentDocumentsTable","documents","trackUsage","useTracking","navigate","useNavigate","getEditViewLink","document","isSingleType","kind","kindPath","queryParams","locale","contentTypeUid","documentId","handleRowClick","link","Table","colCount","rowCount","length","Tbody","map","_jsxs","Tr","onClick","cursor","Td","title","textColor","contentTypeDisplayName","Box","aria-hidden","RelativeTime","timestamp","Date","updatedAt","e","stopPropagation","IconButton","Link","to","label","Pencil","LastEditedWidgetContent","data","isLoading","error","useGetRecentDocumentsQuery","action","Widget","Loading","Error","NoData","LastEditedWidget","Root","icon","LastPublishedWidgetContent","LastPublishedWidget","CheckCircle"],"mappings":"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"}
+{"version":3,"file":"ContentManagerWidgets.mjs","sources":["../../../../../../../admin/src/pages/Home/components/ContentManagerWidgets.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, Status, Table, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { Link, useNavigate } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { RelativeTime } from '../../../components/RelativeTime';\nimport { Widget } from '../../../components/WidgetHelpers';\nimport { useTracking } from '../../../features/Tracking';\nimport { useGetRecentDocumentsQuery } from '../../../services/homepage';\nimport { capitalise } from '../../../utils/strings';\n\nimport type { RecentDocument } from '../../../../../shared/contracts/homepage';\n\nconst CellTypography = styled(Typography).attrs({ maxWidth: '14.4rem', display: 'block' })`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n\ninterface DocumentStatusProps {\n  status: RecentDocument['status'];\n}\n\nconst DocumentStatus = ({ status = 'draft' }: DocumentStatusProps) => {\n  const statusVariant =\n    status === 'draft' ? 'secondary' : status === 'published' ? 'success' : 'alternative';\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Status variant={statusVariant} size=\"XS\">\n      <Typography tag=\"span\" variant=\"omega\" fontWeight=\"bold\">\n        {formatMessage({\n          id: `content-manager.containers.List.${status}`,\n          defaultMessage: capitalise(status),\n        })}\n      </Typography>\n    </Status>\n  );\n};\n\nconst RecentDocumentsTable = ({ documents }: { documents: RecentDocument[] }) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const navigate = useNavigate();\n\n  const getEditViewLink = (document: RecentDocument): string => {\n    const isSingleType = document.kind === 'singleType';\n    const kindPath = isSingleType ? 'single-types' : 'collection-types';\n    const queryParams = document.locale ? `?plugins[i18n][locale]=${document.locale}` : '';\n\n    return `/content-manager/${kindPath}/${document.contentTypeUid}${isSingleType ? '' : '/' + document.documentId}${queryParams}`;\n  };\n\n  const handleRowClick = (document: RecentDocument) => () => {\n    trackUsage('willEditEntryFromHome');\n    const link = getEditViewLink(document);\n    navigate(link);\n  };\n\n  return (\n    <Table colCount={5} rowCount={documents?.length ?? 0}>\n      <Tbody>\n        {documents?.map((document) => (\n          <Tr onClick={handleRowClick(document)} cursor=\"pointer\" key={document.documentId}>\n            <Td>\n              <CellTypography title={document.title} variant=\"omega\" textColor=\"neutral800\">\n                {document.title}\n              </CellTypography>\n            </Td>\n            <Td>\n              <CellTypography variant=\"omega\" textColor=\"neutral600\">\n                {document.kind === 'singleType'\n                  ? formatMessage({\n                      id: 'content-manager.widget.last-edited.single-type',\n                      defaultMessage: 'Single-Type',\n                    })\n                  : formatMessage({\n                      id: document.contentTypeDisplayName,\n                      defaultMessage: document.contentTypeDisplayName,\n                    })}\n              </CellTypography>\n            </Td>\n            <Td>\n              <Box display=\"inline-block\">\n                {document.status ? (\n                  <DocumentStatus status={document.status} />\n                ) : (\n                  <Typography textColor=\"neutral600\" aria-hidden>\n                    -\n                  </Typography>\n                )}\n              </Box>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral600\">\n                <RelativeTime timestamp={new Date(document.updatedAt)} />\n              </Typography>\n            </Td>\n            <Td onClick={(e) => e.stopPropagation()}>\n              <Box display=\"inline-block\">\n                <IconButton\n                  tag={Link}\n                  to={getEditViewLink(document)}\n                  onClick={() => trackUsage('willEditEntryFromHome')}\n                  label={formatMessage({\n                    id: 'content-manager.actions.edit.label',\n                    defaultMessage: 'Edit',\n                  })}\n                  variant=\"ghost\"\n                >\n                  <Pencil />\n                </IconButton>\n              </Box>\n            </Td>\n          </Tr>\n        ))}\n      </Tbody>\n    </Table>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastEditedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastEditedWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'update' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-edited.no-data',\n          defaultMessage: 'No edited entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * LastPublishedWidget\n * -----------------------------------------------------------------------------------------------*/\n\nconst LastPublishedWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data, isLoading, error } = useGetRecentDocumentsQuery({ action: 'publish' });\n\n  if (isLoading) {\n    return <Widget.Loading />;\n  }\n\n  if (error || !data) {\n    return <Widget.Error />;\n  }\n\n  if (data.length === 0) {\n    return (\n      <Widget.NoData>\n        {formatMessage({\n          id: 'content-manager.widget.last-published.no-data',\n          defaultMessage: 'No published entries',\n        })}\n      </Widget.NoData>\n    );\n  }\n\n  return <RecentDocumentsTable documents={data} />;\n};\n\nexport { LastEditedWidget, LastPublishedWidget };\n"],"names":["CellTypography","styled","Typography","attrs","maxWidth","display","DocumentStatus","status","statusVariant","formatMessage","useIntl","_jsx","Status","variant","size","tag","fontWeight","id","defaultMessage","capitalise","RecentDocumentsTable","documents","trackUsage","useTracking","navigate","useNavigate","getEditViewLink","document","isSingleType","kind","kindPath","queryParams","locale","contentTypeUid","documentId","handleRowClick","link","Table","colCount","rowCount","length","Tbody","map","_jsxs","Tr","onClick","cursor","Td","title","textColor","contentTypeDisplayName","Box","aria-hidden","RelativeTime","timestamp","Date","updatedAt","e","stopPropagation","IconButton","Link","to","label","Pencil","LastEditedWidget","data","isLoading","error","useGetRecentDocumentsQuery","action","Widget","Loading","Error","NoData","LastPublishedWidget"],"mappings":"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"}

package/dist/admin/admin/src/services/homepage.js

@@ -2,8 +2,9 @@
 
 var api = require('./api.js');
 
-const homepageService = api.adminApi.enhanceEndpoints({
-    // TODO: remove when the CM widgets are moved to the CM package, the type already exists there
+/**
+ * TODO: Remove this service when the future flag for the widget api is removed
+ */ const homepageService = api.adminApi.enhanceEndpoints({
     addTagTypes: [
         'RecentDocumentList'
     ]

package/dist/admin/admin/src/services/homepage.js.map

@@ -1 +1 @@
-{"version":3,"file":"homepage.js","sources":["../../../../../admin/src/services/homepage.ts"],"sourcesContent":["import * as Homepage from '../../../shared/contracts/homepage';\n\nimport { adminApi } from './api';\n\nconst homepageService = adminApi\n  .enhanceEndpoints({\n    // TODO: remove when the CM widgets are moved to the CM package, the type already exists there\n    addTagTypes: ['RecentDocumentList'],\n  })\n  .injectEndpoints({\n    endpoints: (builder) => ({\n      getRecentDocuments: builder.query<\n        Homepage.GetRecentDocuments.Response['data'],\n        Homepage.GetRecentDocuments.Request['query']\n      >({\n        query: (params) => `/admin/homepage/recent-documents?action=${params.action}`,\n        transformResponse: (response: Homepage.GetRecentDocuments.Response) => response.data,\n        providesTags: (res, _err, { action }) => [\n          { type: 'RecentDocumentList' as const, id: action },\n        ],\n      }),\n    }),\n  });\n\nconst { useGetRecentDocumentsQuery } = homepageService;\n\nexport { useGetRecentDocumentsQuery };\n"],"names":["homepageService","adminApi","enhanceEndpoints","addTagTypes","injectEndpoints","endpoints","builder","getRecentDocuments","query","params","action","transformResponse","response","data","providesTags","res","_err","type","id","useGetRecentDocumentsQuery"],"mappings":";;;;AAIA,MAAMA,eAAAA,GAAkBC,YACrBC,CAAAA,gBAAgB,CAAC;;IAEhBC,WAAa,EAAA;AAAC,QAAA;AAAqB;AACrC,CAAA,CAAA,CACCC,eAAe,CAAC;IACfC,SAAW,EAAA,CAACC,WAAa;YACvBC,kBAAoBD,EAAAA,OAAAA,CAAQE,KAAK,CAG/B;gBACAA,KAAO,EAAA,CAACC,SAAW,CAAC,wCAAwC,EAAEA,MAAOC,CAAAA,MAAM,CAAC,CAAC;gBAC7EC,iBAAmB,EAAA,CAACC,QAAmDA,GAAAA,QAAAA,CAASC,IAAI;AACpFC,gBAAAA,YAAAA,EAAc,CAACC,GAAKC,EAAAA,IAAAA,EAAM,EAAEN,MAAM,EAAE,GAAK;AACvC,wBAAA;4BAAEO,IAAM,EAAA,oBAAA;4BAA+BC,EAAIR,EAAAA;AAAO;AACnD;AACH,aAAA;SACF;AACF,CAAA,CAAA;AAEI,MAAA,EAAES,0BAA0B,EAAE,GAAGnB;;;;"}
+{"version":3,"file":"homepage.js","sources":["../../../../../admin/src/services/homepage.ts"],"sourcesContent":["import * as Homepage from '../../../shared/contracts/homepage';\n\nimport { adminApi } from './api';\n\n/**\n * TODO: Remove this service when the future flag for the widget api is removed\n */\nconst homepageService = adminApi\n  .enhanceEndpoints({\n    addTagTypes: ['RecentDocumentList'],\n  })\n  .injectEndpoints({\n    endpoints: (builder) => ({\n      getRecentDocuments: builder.query<\n        Homepage.GetRecentDocuments.Response['data'],\n        Homepage.GetRecentDocuments.Request['query']\n      >({\n        query: (params) => `/admin/homepage/recent-documents?action=${params.action}`,\n        transformResponse: (response: Homepage.GetRecentDocuments.Response) => response.data,\n        providesTags: (res, _err, { action }) => [\n          { type: 'RecentDocumentList' as const, id: action },\n        ],\n      }),\n    }),\n  });\n\nconst { useGetRecentDocumentsQuery } = homepageService;\n\nexport { useGetRecentDocumentsQuery };\n"],"names":["homepageService","adminApi","enhanceEndpoints","addTagTypes","injectEndpoints","endpoints","builder","getRecentDocuments","query","params","action","transformResponse","response","data","providesTags","res","_err","type","id","useGetRecentDocumentsQuery"],"mappings":";;;;AAIA;;AAEC,IACD,MAAMA,eAAAA,GAAkBC,YACrBC,CAAAA,gBAAgB,CAAC;IAChBC,WAAa,EAAA;AAAC,QAAA;AAAqB;AACrC,CAAA,CAAA,CACCC,eAAe,CAAC;IACfC,SAAW,EAAA,CAACC,WAAa;YACvBC,kBAAoBD,EAAAA,OAAAA,CAAQE,KAAK,CAG/B;gBACAA,KAAO,EAAA,CAACC,SAAW,CAAC,wCAAwC,EAAEA,MAAOC,CAAAA,MAAM,CAAC,CAAC;gBAC7EC,iBAAmB,EAAA,CAACC,QAAmDA,GAAAA,QAAAA,CAASC,IAAI;AACpFC,gBAAAA,YAAAA,EAAc,CAACC,GAAKC,EAAAA,IAAAA,EAAM,EAAEN,MAAM,EAAE,GAAK;AACvC,wBAAA;4BAAEO,IAAM,EAAA,oBAAA;4BAA+BC,EAAIR,EAAAA;AAAO;AACnD;AACH,aAAA;SACF;AACF,CAAA,CAAA;AAEI,MAAA,EAAES,0BAA0B,EAAE,GAAGnB;;;;"}

package/dist/admin/admin/src/services/homepage.mjs

@@ -1,7 +1,8 @@
 import { adminApi } from './api.mjs';
 
-const homepageService = adminApi.enhanceEndpoints({
-    // TODO: remove when the CM widgets are moved to the CM package, the type already exists there
+/**
+ * TODO: Remove this service when the future flag for the widget api is removed
+ */ const homepageService = adminApi.enhanceEndpoints({
     addTagTypes: [
         'RecentDocumentList'
     ]

package/dist/admin/admin/src/services/homepage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"homepage.mjs","sources":["../../../../../admin/src/services/homepage.ts"],"sourcesContent":["import * as Homepage from '../../../shared/contracts/homepage';\n\nimport { adminApi } from './api';\n\nconst homepageService = adminApi\n  .enhanceEndpoints({\n    // TODO: remove when the CM widgets are moved to the CM package, the type already exists there\n    addTagTypes: ['RecentDocumentList'],\n  })\n  .injectEndpoints({\n    endpoints: (builder) => ({\n      getRecentDocuments: builder.query<\n        Homepage.GetRecentDocuments.Response['data'],\n        Homepage.GetRecentDocuments.Request['query']\n      >({\n        query: (params) => `/admin/homepage/recent-documents?action=${params.action}`,\n        transformResponse: (response: Homepage.GetRecentDocuments.Response) => response.data,\n        providesTags: (res, _err, { action }) => [\n          { type: 'RecentDocumentList' as const, id: action },\n        ],\n      }),\n    }),\n  });\n\nconst { useGetRecentDocumentsQuery } = homepageService;\n\nexport { useGetRecentDocumentsQuery };\n"],"names":["homepageService","adminApi","enhanceEndpoints","addTagTypes","injectEndpoints","endpoints","builder","getRecentDocuments","query","params","action","transformResponse","response","data","providesTags","res","_err","type","id","useGetRecentDocumentsQuery"],"mappings":";;AAIA,MAAMA,eAAAA,GAAkBC,QACrBC,CAAAA,gBAAgB,CAAC;;IAEhBC,WAAa,EAAA;AAAC,QAAA;AAAqB;AACrC,CAAA,CAAA,CACCC,eAAe,CAAC;IACfC,SAAW,EAAA,CAACC,WAAa;YACvBC,kBAAoBD,EAAAA,OAAAA,CAAQE,KAAK,CAG/B;gBACAA,KAAO,EAAA,CAACC,SAAW,CAAC,wCAAwC,EAAEA,MAAOC,CAAAA,MAAM,CAAC,CAAC;gBAC7EC,iBAAmB,EAAA,CAACC,QAAmDA,GAAAA,QAAAA,CAASC,IAAI;AACpFC,gBAAAA,YAAAA,EAAc,CAACC,GAAKC,EAAAA,IAAAA,EAAM,EAAEN,MAAM,EAAE,GAAK;AACvC,wBAAA;4BAAEO,IAAM,EAAA,oBAAA;4BAA+BC,EAAIR,EAAAA;AAAO;AACnD;AACH,aAAA;SACF;AACF,CAAA,CAAA;AAEI,MAAA,EAAES,0BAA0B,EAAE,GAAGnB;;;;"}
+{"version":3,"file":"homepage.mjs","sources":["../../../../../admin/src/services/homepage.ts"],"sourcesContent":["import * as Homepage from '../../../shared/contracts/homepage';\n\nimport { adminApi } from './api';\n\n/**\n * TODO: Remove this service when the future flag for the widget api is removed\n */\nconst homepageService = adminApi\n  .enhanceEndpoints({\n    addTagTypes: ['RecentDocumentList'],\n  })\n  .injectEndpoints({\n    endpoints: (builder) => ({\n      getRecentDocuments: builder.query<\n        Homepage.GetRecentDocuments.Response['data'],\n        Homepage.GetRecentDocuments.Request['query']\n      >({\n        query: (params) => `/admin/homepage/recent-documents?action=${params.action}`,\n        transformResponse: (response: Homepage.GetRecentDocuments.Response) => response.data,\n        providesTags: (res, _err, { action }) => [\n          { type: 'RecentDocumentList' as const, id: action },\n        ],\n      }),\n    }),\n  });\n\nconst { useGetRecentDocumentsQuery } = homepageService;\n\nexport { useGetRecentDocumentsQuery };\n"],"names":["homepageService","adminApi","enhanceEndpoints","addTagTypes","injectEndpoints","endpoints","builder","getRecentDocuments","query","params","action","transformResponse","response","data","providesTags","res","_err","type","id","useGetRecentDocumentsQuery"],"mappings":";;AAIA;;AAEC,IACD,MAAMA,eAAAA,GAAkBC,QACrBC,CAAAA,gBAAgB,CAAC;IAChBC,WAAa,EAAA;AAAC,QAAA;AAAqB;AACrC,CAAA,CAAA,CACCC,eAAe,CAAC;IACfC,SAAW,EAAA,CAACC,WAAa;YACvBC,kBAAoBD,EAAAA,OAAAA,CAAQE,KAAK,CAG/B;gBACAA,KAAO,EAAA,CAACC,SAAW,CAAC,wCAAwC,EAAEA,MAAOC,CAAAA,MAAM,CAAC,CAAC;gBAC7EC,iBAAmB,EAAA,CAACC,QAAmDA,GAAAA,QAAAA,CAASC,IAAI;AACpFC,gBAAAA,YAAAA,EAAc,CAACC,GAAKC,EAAAA,IAAAA,EAAM,EAAEN,MAAM,EAAE,GAAK;AACvC,wBAAA;4BAAEO,IAAM,EAAA,oBAAA;4BAA+BC,EAAIR,EAAAA;AAAO;AACnD;AACH,aAAA;SACF;AACF,CAAA,CAAA;AAEI,MAAA,EAAES,0BAA0B,EAAE,GAAGnB;;;;"}

package/dist/admin/admin/src/translations/en.json.js

@@ -89,6 +89,7 @@ var en = {
     "HomePage.widget.loading": "Loading widget content",
     "HomePage.widget.error": "Couldn't load widget content.",
     "HomePage.widget.no-data": "No content found.",
+    "HomePage.widget.no-permissions": "You don’t have the permission to see this widget",
     "Media Library": "Media Library",
     "New entry": "New entry",
     Password: Password,

package/dist/admin/admin/src/translations/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/admin/src/translations/en.json.mjs

@@ -85,6 +85,7 @@ var en = {
     "HomePage.widget.loading": "Loading widget content",
     "HomePage.widget.error": "Couldn't load widget content.",
     "HomePage.widget.no-data": "No content found.",
+    "HomePage.widget.no-permissions": "You don’t have the permission to see this widget",
     "Media Library": "Media Library",
     "New entry": "New entry",
     Password: Password,