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

package/dist/admin/admin/src/components/Layouts/HeaderLayout.mjs

@@ -0,0 +1,294 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { IconButton, Box, Flex, Typography, useCallbackRef } from '@strapi/design-system';
+import { Question } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { Link, useLocation } from 'react-router-dom';
+import { HEIGHT_TOP_NAVIGATION_MEDIUM, HEIGHT_TOP_NAVIGATION, RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme.mjs';
+import { useTracking } from '../../features/Tracking.mjs';
+import { useDeviceType } from '../../hooks/useDeviceType.mjs';
+import { useElementOnScreen } from '../../hooks/useElementOnScreen.mjs';
+import { useIsMobile } from '../../hooks/useMediaQuery.mjs';
+import { getMatchingDocLink } from './utils/getMatchingDocLink.mjs';
+
+const BaseHeaderLayout = /*#__PURE__*/ React.forwardRef(({ navigationAction, primaryAction, secondaryAction, subtitle, title, sticky, width, docLink, ...props }, ref)=>{
+    const isMobile = useIsMobile();
+    const isSubtitleString = typeof subtitle === 'string';
+    const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
+    const docLinkButton = docLink ? /*#__PURE__*/ jsx(IconButton, {
+        onClick: ()=>trackUsage('didClickOnDocLink', {
+                from: docLink.path,
+                to: docLink.link
+            }),
+        size: "S",
+        label: formatMessage({
+            id: 'app.HeaderLayout.docLink.label',
+            defaultMessage: 'Learn more on our documentation'
+        }),
+        to: docLink.link,
+        tag: Link,
+        target: "_blank",
+        children: /*#__PURE__*/ jsx(Question, {})
+    }) : null;
+    if (sticky) {
+        return /*#__PURE__*/ jsx(Box, {
+            display: "flex",
+            paddingLeft: 6,
+            paddingRight: 6,
+            paddingTop: 2,
+            paddingBottom: 2,
+            position: "fixed",
+            top: 0,
+            background: "neutral0",
+            shadow: "tableShadow",
+            width: `${width}px`,
+            zIndex: 2,
+            minHeight: {
+                initial: HEIGHT_TOP_NAVIGATION,
+                medium: HEIGHT_TOP_NAVIGATION_MEDIUM
+            },
+            "data-strapi-header-sticky": true,
+            children: /*#__PURE__*/ jsxs(Flex, {
+                alignItems: "center",
+                justifyContent: "space-between",
+                wrap: "wrap",
+                width: "100%",
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxs(Flex, {
+                        children: [
+                            navigationAction && /*#__PURE__*/ jsx(Box, {
+                                paddingRight: 3,
+                                children: navigationAction
+                            }),
+                            /*#__PURE__*/ jsxs(Box, {
+                                children: [
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        variant: "beta",
+                                        tag: "h1",
+                                        ...props,
+                                        children: title
+                                    }),
+                                    isSubtitleString ? /*#__PURE__*/ jsx(Typography, {
+                                        variant: "pi",
+                                        textColor: "neutral600",
+                                        children: subtitle
+                                    }) : subtitle
+                                ]
+                            }),
+                            secondaryAction ? /*#__PURE__*/ jsx(Box, {
+                                paddingLeft: 4,
+                                children: secondaryAction
+                            }) : null
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Flex, {
+                        children: primaryAction ? /*#__PURE__*/ jsxs(Flex, {
+                            gap: 2,
+                            children: [
+                                docLinkButton,
+                                primaryAction
+                            ]
+                        }) : undefined
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ jsx(Box, {
+        ref: ref,
+        paddingLeft: RESPONSIVE_DEFAULT_SPACING,
+        paddingRight: RESPONSIVE_DEFAULT_SPACING,
+        paddingBottom: {
+            initial: 4,
+            large: 8
+        },
+        paddingTop: {
+            initial: 4,
+            large: navigationAction ? 6 : 8
+        },
+        background: "neutral100",
+        "data-strapi-header": true,
+        children: /*#__PURE__*/ jsxs(Flex, {
+            direction: "column",
+            alignItems: "initial",
+            gap: 3,
+            children: [
+                navigationAction,
+                !isMobile ? /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxs(Flex, {
+                            justifyContent: "space-between",
+                            wrap: "wrap",
+                            gap: 4,
+                            children: [
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    minWidth: 0,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Typography, {
+                                            tag: "h1",
+                                            variant: "alpha",
+                                            ...props,
+                                            style: {
+                                                wordBreak: 'break-word',
+                                                overflowWrap: 'break-word',
+                                                maxWidth: '100%'
+                                            },
+                                            children: title
+                                        }),
+                                        secondaryAction && /*#__PURE__*/ jsx(Box, {
+                                            paddingLeft: 4,
+                                            children: secondaryAction
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Box, {
+                                    paddingLeft: 4,
+                                    marginLeft: "auto",
+                                    children: /*#__PURE__*/ jsxs(Flex, {
+                                        gap: 2,
+                                        children: [
+                                            docLinkButton,
+                                            primaryAction
+                                        ]
+                                    })
+                                })
+                            ]
+                        }),
+                        isSubtitleString ? /*#__PURE__*/ jsx(Typography, {
+                            variant: "epsilon",
+                            textColor: "neutral600",
+                            tag: "p",
+                            children: subtitle
+                        }) : subtitle
+                    ]
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(Typography, {
+                            tag: "h1",
+                            variant: "alpha",
+                            ...props,
+                            style: {
+                                wordBreak: 'break-word',
+                                overflowWrap: 'break-word',
+                                maxWidth: '100%'
+                            },
+                            children: title
+                        }),
+                        isSubtitleString ? /*#__PURE__*/ jsx(Typography, {
+                            variant: "epsilon",
+                            textColor: "neutral600",
+                            tag: "p",
+                            children: subtitle
+                        }) : subtitle,
+                        (primaryAction || secondaryAction) && /*#__PURE__*/ jsxs(Flex, {
+                            gap: 3,
+                            children: [
+                                secondaryAction,
+                                docLinkButton,
+                                primaryAction
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+});
+const HeaderLayout = (props)=>{
+    const baseHeaderLayoutRef = React.useRef(null);
+    const [headerSize, setHeaderSize] = React.useState(null);
+    const [isVisible, setIsVisible] = React.useState(true);
+    const deviceType = useDeviceType();
+    const location = useLocation();
+    const docLink = React.useMemo(()=>{
+        if (window.strapi.flags.docLinks === false) return null;
+        return getMatchingDocLink(location.pathname);
+    }, [
+        location
+    ]);
+    const containerRef = useElementOnScreen(setIsVisible, {
+        root: null,
+        rootMargin: '0px',
+        threshold: 0
+    });
+    useResizeObserver([
+        containerRef,
+        baseHeaderLayoutRef
+    ], ()=>{
+        const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;
+        if (headerContainer) {
+            const newSize = headerContainer.getBoundingClientRect();
+            setHeaderSize((prevSize)=>{
+                // Only update if size actually changed
+                if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {
+                    return newSize;
+                }
+                return prevSize;
+            });
+        }
+    });
+    React.useEffect(()=>{
+        if (baseHeaderLayoutRef.current || containerRef.current) {
+            const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;
+            setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);
+        }
+    }, [
+        containerRef
+    ]);
+    if (deviceType === 'mobile') {
+        return /*#__PURE__*/ jsx(BaseHeaderLayout, {
+            ...props,
+            docLink: docLink
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        ref: containerRef,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    height: headerSize?.height
+                },
+                children: isVisible && /*#__PURE__*/ jsx(BaseHeaderLayout, {
+                    ref: baseHeaderLayoutRef,
+                    ...props,
+                    docLink: docLink
+                })
+            }),
+            !isVisible && /*#__PURE__*/ jsx(BaseHeaderLayout, {
+                ...props,
+                sticky: true,
+                width: headerSize?.width,
+                docLink: docLink
+            })
+        ]
+    });
+};
+HeaderLayout.displayName = 'HeaderLayout';
+/**
+ * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.
+ */ const useResizeObserver = (sources, onResize)=>{
+    const handleResize = useCallbackRef(onResize);
+    React.useLayoutEffect(()=>{
+        const resizeObs = new ResizeObserver(handleResize);
+        if (Array.isArray(sources)) {
+            sources.forEach((source)=>{
+                if (source.current) {
+                    resizeObs.observe(source.current);
+                }
+            });
+        } else if (sources.current) {
+            resizeObs.observe(sources.current);
+        }
+        return ()=>{
+            resizeObs.disconnect();
+        };
+    }, [
+        sources,
+        handleResize
+    ]);
+};
+
+export { BaseHeaderLayout, HeaderLayout };
+//# sourceMappingURL=HeaderLayout.mjs.map

package/dist/admin/admin/src/components/Layouts/HeaderLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLayout.mjs","sources":["../../../../../../admin/src/components/Layouts/HeaderLayout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  Box,\n  Flex,\n  Typography,\n  TypographyProps,\n  useCallbackRef,\n  IconButton,\n} from '@strapi/design-system';\nimport { Question } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useLocation, Link } from 'react-router-dom';\n\nimport {\n  HEIGHT_TOP_NAVIGATION,\n  HEIGHT_TOP_NAVIGATION_MEDIUM,\n  RESPONSIVE_DEFAULT_SPACING,\n} from '../../constants/theme';\nimport { useTracking } from '../../features/Tracking';\nimport { useDeviceType } from '../../hooks/useDeviceType';\nimport { useElementOnScreen } from '../../hooks/useElementOnScreen';\nimport { useIsMobile } from '../../hooks/useMediaQuery';\n\nimport { getMatchingDocLink, type DocLink } from './utils/getMatchingDocLink';\n\n/* -------------------------------------------------------------------------------------------------\n * BaseHeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {\n  navigationAction?: React.ReactNode;\n  primaryAction?: React.ReactNode;\n  secondaryAction?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  sticky?: boolean;\n  width?: number;\n  docLink?: DocLink | null;\n}\n\nconst BaseHeaderLayout = React.forwardRef<HTMLDivElement, BaseHeaderLayoutProps>(\n  (\n    {\n      navigationAction,\n      primaryAction,\n      secondaryAction,\n      subtitle,\n      title,\n      sticky,\n      width,\n      docLink,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile();\n    const isSubtitleString = typeof subtitle === 'string';\n\n    const { formatMessage } = useIntl();\n    const { trackUsage } = useTracking();\n\n    const docLinkButton = docLink ? (\n      <IconButton\n        onClick={() => trackUsage('didClickOnDocLink', { from: docLink.path, to: docLink.link })}\n        size=\"S\"\n        label={formatMessage({\n          id: 'app.HeaderLayout.docLink.label',\n          defaultMessage: 'Learn more on our documentation',\n        })}\n        to={docLink.link}\n        tag={Link}\n        target=\"_blank\"\n      >\n        <Question />\n      </IconButton>\n    ) : null;\n\n    if (sticky) {\n      return (\n        <Box\n          display=\"flex\"\n          paddingLeft={6}\n          paddingRight={6}\n          paddingTop={2}\n          paddingBottom={2}\n          position=\"fixed\"\n          top={0}\n          background=\"neutral0\"\n          shadow=\"tableShadow\"\n          width={`${width}px`}\n          zIndex={2}\n          minHeight={{\n            initial: HEIGHT_TOP_NAVIGATION,\n            medium: HEIGHT_TOP_NAVIGATION_MEDIUM,\n          }}\n          data-strapi-header-sticky\n        >\n          <Flex alignItems=\"center\" justifyContent=\"space-between\" wrap=\"wrap\" width=\"100%\" gap={2}>\n            <Flex>\n              {navigationAction && <Box paddingRight={3}>{navigationAction}</Box>}\n              <Box>\n                <Typography variant=\"beta\" tag=\"h1\" {...props}>\n                  {title}\n                </Typography>\n                {isSubtitleString ? (\n                  <Typography variant=\"pi\" textColor=\"neutral600\">\n                    {subtitle}\n                  </Typography>\n                ) : (\n                  subtitle\n                )}\n              </Box>\n              {secondaryAction ? <Box paddingLeft={4}>{secondaryAction}</Box> : null}\n            </Flex>\n            <Flex>\n              {primaryAction ? (\n                <Flex gap={2}>\n                  {docLinkButton}\n                  {primaryAction}\n                </Flex>\n              ) : undefined}\n            </Flex>\n          </Flex>\n        </Box>\n      );\n    }\n\n    return (\n      <Box\n        ref={ref}\n        paddingLeft={RESPONSIVE_DEFAULT_SPACING}\n        paddingRight={RESPONSIVE_DEFAULT_SPACING}\n        paddingBottom={{\n          initial: 4,\n          large: 8,\n        }}\n        paddingTop={{\n          initial: 4,\n          large: navigationAction ? 6 : 8,\n        }}\n        background=\"neutral100\"\n        data-strapi-header\n      >\n        <Flex direction=\"column\" alignItems=\"initial\" gap={3}>\n          {navigationAction}\n          {!isMobile ? (\n            <>\n              <Flex justifyContent=\"space-between\" wrap=\"wrap\" gap={4}>\n                <Flex minWidth={0}>\n                  <Typography\n                    tag=\"h1\"\n                    variant=\"alpha\"\n                    {...props}\n                    style={{\n                      wordBreak: 'break-word',\n                      overflowWrap: 'break-word',\n                      maxWidth: '100%',\n                    }}\n                  >\n                    {title}\n                  </Typography>\n                  {secondaryAction && <Box paddingLeft={4}>{secondaryAction}</Box>}\n                </Flex>\n                <Box paddingLeft={4} marginLeft=\"auto\">\n                  <Flex gap={2}>\n                    {docLinkButton}\n                    {primaryAction}\n                  </Flex>\n                </Box>\n              </Flex>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n            </>\n          ) : (\n            <>\n              <Typography\n                tag=\"h1\"\n                variant=\"alpha\"\n                {...props}\n                style={{\n                  wordBreak: 'break-word',\n                  overflowWrap: 'break-word',\n                  maxWidth: '100%',\n                }}\n              >\n                {title}\n              </Typography>\n              {isSubtitleString ? (\n                <Typography variant=\"epsilon\" textColor=\"neutral600\" tag=\"p\">\n                  {subtitle}\n                </Typography>\n              ) : (\n                subtitle\n              )}\n              {(primaryAction || secondaryAction) && (\n                <Flex gap={3}>\n                  {secondaryAction}\n                  {docLinkButton}\n                  {primaryAction}\n                </Flex>\n              )}\n            </>\n          )}\n        </Flex>\n      </Box>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * HeaderLayout\n * -----------------------------------------------------------------------------------------------*/\n\ninterface HeaderLayoutProps extends BaseHeaderLayoutProps {}\n\nconst HeaderLayout = (props: HeaderLayoutProps) => {\n  const baseHeaderLayoutRef = React.useRef<HTMLDivElement>(null);\n  const [headerSize, setHeaderSize] = React.useState<DOMRect | null>(null);\n  const [isVisible, setIsVisible] = React.useState(true);\n  const deviceType = useDeviceType();\n  const location = useLocation();\n  const docLink = React.useMemo(() => {\n    if (window.strapi.flags.docLinks === false) return null;\n    return getMatchingDocLink(location.pathname);\n  }, [location]);\n\n  const containerRef = useElementOnScreen<HTMLDivElement>(setIsVisible, {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0,\n  });\n\n  useResizeObserver([containerRef, baseHeaderLayoutRef], () => {\n    const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n\n    if (headerContainer) {\n      const newSize = headerContainer.getBoundingClientRect();\n\n      setHeaderSize((prevSize) => {\n        // Only update if size actually changed\n        if (!prevSize || prevSize.height !== newSize.height || prevSize.width !== newSize.width) {\n          return newSize;\n        }\n        return prevSize;\n      });\n    }\n  });\n\n  React.useEffect(() => {\n    if (baseHeaderLayoutRef.current || containerRef.current) {\n      const headerContainer = baseHeaderLayoutRef.current ?? containerRef.current;\n      setHeaderSize(headerContainer?.getBoundingClientRect() ?? null);\n    }\n  }, [containerRef]);\n\n  if (deviceType === 'mobile') {\n    return <BaseHeaderLayout {...props} docLink={docLink} />;\n  }\n\n  return (\n    <div ref={containerRef}>\n      <div style={{ height: headerSize?.height }}>\n        {isVisible && <BaseHeaderLayout ref={baseHeaderLayoutRef} {...props} docLink={docLink} />}\n      </div>\n\n      {!isVisible && (\n        <BaseHeaderLayout {...props} sticky width={headerSize?.width} docLink={docLink} />\n      )}\n    </div>\n  );\n};\n\nHeaderLayout.displayName = 'HeaderLayout';\n\n/**\n * useResizeObserver: hook that observes the size of an element and calls a callback when it changes.\n */\nconst useResizeObserver = (\n  sources: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  onResize: ResizeObserverCallback\n) => {\n  const handleResize = useCallbackRef(onResize);\n\n  React.useLayoutEffect(() => {\n    const resizeObs = new ResizeObserver(handleResize);\n\n    if (Array.isArray(sources)) {\n      sources.forEach((source) => {\n        if (source.current) {\n          resizeObs.observe(source.current);\n        }\n      });\n    } else if (sources.current) {\n      resizeObs.observe(sources.current);\n    }\n\n    return () => {\n      resizeObs.disconnect();\n    };\n  }, [sources, handleResize]);\n};\n\nexport type { HeaderLayoutProps, BaseHeaderLayoutProps };\nexport { HeaderLayout, BaseHeaderLayout };\n"],"names":["BaseHeaderLayout","React","forwardRef","navigationAction","primaryAction","secondaryAction","subtitle","title","sticky","width","docLink","props","ref","isMobile","useIsMobile","isSubtitleString","formatMessage","useIntl","trackUsage","useTracking","docLinkButton","_jsx","IconButton","onClick","from","path","to","link","size","label","id","defaultMessage","tag","Link","target","Question","Box","display","paddingLeft","paddingRight","paddingTop","paddingBottom","position","top","background","shadow","zIndex","minHeight","initial","HEIGHT_TOP_NAVIGATION","medium","HEIGHT_TOP_NAVIGATION_MEDIUM","data-strapi-header-sticky","_jsxs","Flex","alignItems","justifyContent","wrap","gap","Typography","variant","textColor","undefined","RESPONSIVE_DEFAULT_SPACING","large","data-strapi-header","direction","_Fragment","minWidth","style","wordBreak","overflowWrap","maxWidth","marginLeft","HeaderLayout","baseHeaderLayoutRef","useRef","headerSize","setHeaderSize","useState","isVisible","setIsVisible","deviceType","useDeviceType","location","useLocation","useMemo","window","strapi","flags","docLinks","getMatchingDocLink","pathname","containerRef","useElementOnScreen","root","rootMargin","threshold","useResizeObserver","headerContainer","current","newSize","getBoundingClientRect","prevSize","height","useEffect","div","displayName","sources","onResize","handleResize","useCallbackRef","useLayoutEffect","resizeObs","ResizeObserver","Array","isArray","forEach","source","observe","disconnect"],"mappings":"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"}

package/dist/admin/admin/src/components/Layouts/Layout.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var styled = require('styled-components');
+var theme = require('../../constants/theme.js');
+var ActionLayout = require('./ActionLayout.js');
+var ContentLayout = require('./ContentLayout.js');
+var GridLayout = require('./GridLayout.js');
+var HeaderLayout = require('./HeaderLayout.js');
+
+const GridContainer = styled.styled(designSystem.Box)`
+  width: 100%;
+  flex: 1;
+  display: grid;
+  grid-template-columns: 1fr;
+  padding: 0;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    overflow: hidden;
+    grid-template-columns: ${({ $hasSideNav })=>$hasSideNav ? `auto 1fr` : '1fr'};
+  }
+`;
+const SideNavContainer = styled.styled(designSystem.Flex)`
+  overflow: hidden;
+  display: none;
+  background: ${({ theme })=>theme.colors.neutral0};
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    display: block;
+    box-shadow: none;
+    transform: none;
+  }
+`;
+const OverflowingItem = styled.styled(designSystem.Box)`
+  position: relative;
+  overflow-x: hidden;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    transform: none;
+    width: auto;
+  }
+`;
+const RootLayout = ({ sideNav, children, ...restProps })=>/*#__PURE__*/ jsxRuntime.jsxs(GridContainer, {
+        $hasSideNav: Boolean(sideNav),
+        ...restProps,
+        children: [
+            sideNav && /*#__PURE__*/ jsxRuntime.jsx(SideNavContainer, {
+                children: sideNav
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(OverflowingItem, {
+                paddingBottom: theme.RESPONSIVE_DEFAULT_SPACING,
+                "data-strapi-main-content": true,
+                children: children
+            })
+        ]
+    });
+const Layouts = {
+    Root: RootLayout,
+    Header: HeaderLayout.HeaderLayout,
+    BaseHeader: HeaderLayout.BaseHeaderLayout,
+    Grid: GridLayout.GridLayout,
+    Action: ActionLayout.ActionLayout,
+    Content: ContentLayout.ContentLayout
+};
+
+exports.Layouts = Layouts;
+//# sourceMappingURL=Layout.js.map

package/dist/admin/admin/src/components/Layouts/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../../../../../admin/src/components/Layouts/Layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, BoxProps, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\nimport { ActionLayout } from './ActionLayout';\nimport { ContentLayout } from './ContentLayout';\nimport { GridLayout, GridLayoutProps } from './GridLayout';\nimport { HeaderLayout, BaseHeaderLayout } from './HeaderLayout';\n\ninterface LayoutProps extends BoxProps {\n  children: React.ReactNode;\n  sideNav?: React.ReactNode;\n}\n\nconst GridContainer = styled(Box)<{ $hasSideNav: boolean }>`\n  width: 100%;\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n    grid-template-columns: ${({ $hasSideNav }) => ($hasSideNav ? `auto 1fr` : '1fr')};\n  }\n`;\n\nconst SideNavContainer = styled(Flex)`\n  overflow: hidden;\n  display: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    box-shadow: none;\n    transform: none;\n  }\n`;\n\nconst OverflowingItem = styled(Box)`\n  position: relative;\n  overflow-x: hidden;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    transform: none;\n    width: auto;\n  }\n`;\n\nconst RootLayout = ({ sideNav, children, ...restProps }: LayoutProps) => (\n  <GridContainer $hasSideNav={Boolean(sideNav)} {...restProps}>\n    {sideNav && <SideNavContainer>{sideNav}</SideNavContainer>}\n    <OverflowingItem paddingBottom={RESPONSIVE_DEFAULT_SPACING} data-strapi-main-content>\n      {children}\n    </OverflowingItem>\n  </GridContainer>\n);\n\nconst Layouts = {\n  Root: RootLayout,\n  Header: HeaderLayout,\n  BaseHeader: BaseHeaderLayout,\n  Grid: GridLayout,\n  Action: ActionLayout,\n  Content: ContentLayout,\n};\n\nexport { Layouts, type LayoutProps, type GridLayoutProps };\n"],"names":["GridContainer","styled","Box","theme","breakpoints","medium","$hasSideNav","SideNavContainer","Flex","colors","neutral0","OverflowingItem","RootLayout","sideNav","children","restProps","_jsxs","Boolean","_jsx","paddingBottom","RESPONSIVE_DEFAULT_SPACING","data-strapi-main-content","Layouts","Root","Header","HeaderLayout","BaseHeader","BaseHeaderLayout","Grid","GridLayout","Action","ActionLayout","Content","ContentLayout"],"mappings":";;;;;;;;;;;;AAiBA,MAAMA,aAAAA,GAAgBC,aAAAA,CAAOC,gBAAAA,CAA8B;;;;;;;EAOzD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;2BAEjB,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAA,CAAO;;AAErF,CAAC;AAED,MAAMC,gBAAAA,GAAmBN,aAAAA,CAAOO,iBAAAA,CAAK;;;cAGvB,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMM,MAAM,CAACC,QAAQ,CAAC;;EAEnD,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;;AAK5C,CAAC;AAED,MAAMM,eAAAA,GAAkBV,aAAAA,CAAOC,gBAAAA,CAAI;;;;EAIjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;AAI5C,CAAC;AAED,MAAMO,UAAAA,GAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,SAAAA,EAAwB,iBAClEC,eAAA,CAAChB,aAAAA,EAAAA;AAAcM,QAAAA,WAAAA,EAAaW,OAAAA,CAAQJ,OAAAA,CAAAA;AAAW,QAAA,GAAGE,SAAS;;AACxDF,YAAAA,OAAAA,kBAAWK,cAAA,CAACX,gBAAAA,EAAAA;AAAkBM,gBAAAA,QAAAA,EAAAA;;0BAC/BK,cAAA,CAACP,eAAAA,EAAAA;gBAAgBQ,aAAAA,EAAeC,gCAAAA;gBAA4BC,0BAAwB,EAAA,IAAA;AACjFP,gBAAAA,QAAAA,EAAAA;;;;AAKP,MAAMQ,OAAAA,GAAU;IACdC,IAAAA,EAAMX,UAAAA;IACNY,MAAAA,EAAQC,yBAAAA;IACRC,UAAAA,EAAYC,6BAAAA;IACZC,IAAAA,EAAMC,qBAAAA;IACNC,MAAAA,EAAQC,yBAAAA;IACRC,OAAAA,EAASC;AACX;;;;"}

package/dist/admin/admin/src/components/Layouts/Layout.mjs

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Box, Flex } from '@strapi/design-system';
+import { styled } from 'styled-components';
+import { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme.mjs';
+import { ActionLayout } from './ActionLayout.mjs';
+import { ContentLayout } from './ContentLayout.mjs';
+import { GridLayout } from './GridLayout.mjs';
+import { BaseHeaderLayout, HeaderLayout } from './HeaderLayout.mjs';
+
+const GridContainer = styled(Box)`
+  width: 100%;
+  flex: 1;
+  display: grid;
+  grid-template-columns: 1fr;
+  padding: 0;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    overflow: hidden;
+    grid-template-columns: ${({ $hasSideNav })=>$hasSideNav ? `auto 1fr` : '1fr'};
+  }
+`;
+const SideNavContainer = styled(Flex)`
+  overflow: hidden;
+  display: none;
+  background: ${({ theme })=>theme.colors.neutral0};
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    display: block;
+    box-shadow: none;
+    transform: none;
+  }
+`;
+const OverflowingItem = styled(Box)`
+  position: relative;
+  overflow-x: hidden;
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    transform: none;
+    width: auto;
+  }
+`;
+const RootLayout = ({ sideNav, children, ...restProps })=>/*#__PURE__*/ jsxs(GridContainer, {
+        $hasSideNav: Boolean(sideNav),
+        ...restProps,
+        children: [
+            sideNav && /*#__PURE__*/ jsx(SideNavContainer, {
+                children: sideNav
+            }),
+            /*#__PURE__*/ jsx(OverflowingItem, {
+                paddingBottom: RESPONSIVE_DEFAULT_SPACING,
+                "data-strapi-main-content": true,
+                children: children
+            })
+        ]
+    });
+const Layouts = {
+    Root: RootLayout,
+    Header: HeaderLayout,
+    BaseHeader: BaseHeaderLayout,
+    Grid: GridLayout,
+    Action: ActionLayout,
+    Content: ContentLayout
+};
+
+export { Layouts };
+//# sourceMappingURL=Layout.mjs.map

package/dist/admin/admin/src/components/Layouts/Layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.mjs","sources":["../../../../../../admin/src/components/Layouts/Layout.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, BoxProps, Flex } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nimport { RESPONSIVE_DEFAULT_SPACING } from '../../constants/theme';\n\nimport { ActionLayout } from './ActionLayout';\nimport { ContentLayout } from './ContentLayout';\nimport { GridLayout, GridLayoutProps } from './GridLayout';\nimport { HeaderLayout, BaseHeaderLayout } from './HeaderLayout';\n\ninterface LayoutProps extends BoxProps {\n  children: React.ReactNode;\n  sideNav?: React.ReactNode;\n}\n\nconst GridContainer = styled(Box)<{ $hasSideNav: boolean }>`\n  width: 100%;\n  flex: 1;\n  display: grid;\n  grid-template-columns: 1fr;\n  padding: 0;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    overflow: hidden;\n    grid-template-columns: ${({ $hasSideNav }) => ($hasSideNav ? `auto 1fr` : '1fr')};\n  }\n`;\n\nconst SideNavContainer = styled(Flex)`\n  overflow: hidden;\n  display: none;\n  background: ${({ theme }) => theme.colors.neutral0};\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: block;\n    box-shadow: none;\n    transform: none;\n  }\n`;\n\nconst OverflowingItem = styled(Box)`\n  position: relative;\n  overflow-x: hidden;\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    transform: none;\n    width: auto;\n  }\n`;\n\nconst RootLayout = ({ sideNav, children, ...restProps }: LayoutProps) => (\n  <GridContainer $hasSideNav={Boolean(sideNav)} {...restProps}>\n    {sideNav && <SideNavContainer>{sideNav}</SideNavContainer>}\n    <OverflowingItem paddingBottom={RESPONSIVE_DEFAULT_SPACING} data-strapi-main-content>\n      {children}\n    </OverflowingItem>\n  </GridContainer>\n);\n\nconst Layouts = {\n  Root: RootLayout,\n  Header: HeaderLayout,\n  BaseHeader: BaseHeaderLayout,\n  Grid: GridLayout,\n  Action: ActionLayout,\n  Content: ContentLayout,\n};\n\nexport { Layouts, type LayoutProps, type GridLayoutProps };\n"],"names":["GridContainer","styled","Box","theme","breakpoints","medium","$hasSideNav","SideNavContainer","Flex","colors","neutral0","OverflowingItem","RootLayout","sideNav","children","restProps","_jsxs","Boolean","_jsx","paddingBottom","RESPONSIVE_DEFAULT_SPACING","data-strapi-main-content","Layouts","Root","Header","HeaderLayout","BaseHeader","BaseHeaderLayout","Grid","GridLayout","Action","ActionLayout","Content","ContentLayout"],"mappings":";;;;;;;;;;AAiBA,MAAMA,aAAAA,GAAgBC,MAAAA,CAAOC,GAAAA,CAA8B;;;;;;;EAOzD,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;2BAEjB,EAAE,CAAC,EAAEC,WAAW,EAAE,GAAMA,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAA,CAAO;;AAErF,CAAC;AAED,MAAMC,gBAAAA,GAAmBN,MAAAA,CAAOO,IAAAA,CAAK;;;cAGvB,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMM,MAAM,CAACC,QAAQ,CAAC;;EAEnD,EAAE,CAAC,EAAEP,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;;AAK5C,CAAC;AAED,MAAMM,eAAAA,GAAkBV,MAAAA,CAAOC,GAAAA,CAAI;;;;EAIjC,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,WAAW,CAACC,MAAM,CAAC;;;;AAI5C,CAAC;AAED,MAAMO,UAAAA,GAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,SAAAA,EAAwB,iBAClEC,IAAA,CAAChB,aAAAA,EAAAA;AAAcM,QAAAA,WAAAA,EAAaW,OAAAA,CAAQJ,OAAAA,CAAAA;AAAW,QAAA,GAAGE,SAAS;;AACxDF,YAAAA,OAAAA,kBAAWK,GAAA,CAACX,gBAAAA,EAAAA;AAAkBM,gBAAAA,QAAAA,EAAAA;;0BAC/BK,GAAA,CAACP,eAAAA,EAAAA;gBAAgBQ,aAAAA,EAAeC,0BAAAA;gBAA4BC,0BAAwB,EAAA,IAAA;AACjFP,gBAAAA,QAAAA,EAAAA;;;;AAKP,MAAMQ,OAAAA,GAAU;IACdC,IAAAA,EAAMX,UAAAA;IACNY,MAAAA,EAAQC,YAAAA;IACRC,UAAAA,EAAYC,gBAAAA;IACZC,IAAAA,EAAMC,UAAAA;IACNC,MAAAA,EAAQC,YAAAA;IACRC,OAAAA,EAASC;AACX;;;;"}

package/dist/admin/admin/src/components/Layouts/utils/getMatchingDocLink.js

@@ -0,0 +1,167 @@
+'use strict';
+
+var reactRouterDom = require('react-router-dom');
+
+const matchingLinks = [
+    {
+        path: '/content-manager/*',
+        link: 'https://docs.strapi.io/cms/features/content-manager',
+        title: 'Content Manager'
+    },
+    {
+        path: '/plugins/content-type-builder/*',
+        link: 'https://docs.strapi.io/cms/features/content-type-builder',
+        title: 'Content-Type Builder'
+    },
+    {
+        path: '/plugins/upload/*',
+        link: 'https://docs.strapi.io/cms/features/media-library',
+        title: 'Media Library'
+    },
+    {
+        path: '/plugins/content-releases/*',
+        link: 'https://docs.strapi.io/cms/features/releases',
+        title: 'Releases'
+    },
+    {
+        path: '/settings/purchase-content-releases/*',
+        link: 'https://docs.strapi.io/cms/features/releases',
+        title: 'Releases'
+    },
+    {
+        path: '/plugins/documentation/*',
+        link: 'https://docs.strapi.io/cms/plugins/documentation',
+        title: 'Documentation plugin'
+    },
+    {
+        path: '/settings/list-plugins/*',
+        link: 'https://docs.strapi.io/cms/plugins-development/developing-plugins',
+        title: 'Plugins'
+    },
+    {
+        path: '/settings/application-infos/*',
+        link: 'https://docs.strapi.io/cms/features/admin-panel',
+        title: 'General settings'
+    },
+    {
+        path: '/settings/api-tokens/*',
+        link: 'https://docs.strapi.io/cms/features/api-tokens',
+        title: 'API Tokens settings'
+    },
+    {
+        path: '/settings/documentation/*',
+        link: 'https://docs.strapi.io/cms/plugins/documentation',
+        title: 'Documentation plugin settings'
+    },
+    {
+        path: '/settings/internationalization/*',
+        link: 'https://docs.strapi.io/cms/features/internationalization#settings',
+        title: 'Internationalization settings (i18n)'
+    },
+    {
+        path: '/settings/media-library/*',
+        link: 'https://docs.strapi.io/cms/features/media-library#configuration',
+        title: 'Media Library settings'
+    },
+    {
+        path: '/settings/review-workflows/*',
+        link: 'https://docs.strapi.io/cms/features/review-workflows',
+        title: 'Review Workflows settings'
+    },
+    {
+        path: '/settings/purchase-review-workflows/*',
+        link: 'https://docs.strapi.io/cms/features/review-workflows',
+        title: 'Review Workflows settings'
+    },
+    {
+        path: '/settings/single-sign-on/*',
+        link: 'https://docs.strapi.io/cms/features/sso',
+        title: 'SSO settings'
+    },
+    {
+        path: '/settings/purchase-single-sign-on/*',
+        link: 'https://docs.strapi.io/cms/features/sso',
+        title: 'SSO settings'
+    },
+    {
+        path: '/settings/purchase-content-history/*',
+        link: 'https://docs.strapi.io/cms/features/content-history',
+        title: 'Content History'
+    },
+    {
+        path: '/settings/transfer-tokens/*',
+        link: 'https://docs.strapi.io/cms/features/data-management',
+        title: 'Transfer Tokens'
+    },
+    {
+        path: '/settings/webhooks/*',
+        link: 'https://docs.strapi.io/cms/backend-customization/webhooks',
+        title: 'Webhooks'
+    },
+    {
+        path: '/settings/roles/*',
+        link: 'https://docs.strapi.io/cms/features/rbac#configuration',
+        title: 'Users & Permissions'
+    },
+    {
+        path: '/settings/users/*',
+        link: 'https://docs.strapi.io/cms/features/rbac#usage',
+        title: 'Users & Permissions'
+    },
+    {
+        path: '/settings/audit-logs/*',
+        link: 'https://docs.strapi.io/cms/features/audit-logs',
+        title: 'Audit Logs'
+    },
+    {
+        path: '/settings/purchase-audit-logs/*',
+        link: 'https://docs.strapi.io/cms/features/audit-logs',
+        title: 'Audit Logs'
+    },
+    {
+        path: '/settings/email/*',
+        link: 'https://docs.strapi.io/cms/features/email',
+        title: 'Email plugin'
+    },
+    {
+        path: '/settings/users-permissions/roles/*',
+        link: 'https://docs.strapi.io/cms/features/users-permissions',
+        title: 'End-users roles'
+    },
+    {
+        path: '/settings/users-permissions/providers/*',
+        link: 'https://docs.strapi.io/cms/features/users-permissions#providers',
+        title: 'Providers'
+    },
+    {
+        path: '/settings/users-permissions/email-templates/*',
+        link: 'https://docs.strapi.io/cms/features/users-permissions#email-templates',
+        title: 'Email Templates'
+    },
+    {
+        path: '/settings/users-permissions/advanced-settings/*',
+        link: 'https://docs.strapi.io/cms/features/users-permissions#advanced-settings',
+        title: 'U&P Advanced settings'
+    },
+    {
+        path: '/me/*',
+        link: 'https://docs.strapi.io/cms/features/admin-panel#modifying-profile-information-name-email-username',
+        title: 'Administrator profile'
+    }
+];
+function getMatchingDocLink(pathname) {
+    const matches = reactRouterDom.matchRoutes(matchingLinks, pathname);
+    const match = matches?.[0];
+    if (!match) {
+        return null;
+    }
+    const { link, title } = match.route;
+    return {
+        path: match.pathnameBase,
+        link,
+        title
+    };
+}
+
+exports.getMatchingDocLink = getMatchingDocLink;
+//# sourceMappingURL=getMatchingDocLink.js.map