@mui/docs 6.0.0-alpha.1 → 6.0.0-alpha.10

package/legacy/DocsProvider/DocsProvider.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { UserLanguageProvider } from '../i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
-var DocsConfigContext = /*#__PURE__*/React.createContext(null);
-export function DocsProvider(_ref) {
-  var config = _ref.config,
-    defaultUserLanguage = _ref.defaultUserLanguage,
-    translations = _ref.translations,
-    children = _ref.children;
-  return /*#__PURE__*/_jsx(DocsConfigContext.Provider, {
-    value: config,
-    children: /*#__PURE__*/_jsx(UserLanguageProvider, {
-      defaultUserLanguage: defaultUserLanguage,
-      translations: translations,
-      children: children
-    })
-  });
-}
-export function useDocsConfig() {
-  var config = React.useContext(DocsConfigContext);
-  if (!config) {
-    throw new Error('Could not find docs config context value; please ensure the component is wrapped in a <DocsProvider>');
-  }
-  return config;
-}

package/legacy/DocsProvider/index.js

@@ -1 +0,0 @@
-export * from './DocsProvider';

package/legacy/InfoCard/InfoCard.js

@@ -1,86 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { alpha } from '@mui/material/styles';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-import { Link } from '../Link';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function GlowingIconContainer(_ref) {
-  var icon = _ref.icon;
-  return /*#__PURE__*/_jsx(Box, {
-    sx: function sx(theme) {
-      return _extends({
-        width: 40,
-        height: 40,
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        flexShrink: 0,
-        borderRadius: 1,
-        border: '1px solid',
-        borderColor: 'primary.200',
-        bgcolor: 'primary.50',
-        boxShadow: "0px 1px 6px 0px ".concat(alpha(theme.palette.primary[500], 0.2), ", 0px 2px 12px 0px rgba(234, 237, 241, 0.3) inset")
-      }, theme.applyDarkStyles({
-        borderColor: alpha(theme.palette.primary[400], 0.25),
-        bgcolor: alpha(theme.palette.primary[900], 0.25),
-        boxShadow: "0 2px 6px 0 ".concat(alpha(theme.palette.primary[600], 0.3), ", 0px 2px 12px 0px rgba(0, 0, 0, 0.25) inset")
-      }));
-    },
-    children: icon
-  });
-}
-export function InfoCard(props) {
-  var classNameDescription = props.classNameDescription,
-    classNameTitle = props.classNameTitle,
-    dense = props.dense,
-    description = props.description,
-    icon = props.icon,
-    link = props.link,
-    svg = props.svg,
-    title = props.title,
-    titleProps = props.titleProps,
-    other = _objectWithoutProperties(props, ["classNameDescription", "classNameTitle", "dense", "description", "icon", "link", "svg", "title", "titleProps"]);
-  return /*#__PURE__*/_jsxs(Paper, _extends({
-    variant: "outlined",
-    component: link ? Link : 'div',
-    href: link
-  }, link ? {
-    noLinkStyle: true,
-    // Fix overloading with prefetch={false}, only prefetch on hover.
-    prefetch: false
-  } : {}, {
-    sx: function sx(theme) {
-      return _extends({
-        p: dense ? 2.5 : 3.5,
-        height: '100%',
-        background: "".concat((theme.vars || theme).palette.gradients.linearSubtle)
-      }, theme.applyDarkStyles({
-        bgcolor: alpha(theme.palette.primaryDark[800], 0.25),
-        background: "".concat((theme.vars || theme).palette.gradients.linearSubtle),
-        borderColor: 'primaryDark.700'
-      }));
-    }
-  }, other, {
-    children: [svg && svg, icon && /*#__PURE__*/_jsx(GlowingIconContainer, {
-      icon: icon
-    }), /*#__PURE__*/_jsx(Typography, _extends({
-      fontWeight: "bold",
-      component: "h3",
-      color: "text.primary",
-      variant: "body2",
-      mt: icon ? 2 : 0,
-      mb: description ? 0.5 : 0,
-      className: classNameTitle
-    }, titleProps, {
-      children: title
-    })), /*#__PURE__*/_jsx(Typography, {
-      variant: "body2",
-      color: "text.secondary",
-      className: classNameDescription,
-      children: description
-    })]
-  }));
-}

package/legacy/InfoCard/index.js

@@ -1 +0,0 @@
-export * from './InfoCard';

package/legacy/Link/Link.js

