@mui/lab 7.0.0-beta.1 → 7.0.0-beta.11

package/modern/TabContext/TabContext.js

@@ -1,76 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * @type {React.Context<{ idPrefix: string; value: string } | null>}
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const Context = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  Context.displayName = 'TabContext';
-}
-function useUniquePrefix() {
-  const [id, setId] = React.useState(null);
-  React.useEffect(() => {
-    setId(`mui-p-${Math.round(Math.random() * 1e5)}`);
-  }, []);
-  return id;
-}
-export default function TabContext(props) {
-  const {
-    children,
-    value
-  } = props;
-  const idPrefix = useUniquePrefix();
-  const context = React.useMemo(() => {
-    return {
-      idPrefix,
-      value
-    };
-  }, [idPrefix, value]);
-  return /*#__PURE__*/_jsx(Context.Provider, {
-    value: context,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? TabContext.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * The value of the currently selected `Tab`.
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-} : void 0;
-
-/**
- * @returns {unknown}
- */
-export function useTabContext() {
-  return React.useContext(Context);
-}
-export function getPanelId(context, value) {
-  const {
-    idPrefix
-  } = context;
-  if (idPrefix === null) {
-    return null;
-  }
-  return `${context.idPrefix}-P-${value}`;
-}
-export function getTabId(context, value) {
-  const {
-    idPrefix
-  } = context;
-  if (idPrefix === null) {
-    return null;
-  }
-  return `${context.idPrefix}-T-${value}`;
-}

package/modern/TabContext/index.js

@@ -1,2 +0,0 @@
-export { default } from "./TabContext.js";
-export * from "./TabContext.js";

package/modern/TabList/TabList.js

@@ -1,44 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Tabs from '@mui/material/Tabs';
-import { useTabContext, getTabId, getPanelId } from "../TabContext/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
-  const {
-    children: childrenProp,
-    ...other
-  } = props;
-  const context = useTabContext();
-  if (context === null) {
-    throw new TypeError('No TabContext provided');
-  }
-  const children = React.Children.map(childrenProp, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return null;
-    }
-    return /*#__PURE__*/React.cloneElement(child, {
-      // SOMEDAY: `Tabs` will set those themselves
-      'aria-controls': getPanelId(context, child.props.value),
-      id: getTabId(context, child.props.value)
-    });
-  });
-  return /*#__PURE__*/_jsx(Tabs, {
-    ...other,
-    ref: ref,
-    value: context.value,
-    children: children
-  });
-});
-process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A list of `<Tab />` elements.
-   */
-  children: PropTypes.node
-} : void 0;
-export default TabList;

package/modern/TabList/index.js

@@ -1 +0,0 @@
-export { default } from "./TabList.js";

package/modern/TabPanel/TabPanel.js

@@ -1,96 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { getTabPanelUtilityClass } from "./tabPanelClasses.js";
-import { getPanelId, getTabId, useTabContext } from "../TabContext/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    hidden
-  } = ownerState;
-  const slots = {
-    root: ['root', hidden && 'hidden']
-  };
-  return composeClasses(slots, getTabPanelUtilityClass, classes);
-};
-const TabPanelRoot = styled('div', {
-  name: 'MuiTabPanel',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme
-}) => ({
-  padding: theme.spacing(3)
-}));
-const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiTabPanel'
-  });
-  const {
-    children,
-    className,
-    value,
-    keepMounted = false,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props
-  };
-  const classes = useUtilityClasses(ownerState);
-  const context = useTabContext();
-  if (context === null) {
-    throw new TypeError('No TabContext provided');
-  }
-  const id = getPanelId(context, value);
-  const tabId = getTabId(context, value);
-  return /*#__PURE__*/_jsx(TabPanelRoot, {
-    "aria-labelledby": tabId,
-    className: clsx(classes.root, className),
-    hidden: value !== context.value,
-    id: id,
-    ref: ref,
-    role: "tabpanel",
-    ownerState: ownerState,
-    ...other,
-    children: (keepMounted || value === context.value) && children
-  });
-});
-process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Always keep the children in the DOM.
-   * @default false
-   */
-  keepMounted: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The `value` of the corresponding `Tab`. Must use the index of the `Tab` when
-   * no `value` was passed to `Tab`.
-   */
-  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired
-} : void 0;
-export default TabPanel;

package/modern/TabPanel/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TabPanel.js";
-export { default as tabPanelClasses } from "./tabPanelClasses.js";
-export * from "./tabPanelClasses.js";

package/modern/TabPanel/tabPanelClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTabPanelUtilityClass(slot) {
-  return generateUtilityClass('MuiTabPanel', slot);
-}
-const tabPanelClasses = generateUtilityClasses('MuiTabPanel', ['root', 'hidden']);
-export default tabPanelClasses;

package/modern/TimePicker/TimePicker.js

