@mui/lab 5.0.0-alpha.75 → 5.0.0-alpha.78

package/modern/internal/pickers/text-field-helper.js

@@ -1,66 +0,0 @@
-export function getTextFieldAriaText(rawValue, utils) {
-  // TODO: should `isValid` narrow `TDate | null` to `NonNullable<TDate>`?
-  // Either we allow `TDate | null` to be valid and guard against calling `formatByString` with `null`.
-  // Or we ensure `formatByString` is callable with `null`.
-  return rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Choose date';
-}
-export const getDisplayDate = (utils, value, inputFormat) => {
-  const date = utils.date(value);
-  const isEmpty = value === null;
-
-  if (isEmpty) {
-    return '';
-  }
-
-  return utils.isValid(date) ? utils.formatByString( // TODO: should `isValid` narrow `TDate | null` to `NonNullable<TDate>`?
-  // Either we allow `TDate | null` to be valid and guard against calling `formatByString` with `null`.
-  // Or we ensure `formatByString` is callable with `null`.
-  date, inputFormat) : '';
-};
-export function pick12hOr24hFormat(userFormat, ampm, formats) {
-  if (userFormat) {
-    return userFormat;
-  }
-
-  if (typeof ampm === 'undefined') {
-    return formats.localized;
-  }
-
-  return ampm ? formats['12h'] : formats['24h'];
-}
-const MASK_USER_INPUT_SYMBOL = '_';
-const staticDateWith2DigitTokens = '2019-11-21T22:30:00.000';
-const staticDateWith1DigitTokens = '2019-01-01T09:00:00.000';
-export function checkMaskIsValidForCurrentFormat(mask, format, acceptRegex, utils) {
-  const formattedDateWith1Digit = utils.formatByString(utils.date(staticDateWith1DigitTokens), format);
-  const inferredFormatPatternWith1Digits = formattedDateWith1Digit.replace(acceptRegex, MASK_USER_INPUT_SYMBOL);
-  const inferredFormatPatternWith2Digits = utils.formatByString(utils.date(staticDateWith2DigitTokens), format).replace(acceptRegex, '_');
-  const isMaskValid = inferredFormatPatternWith2Digits === mask && inferredFormatPatternWith1Digits === mask;
-
-  if (!isMaskValid && utils.lib !== 'luxon' && process.env.NODE_ENV !== 'production') {
-    console.warn(`The mask "${mask}" you passed is not valid for the format used ${format}. Falling down to uncontrolled not-masked input.`);
-  }
-
-  return isMaskValid;
-}
-export const maskedDateFormatter = (mask, acceptRegexp) => value => {
-  return value.split('').map((char, i) => {
-    acceptRegexp.lastIndex = 0;
-
-    if (i > mask.length - 1) {
-      return '';
-    }
-
-    const maskChar = mask[i];
-    const nextMaskChar = mask[i + 1];
-    const acceptedChar = acceptRegexp.test(char) ? char : '';
-    const formattedChar = maskChar === MASK_USER_INPUT_SYMBOL ? acceptedChar : maskChar + acceptedChar;
-
-    if (i === value.length - 1 && nextMaskChar && nextMaskChar !== MASK_USER_INPUT_SYMBOL) {
-      // when cursor at the end of mask part (e.g. month) prerender next symbol "21" -> "21/"
-      return formattedChar ? formattedChar + nextMaskChar : '';
-    }
-
-    return formattedChar;
-  }).join('');
-};

package/modern/internal/pickers/time-utils.js

