@mui/lab 5.0.0-alpha.100

package/TreeView/TreeViewContext.js

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

package/TreeView/descendants.js

@@ -0,0 +1,198 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["element"];
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
+/** Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md
+ *  Modified slightly to suit our purposes.
+ */
+// To replace with .findIndex() once we stop IE11 support.
+
+import { jsx as _jsx } from "react/jsx-runtime";
+
+function findIndex(array, comp) {
+  for (let i = 0; i < array.length; i += 1) {
+    if (comp(array[i])) {
+      return i;
+    }
+  }
+
+  return -1;
+}
+
+function binaryFindElement(array, element) {
+  let start = 0;
+  let end = array.length - 1;
+
+  while (start <= end) {
+    const middle = Math.floor((start + end) / 2);
+
+    if (array[middle].element === element) {
+      return middle;
+    } // eslint-disable-next-line no-bitwise
+
+
+    if (array[middle].element.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_PRECEDING) {
+      end = middle - 1;
+    } else {
+      start = middle + 1;
+    }
+  }
+
+  return start;
+}
+
+const DescendantContext = /*#__PURE__*/React.createContext({});
+
+if (process.env.NODE_ENV !== 'production') {
+  DescendantContext.displayName = 'DescendantContext';
+}
+
+function usePrevious(value) {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+const noop = () => {};
+/**
+ * This hook registers our descendant by passing it into an array. We can then
+ * search that array by to find its index when registering it in the component.
+ * We use this for focus management, keyboard navigation, and typeahead
+ * functionality for some components.
+ *
+ * The hook accepts the element node
+ *
+ * Our main goals with this are:
+ *   1) maximum composability,
+ *   2) minimal API friction
+ *   3) SSR compatibility*
+ *   4) concurrent safe
+ *   5) index always up-to-date with the tree despite changes
+ *   6) works with memoization of any component in the tree (hopefully)
+ *
+ * * As for SSR, the good news is that we don't actually need the index on the
+ * server for most use-cases, as we are only using it to determine the order of
+ * composed descendants for keyboard navigation.
+ */
+
+
+export function useDescendant(descendant) {
+  const [, forceUpdate] = React.useState();
+  const {
+    registerDescendant = noop,
+    unregisterDescendant = noop,
+    descendants = [],
+    parentId = null
+  } = React.useContext(DescendantContext); // This will initially return -1 because we haven't registered the descendant
+  // on the first render. After we register, this will then return the correct
+  // index on the following render and we will re-register descendants
+  // so that everything is up-to-date before the user interacts with a
+  // collection.
+
+  const index = findIndex(descendants, item => item.element === descendant.element);
+  const previousDescendants = usePrevious(descendants); // We also need to re-register descendants any time ANY of the other
+  // descendants have changed. My brain was melting when I wrote this and it
+  // feels a little off, but checking in render and using the result in the
+  // effect's dependency array works well enough.
+
+  const someDescendantsHaveChanged = descendants.some((newDescendant, position) => {
+    return previousDescendants && previousDescendants[position] && previousDescendants[position].element !== newDescendant.element;
+  }); // Prevent any flashing
+
+  useEnhancedEffect(() => {
+    if (descendant.element) {
+      registerDescendant(_extends({}, descendant, {
+        index
+      }));
+      return () => {
+        unregisterDescendant(descendant.element);
+      };
+    }
+
+    forceUpdate({});
+    return undefined;
+  }, [registerDescendant, unregisterDescendant, index, someDescendantsHaveChanged, descendant]);
+  return {
+    parentId,
+    index
+  };
+}
+export function DescendantProvider(props) {
+  const {
+    children,
+    id
+  } = props;
+  const [items, set] = React.useState([]);
+  const registerDescendant = React.useCallback(_ref => {
+    let {
+      element
+    } = _ref,
+        other = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+    set(oldItems => {
+      let newItems;
+
+      if (oldItems.length === 0) {
+        // If there are no items, register at index 0 and bail.
+        return [_extends({}, other, {
+          element,
+          index: 0
+        })];
+      }
+
+      const index = binaryFindElement(oldItems, element);
+
+      if (oldItems[index] && oldItems[index].element === element) {
+        // If the element is already registered, just use the same array
+        newItems = oldItems;
+      } else {
+        // When registering a descendant, we need to make sure we insert in
+        // into the array in the same order that it appears in the DOM. So as
+        // new descendants are added or maybe some are removed, we always know
+        // that the array is up-to-date and correct.
+        //
+        // So here we look at our registered descendants and see if the new
+        // element we are adding appears earlier than an existing descendant's
+        // DOM node via `node.compareDocumentPosition`. If it does, we insert
+        // the new element at this index. Because `registerDescendant` will be
+        // called in an effect every time the descendants state value changes,
+        // we should be sure that this index is accurate when descendent
+        // elements come or go from our component.
+        const newItem = _extends({}, other, {
+          element,
+          index
+        }); // If an index is not found we will push the element to the end.
+
+
+        newItems = oldItems.slice();
+        newItems.splice(index, 0, newItem);
+      }
+
+      newItems.forEach((item, position) => {
+        item.index = position;
+      });
+      return newItems;
+    });
+  }, []);
+  const unregisterDescendant = React.useCallback(element => {
+    set(oldItems => oldItems.filter(item => element !== item.element));
+  }, []);
+  const value = React.useMemo(() => ({
+    descendants: items,
+    registerDescendant,
+    unregisterDescendant,
+    parentId: id
+  }), [items, registerDescendant, unregisterDescendant, id]);
+  return /*#__PURE__*/_jsx(DescendantContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+process.env.NODE_ENV !== "production" ? DescendantProvider.propTypes = {
+  children: PropTypes.node,
+  id: PropTypes.string
+} : void 0;

package/TreeView/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './TreeView';
+export * from './TreeView';
+
+export { default as treeViewClasses } from './treeViewClasses';
+export * from './treeViewClasses';

package/TreeView/index.js

@@ -0,0 +1,3 @@
+export { default } from './TreeView';
+export { default as treeViewClasses } from './treeViewClasses';
+export * from './treeViewClasses';

package/TreeView/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/TreeView/index.js",
+  "types": "./index.d.ts"
+}

package/TreeView/treeViewClasses.d.ts

@@ -0,0 +1,8 @@
+export interface TreeViewClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export declare type TreeViewClassKey = keyof TreeViewClasses;
+export declare function getTreeViewUtilityClass(slot: string): string;
+declare const treeViewClasses: TreeViewClasses;
+export default treeViewClasses;

package/TreeView/treeViewClasses.js

@@ -0,0 +1,6 @@
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
+export function getTreeViewUtilityClass(slot) {
+  return generateUtilityClass('MuiTreeView', slot);
+}
+const treeViewClasses = generateUtilityClasses('MuiTreeView', ['root']);
+export default treeViewClasses;

package/YearPicker/YearPicker.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare type YearPickerComponent = (<TDate>(props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
+    propTypes?: any;
+};
+/**
+ * @ignore - do not document.
+ */
+declare const YearPicker: YearPickerComponent;
+export default YearPicker;
+export declare const yearPickerClasses: {};
+export declare const getYearPickerUtilityClass: (slot: string) => string;
+export declare type YearPickerClasses = any;
+export declare type YearPickerClassKey = any;
+export declare type YearPickerProps<TDate> = Record<any, any>;

package/YearPicker/YearPicker.js

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

package/YearPicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './YearPicker';
+export * from './YearPicker';

package/YearPicker/index.js

@@ -0,0 +1,2 @@
+export { default } from './YearPicker';
+export * from './YearPicker';

package/YearPicker/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/YearPicker/index.js",
+  "types": "./index.d.ts"
+}

package/index.d.ts

@@ -0,0 +1,155 @@
+export { default as Alert } from './Alert';
+export * from './Alert';
+
+export { default as AlertTitle } from './AlertTitle';
+export * from './AlertTitle';
+
+export { default as Autocomplete } from './Autocomplete';
+export * from './Autocomplete';
+
+export { default as AvatarGroup } from './AvatarGroup';
+export * from './AvatarGroup';
+
+export { default as CalendarPicker } from './CalendarPicker';
+export * from './CalendarPicker';
+
+export { default as CalendarPickerSkeleton } from './CalendarPickerSkeleton';
+export * from './CalendarPickerSkeleton';
+
+export { default as ClockPicker } from './ClockPicker';
+export * from './ClockPicker';
+
+export { default as DatePicker } from './DatePicker';
+export * from './DatePicker';
+
+export { default as DateRangePicker } from './DateRangePicker';
+export * from './DateRangePicker';
+
+export { default as DateRangePickerDay } from './DateRangePickerDay';
+export * from './DateRangePickerDay';
+
+export { default as DateTimePicker } from './DateTimePicker';
+export * from './DateTimePicker';
+
+export { default as DesktopDatePicker } from './DesktopDatePicker';
+export * from './DesktopDatePicker';
+
+export { default as DesktopDateRangePicker } from './DesktopDateRangePicker';
+export * from './DesktopDateRangePicker';
+
+export { default as DesktopDateTimePicker } from './DesktopDateTimePicker';
+export * from './DesktopDateTimePicker';
+
+export { default as DesktopTimePicker } from './DesktopTimePicker';
+export * from './DesktopTimePicker';
+
+export { default as LoadingButton } from './LoadingButton';
+export * from './LoadingButton';
+
+export { default as LocalizationProvider } from './LocalizationProvider';
+export * from './LocalizationProvider';
+
+export { default as MobileDatePicker } from './MobileDatePicker';
+export * from './MobileDatePicker';
+
+export { default as MobileDateRangePicker } from './MobileDateRangePicker';
+export * from './MobileDateRangePicker';
+
+export { default as MobileDateTimePicker } from './MobileDateTimePicker';
+export * from './MobileDateTimePicker';
+
+export { default as MobileTimePicker } from './MobileTimePicker';
+export * from './MobileTimePicker';
+
+export { default as MonthPicker } from './MonthPicker';
+export * from './MonthPicker';
+
+export { default as Pagination } from './Pagination';
+export * from './Pagination';
+
+export { default as PaginationItem } from './PaginationItem';
+export * from './PaginationItem';
+
+export { default as PickersDay } from './PickersDay';
+export * from './PickersDay';
+
+export { default as Rating } from './Rating';
+export * from './Rating';
+
+export { default as Skeleton } from './Skeleton';
+export * from './Skeleton';
+
+export { default as SpeedDial } from './SpeedDial';
+export * from './SpeedDial';
+
+export { default as SpeedDialAction } from './SpeedDialAction';
+export * from './SpeedDialAction';
+
+export { default as SpeedDialIcon } from './SpeedDialIcon';
+export * from './SpeedDialIcon';
+
+export { default as StaticDatePicker } from './StaticDatePicker';
+export * from './StaticDatePicker';
+
+export { default as StaticDateRangePicker } from './StaticDateRangePicker';
+export * from './StaticDateRangePicker';
+
+export { default as StaticDateTimePicker } from './StaticDateTimePicker';
+export * from './StaticDateTimePicker';
+
+export { default as StaticTimePicker } from './StaticTimePicker';
+export * from './StaticTimePicker';
+
+export { default as TabContext } from './TabContext';
+export * from './TabContext';
+
+export { default as TabList } from './TabList';
+export * from './TabList';
+
+export { default as TabPanel } from './TabPanel';
+export * from './TabPanel';
+
+export { default as TimePicker } from './TimePicker';
+export * from './TimePicker';
+
+export { default as Timeline } from './Timeline';
+export * from './Timeline';
+
+export { default as TimelineConnector } from './TimelineConnector';
+export * from './TimelineConnector';
+
+export { default as TimelineContent } from './TimelineContent';
+export * from './TimelineContent';
+
+export { default as TimelineDot } from './TimelineDot';
+export * from './TimelineDot';
+
+export { default as TimelineItem } from './TimelineItem';
+export * from './TimelineItem';
+
+export { default as TimelineOppositeContent } from './TimelineOppositeContent';
+export * from './TimelineOppositeContent';
+
+export { default as TimelineSeparator } from './TimelineSeparator';
+export * from './TimelineSeparator';
+
+export { default as ToggleButton } from './ToggleButton';
+export * from './ToggleButton';
+
+export { default as ToggleButtonGroup } from './ToggleButtonGroup';
+export * from './ToggleButtonGroup';
+
+export { default as TreeItem } from './TreeItem';
+export * from './TreeItem';
+
+export { default as TreeView } from './TreeView';
+export * from './TreeView';
+
+export { default as YearPicker } from './YearPicker';
+export * from './YearPicker';
+
+export { default as useAutocomplete } from './useAutocomplete';
+export * from './useAutocomplete';
+
+export { default as Masonry } from './Masonry';
+export * from './Masonry';

package/index.js

@@ -0,0 +1,110 @@
+/** @license MUI v5.0.0-alpha.100
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/* eslint-disable import/export */
+export { default as Alert } from './Alert';
+export * from './Alert';
+export { default as AlertTitle } from './AlertTitle';
+export * from './AlertTitle';
+export { default as Autocomplete } from './Autocomplete';
+export * from './Autocomplete';
+export { default as AvatarGroup } from './AvatarGroup';
+export * from './AvatarGroup';
+export { default as CalendarPicker } from './CalendarPicker';
+export * from './CalendarPicker';
+export { default as ClockPicker } from './ClockPicker';
+export * from './ClockPicker';
+export { default as DatePicker } from './DatePicker';
+export * from './DatePicker';
+export { default as DateRangePicker } from './DateRangePicker';
+export * from './DateRangePicker';
+export { default as DateRangePickerDay } from './DateRangePickerDay';
+export * from './DateRangePickerDay';
+export { default as DateTimePicker } from './DateTimePicker';
+export * from './DateTimePicker';
+export { default as DesktopDatePicker } from './DesktopDatePicker';
+export * from './DesktopDatePicker';
+export { default as DesktopDateRangePicker } from './DesktopDateRangePicker';
+export * from './DesktopDateRangePicker';
+export { default as DesktopDateTimePicker } from './DesktopDateTimePicker';
+export * from './DesktopDateTimePicker';
+export { default as DesktopTimePicker } from './DesktopTimePicker';
+export * from './DesktopTimePicker';
+export { default as LoadingButton } from './LoadingButton';
+export * from './LoadingButton';
+export { default as LocalizationProvider } from './LocalizationProvider';
+export * from './LocalizationProvider';
+export { default as MobileDatePicker } from './MobileDatePicker';
+export * from './MobileDatePicker';
+export { default as MobileDateRangePicker } from './MobileDateRangePicker';
+export * from './MobileDateRangePicker';
+export { default as MobileDateTimePicker } from './MobileDateTimePicker';
+export * from './MobileDateTimePicker';
+export { default as MobileTimePicker } from './MobileTimePicker';
+export * from './MobileTimePicker';
+export { default as MonthPicker } from './MonthPicker';
+export * from './MonthPicker';
+export { default as Pagination } from './Pagination';
+export * from './Pagination';
+export { default as PaginationItem } from './PaginationItem';
+export * from './PaginationItem';
+export { default as CalendarPickerSkeleton } from './CalendarPickerSkeleton';
+export * from './CalendarPickerSkeleton';
+export { default as PickersDay } from './PickersDay';
+export * from './PickersDay';
+export { default as Rating } from './Rating';
+export * from './Rating';
+export { default as Skeleton } from './Skeleton';
+export * from './Skeleton';
+export { default as SpeedDial } from './SpeedDial';
+export * from './SpeedDial';
+export { default as SpeedDialAction } from './SpeedDialAction';
+export * from './SpeedDialAction';
+export { default as SpeedDialIcon } from './SpeedDialIcon';
+export * from './SpeedDialIcon';
+export { default as StaticDatePicker } from './StaticDatePicker';
+export * from './StaticDatePicker';
+export { default as StaticDateRangePicker } from './StaticDateRangePicker';
+export * from './StaticDateRangePicker';
+export { default as StaticDateTimePicker } from './StaticDateTimePicker';
+export * from './StaticDateTimePicker';
+export { default as StaticTimePicker } from './StaticTimePicker';
+export * from './StaticTimePicker';
+export { default as TabContext } from './TabContext';
+export * from './TabContext';
+export { default as TabList } from './TabList';
+export * from './TabList';
+export { default as TabPanel } from './TabPanel';
+export * from './TabPanel';
+export { default as TimePicker } from './TimePicker';
+export * from './TimePicker';
+export { default as Timeline } from './Timeline';
+export * from './Timeline';
+export { default as TimelineConnector } from './TimelineConnector';
+export * from './TimelineConnector';
+export { default as TimelineContent } from './TimelineContent';
+export * from './TimelineContent';
+export { default as TimelineDot } from './TimelineDot';
+export * from './TimelineDot';
+export { default as TimelineItem } from './TimelineItem';
+export * from './TimelineItem';
+export { default as TimelineOppositeContent } from './TimelineOppositeContent';
+export * from './TimelineOppositeContent';
+export { default as TimelineSeparator } from './TimelineSeparator';
+export * from './TimelineSeparator';
+export { default as ToggleButton } from './ToggleButton';
+export * from './ToggleButton';
+export { default as ToggleButtonGroup } from './ToggleButtonGroup';
+export * from './ToggleButtonGroup';
+export { default as TreeItem } from './TreeItem';
+export * from './TreeItem';
+export { default as TreeView } from './TreeView';
+export * from './TreeView';
+export { default as YearPicker } from './YearPicker';
+export * from './YearPicker'; // createFilterOptions is exported from Autocomplete
+
+export { default as useAutocomplete } from './useAutocomplete';
+export { default as Masonry } from './Masonry';
+export * from './Masonry';

package/internal/svg-icons/ArrowDropDown.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @ignore - internal component.
+ */
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default _default;

package/internal/svg-icons/ArrowDropDown.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { createSvgIcon } from '@mui/material/utils';
+/**
+ * @ignore - internal component.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+  d: "M7 10l5 5 5-5z"
+}), 'ArrowDropDown');

package/internal/svg-icons/ArrowLeft.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @ignore - internal component.
+ */
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default _default;

package/internal/svg-icons/ArrowLeft.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { createSvgIcon } from '@mui/material/utils';
+/**
+ * @ignore - internal component.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+  d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
+}), 'ArrowLeft');

package/internal/svg-icons/ArrowRight.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @ignore - internal component.
+ */
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default _default;

package/internal/svg-icons/ArrowRight.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { createSvgIcon } from '@mui/material/utils';
+/**
+ * @ignore - internal component.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+  d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
+}), 'ArrowRight');

package/internal/svg-icons/Calendar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @ignore - internal component.
+ */
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default _default;

package/internal/svg-icons/Calendar.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { createSvgIcon } from '@mui/material/utils';
+/**
+ * @ignore - internal component.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+export default createSvgIcon( /*#__PURE__*/_jsx("path", {
+  d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
+}), 'Calendar');

package/internal/svg-icons/Clock.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @ignore - internal component.
+ */
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export default _default;