@mui/docs 7.0.0-alpha.0 → 7.0.0-alpha.1

package/Link/Link.d.ts

@@ -1,16 +1,22 @@
 import * as React from 'react';
 import { LinkProps as NextLinkProps } from 'next/link';
 import { LinkProps as MuiLinkProps } from '@mui/material/Link';
+/**
+ * File to keep in sync with:
+ *
+ * - /examples/material-ui-nextjs-pages-router/src/Link.js
+ * - /examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
+ */
 interface NextLinkComposedProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, Omit<NextLinkProps, 'href' | 'as' | 'passHref' | 'onMouseEnter' | 'onClick' | 'onTouchStart'> {
-    to: NextLinkProps['href'];
-    linkAs?: NextLinkProps['as'];
+  to: NextLinkProps['href'];
+  linkAs?: NextLinkProps['as'];
 }
 export type LinkProps = {
-    activeClassName?: string;
-    as?: NextLinkProps['as'];
-    href: NextLinkProps['href'];
-    linkAs?: NextLinkProps['as'];
-    noLinkStyle?: boolean;
+  activeClassName?: string;
+  as?: NextLinkProps['as'];
+  href: NextLinkProps['href'];
+  linkAs?: NextLinkProps['as'];
+  noLinkStyle?: boolean;
 } & Omit<NextLinkComposedProps, 'to' | 'linkAs' | 'href'> & Omit<MuiLinkProps, 'href'>;
 export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export {};
+export {};

package/Link/Link.js

@@ -1,23 +1,26 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { useRouter } from 'next/router';
-import NextLink from 'next/link';
-import MuiLink from '@mui/material/Link';
-import { styled } from '@mui/material/styles';
-import { useUserLanguage } from "../i18n/index.js";
-import { useDocsConfig } from "../DocsProvider/index.js";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _router = require("next/router");
+var _link = _interopRequireDefault(require("next/link"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _i18n = require("../i18n");
+var _DocsProvider = require("../DocsProvider");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * File to keep in sync with:
  *
- * - /docs/src/modules/components/Link.tsx
  * - /examples/material-ui-nextjs-pages-router/src/Link.js
  * - /examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
  */
 
-// Add support for the sx prop for consistency with the other branches.
-import { jsx as _jsx } from "react/jsx-runtime";
-const Anchor = styled('a')({});
 const NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed(props, ref) {
   const {
     to,
@@ -26,11 +29,10 @@ const NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed
     scroll,
     shallow,
     prefetch,
-    legacyBehavior = true,
     locale,
     ...other
   } = props;
-  return /*#__PURE__*/_jsx(NextLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_link.default, {
     href: to,
     prefetch: prefetch,
     as: linkAs,
@@ -39,23 +41,19 @@ const NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed
     shallow: shallow,
     passHref: true,
     locale: locale,
-    legacyBehavior: legacyBehavior,
-    children: /*#__PURE__*/_jsx(Anchor, {
-      "data-no-markdown-link": "true",
-      ref: ref,
-      ...other
-    })
+    "data-no-markdown-link": "true",
+    ref: ref,
+    ...other
   });
 });
 // A styled version of the Next.js Pages Router Link component:
 // https://nextjs.org/docs/pages/api-reference/components/link
-export const Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
+const Link = exports.Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
   const {
     activeClassName = 'active',
     as,
     className: classNameProps,
     href,
-    legacyBehavior,
     linkAs: linkAsProp,
     locale,
     noLinkStyle,
@@ -65,15 +63,15 @@ export const Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
     shallow,
     ...other
   } = props;
-  const router = useRouter();
+  const router = (0, _router.useRouter)();
   const pathname = typeof href === 'string' ? href : href?.pathname;
   const routerPathname = router.pathname.replace('/[docsTab]', '');
   const shouldBeActive = routerPathname === pathname;
-  const className = clsx(classNameProps, shouldBeActive && activeClassName);
-  const userLanguage = useUserLanguage();
+  const className = (0, _clsx.default)(classNameProps, shouldBeActive && activeClassName);
+  const userLanguage = (0, _i18n.useUserLanguage)();
   const {
     LANGUAGES_IGNORE_PAGES
-  } = useDocsConfig();
+  } = (0, _DocsProvider.useDocsConfig)();
   let linkAs = linkAsProp || as || href;
   if (userLanguage !== 'en' && pathname && pathname.startsWith('/') && !LANGUAGES_IGNORE_PAGES(pathname) && !pathname.startsWith(`/${userLanguage}/`)) {
     linkAs = `/${userLanguage}${linkAs}`;
@@ -84,19 +82,18 @@ export const Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
     replace,
     scroll,
     shallow,
-    legacyBehavior,
     prefetch,
     locale
   };
   if (noLinkStyle) {
-    return /*#__PURE__*/_jsx(NextLinkComposed, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NextLinkComposed, {
       className: className,
       ref: ref,
       ...nextjsProps,
       ...other
     });
   }
-  return /*#__PURE__*/_jsx(MuiLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
     component: NextLinkComposed,
     className: className,
     ref: ref,

package/Link/index.d.ts

@@ -1 +1 @@
-export * from './Link';
+export * from "./Link.js";

package/Link/index.js

@@ -1 +1,16 @@
-export * from "./Link.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Link = require("./Link");
+Object.keys(_Link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Link[key];
+    }
+  });
+});

package/MarkdownElement/MarkdownElement.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface MarkdownElementProps {
-    className?: string;
-    renderedMarkdown?: string;
-    children?: React.ReactNode;
+  className?: string;
+  renderedMarkdown?: string;
+  children?: React.ReactNode;
 }
-export declare const MarkdownElement: React.ForwardRefExoticComponent<MarkdownElementProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MarkdownElement: React.ForwardRefExoticComponent<MarkdownElementProps & React.RefAttributes<HTMLDivElement>>;