@@ -1,68 +0,0 @@
-export const getMeridiem = (date, utils) => {
-  if (!date) {
-    return null;
-  }
-
-  return utils.getHours(date) >= 12 ? 'pm' : 'am';
-};
-export const convertValueToMeridiem = (value, meridiem, ampm) => {
-  if (ampm) {
-    const currentMeridiem = value >= 12 ? 'pm' : 'am';
-
-    if (currentMeridiem !== meridiem) {
-      return meridiem === 'am' ? value - 12 : value + 12;
-    }
-  }
-
-  return value;
-};
-export const convertToMeridiem = (time, meridiem, ampm, utils) => {
-  const newHoursAmount = convertValueToMeridiem(utils.getHours(time), meridiem, ampm);
-  return utils.setHours(time, newHoursAmount);
-};
-export function getSecondsInDay(date, utils) {
-  return utils.getHours(date) * 3600 + utils.getMinutes(date) * 60 + utils.getSeconds(date);
-}
-export const createIsAfterIgnoreDatePart = (disableIgnoringDatePartForTimeValidation, utils) => (dateLeft, dateRight) => {
-  if (disableIgnoringDatePartForTimeValidation) {
-    return utils.isAfter(dateLeft, dateRight);
-  }
-
-  return getSecondsInDay(dateLeft, utils) > getSecondsInDay(dateRight, utils);
-};
-export const validateTime = (utils, value, {
-  minTime,
-  maxTime,
-  shouldDisableTime,
-  disableIgnoringDatePartForTimeValidation
-}) => {
-  const date = utils.date(value);
-  const isAfterComparingFn = createIsAfterIgnoreDatePart(Boolean(disableIgnoringDatePartForTimeValidation), utils);
-
-  if (value === null) {
-    return null;
-  }
-
-  switch (true) {
-    case !utils.isValid(value):
-      return 'invalidDate';
-
-    case Boolean(minTime && isAfterComparingFn(minTime, date)):
-      return 'minTime';
-
-    case Boolean(maxTime && isAfterComparingFn(date, maxTime)):
-      return 'maxTime';
-
-    case Boolean(shouldDisableTime && shouldDisableTime(utils.getHours(date), 'hours')):
-      return 'shouldDisableTime-hours';
-
-    case Boolean(shouldDisableTime && shouldDisableTime(utils.getMinutes(date), 'minutes')):
-      return 'shouldDisableTime-minutes';
-
-    case Boolean(shouldDisableTime && shouldDisableTime(utils.getSeconds(date), 'seconds')):
-      return 'shouldDisableTime-seconds';
-
-    default:
-      return null;
-  }
-};

package/modern/internal/pickers/typings/BasePicker.js

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

package/modern/internal/pickers/typings/Views.js

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

package/modern/internal/pickers/typings/helpers.js

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

package/modern/internal/pickers/utils.js

@@ -1,36 +0,0 @@
-/* Use it instead of .includes method for IE support */
-export function arrayIncludes(array, itemOrItems) {
-  if (Array.isArray(itemOrItems)) {
-    return itemOrItems.every(item => array.indexOf(item) !== -1);
-  }
-
-  return array.indexOf(itemOrItems) !== -1;
-}
-export const onSpaceOrEnter = (innerFn, onFocus) => event => {
-  if (event.key === 'Enter' || event.key === ' ') {
-    innerFn(); // prevent any side effects
-
-    event.preventDefault();
-    event.stopPropagation();
-  }
-
-  if (onFocus) {
-    onFocus(event);
-  }
-};
-/* Quick untyped helper to improve function composition readability */
-
-export const pipe = (...fns) => fns.reduceRight((prevFn, nextFn) => (...args) => nextFn(prevFn(...args)), value => value);
-export const executeInTheNextEventLoopTick = fn => {
-  setTimeout(fn, 0);
-};
-export function createDelegatedEventHandler(fn, onEvent) {
-  return event => {
-    fn(event);
-
-    if (onEvent) {
-      onEvent(event);
-    }
-  };
-}
-export const doNothing = () => {};