@@ -1,101 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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';
-import { useDocsConfig } from '../DocsProvider';
-
-/**
- * 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";
-var Anchor = styled('a')({});
-var NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed(props, ref) {
-  var to = props.to,
-    linkAs = props.linkAs,
-    replace = props.replace,
-    scroll = props.scroll,
-    shallow = props.shallow,
-    prefetch = props.prefetch,
-    _props$legacyBehavior = props.legacyBehavior,
-    legacyBehavior = _props$legacyBehavior === void 0 ? true : _props$legacyBehavior,
-    locale = props.locale,
-    other = _objectWithoutProperties(props, ["to", "linkAs", "replace", "scroll", "shallow", "prefetch", "legacyBehavior", "locale"]);
-  return /*#__PURE__*/_jsx(NextLink, {
-    href: to,
-    prefetch: prefetch,
-    as: linkAs,
-    replace: replace,
-    scroll: scroll,
-    shallow: shallow,
-    passHref: true,
-    locale: locale,
-    legacyBehavior: legacyBehavior,
-    children: /*#__PURE__*/_jsx(Anchor, _extends({
-      "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 var Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
-  var _props$activeClassNam = props.activeClassName,
-    activeClassName = _props$activeClassNam === void 0 ? 'active' : _props$activeClassNam,
-    as = props.as,
-    classNameProps = props.className,
-    href = props.href,
-    legacyBehavior = props.legacyBehavior,
-    linkAsProp = props.linkAs,
-    locale = props.locale,
-    noLinkStyle = props.noLinkStyle,
-    prefetch = props.prefetch,
-    replace = props.replace,
-    role = props.role,
-    scroll = props.scroll,
-    shallow = props.shallow,
-    other = _objectWithoutProperties(props, ["activeClassName", "as", "className", "href", "legacyBehavior", "linkAs", "locale", "noLinkStyle", "prefetch", "replace", "role", "scroll", "shallow"]);
-  var router = useRouter();
-  var pathname = typeof href === 'string' ? href : href == null ? void 0 : href.pathname;
-  var routerPathname = router.pathname.replace('/[docsTab]', '');
-  var shouldBeActive = routerPathname === pathname;
-  var className = clsx(classNameProps, shouldBeActive && activeClassName);
-  var userLanguage = useUserLanguage();
-  var _useDocsConfig = useDocsConfig(),
-    LANGUAGES_IGNORE_PAGES = _useDocsConfig.LANGUAGES_IGNORE_PAGES;
-  var linkAs = linkAsProp || as || href;
-  if (userLanguage !== 'en' && pathname && pathname.indexOf('/') === 0 && !LANGUAGES_IGNORE_PAGES(pathname) && !pathname.startsWith("/".concat(userLanguage, "/"))) {
-    linkAs = "/".concat(userLanguage).concat(linkAs);
-  }
-  var nextjsProps = {
-    to: href,
-    linkAs: linkAs,
-    replace: replace,
-    scroll: scroll,
-    shallow: shallow,
-    legacyBehavior: legacyBehavior,
-    prefetch: prefetch,
-    locale: locale
-  };
-  if (noLinkStyle) {
-    return /*#__PURE__*/_jsx(NextLinkComposed, _extends({
-      className: className,
-      ref: ref
-    }, nextjsProps, other));
-  }
-  return /*#__PURE__*/_jsx(MuiLink, _extends({
-    component: NextLinkComposed,
-    className: className,
-    ref: ref
-  }, nextjsProps, other));
-});

package/legacy/Link/index.js

@@ -1 +0,0 @@
-export * from './Link';

package/legacy/NProgressBar/NProgressBar.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import NProgress from 'nprogress';
-import { NoSsr } from '@mui/base/NoSsr';
-import { exactProp } from '@mui/utils';
-import GlobalStyles from '@mui/material/GlobalStyles';
-import { keyframes } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-NProgress.configure({
-  barSelector: '.nprogress-bar',
-  template: "\n    <div class=\"nprogress-bar\">\n      <div></div>\n      <div></div>\n    </div>\n  "
-});
-var muiNProgressPulse = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  30% {\n    opacity: 0.6;\n  }\n\n  60% {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.6;\n  }\n"])));
-
-/**
- * Elegant and ready-to-use wrapper on top of https://github.com/rstacruz/nprogress/.
- * The implementation is highly inspired by the YouTube one.
- */
-function NProgressBar(props) {
-  return /*#__PURE__*/_jsxs(NoSsr, {
-    children: [props.children, /*#__PURE__*/_jsx(GlobalStyles, {
-      styles: function styles(theme) {
-        return {
-          '#nprogress': _extends({
-            direction: 'ltr',
-            pointerEvents: 'none',
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            right: 0,
-            height: 2,
-            zIndex: (theme.vars || theme).zIndex.tooltip,
-            backgroundColor: (theme.vars || theme).palette.primary[200]
-          }, theme.applyDarkStyles({
-            backgroundColor: (theme.vars || theme).palette.primary[700]
-          }), {
-            '& .nprogress-bar': {
-              position: 'fixed',
-              backgroundColor: (theme.vars || theme).palette.primary.main,
-              top: 0,
-              left: 0,
-              right: 0,
-              height: 2
-            },
-            '& .nprogress-bar > div': {
-              position: 'absolute',
-              top: 0,
-              height: 2,
-              boxShadow: "".concat((theme.vars || theme).palette.primary.main, " 1px 0 6px 1px"),
-              borderRadius: '100%',
-              animation: "".concat(muiNProgressPulse, " 2s ease-out 0s infinite")
-            },
-            '& .nprogress-bar > div:first-of-type': {
-              opacity: 0.6,
-              width: 20,
-              right: 0,
-              clip: 'rect(-6px,22px,14px,10px)'
-            },
-            '& .nprogress-bar > div:last-of-type': {
-              opacity: 0.6,
-              width: 180,
-              right: -80,
-              clip: 'rect(-6px,90px,14px,-6px)'
-            }
-          })
-        };
-      }
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = {
-  children: PropTypes.node
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = exactProp(NProgressBar.propTypes) : void 0;
-}
-export default NProgressBar;

package/legacy/NProgressBar/index.js

@@ -1 +0,0 @@
-export { default } from './NProgressBar';

package/legacy/branding/BrandingProvider.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { ThemeProvider, useTheme } from '@mui/material/styles';
-import { brandingDarkTheme, brandingLightTheme } from './brandingTheme';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function BrandingProvider(props) {
-  var children = props.children,
-    modeProp = props.mode;
-  var upperTheme = useTheme();
-  var mode = modeProp || upperTheme.palette.mode;
-  var theme = mode === 'dark' ? brandingDarkTheme : brandingLightTheme;
-  return /*#__PURE__*/_jsx(ThemeProvider, {
-    theme: modeProp ? function () {
-      return theme;
-    } : theme,
-    children: children
-  });
-}