@@ -1,20 +0,0 @@
-'use client';
-
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import * as React from 'react';
-let warnedOnce = false;
-const warn = () => {
-  if (!warnedOnce) {
-    console.warn(['MUI: The TimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { TimePicker } from '@mui/x-date-pickers'`", "or `import { TimePicker } from '@mui/x-date-pickers/TimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
-    warnedOnce = true;
-  }
-};
-/**
- * @deprecated The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
- * @ignore - do not document.
- */
-const TimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedTimePicker() {
-  warn();
-  return null;
-});
-export default TimePicker;

package/modern/TimePicker/index.js

@@ -1,2 +0,0 @@
-export { default } from "./TimePicker.js";
-export * from "./TimePicker.js";

package/modern/Timeline/Timeline.js

@@ -1,114 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { styled, useThemeProps } from '@mui/material/styles';
-import TimelineContext from "./TimelineContext.js";
-import { getTimelineUtilityClass } from "./timelineClasses.js";
-import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    position,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', position && convertTimelinePositionToClass(position)]
-  };
-  return composeClasses(slots, getTimelineUtilityClass, classes);
-};
-const TimelineRoot = styled('ul', {
-  name: 'MuiTimeline',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.position && styles[convertTimelinePositionToClass(ownerState.position)]];
-  }
-})({
-  display: 'flex',
-  flexDirection: 'column',
-  padding: '6px 16px',
-  flexGrow: 1
-});
-
-/**
- *
- * Demos:
- *
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
- *
- * API:
- *
- * - [Timeline API](https://next.mui.com/material-ui/api/timeline/)
- */
-const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiTimeline'
-  });
-  const {
-    position = 'right',
-    className,
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    position
-  };
-  const classes = useUtilityClasses(ownerState);
-  const contextValue = React.useMemo(() => ({
-    position
-  }), [position]);
-  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx(TimelineRoot, {
-      className: clsx(classes.root, className),
-      ownerState: ownerState,
-      ref: ref,
-      ...other
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * className applied to the root element.
-   */
-  className: PropTypes.string,
-  /**
-   * The position where the TimelineContent should appear relative to the time axis.
-   * @default 'right'
-   */
-  position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-
-/**
- *
- * Demos:
- *
- * - [Timeline](https://mui.com/components/timeline/)
- *
- * API:
- *
- * - [Timeline API](https://mui.com/api/timeline/)
- */
-export default Timeline;

package/modern/Timeline/Timeline.types.js

@@ -1 +0,0 @@
-export {};

package/modern/Timeline/TimelineContext.js

@@ -1,12 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-/**
- * @ignore - internal component.
- */
-const TimelineContext = /*#__PURE__*/React.createContext({});
-if (process.env.NODE_ENV !== 'production') {
-  TimelineContext.displayName = 'TimelineContext';
-}
-export default TimelineContext;

package/modern/Timeline/index.js

@@ -1,4 +0,0 @@
-export { default } from "./Timeline.js";
-export * from "./Timeline.types.js";
-export { default as timelineClasses } from "./timelineClasses.js";
-export * from "./timelineClasses.js";

package/modern/Timeline/timelineClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTimelineUtilityClass(slot) {
-  return generateUtilityClass('MuiTimeline', slot);
-}
-const timelineClasses = generateUtilityClasses('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
-export default timelineClasses;

package/modern/TimelineConnector/TimelineConnector.js

@@ -1,72 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { getTimelineConnectorUtilityClass } from "./timelineConnectorClasses.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getTimelineConnectorUtilityClass, classes);
-};
-const TimelineConnectorRoot = styled('span', {
-  name: 'MuiTimelineConnector',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme
-}) => {
-  return {
-    width: 2,
-    backgroundColor: (theme.vars || theme).palette.grey[400],
-    flexGrow: 1
-  };
-});
-const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnector(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiTimelineConnector'
-  });
-  const {
-    className,
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineConnectorRoot, {
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default TimelineConnector;

package/modern/TimelineConnector/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TimelineConnector.js";
-export { default as timelineConnectorClasses } from "./timelineConnectorClasses.js";
-export * from "./timelineConnectorClasses.js";

package/modern/TimelineConnector/timelineConnectorClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTimelineConnectorUtilityClass(slot) {
-  return generateUtilityClass('MuiTimelineConnector', slot);
-}
-const timelineConnectorClasses = generateUtilityClasses('MuiTimelineConnector', ['root']);
-export default timelineConnectorClasses;

package/modern/TimelineContent/TimelineContent.js

@@ -1,89 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import Typography from '@mui/material/Typography';
-import TimelineContext from "../Timeline/TimelineContext.js";
-import { getTimelineContentUtilityClass } from "./timelineContentClasses.js";
-import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const useUtilityClasses = ownerState => {
-  const {
-    position,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', convertTimelinePositionToClass(position)]
-  };
-  return composeClasses(slots, getTimelineContentUtilityClass, classes);
-};
-const TimelineContentRoot = styled(Typography, {
-  name: 'MuiTimelineContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
-  }
-})(({
-  ownerState
-}) => ({
-  flex: 1,
-  padding: '6px 16px',
-  textAlign: 'left',
-  ...(ownerState.position === 'left' && {
-    textAlign: 'right'
-  })
-}));
-const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiTimelineContent'
-  });
-  const {
-    className,
-    ...other
-  } = props;
-  const {
-    position: positionContext
-  } = React.useContext(TimelineContext);
-  const ownerState = {
-    ...props,
-    position: positionContext || 'right'
-  };
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(TimelineContentRoot, {
-    component: "div",
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    ref: ref,
-    ...other
-  });
-});
-process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export default TimelineContent;

package/modern/TimelineContent/index.js

@@ -1,3 +0,0 @@
-export { default } from "./TimelineContent.js";
-export { default as timelineContentClasses } from "./timelineContentClasses.js";
-export * from "./timelineContentClasses.js";

package/modern/TimelineContent/timelineContentClasses.js

@@ -1,7 +0,0 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getTimelineContentUtilityClass(slot) {
-  return generateUtilityClass('MuiTimelineContent', slot);
-}
-const timelineContentClasses = generateUtilityClasses('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
-export default timelineContentClasses;