package/modern/internal/pickers/wrappers/DesktopTooltipWrapper.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useForkRef } from '@mui/material/utils';
-import { WrapperVariantContext } from './WrapperVariantContext';
-import { executeInTheNextEventLoopTick } from '../utils';
-import PickersPopper from '../PickersPopper';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-function DesktopTooltipWrapper(props) {
-  const {
-    children,
-    DateInputProps,
-    KeyboardDateInputComponent,
-    onDismiss,
-    open,
-    PopperProps,
-    TransitionComponent
-  } = props;
-  const inputContainerRef = React.useRef(null);
-  const popperRef = React.useRef(null);
-
-  const handleBlur = () => {
-    executeInTheNextEventLoopTick(() => {
-      if (inputContainerRef.current?.contains(document.activeElement) || popperRef.current?.contains(document.activeElement)) {
-        return;
-      }
-
-      onDismiss();
-    });
-  };
-
-  const inputComponentRef = useForkRef(DateInputProps.ref, inputContainerRef);
-  return /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
-    value: "desktop",
-    children: [/*#__PURE__*/_jsx(KeyboardDateInputComponent, _extends({}, DateInputProps, {
-      ref: inputComponentRef,
-      onBlur: handleBlur
-    })), /*#__PURE__*/_jsx(PickersPopper, {
-      role: "tooltip",
-      open: open,
-      containerRef: popperRef,
-      anchorEl: inputContainerRef.current,
-      TransitionComponent: TransitionComponent,
-      PopperProps: PopperProps,
-      onBlur: handleBlur,
-      onClose: onDismiss,
-      children: children
-    })]
-  });
-}
-
-export default DesktopTooltipWrapper;

package/modern/internal/pickers/wrappers/DesktopWrapper.js

@@ -1,45 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useForkRef } from '@mui/material/utils';
-import { WrapperVariantContext } from './WrapperVariantContext';
-import PickersPopper from '../PickersPopper';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-function DesktopWrapper(props) {
-  const {
-    children,
-    DateInputProps,
-    KeyboardDateInputComponent,
-    onDismiss,
-    open,
-    PopperProps,
-    PaperProps,
-    TransitionComponent,
-    onClear,
-    clearText,
-    clearable
-  } = props;
-  const ownInputRef = React.useRef(null);
-  const inputRef = useForkRef(DateInputProps.inputRef, ownInputRef);
-  return /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
-    value: "desktop",
-    children: [/*#__PURE__*/_jsx(KeyboardDateInputComponent, _extends({}, DateInputProps, {
-      inputRef: inputRef
-    })), /*#__PURE__*/_jsx(PickersPopper, {
-      role: "dialog",
-      open: open,
-      anchorEl: ownInputRef.current,
-      TransitionComponent: TransitionComponent,
-      PopperProps: PopperProps,
-      PaperProps: PaperProps,
-      onClose: onDismiss,
-      onClear: onClear,
-      clearText: clearText,
-      clearable: clearable,
-      children: children
-    })]
-  });
-}
-
-export default DesktopWrapper;

