@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/admin/src/components/MainNav/MainNavLinks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavLinks.mjs","sources":["../../../../../../admin/src/components/MainNav/MainNavLinks.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Lightning } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { type To } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { useIsDesktop } from '../../hooks/useMediaQuery';\nimport { MenuItem } from '../../hooks/useMenu';\nimport { tours } from '../GuidedTour/Tours';\n\nimport { NavLink } from './NavLink';\n\nconst NavLinkBadgeLock = styled(NavLink.Badge)`\n  background-color: transparent;\n`;\n\nconst NavLinkBadgeCounter = styled(NavLink.Badge)`\n  span {\n    color: ${({ theme }) => theme.colors.neutral0};\n  }\n`;\n\n/**\n * Will attach a guided tour tooltip to the right links. (mostly used for the finish step to indicate the next tour)\n * @param to: The target link\n * @param children: The original link to be wrapped in a guided tour tooltip\n * @returns The link wrapped in a guided tour tooltip or the original link if no guided tour needs to be attached\n */\nconst GuidedTourTooltip = ({ to, children }: { to: To; children: React.ReactNode }) => {\n  const normalizedTo = to.toString().replace(/\\//g, '');\n\n  switch (normalizedTo) {\n    // We attach the final step of the content type builder tour on content manager link because it's the next tour (Content Type Builder -> Content Manager).\n    case 'content-manager':\n      return <tours.contentTypeBuilder.Finish>{children}</tours.contentTypeBuilder.Finish>;\n    // We attach the final step of the api tokens tour on the home link because it was the last tour (API Tokens -> Go back to homepage).\n    case '':\n      return <tours.apiTokens.Finish>{children}</tours.apiTokens.Finish>;\n    // We attach the final step of the content manager tour on the settings link because it's the next tour (Content Manager -> API tokens).\n    case 'settings':\n      return <tours.contentManager.Finish>{children}</tours.contentManager.Finish>;\n    // If the link doesn't match any of the above, we return the original link.\n    default:\n      return children;\n  }\n};\n\nconst MainNavIcons = ({\n  listLinks,\n  mobileLinks,\n  handleClickOnLink,\n}: {\n  listLinks: MenuItem[];\n  mobileLinks: MenuItem[];\n  handleClickOnLink: (value: string) => void;\n}) => {\n  const { formatMessage } = useIntl();\n  const isDesktop = useIsDesktop();\n\n  return listLinks.length > 0\n    ? listLinks.map((link) => {\n        const LinkIcon = link.icon;\n        const badgeContentLock = link?.licenseOnly ? <Lightning fill=\"primary600\" /> : undefined;\n\n        const badgeContentNumeric =\n          link.notificationsCount && link.notificationsCount > 0\n            ? link.notificationsCount.toString()\n            : undefined;\n\n        const labelValue = formatMessage(link.intlLabel);\n        const linkMobile = mobileLinks.find((mobileLink) => mobileLink.to === link.to);\n\n        const LinkElement = () => (\n          <NavLink.NavButton\n            to={link.to}\n            target={link.target}\n            onClick={() => handleClickOnLink(link.to)}\n            aria-label={labelValue}\n          >\n            <NavLink.Icon label={labelValue}>\n              <LinkIcon width=\"20\" height=\"20\" fill=\"neutral500\" />\n            </NavLink.Icon>\n            {badgeContentLock ? (\n              <NavLinkBadgeLock\n                label=\"locked\"\n                textColor=\"neutral500\"\n                paddingLeft={0}\n                paddingRight={0}\n              >\n                {badgeContentLock}\n              </NavLinkBadgeLock>\n            ) : badgeContentNumeric ? (\n              <NavLinkBadgeCounter\n                label={badgeContentNumeric}\n                backgroundColor=\"primary600\"\n                width=\"2.3rem\"\n                color=\"neutral0\"\n              >\n                {badgeContentNumeric}\n              </NavLinkBadgeCounter>\n            ) : null}\n          </NavLink.NavButton>\n        );\n\n        return isDesktop || (!isDesktop && linkMobile) ? (\n          <Flex tag=\"li\" key={link.to}>\n            <GuidedTourTooltip to={link.to}>\n              <NavLink.Tooltip position={isDesktop ? 'right' : 'bottom'} label={labelValue}>\n                <LinkElement />\n              </NavLink.Tooltip>\n            </GuidedTourTooltip>\n          </Flex>\n        ) : null;\n      })\n    : null;\n};\n\nconst IconContainer = styled(Box)`\n  svg {\n    display: block;\n  }\n`;\n\nconst MainNavBurgerMenuLinks = ({\n  listLinks,\n  handleClickOnLink,\n}: {\n  listLinks: MenuItem[];\n  handleClickOnLink: (value: string) => void;\n}) => {\n  const { formatMessage } = useIntl();\n\n  return listLinks.length > 0\n    ? listLinks.map((link) => {\n        const LinkIcon = link.icon;\n        const badgeContentLock = link?.licenseOnly ? <Lightning fill=\"primary600\" /> : undefined;\n\n        const badgeContentNumeric =\n          link.notificationsCount && link.notificationsCount > 0\n            ? link.notificationsCount.toString()\n            : undefined;\n\n        const labelValue = formatMessage(link.intlLabel);\n        const navigationTarget = link.navigationLink || link.to;\n\n        return (\n          <Flex alignItems=\"center\" tag=\"li\" key={navigationTarget}>\n            <NavLink.Link\n              to={navigationTarget}\n              onClick={() => handleClickOnLink(navigationTarget)}\n              aria-label={labelValue}\n            >\n              <Flex alignItems=\"center\" gap={3}>\n                <IconContainer>\n                  <LinkIcon width=\"20\" height=\"20\" fill=\"neutral500\" />\n                </IconContainer>\n                <Typography>{labelValue}</Typography>\n                {badgeContentLock ? (\n                  <NavLinkBadgeLock\n                    label=\"locked\"\n                    textColor=\"neutral500\"\n                    paddingLeft={0}\n                    paddingRight={0}\n                  >\n                    {badgeContentLock}\n                  </NavLinkBadgeLock>\n                ) : badgeContentNumeric ? (\n                  <NavLinkBadgeCounter\n                    label={badgeContentNumeric}\n                    backgroundColor=\"primary600\"\n                    width=\"2.3rem\"\n                    color=\"neutral0\"\n                  >\n                    {badgeContentNumeric}\n                  </NavLinkBadgeCounter>\n                ) : null}\n              </Flex>\n            </NavLink.Link>\n          </Flex>\n        );\n      })\n    : null;\n};\n\nexport { MainNavIcons, MainNavBurgerMenuLinks };\n"],"names":["NavLinkBadgeLock","styled","NavLink","Badge","NavLinkBadgeCounter","theme","colors","neutral0","GuidedTourTooltip","to","children","normalizedTo","toString","replace","_jsx","tours","contentTypeBuilder","Finish","apiTokens","contentManager","MainNavIcons","listLinks","mobileLinks","handleClickOnLink","formatMessage","useIntl","isDesktop","useIsDesktop","length","map","link","LinkIcon","icon","badgeContentLock","licenseOnly","Lightning","fill","undefined","badgeContentNumeric","notificationsCount","labelValue","intlLabel","linkMobile","find","mobileLink","LinkElement","_jsxs","NavButton","target","onClick","aria-label","Icon","label","width","height","textColor","paddingLeft","paddingRight","backgroundColor","color","Flex","tag","Tooltip","position","IconContainer","Box","MainNavBurgerMenuLinks","navigationTarget","navigationLink","alignItems","Link","gap","Typography"],"mappings":"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"}

package/dist/admin/admin/src/components/MainNav/NavBrand.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var styled = require('styled-components');
+var Configuration = require('../../features/Configuration.js');
+
+const BrandIconWrapper = styled.styled(designSystem.Flex)`
+  svg,
+  img {
+    border-radius: ${({ theme })=>theme.borderRadius};
+    object-fit: contain;
+    height: 2.4rem;
+    width: 2.4rem;
+  }
+`;
+const NavBrand = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { logos: { menu } } = Configuration.useConfiguration('LeftMenu');
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        alignItems: "center",
+        padding: 3,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+            padding: {
+                initial: 1,
+                medium: 0
+            },
+            children: /*#__PURE__*/ jsxRuntime.jsxs(BrandIconWrapper, {
+                direction: "column",
+                justifyContent: "center",
+                width: "3.2rem",
+                height: "3.2rem",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("img", {
+                        src: menu.custom?.url || menu.default,
+                        alt: formatMessage({
+                            id: 'app.components.LeftMenu.logo.alt',
+                            defaultMessage: 'Application logo'
+                        }),
+                        width: "100%",
+                        height: "100%"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.VisuallyHidden, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                children: formatMessage({
+                                    id: 'app.components.LeftMenu.navbrand.title',
+                                    defaultMessage: 'Strapi Dashboard'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                children: formatMessage({
+                                    id: 'app.components.LeftMenu.navbrand.workplace',
+                                    defaultMessage: 'Workplace'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+exports.NavBrand = NavBrand;
+//# sourceMappingURL=NavBrand.js.map

package/dist/admin/admin/src/components/MainNav/NavBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBrand.js","sources":["../../../../../../admin/src/components/MainNav/NavBrand.tsx"],"sourcesContent":["import { Box, Flex, type FlexComponent, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useConfiguration } from '../../features/Configuration';\n\nconst BrandIconWrapper = styled<FlexComponent>(Flex)`\n  svg,\n  img {\n    border-radius: ${({ theme }) => theme.borderRadius};\n    object-fit: contain;\n    height: 2.4rem;\n    width: 2.4rem;\n  }\n`;\n\nexport const NavBrand = () => {\n  const { formatMessage } = useIntl();\n  const {\n    logos: { menu },\n  } = useConfiguration('LeftMenu');\n  return (\n    <Flex alignItems=\"center\" padding={3}>\n      <Box padding={{ initial: 1, medium: 0 }}>\n        <BrandIconWrapper direction=\"column\" justifyContent=\"center\" width=\"3.2rem\" height=\"3.2rem\">\n          <img\n            src={menu.custom?.url || menu.default}\n            alt={formatMessage({\n              id: 'app.components.LeftMenu.logo.alt',\n              defaultMessage: 'Application logo',\n            })}\n            width=\"100%\"\n            height=\"100%\"\n          />\n          <VisuallyHidden>\n            <span>\n              {formatMessage({\n                id: 'app.components.LeftMenu.navbrand.title',\n                defaultMessage: 'Strapi Dashboard',\n              })}\n            </span>\n            <span>\n              {formatMessage({\n                id: 'app.components.LeftMenu.navbrand.workplace',\n                defaultMessage: 'Workplace',\n              })}\n            </span>\n          </VisuallyHidden>\n        </BrandIconWrapper>\n      </Box>\n    </Flex>\n  );\n};\n"],"names":["BrandIconWrapper","styled","Flex","theme","borderRadius","NavBrand","formatMessage","useIntl","logos","menu","useConfiguration","_jsx","alignItems","padding","Box","initial","medium","_jsxs","direction","justifyContent","width","height","img","src","custom","url","default","alt","id","defaultMessage","VisuallyHidden","span"],"mappings":";;;;;;;;AAMA,MAAMA,gBAAAA,GAAmBC,aAAAA,CAAsBC,iBAAAA,CAAK;;;AAGjC,mBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,YAAY,CAAC;;;;;AAKvD,CAAC;MAEYC,QAAAA,GAAW,IAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EACJC,KAAAA,EAAO,EAAEC,IAAI,EAAE,EAChB,GAAGC,8BAAAA,CAAiB,UAAA,CAAA;AACrB,IAAA,qBACEC,cAAA,CAACT,iBAAAA,EAAAA;QAAKU,UAAAA,EAAW,QAAA;QAASC,OAAAA,EAAS,CAAA;AACjC,QAAA,QAAA,gBAAAF,cAAA,CAACG,gBAAAA,EAAAA;YAAID,OAAAA,EAAS;gBAAEE,OAAAA,EAAS,CAAA;gBAAGC,MAAAA,EAAQ;AAAE,aAAA;AACpC,YAAA,QAAA,gBAAAC,eAAA,CAACjB,gBAAAA,EAAAA;gBAAiBkB,SAAAA,EAAU,QAAA;gBAASC,cAAAA,EAAe,QAAA;gBAASC,KAAAA,EAAM,QAAA;gBAASC,MAAAA,EAAO,QAAA;;kCACjFV,cAAA,CAACW,KAAAA,EAAAA;AACCC,wBAAAA,GAAAA,EAAKd,IAAAA,CAAKe,MAAM,EAAEC,GAAAA,IAAOhB,KAAKiB,OAAO;AACrCC,wBAAAA,GAAAA,EAAKrB,aAAAA,CAAc;4BACjBsB,EAAAA,EAAI,kCAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACAT,KAAAA,EAAM,MAAA;wBACNC,MAAAA,EAAO;;kCAETJ,eAAA,CAACa,2BAAAA,EAAAA;;0CACCnB,cAAA,CAACoB,MAAAA,EAAAA;0CACEzB,aAAAA,CAAc;oCACbsB,EAAAA,EAAI,wCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFlB,cAAA,CAACoB,MAAAA,EAAAA;0CACEzB,aAAAA,CAAc;oCACbsB,EAAAA,EAAI,4CAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;;;;;AAOd;;;;"}

package/dist/admin/admin/src/components/MainNav/NavBrand.mjs

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Flex, Box, VisuallyHidden } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { useConfiguration } from '../../features/Configuration.mjs';
+
+const BrandIconWrapper = styled(Flex)`
+  svg,
+  img {
+    border-radius: ${({ theme })=>theme.borderRadius};
+    object-fit: contain;
+    height: 2.4rem;
+    width: 2.4rem;
+  }
+`;
+const NavBrand = ()=>{
+    const { formatMessage } = useIntl();
+    const { logos: { menu } } = useConfiguration('LeftMenu');
+    return /*#__PURE__*/ jsx(Flex, {
+        alignItems: "center",
+        padding: 3,
+        children: /*#__PURE__*/ jsx(Box, {
+            padding: {
+                initial: 1,
+                medium: 0
+            },
+            children: /*#__PURE__*/ jsxs(BrandIconWrapper, {
+                direction: "column",
+                justifyContent: "center",
+                width: "3.2rem",
+                height: "3.2rem",
+                children: [
+                    /*#__PURE__*/ jsx("img", {
+                        src: menu.custom?.url || menu.default,
+                        alt: formatMessage({
+                            id: 'app.components.LeftMenu.logo.alt',
+                            defaultMessage: 'Application logo'
+                        }),
+                        width: "100%",
+                        height: "100%"
+                    }),
+                    /*#__PURE__*/ jsxs(VisuallyHidden, {
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: formatMessage({
+                                    id: 'app.components.LeftMenu.navbrand.title',
+                                    defaultMessage: 'Strapi Dashboard'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                children: formatMessage({
+                                    id: 'app.components.LeftMenu.navbrand.workplace',
+                                    defaultMessage: 'Workplace'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { NavBrand };
+//# sourceMappingURL=NavBrand.mjs.map

package/dist/admin/admin/src/components/MainNav/NavBrand.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBrand.mjs","sources":["../../../../../../admin/src/components/MainNav/NavBrand.tsx"],"sourcesContent":["import { Box, Flex, type FlexComponent, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useConfiguration } from '../../features/Configuration';\n\nconst BrandIconWrapper = styled<FlexComponent>(Flex)`\n  svg,\n  img {\n    border-radius: ${({ theme }) => theme.borderRadius};\n    object-fit: contain;\n    height: 2.4rem;\n    width: 2.4rem;\n  }\n`;\n\nexport const NavBrand = () => {\n  const { formatMessage } = useIntl();\n  const {\n    logos: { menu },\n  } = useConfiguration('LeftMenu');\n  return (\n    <Flex alignItems=\"center\" padding={3}>\n      <Box padding={{ initial: 1, medium: 0 }}>\n        <BrandIconWrapper direction=\"column\" justifyContent=\"center\" width=\"3.2rem\" height=\"3.2rem\">\n          <img\n            src={menu.custom?.url || menu.default}\n            alt={formatMessage({\n              id: 'app.components.LeftMenu.logo.alt',\n              defaultMessage: 'Application logo',\n            })}\n            width=\"100%\"\n            height=\"100%\"\n          />\n          <VisuallyHidden>\n            <span>\n              {formatMessage({\n                id: 'app.components.LeftMenu.navbrand.title',\n                defaultMessage: 'Strapi Dashboard',\n              })}\n            </span>\n            <span>\n              {formatMessage({\n                id: 'app.components.LeftMenu.navbrand.workplace',\n                defaultMessage: 'Workplace',\n              })}\n            </span>\n          </VisuallyHidden>\n        </BrandIconWrapper>\n      </Box>\n    </Flex>\n  );\n};\n"],"names":["BrandIconWrapper","styled","Flex","theme","borderRadius","NavBrand","formatMessage","useIntl","logos","menu","useConfiguration","_jsx","alignItems","padding","Box","initial","medium","_jsxs","direction","justifyContent","width","height","img","src","custom","url","default","alt","id","defaultMessage","VisuallyHidden","span"],"mappings":";;;;;;AAMA,MAAMA,gBAAAA,GAAmBC,MAAAA,CAAsBC,IAAAA,CAAK;;;AAGjC,mBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,YAAY,CAAC;;;;;AAKvD,CAAC;MAEYC,QAAAA,GAAW,IAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EACJC,KAAAA,EAAO,EAAEC,IAAI,EAAE,EAChB,GAAGC,gBAAAA,CAAiB,UAAA,CAAA;AACrB,IAAA,qBACEC,GAAA,CAACT,IAAAA,EAAAA;QAAKU,UAAAA,EAAW,QAAA;QAASC,OAAAA,EAAS,CAAA;AACjC,QAAA,QAAA,gBAAAF,GAAA,CAACG,GAAAA,EAAAA;YAAID,OAAAA,EAAS;gBAAEE,OAAAA,EAAS,CAAA;gBAAGC,MAAAA,EAAQ;AAAE,aAAA;AACpC,YAAA,QAAA,gBAAAC,IAAA,CAACjB,gBAAAA,EAAAA;gBAAiBkB,SAAAA,EAAU,QAAA;gBAASC,cAAAA,EAAe,QAAA;gBAASC,KAAAA,EAAM,QAAA;gBAASC,MAAAA,EAAO,QAAA;;kCACjFV,GAAA,CAACW,KAAAA,EAAAA;AACCC,wBAAAA,GAAAA,EAAKd,IAAAA,CAAKe,MAAM,EAAEC,GAAAA,IAAOhB,KAAKiB,OAAO;AACrCC,wBAAAA,GAAAA,EAAKrB,aAAAA,CAAc;4BACjBsB,EAAAA,EAAI,kCAAA;4BACJC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACAT,KAAAA,EAAM,MAAA;wBACNC,MAAAA,EAAO;;kCAETJ,IAAA,CAACa,cAAAA,EAAAA;;0CACCnB,GAAA,CAACoB,MAAAA,EAAAA;0CACEzB,aAAAA,CAAc;oCACbsB,EAAAA,EAAI,wCAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFlB,GAAA,CAACoB,MAAAA,EAAAA;0CACEzB,aAAAA,CAAc;oCACbsB,EAAAA,EAAI,4CAAA;oCACJC,cAAAA,EAAgB;AAClB,iCAAA;;;;;;;;AAOd;;;;"}

package/dist/admin/admin/src/components/MainNav/NavBurgerMenu.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var react = require('motion/react');
+var styled = require('styled-components');
+var theme = require('../../constants/theme.js');
+var MainNavLinks = require('./MainNavLinks.js');
+var NavUser = require('./NavUser.js');
+
+const MotionLayer = styled.styled(react.motion.div)`
+  position: fixed;
+  top: calc(${theme.HEIGHT_TOP_NAVIGATION} + 1px);
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+
+  ${({ theme })=>theme.breakpoints.large} {
+    display: none;
+  }
+`;
+const Surface = styled.styled(designSystem.Box)`
+  height: 100%;
+  background-color: ${({ theme })=>theme.colors.neutral0};
+`;
+const NavBurgerMenu = ({ isShown, handleClickOnLink, onClose, listLinks })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Portal, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(react.AnimatePresence, {
+            children: isShown && /*#__PURE__*/ jsxRuntime.jsx(designSystem.FocusTrap, {
+                onEscape: onClose,
+                children: /*#__PURE__*/ jsxRuntime.jsx(MotionLayer, {
+                    role: "dialog",
+                    "aria-modal": "true",
+                    initial: {
+                        y: '-100%'
+                    },
+                    animate: {
+                        y: 0
+                    },
+                    exit: {
+                        y: '-100%'
+                    },
+                    transition: {
+                        duration: 0.2,
+                        ease: 'easeInOut'
+                    },
+                    id: "burger-menu",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(Surface, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.ScrollArea, {
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                tag: "ul",
+                                direction: "column",
+                                alignItems: "stretch",
+                                width: "100%",
+                                paddingLeft: {
+                                    initial: 4,
+                                    medium: 6
+                                },
+                                paddingRight: {
+                                    initial: 4,
+                                    medium: 6
+                                },
+                                paddingTop: {
+                                    initial: 4,
+                                    medium: 3
+                                },
+                                paddingBottom: {
+                                    initial: 4,
+                                    medium: 6
+                                },
+                                gap: 3,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(MainNavLinks.MainNavBurgerMenuLinks, {
+                                        listLinks: listLinks,
+                                        handleClickOnLink: handleClickOnLink
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        tag: "li",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {})
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        paddingLeft: 2,
+                                        paddingRight: 2,
+                                        paddingTop: 1,
+                                        paddingBottom: 1,
+                                        tag: "li",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(NavUser.NavUser, {
+                                            showDisplayName: true
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    })
+                }, "burger")
+            })
+        })
+    });
+};
+
+exports.NavBurgerMenu = NavBurgerMenu;
+//# sourceMappingURL=NavBurgerMenu.js.map

package/dist/admin/admin/src/components/MainNav/NavBurgerMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBurgerMenu.js","sources":["../../../../../../admin/src/components/MainNav/NavBurgerMenu.tsx"],"sourcesContent":["import { Box, FocusTrap, Portal, ScrollArea, Flex, Divider } from '@strapi/design-system';\nimport { motion, AnimatePresence } from 'motion/react';\nimport { styled } from 'styled-components';\n\nimport { HEIGHT_TOP_NAVIGATION } from '../../constants/theme';\nimport { MenuItem } from '../../core/apis/router';\n\nimport { MainNavBurgerMenuLinks } from './MainNavLinks';\nimport { NavUser } from './NavUser';\n\ninterface NavBurgerMenuProps {\n  isShown: boolean;\n  listLinks: MenuItem[];\n  handleClickOnLink: (value: string) => void;\n  mobile?: boolean;\n  onClose: () => void;\n}\n\nconst MotionLayer = styled(motion.div)`\n  position: fixed;\n  top: calc(${HEIGHT_TOP_NAVIGATION} + 1px);\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    display: none;\n  }\n`;\n\nconst Surface = styled(Box)`\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n`;\n\nexport const NavBurgerMenu = ({\n  isShown,\n  handleClickOnLink,\n  onClose,\n  listLinks,\n}: NavBurgerMenuProps) => {\n  return (\n    <Portal>\n      <AnimatePresence>\n        {isShown && (\n          <FocusTrap onEscape={onClose}>\n            <MotionLayer\n              key=\"burger\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              initial={{ y: '-100%' }}\n              animate={{ y: 0 }}\n              exit={{ y: '-100%' }}\n              transition={{ duration: 0.2, ease: 'easeInOut' }}\n              id=\"burger-menu\"\n            >\n              <Surface>\n                <ScrollArea>\n                  <Flex\n                    tag=\"ul\"\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                    width=\"100%\"\n                    paddingLeft={{ initial: 4, medium: 6 }}\n                    paddingRight={{ initial: 4, medium: 6 }}\n                    paddingTop={{ initial: 4, medium: 3 }}\n                    paddingBottom={{ initial: 4, medium: 6 }}\n                    gap={3}\n                  >\n                    <MainNavBurgerMenuLinks\n                      listLinks={listLinks}\n                      handleClickOnLink={handleClickOnLink}\n                    />\n                    <Box tag=\"li\">\n                      <Divider />\n                    </Box>\n                    <Box paddingLeft={2} paddingRight={2} paddingTop={1} paddingBottom={1} tag=\"li\">\n                      <NavUser showDisplayName />\n                    </Box>\n                  </Flex>\n                </ScrollArea>\n              </Surface>\n            </MotionLayer>\n          </FocusTrap>\n        )}\n      </AnimatePresence>\n    </Portal>\n  );\n};\n"],"names":["MotionLayer","styled","motion","div","HEIGHT_TOP_NAVIGATION","theme","breakpoints","large","Surface","Box","colors","neutral0","NavBurgerMenu","isShown","handleClickOnLink","onClose","listLinks","_jsx","Portal","AnimatePresence","FocusTrap","onEscape","role","aria-modal","initial","y","animate","exit","transition","duration","ease","id","ScrollArea","_jsxs","Flex","tag","direction","alignItems","width","paddingLeft","medium","paddingRight","paddingTop","paddingBottom","gap","MainNavBurgerMenuLinks","Divider","NavUser","showDisplayName"],"mappings":";;;;;;;;;;AAkBA,MAAMA,WAAAA,GAAcC,aAAAA,CAAOC,YAAAA,CAAOC,GAAG,CAAC;;AAE1B,YAAA,EAAEC,2BAAAA,CAAsB;;;;;;EAMlC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,KAAK,CAAC;;;AAG3C,CAAC;AAED,MAAMC,OAAAA,GAAUP,aAAAA,CAAOQ,gBAAAA,CAAI;;oBAEP,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAACC,QAAQ,CAAC;AAC3D,CAAC;AAEM,MAAMC,aAAAA,GAAgB,CAAC,EAC5BC,OAAO,EACPC,iBAAiB,EACjBC,OAAO,EACPC,SAAS,EACU,GAAA;AACnB,IAAA,qBACEC,cAAA,CAACC,mBAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAD,cAAA,CAACE,qBAAAA,EAAAA;AACEN,YAAAA,QAAAA,EAAAA,OAAAA,kBACCI,cAAA,CAACG,sBAAAA,EAAAA;gBAAUC,QAAAA,EAAUN,OAAAA;AACnB,gBAAA,QAAA,gBAAAE,cAAA,CAACjB,WAAAA,EAAAA;oBAECsB,IAAAA,EAAK,QAAA;oBACLC,YAAAA,EAAW,MAAA;oBACXC,OAAAA,EAAS;wBAAEC,CAAAA,EAAG;AAAQ,qBAAA;oBACtBC,OAAAA,EAAS;wBAAED,CAAAA,EAAG;AAAE,qBAAA;oBAChBE,IAAAA,EAAM;wBAAEF,CAAAA,EAAG;AAAQ,qBAAA;oBACnBG,UAAAA,EAAY;wBAAEC,QAAAA,EAAU,GAAA;wBAAKC,IAAAA,EAAM;AAAY,qBAAA;oBAC/CC,EAAAA,EAAG,aAAA;AAEH,oBAAA,QAAA,gBAAAd,cAAA,CAACT,OAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAS,cAAA,CAACe,uBAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAC,eAAA,CAACC,iBAAAA,EAAAA;gCACCC,GAAAA,EAAI,IAAA;gCACJC,SAAAA,EAAU,QAAA;gCACVC,UAAAA,EAAW,SAAA;gCACXC,KAAAA,EAAM,MAAA;gCACNC,WAAAA,EAAa;oCAAEf,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACrCC,YAAAA,EAAc;oCAAEjB,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACtCE,UAAAA,EAAY;oCAAElB,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACpCG,aAAAA,EAAe;oCAAEnB,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACvCI,GAAAA,EAAK,CAAA;;kDAEL3B,cAAA,CAAC4B,mCAAAA,EAAAA;wCACC7B,SAAAA,EAAWA,SAAAA;wCACXF,iBAAAA,EAAmBA;;kDAErBG,cAAA,CAACR,gBAAAA,EAAAA;wCAAI0B,GAAAA,EAAI,IAAA;AACP,wCAAA,QAAA,gBAAAlB,cAAA,CAAC6B,oBAAAA,EAAAA,EAAAA;;kDAEH7B,cAAA,CAACR,gBAAAA,EAAAA;wCAAI8B,WAAAA,EAAa,CAAA;wCAAGE,YAAAA,EAAc,CAAA;wCAAGC,UAAAA,EAAY,CAAA;wCAAGC,aAAAA,EAAe,CAAA;wCAAGR,GAAAA,EAAI,IAAA;AACzE,wCAAA,QAAA,gBAAAlB,cAAA,CAAC8B,eAAAA,EAAAA;4CAAQC,eAAe,EAAA;;;;;;;AA9B5B,iBAAA,EAAA,QAAA;;;;AAyClB;;;;"}

package/dist/admin/admin/src/components/MainNav/NavBurgerMenu.mjs

@@ -0,0 +1,101 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Portal, FocusTrap, ScrollArea, Flex, Box, Divider } from '@strapi/design-system';
+import { AnimatePresence, motion } from 'motion/react';
+import { styled } from 'styled-components';
+import { HEIGHT_TOP_NAVIGATION } from '../../constants/theme.mjs';
+import { MainNavBurgerMenuLinks } from './MainNavLinks.mjs';
+import { NavUser } from './NavUser.mjs';
+
+const MotionLayer = styled(motion.div)`
+  position: fixed;
+  top: calc(${HEIGHT_TOP_NAVIGATION} + 1px);
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+
+  ${({ theme })=>theme.breakpoints.large} {
+    display: none;
+  }
+`;
+const Surface = styled(Box)`
+  height: 100%;
+  background-color: ${({ theme })=>theme.colors.neutral0};
+`;
+const NavBurgerMenu = ({ isShown, handleClickOnLink, onClose, listLinks })=>{
+    return /*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(AnimatePresence, {
+            children: isShown && /*#__PURE__*/ jsx(FocusTrap, {
+                onEscape: onClose,
+                children: /*#__PURE__*/ jsx(MotionLayer, {
+                    role: "dialog",
+                    "aria-modal": "true",
+                    initial: {
+                        y: '-100%'
+                    },
+                    animate: {
+                        y: 0
+                    },
+                    exit: {
+                        y: '-100%'
+                    },
+                    transition: {
+                        duration: 0.2,
+                        ease: 'easeInOut'
+                    },
+                    id: "burger-menu",
+                    children: /*#__PURE__*/ jsx(Surface, {
+                        children: /*#__PURE__*/ jsx(ScrollArea, {
+                            children: /*#__PURE__*/ jsxs(Flex, {
+                                tag: "ul",
+                                direction: "column",
+                                alignItems: "stretch",
+                                width: "100%",
+                                paddingLeft: {
+                                    initial: 4,
+                                    medium: 6
+                                },
+                                paddingRight: {
+                                    initial: 4,
+                                    medium: 6
+                                },
+                                paddingTop: {
+                                    initial: 4,
+                                    medium: 3
+                                },
+                                paddingBottom: {
+                                    initial: 4,
+                                    medium: 6
+                                },
+                                gap: 3,
+                                children: [
+                                    /*#__PURE__*/ jsx(MainNavBurgerMenuLinks, {
+                                        listLinks: listLinks,
+                                        handleClickOnLink: handleClickOnLink
+                                    }),
+                                    /*#__PURE__*/ jsx(Box, {
+                                        tag: "li",
+                                        children: /*#__PURE__*/ jsx(Divider, {})
+                                    }),
+                                    /*#__PURE__*/ jsx(Box, {
+                                        paddingLeft: 2,
+                                        paddingRight: 2,
+                                        paddingTop: 1,
+                                        paddingBottom: 1,
+                                        tag: "li",
+                                        children: /*#__PURE__*/ jsx(NavUser, {
+                                            showDisplayName: true
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    })
+                }, "burger")
+            })
+        })
+    });
+};
+
+export { NavBurgerMenu };
+//# sourceMappingURL=NavBurgerMenu.mjs.map

package/dist/admin/admin/src/components/MainNav/NavBurgerMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBurgerMenu.mjs","sources":["../../../../../../admin/src/components/MainNav/NavBurgerMenu.tsx"],"sourcesContent":["import { Box, FocusTrap, Portal, ScrollArea, Flex, Divider } from '@strapi/design-system';\nimport { motion, AnimatePresence } from 'motion/react';\nimport { styled } from 'styled-components';\n\nimport { HEIGHT_TOP_NAVIGATION } from '../../constants/theme';\nimport { MenuItem } from '../../core/apis/router';\n\nimport { MainNavBurgerMenuLinks } from './MainNavLinks';\nimport { NavUser } from './NavUser';\n\ninterface NavBurgerMenuProps {\n  isShown: boolean;\n  listLinks: MenuItem[];\n  handleClickOnLink: (value: string) => void;\n  mobile?: boolean;\n  onClose: () => void;\n}\n\nconst MotionLayer = styled(motion.div)`\n  position: fixed;\n  top: calc(${HEIGHT_TOP_NAVIGATION} + 1px);\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 3;\n\n  ${({ theme }) => theme.breakpoints.large} {\n    display: none;\n  }\n`;\n\nconst Surface = styled(Box)`\n  height: 100%;\n  background-color: ${({ theme }) => theme.colors.neutral0};\n`;\n\nexport const NavBurgerMenu = ({\n  isShown,\n  handleClickOnLink,\n  onClose,\n  listLinks,\n}: NavBurgerMenuProps) => {\n  return (\n    <Portal>\n      <AnimatePresence>\n        {isShown && (\n          <FocusTrap onEscape={onClose}>\n            <MotionLayer\n              key=\"burger\"\n              role=\"dialog\"\n              aria-modal=\"true\"\n              initial={{ y: '-100%' }}\n              animate={{ y: 0 }}\n              exit={{ y: '-100%' }}\n              transition={{ duration: 0.2, ease: 'easeInOut' }}\n              id=\"burger-menu\"\n            >\n              <Surface>\n                <ScrollArea>\n                  <Flex\n                    tag=\"ul\"\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                    width=\"100%\"\n                    paddingLeft={{ initial: 4, medium: 6 }}\n                    paddingRight={{ initial: 4, medium: 6 }}\n                    paddingTop={{ initial: 4, medium: 3 }}\n                    paddingBottom={{ initial: 4, medium: 6 }}\n                    gap={3}\n                  >\n                    <MainNavBurgerMenuLinks\n                      listLinks={listLinks}\n                      handleClickOnLink={handleClickOnLink}\n                    />\n                    <Box tag=\"li\">\n                      <Divider />\n                    </Box>\n                    <Box paddingLeft={2} paddingRight={2} paddingTop={1} paddingBottom={1} tag=\"li\">\n                      <NavUser showDisplayName />\n                    </Box>\n                  </Flex>\n                </ScrollArea>\n              </Surface>\n            </MotionLayer>\n          </FocusTrap>\n        )}\n      </AnimatePresence>\n    </Portal>\n  );\n};\n"],"names":["MotionLayer","styled","motion","div","HEIGHT_TOP_NAVIGATION","theme","breakpoints","large","Surface","Box","colors","neutral0","NavBurgerMenu","isShown","handleClickOnLink","onClose","listLinks","_jsx","Portal","AnimatePresence","FocusTrap","onEscape","role","aria-modal","initial","y","animate","exit","transition","duration","ease","id","ScrollArea","_jsxs","Flex","tag","direction","alignItems","width","paddingLeft","medium","paddingRight","paddingTop","paddingBottom","gap","MainNavBurgerMenuLinks","Divider","NavUser","showDisplayName"],"mappings":";;;;;;;;AAkBA,MAAMA,WAAAA,GAAcC,MAAAA,CAAOC,MAAAA,CAAOC,GAAG,CAAC;;AAE1B,YAAA,EAAEC,qBAAAA,CAAsB;;;;;;EAMlC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,KAAK,CAAC;;;AAG3C,CAAC;AAED,MAAMC,OAAAA,GAAUP,MAAAA,CAAOQ,GAAAA,CAAI;;oBAEP,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAACC,QAAQ,CAAC;AAC3D,CAAC;AAEM,MAAMC,aAAAA,GAAgB,CAAC,EAC5BC,OAAO,EACPC,iBAAiB,EACjBC,OAAO,EACPC,SAAS,EACU,GAAA;AACnB,IAAA,qBACEC,GAAA,CAACC,MAAAA,EAAAA;AACC,QAAA,QAAA,gBAAAD,GAAA,CAACE,eAAAA,EAAAA;AACEN,YAAAA,QAAAA,EAAAA,OAAAA,kBACCI,GAAA,CAACG,SAAAA,EAAAA;gBAAUC,QAAAA,EAAUN,OAAAA;AACnB,gBAAA,QAAA,gBAAAE,GAAA,CAACjB,WAAAA,EAAAA;oBAECsB,IAAAA,EAAK,QAAA;oBACLC,YAAAA,EAAW,MAAA;oBACXC,OAAAA,EAAS;wBAAEC,CAAAA,EAAG;AAAQ,qBAAA;oBACtBC,OAAAA,EAAS;wBAAED,CAAAA,EAAG;AAAE,qBAAA;oBAChBE,IAAAA,EAAM;wBAAEF,CAAAA,EAAG;AAAQ,qBAAA;oBACnBG,UAAAA,EAAY;wBAAEC,QAAAA,EAAU,GAAA;wBAAKC,IAAAA,EAAM;AAAY,qBAAA;oBAC/CC,EAAAA,EAAG,aAAA;AAEH,oBAAA,QAAA,gBAAAd,GAAA,CAACT,OAAAA,EAAAA;AACC,wBAAA,QAAA,gBAAAS,GAAA,CAACe,UAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAC,IAAA,CAACC,IAAAA,EAAAA;gCACCC,GAAAA,EAAI,IAAA;gCACJC,SAAAA,EAAU,QAAA;gCACVC,UAAAA,EAAW,SAAA;gCACXC,KAAAA,EAAM,MAAA;gCACNC,WAAAA,EAAa;oCAAEf,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACrCC,YAAAA,EAAc;oCAAEjB,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACtCE,UAAAA,EAAY;oCAAElB,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACpCG,aAAAA,EAAe;oCAAEnB,OAAAA,EAAS,CAAA;oCAAGgB,MAAAA,EAAQ;AAAE,iCAAA;gCACvCI,GAAAA,EAAK,CAAA;;kDAEL3B,GAAA,CAAC4B,sBAAAA,EAAAA;wCACC7B,SAAAA,EAAWA,SAAAA;wCACXF,iBAAAA,EAAmBA;;kDAErBG,GAAA,CAACR,GAAAA,EAAAA;wCAAI0B,GAAAA,EAAI,IAAA;AACP,wCAAA,QAAA,gBAAAlB,GAAA,CAAC6B,OAAAA,EAAAA,EAAAA;;kDAEH7B,GAAA,CAACR,GAAAA,EAAAA;wCAAI8B,WAAAA,EAAa,CAAA;wCAAGE,YAAAA,EAAc,CAAA;wCAAGC,UAAAA,EAAY,CAAA;wCAAGC,aAAAA,EAAe,CAAA;wCAAGR,GAAAA,EAAI,IAAA;AACzE,wCAAA,QAAA,gBAAAlB,GAAA,CAAC8B,OAAAA,EAAAA;4CAAQC,eAAe,EAAA;;;;;;;AA9B5B,iBAAA,EAAA,QAAA;;;;AAyClB;;;;"}

package/dist/admin/admin/src/components/MainNav/NavLink.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var reactRouterDom = require('react-router-dom');
+var styled = require('styled-components');
+
+const isExternalLink = (to)=>typeof to === 'string' && (to.startsWith('http://') || to.startsWith('https://'));
+/* -------------------------------------------------------------------------------------------------
+ * Link
+ * -----------------------------------------------------------------------------------------------*/ const MainNavLinkStyles = styled.css`
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ theme })=>theme.colors.neutral0};
+  color: ${({ theme })=>theme.colors.neutral500};
+  position: relative;
+  width: 100%;
+  padding-block: 0.4rem;
+  padding-inline: 1.2rem;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    padding-block: 0.6rem;
+    padding-inline: 0.6rem;
+  }
+
+  &:hover {
+    svg path {
+      fill: ${({ theme })=>theme.colors.neutral600};
+    }
+    background: ${({ theme })=>theme.colors.neutral100};
+  }
+
+  &.active {
+    svg path {
+      fill: ${({ theme })=>theme.colors.primary600};
+    }
+    background: ${({ theme })=>theme.colors.primary100};
+  }
+`;
+const MainNavLinkWrapper = styled.styled(reactRouterDom.NavLink)`
+  ${MainNavLinkStyles}
+`;
+const MainNavLinkAnchor = styled.styled.a`
+  ${MainNavLinkStyles}
+`;
+const MainNavButtonStyles = styled.css`
+  padding-block: 1rem;
+  padding-inline: 1rem;
+`;
+const MainNavButtonWrapper = styled.styled(MainNavLinkWrapper)`
+  ${MainNavButtonStyles}
+`;
+const MainNavButtonAnchor = styled.styled(MainNavLinkAnchor)`
+  ${MainNavButtonStyles}
+`;
+const LinkImpl = ({ children, to, ...props })=>{
+    if (isExternalLink(to)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(MainNavLinkAnchor, {
+            href: to,
+            ...props,
+            children: children
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(MainNavLinkWrapper, {
+        to: to,
+        ...props,
+        children: children
+    });
+};
+const NavButtonImpl = ({ children, to, ...props })=>{
+    if (isExternalLink(to)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(MainNavButtonAnchor, {
+            href: to,
+            ...props,
+            children: children
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(MainNavButtonWrapper, {
+        to: to,
+        ...props,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Tooltip
+ * -----------------------------------------------------------------------------------------------*/ const TooltipImpl = ({ children, label, position = 'right' })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+        side: position,
+        label: label,
+        delayDuration: 0,
+        children: /*#__PURE__*/ jsxRuntime.jsx("span", {
+            children: children
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Icon
+ * -----------------------------------------------------------------------------------------------*/ const IconImpl = ({ label, children })=>{
+    if (!children) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.AccessibleIcon, {
+        label: label,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * Badge
+ * -----------------------------------------------------------------------------------------------*/ const CustomBadge = styled.styled(designSystem.Badge)`
+  /* override default badge styles to change the border radius of the Base element in the Design System */
+  border-radius: ${({ theme })=>theme.spaces[10]};
+  height: 2rem;
+`;
+const BadgeImpl = ({ children, label, ...props })=>{
+    if (!children) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(CustomBadge, {
+        position: "absolute",
+        top: "-0.8rem",
+        left: "1.7rem",
+        "aria-label": label,
+        active: false,
+        ...props,
+        children: children
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * EXPORTS
+ * -----------------------------------------------------------------------------------------------*/ const NavLink = {
+    Link: LinkImpl,
+    NavButton: NavButtonImpl,
+    Tooltip: TooltipImpl,
+    Icon: IconImpl,
+    Badge: BadgeImpl
+};
+
+exports.NavLink = NavLink;
+//# sourceMappingURL=NavLink.js.map

package/dist/admin/admin/src/components/MainNav/NavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.js","sources":["../../../../../../admin/src/components/MainNav/NavLink.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Tooltip,\n  TooltipProps as DSTooltipProps,\n  Badge,\n  BadgeProps,\n  AccessibleIcon,\n} from '@strapi/design-system';\nimport { NavLink as RouterLink, LinkProps } from 'react-router-dom';\nimport { styled, css } from 'styled-components';\n\nconst isExternalLink = (to: LinkProps['to']) =>\n  typeof to === 'string' && (to.startsWith('http://') || to.startsWith('https://'));\n\n/* -------------------------------------------------------------------------------------------------\n * Link\n * -----------------------------------------------------------------------------------------------*/\nconst MainNavLinkStyles = css`\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: ${({ theme }) => theme.colors.neutral0};\n  color: ${({ theme }) => theme.colors.neutral500};\n  position: relative;\n  width: 100%;\n  padding-block: 0.4rem;\n  padding-inline: 1.2rem;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    padding-block: 0.6rem;\n    padding-inline: 0.6rem;\n  }\n\n  &:hover {\n    svg path {\n      fill: ${({ theme }) => theme.colors.neutral600};\n    }\n    background: ${({ theme }) => theme.colors.neutral100};\n  }\n\n  &.active {\n    svg path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n`;\n\nconst MainNavLinkWrapper = styled(RouterLink)`\n  ${MainNavLinkStyles}\n`;\n\nconst MainNavLinkAnchor = styled.a`\n  ${MainNavLinkStyles}\n`;\n\nconst MainNavButtonStyles = css`\n  padding-block: 1rem;\n  padding-inline: 1rem;\n`;\n\nconst MainNavButtonWrapper = styled(MainNavLinkWrapper)`\n  ${MainNavButtonStyles}\n`;\n\nconst MainNavButtonAnchor = styled(MainNavLinkAnchor)`\n  ${MainNavButtonStyles}\n`;\n\nconst LinkImpl = ({ children, to, ...props }: LinkProps) => {\n  if (isExternalLink(to)) {\n    return (\n      <MainNavLinkAnchor href={to as string} {...props}>\n        {children}\n      </MainNavLinkAnchor>\n    );\n  }\n  return (\n    <MainNavLinkWrapper to={to} {...props}>\n      {children}\n    </MainNavLinkWrapper>\n  );\n};\n\nconst NavButtonImpl = ({ children, to, ...props }: LinkProps) => {\n  if (isExternalLink(to)) {\n    return (\n      <MainNavButtonAnchor href={to as string} {...props}>\n        {children}\n      </MainNavButtonAnchor>\n    );\n  }\n\n  return (\n    <MainNavButtonWrapper to={to} {...props}>\n      {children}\n    </MainNavButtonWrapper>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Tooltip\n * -----------------------------------------------------------------------------------------------*/\nconst TooltipImpl = ({ children, label, position = 'right' }: NavLink.TooltipProps) => {\n  return (\n    <Tooltip side={position} label={label} delayDuration={0}>\n      <span>{children}</span>\n    </Tooltip>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Icon\n * -----------------------------------------------------------------------------------------------*/\nconst IconImpl = ({ label, children }: { label: string; children: React.ReactNode }) => {\n  if (!children) {\n    return null;\n  }\n  return <AccessibleIcon label={label}>{children}</AccessibleIcon>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Badge\n * -----------------------------------------------------------------------------------------------*/\nconst CustomBadge = styled(Badge)`\n  /* override default badge styles to change the border radius of the Base element in the Design System */\n  border-radius: ${({ theme }) => theme.spaces[10]};\n  height: 2rem;\n`;\n\nconst BadgeImpl = ({ children, label, ...props }: NavLink.NavBadgeProps) => {\n  if (!children) {\n    return null;\n  }\n  return (\n    <CustomBadge\n      position=\"absolute\"\n      top=\"-0.8rem\"\n      left=\"1.7rem\"\n      aria-label={label}\n      active={false}\n      {...props}\n    >\n      {children}\n    </CustomBadge>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * EXPORTS\n * -----------------------------------------------------------------------------------------------*/\n\nconst NavLink = {\n  Link: LinkImpl,\n  NavButton: NavButtonImpl,\n  Tooltip: TooltipImpl,\n  Icon: IconImpl,\n  Badge: BadgeImpl,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace NavLink {\n  export interface NavBadgeProps extends BadgeProps {\n    children: React.ReactNode;\n    label: string;\n  }\n\n  export interface TooltipProps {\n    children: React.ReactNode;\n    label?: string;\n    position?: DSTooltipProps['side'];\n  }\n}\n\nexport { NavLink };\n"],"names":["isExternalLink","to","startsWith","MainNavLinkStyles","css","theme","borderRadius","colors","neutral0","neutral500","breakpoints","medium","neutral600","neutral100","primary600","primary100","MainNavLinkWrapper","styled","RouterLink","MainNavLinkAnchor","a","MainNavButtonStyles","MainNavButtonWrapper","MainNavButtonAnchor","LinkImpl","children","props","_jsx","href","NavButtonImpl","TooltipImpl","label","position","Tooltip","side","delayDuration","span","IconImpl","AccessibleIcon","CustomBadge","Badge","spaces","BadgeImpl","top","left","aria-label","active","NavLink","Link","NavButton","Icon"],"mappings":"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"}