package/modern/internal/pickers/wrappers/MobileWrapper.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["cancelText", "children", "clearable", "clearText", "DateInputProps", "DialogProps", "okText", "onAccept", "onClear", "onDismiss", "onSetToday", "open", "PureDateInputComponent", "showTodayButton", "todayText"];
-import * as React from 'react';
-import { WrapperVariantContext } from './WrapperVariantContext';
-import PickersModalDialog from '../PickersModalDialog';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-function MobileWrapper(props) {
-  const {
-    cancelText,
-    children,
-    clearable,
-    clearText,
-    DateInputProps,
-    DialogProps,
-    okText,
-    onAccept,
-    onClear,
-    onDismiss,
-    onSetToday,
-    open,
-    PureDateInputComponent,
-    showTodayButton,
-    todayText
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  return /*#__PURE__*/_jsxs(WrapperVariantContext.Provider, {
-    value: "mobile",
-    children: [/*#__PURE__*/_jsx(PureDateInputComponent, _extends({}, other, DateInputProps)), /*#__PURE__*/_jsx(PickersModalDialog, {
-      cancelText: cancelText,
-      clearable: clearable,
-      clearText: clearText,
-      DialogProps: DialogProps,
-      okText: okText,
-      onAccept: onAccept,
-      onClear: onClear,
-      onDismiss: onDismiss,
-      onSetToday: onSetToday,
-      open: open,
-      showTodayButton: showTodayButton,
-      todayText: todayText,
-      children: children
-    })]
-  });
-}
-
-export default MobileWrapper;

package/modern/internal/pickers/wrappers/PickerStaticWrapper.js

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["displayStaticWrapperAs"];
-import * as React from 'react';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
-import { DIALOG_WIDTH } from '../constants/dimensions';
-import { WrapperVariantContext, IsStaticVariantContext } from './WrapperVariantContext';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function getStaticWrapperUtilityClass(slot) {
-  return generateUtilityClass('MuiPickerStaticWrapper', slot);
-}
-export const pickerStaticWrapperClasses = generateUtilityClasses('MuiPickerStaticWrapper', ['root']);
-
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getStaticWrapperUtilityClass, classes);
-};
-
-const PickerStaticWrapperRoot = styled('div', {
-  name: 'MuiPickerStaticWrapper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme
-}) => ({
-  overflow: 'hidden',
-  minWidth: DIALOG_WIDTH,
-  display: 'flex',
-  flexDirection: 'column',
-  backgroundColor: theme.palette.background.paper
-}));
-
-function PickerStaticWrapper(inProps) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiPickerStaticWrapper'
-  });
-
-  const {
-    displayStaticWrapperAs
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const classes = useUtilityClasses(props);
-  const isStatic = true;
-  return /*#__PURE__*/_jsx(IsStaticVariantContext.Provider, {
-    value: isStatic,
-    children: /*#__PURE__*/_jsx(WrapperVariantContext.Provider, {
-      value: displayStaticWrapperAs,
-      children: /*#__PURE__*/_jsx(PickerStaticWrapperRoot, _extends({
-        className: classes.root
-      }, other))
-    })
-  });
-}
-
-export default PickerStaticWrapper;

package/modern/internal/pickers/wrappers/ResponsiveWrapper.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["cancelText", "clearable", "clearText", "DateInputProps", "desktopModeMediaQuery", "DialogProps", "KeyboardDateInputComponent", "okText", "PopperProps", "PureDateInputComponent", "showTodayButton", "todayText", "TransitionComponent"];
-import * as React from 'react';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import MobileWrapper from './MobileWrapper';
-import DesktopTooltipWrapper from './DesktopTooltipWrapper';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function ResponsiveTooltipWrapper(props) {
-  const {
-    cancelText,
-    clearable,
-    clearText,
-    DateInputProps,
-    desktopModeMediaQuery = '@media (pointer: fine)',
-    DialogProps,
-    KeyboardDateInputComponent,
-    okText,
-    PopperProps,
-    PureDateInputComponent,
-    showTodayButton,
-    todayText,
-    TransitionComponent
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const isDesktop = useMediaQuery(desktopModeMediaQuery);
-  return isDesktop ? /*#__PURE__*/_jsx(DesktopTooltipWrapper, _extends({
-    DateInputProps: DateInputProps,
-    KeyboardDateInputComponent: KeyboardDateInputComponent,
-    PopperProps: PopperProps,
-    TransitionComponent: TransitionComponent
-  }, other)) : /*#__PURE__*/_jsx(MobileWrapper, _extends({
-    cancelText: cancelText,
-    clearable: clearable,
-    clearText: clearText,
-    DateInputProps: DateInputProps,
-    DialogProps: DialogProps,
-    okText: okText,
-    PureDateInputComponent: PureDateInputComponent,
-    showTodayButton: showTodayButton,
-    todayText: todayText
-  }, other));
-}

package/modern/internal/pickers/wrappers/WrapperProps.js

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

package/modern/internal/pickers/wrappers/WrapperVariantContext.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-/**
- * TODO consider getting rid from wrapper variant
- * @ignore - internal component.
- */
-export const WrapperVariantContext = /*#__PURE__*/React.createContext(null);
-/**
- * @ignore - internal component.
- */
-
-export const IsStaticVariantContext = /*#__PURE__*/React.createContext(false);