@mui/lab 5.0.0-alpha.73 → 5.0.0-alpha.76

package/legacy/ClockPicker/ClockNumber.js

@@ -1,71 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { generateUtilityClasses } from '@mui/base';
-import { CLOCK_WIDTH, CLOCK_HOUR_WIDTH } from './shared';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var classes = generateUtilityClasses('PrivateClockNumber', ['selected', 'disabled']);
-var ClockNumberRoot = styled('span')(function (_ref) {
-  var _extends2;
-
-  var theme = _ref.theme,
-      ownerState = _ref.ownerState;
-  return _extends((_extends2 = {
-    height: CLOCK_HOUR_WIDTH,
-    width: CLOCK_HOUR_WIDTH,
-    position: 'absolute',
-    left: "calc((100% - ".concat(CLOCK_HOUR_WIDTH, "px) / 2)"),
-    display: 'inline-flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: '50%',
-    color: theme.palette.text.primary,
-    fontFamily: theme.typography.fontFamily,
-    '&:focused': {
-      backgroundColor: theme.palette.background.paper
-    }
-  }, _defineProperty(_extends2, "&.".concat(classes.selected), {
-    color: theme.palette.primary.contrastText
-  }), _defineProperty(_extends2, "&.".concat(classes.disabled), {
-    pointerEvents: 'none',
-    color: theme.palette.text.disabled
-  }), _extends2), ownerState.inner && _extends({}, theme.typography.body2, {
-    color: theme.palette.text.secondary
-  }));
-});
-/**
- * @ignore - internal component.
- */
-
-function ClockNumber(props) {
-  var className = props.className,
-      disabled = props.disabled,
-      index = props.index,
-      inner = props.inner,
-      label = props.label,
-      selected = props.selected,
-      other = _objectWithoutProperties(props, ["className", "disabled", "index", "inner", "label", "selected"]);
-
-  var ownerState = props;
-  var angle = index % 12 / 12 * Math.PI * 2 - Math.PI / 2;
-  var length = (CLOCK_WIDTH - CLOCK_HOUR_WIDTH - 2) / 2 * (inner ? 0.65 : 1);
-  var x = Math.round(Math.cos(angle) * length);
-  var y = Math.round(Math.sin(angle) * length);
-  return /*#__PURE__*/_jsx(ClockNumberRoot, _extends({
-    className: clsx(className, selected && classes.selected, disabled && classes.disabled),
-    "aria-disabled": disabled ? true : undefined,
-    "aria-selected": selected ? true : undefined,
-    role: "option",
-    style: {
-      transform: "translate(".concat(x, "px, ").concat(y + (CLOCK_WIDTH - CLOCK_HOUR_WIDTH) / 2, "px")
-    },
-    ownerState: ownerState
-  }, other, {
-    children: label
-  }));
-}
-
-export default ClockNumber;

package/legacy/ClockPicker/ClockNumbers.js

@@ -1,83 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import ClockNumber from './ClockNumber';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-/**
- * @ignore - internal component.
- */
-export var getHourNumbers = function getHourNumbers(_ref) {
-  var ampm = _ref.ampm,
-      date = _ref.date,
-      getClockNumberText = _ref.getClockNumberText,
-      isDisabled = _ref.isDisabled,
-      selectedId = _ref.selectedId,
-      utils = _ref.utils;
-  var currentHours = date ? utils.getHours(date) : null;
-  var hourNumbers = [];
-  var startHour = ampm ? 1 : 0;
-  var endHour = ampm ? 12 : 23;
-
-  var isSelected = function isSelected(hour) {
-    if (currentHours === null) {
-      return false;
-    }
-
-    if (ampm) {
-      if (hour === 12) {
-        return currentHours === 12 || currentHours === 0;
-      }
-
-      return currentHours === hour || currentHours - 12 === hour;
-    }
-
-    return currentHours === hour;
-  };
-
-  for (var _hour = startHour; _hour <= endHour; _hour += 1) {
-    var label = _hour.toString();
-
-    if (_hour === 0) {
-      label = '00';
-    }
-
-    var inner = !ampm && (_hour === 0 || _hour > 12);
-    label = utils.formatNumber(label);
-    var selected = isSelected(_hour);
-    hourNumbers.push( /*#__PURE__*/_jsx(ClockNumber, {
-      id: selected ? selectedId : undefined,
-      index: _hour,
-      inner: inner,
-      selected: selected,
-      disabled: isDisabled(_hour),
-      label: label,
-      "aria-label": getClockNumberText(label)
-    }, _hour));
-  }
-
-  return hourNumbers;
-};
-export var getMinutesNumbers = function getMinutesNumbers(_ref2) {
-  var utils = _ref2.utils,
-      value = _ref2.value,
-      isDisabled = _ref2.isDisabled,
-      getClockNumberText = _ref2.getClockNumberText,
-      selectedId = _ref2.selectedId;
-  var f = utils.formatNumber;
-  return [[5, f('05')], [10, f('10')], [15, f('15')], [20, f('20')], [25, f('25')], [30, f('30')], [35, f('35')], [40, f('40')], [45, f('45')], [50, f('50')], [55, f('55')], [0, f('00')]].map(function (_ref3, index) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        numberValue = _ref4[0],
-        label = _ref4[1];
-
-    var selected = numberValue === value;
-    return /*#__PURE__*/_jsx(ClockNumber, {
-      label: label,
-      id: selected ? selectedId : undefined,
-      index: index + 1,
-      inner: false,
-      disabled: isDisabled(numberValue),
-      selected: selected,
-      "aria-label": getClockNumberText(label)
-    }, numberValue);
-  });
-};

package/legacy/ClockPicker/ClockPicker.js

@@ -1,437 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { unstable_useId as useId } from '@mui/utils';
-import { styled, useThemeProps } from '@mui/material/styles';
-import { unstable_composeClasses as composeClasses, generateUtilityClass, generateUtilityClasses } from '@mui/base';
-import Clock from './Clock';
-import { pipe } from '../internal/pickers/utils';
-import { useUtils, useNow } from '../internal/pickers/hooks/useUtils';
-import { getHourNumbers, getMinutesNumbers } from './ClockNumbers';
-import PickersArrowSwitcher from '../internal/pickers/PickersArrowSwitcher';
-import { convertValueToMeridiem, createIsAfterIgnoreDatePart } from '../internal/pickers/time-utils';
-import { useMeridiemMode } from '../internal/pickers/hooks/date-helpers-hooks';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function getClockPickerUtilityClass(slot) {
-  return generateUtilityClass('MuiClockPicker', slot);
-}
-export var clockPickerClasses = generateUtilityClasses('MuiClockPicker', ['arrowSwitcher']);
-
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var classes = ownerState.classes;
-  var slots = {
-    arrowSwitcher: ['arrowSwitcher']
-  };
-  return composeClasses(slots, getClockPickerUtilityClass, classes);
-};
-
-var ClockPickerArrowSwitcher = styled(PickersArrowSwitcher, {
-  name: 'MuiClockPicker',
-  slot: 'ArrowSwitcher',
-  overridesResolver: function overridesResolver(props, styles) {
-    return styles.arrowSwitcher;
-  }
-})({
-  position: 'absolute',
-  right: 12,
-  top: 15
-});
-
-var defaultGetClockLabelText = function defaultGetClockLabelText(view, time, adapter) {
-  return "Select ".concat(view, ". ").concat(time === null ? 'No time selected' : "Selected time is ".concat(adapter.format(time, 'fullTime')));
-};
-
-var defaultGetMinutesClockNumberText = function defaultGetMinutesClockNumberText(minutes) {
-  return "".concat(minutes, " minutes");
-};
-
-var defaultGetHoursClockNumberText = function defaultGetHoursClockNumberText(hours) {
-  return "".concat(hours, " hours");
-};
-
-var defaultGetSecondsClockNumberText = function defaultGetSecondsClockNumberText(seconds) {
-  return "".concat(seconds, " seconds");
-};
-/**
- *
- * API:
- *
- * - [ClockPicker API](https://mui.com/api/clock-picker/)
- */
-
-
-function ClockPicker(inProps) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiClockPicker'
-  });
-  var _props$ampm = props.ampm,
-      ampm = _props$ampm === void 0 ? false : _props$ampm,
-      _props$ampmInClock = props.ampmInClock,
-      ampmInClock = _props$ampmInClock === void 0 ? false : _props$ampmInClock,
-      autoFocus = props.autoFocus,
-      components = props.components,
-      componentsProps = props.componentsProps,
-      date = props.date,
-      _props$disableIgnorin = props.disableIgnoringDatePartForTimeValidation,
-      disableIgnoringDatePartForTimeValidation = _props$disableIgnorin === void 0 ? false : _props$disableIgnorin,
-      _props$getClockLabelT = props.getClockLabelText,
-      getClockLabelText = _props$getClockLabelT === void 0 ? defaultGetClockLabelText : _props$getClockLabelT,
-      _props$getHoursClockN = props.getHoursClockNumberText,
-      getHoursClockNumberText = _props$getHoursClockN === void 0 ? defaultGetHoursClockNumberText : _props$getHoursClockN,
-      _props$getMinutesCloc = props.getMinutesClockNumberText,
-      getMinutesClockNumberText = _props$getMinutesCloc === void 0 ? defaultGetMinutesClockNumberText : _props$getMinutesCloc,
-      _props$getSecondsCloc = props.getSecondsClockNumberText,
-      getSecondsClockNumberText = _props$getSecondsCloc === void 0 ? defaultGetSecondsClockNumberText : _props$getSecondsCloc,
-      _props$leftArrowButto = props.leftArrowButtonText,
-      leftArrowButtonText = _props$leftArrowButto === void 0 ? 'open previous view' : _props$leftArrowButto,
-      maxTime = props.maxTime,
-      minTime = props.minTime,
-      _props$minutesStep = props.minutesStep,
-      minutesStep = _props$minutesStep === void 0 ? 1 : _props$minutesStep,
-      nextViewAvailable = props.nextViewAvailable,
-      onChange = props.onChange,
-      openNextView = props.openNextView,
-      openPreviousView = props.openPreviousView,
-      previousViewAvailable = props.previousViewAvailable,
-      _props$rightArrowButt = props.rightArrowButtonText,
-      rightArrowButtonText = _props$rightArrowButt === void 0 ? 'open next view' : _props$rightArrowButt,
-      shouldDisableTime = props.shouldDisableTime,
-      showViewSwitcher = props.showViewSwitcher,
-      view = props.view;
-  var now = useNow();
-  var utils = useUtils();
-  var midnight = utils.setSeconds(utils.setMinutes(utils.setHours(now, 0), 0), 0);
-  var dateOrMidnight = date || midnight;
-
-  var _useMeridiemMode = useMeridiemMode(dateOrMidnight, ampm, onChange),
-      meridiemMode = _useMeridiemMode.meridiemMode,
-      handleMeridiemChange = _useMeridiemMode.handleMeridiemChange;
-
-  var isTimeDisabled = React.useCallback(function (rawValue, viewType) {
-    if (date === null) {
-      return false;
-    }
-
-    var validateTimeValue = function validateTimeValue(getRequestedTimePoint) {
-      var isAfterComparingFn = createIsAfterIgnoreDatePart(disableIgnoringDatePartForTimeValidation, utils);
-      return Boolean(minTime && isAfterComparingFn(minTime, getRequestedTimePoint('end')) || maxTime && isAfterComparingFn(getRequestedTimePoint('start'), maxTime) || shouldDisableTime && shouldDisableTime(rawValue, viewType));
-    };
-
-    switch (viewType) {
-      case 'hours':
-        {
-          var hoursWithMeridiem = convertValueToMeridiem(rawValue, meridiemMode, ampm);
-          return validateTimeValue(function (when) {
-            return pipe(function (currentDate) {
-              return utils.setHours(currentDate, hoursWithMeridiem);
-            }, function (dateWithHours) {
-              return utils.setMinutes(dateWithHours, when === 'start' ? 0 : 59);
-            }, function (dateWithMinutes) {
-              return utils.setSeconds(dateWithMinutes, when === 'start' ? 0 : 59);
-            })(date);
-          });
-        }
-
-      case 'minutes':
-        return validateTimeValue(function (when) {
-          return pipe(function (currentDate) {
-            return utils.setMinutes(currentDate, rawValue);
-          }, function (dateWithMinutes) {
-            return utils.setSeconds(dateWithMinutes, when === 'start' ? 0 : 59);
-          })(date);
-        });
-
-      case 'seconds':
-        return validateTimeValue(function () {
-          return utils.setSeconds(date, rawValue);
-        });
-
-      default:
-        throw new Error('not supported');
-    }
-  }, [ampm, date, disableIgnoringDatePartForTimeValidation, maxTime, meridiemMode, minTime, shouldDisableTime, utils]);
-  var selectedId = useId();
-  var viewProps = React.useMemo(function () {
-    switch (view) {
-      case 'hours':
-        {
-          var handleHoursChange = function handleHoursChange(value, isFinish) {
-            var valueWithMeridiem = convertValueToMeridiem(value, meridiemMode, ampm);
-            onChange(utils.setHours(dateOrMidnight, valueWithMeridiem), isFinish);
-          };
-
-          return {
-            onChange: handleHoursChange,
-            value: utils.getHours(dateOrMidnight),
-            children: getHourNumbers({
-              date: date,
-              utils: utils,
-              ampm: ampm,
-              onChange: handleHoursChange,
-              getClockNumberText: getHoursClockNumberText,
-              isDisabled: function isDisabled(value) {
-                return isTimeDisabled(value, 'hours');
-              },
-              selectedId: selectedId
-            })
-          };
-        }
-
-      case 'minutes':
-        {
-          var minutesValue = utils.getMinutes(dateOrMidnight);
-
-          var handleMinutesChange = function handleMinutesChange(value, isFinish) {
-            onChange(utils.setMinutes(dateOrMidnight, value), isFinish);
-          };
-
-          return {
-            value: minutesValue,
-            onChange: handleMinutesChange,
-            children: getMinutesNumbers({
-              utils: utils,
-              value: minutesValue,
-              onChange: handleMinutesChange,
-              getClockNumberText: getMinutesClockNumberText,
-              isDisabled: function isDisabled(value) {
-                return isTimeDisabled(value, 'minutes');
-              },
-              selectedId: selectedId
-            })
-          };
-        }
-
-      case 'seconds':
-        {
-          var secondsValue = utils.getSeconds(dateOrMidnight);
-
-          var handleSecondsChange = function handleSecondsChange(value, isFinish) {
-            onChange(utils.setSeconds(dateOrMidnight, value), isFinish);
-          };
-
-          return {
-            value: secondsValue,
-            onChange: handleSecondsChange,
-            children: getMinutesNumbers({
-              utils: utils,
-              value: secondsValue,
-              onChange: handleSecondsChange,
-              getClockNumberText: getSecondsClockNumberText,
-              isDisabled: function isDisabled(value) {
-                return isTimeDisabled(value, 'seconds');
-              },
-              selectedId: selectedId
-            })
-          };
-        }
-
-      default:
-        throw new Error('You must provide the type for ClockView');
-    }
-  }, [view, utils, date, ampm, getHoursClockNumberText, getMinutesClockNumberText, getSecondsClockNumberText, meridiemMode, onChange, dateOrMidnight, isTimeDisabled, selectedId]);
-  var ownerState = props;
-  var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [showViewSwitcher && /*#__PURE__*/_jsx(ClockPickerArrowSwitcher, {
-      className: classes.arrowSwitcher,
-      leftArrowButtonText: leftArrowButtonText,
-      rightArrowButtonText: rightArrowButtonText,
-      components: components,
-      componentsProps: componentsProps,
-      onLeftClick: openPreviousView,
-      onRightClick: openNextView,
-      isLeftDisabled: previousViewAvailable,
-      isRightDisabled: nextViewAvailable,
-      ownerState: ownerState
-    }), /*#__PURE__*/_jsx(Clock, _extends({
-      autoFocus: autoFocus,
-      date: date,
-      ampmInClock: ampmInClock,
-      type: view,
-      ampm: ampm,
-      getClockLabelText: getClockLabelText,
-      minutesStep: minutesStep,
-      isTimeDisabled: isTimeDisabled,
-      meridiemMode: meridiemMode,
-      handleMeridiemChange: handleMeridiemChange,
-      selectedId: selectedId
-    }, viewProps))]
-  });
-}
-
-process.env.NODE_ENV !== "production" ? ClockPicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * 12h/24h view for hour selection clock.
-   * @default false
-   */
-  ampm: PropTypes.bool,
-
-  /**
-   * Display ampm controls under the clock (instead of in the toolbar).
-   * @default false
-   */
-  ampmInClock: PropTypes.bool,
-
-  /**
-   * Set to `true` if focus should be moved to clock picker.
-   */
-  autoFocus: PropTypes.bool,
-
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * The components used for each slot.
-   * Either a string to use a HTML element or a component.
-   */
-  components: PropTypes.shape({
-    LeftArrowButton: PropTypes.elementType,
-    LeftArrowIcon: PropTypes.elementType,
-    RightArrowButton: PropTypes.elementType,
-    RightArrowIcon: PropTypes.elementType
-  }),
-
-  /**
-   * The props used for each slot inside.
-   */
-  componentsProps: PropTypes.shape({
-    leftArrowButton: PropTypes.object,
-    rightArrowButton: PropTypes.object
-  }),
-
-  /**
-   * Selected date @DateIOType.
-   */
-  date: PropTypes.any,
-
-  /**
-   * Do not ignore date part when validating min/max time.
-   * @default false
-   */
-  disableIgnoringDatePartForTimeValidation: PropTypes.bool,
-
-  /**
-   * Accessible text that helps user to understand which time and view is selected.
-   * @default <TDate extends any>(
-   *   view: ClockView,
-   *   time: TDate | null,
-   *   adapter: MuiPickersAdapter<TDate>,
-   * ) =>
-   *   `Select ${view}. ${
-   *     time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`
-   *   }`
-   */
-  getClockLabelText: PropTypes.func,
-
-  /**
-   * Get clock number aria-text for hours.
-   * @default (hours: string) => `${hours} hours`
-   */
-  getHoursClockNumberText: PropTypes.func,
-
-  /**
-   * Get clock number aria-text for minutes.
-   * @default (minutes: string) => `${minutes} minutes`
-   */
-  getMinutesClockNumberText: PropTypes.func,
-
-  /**
-   * Get clock number aria-text for seconds.
-   * @default (seconds: string) => `${seconds} seconds`
-   */
-  getSecondsClockNumberText: PropTypes.func,
-
-  /**
-   * Left arrow icon aria-label text.
-   * @default 'open previous view'
-   */
-  leftArrowButtonText: PropTypes.string,
-
-  /**
-   * Max time acceptable time.
-   * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
-   */
-  maxTime: PropTypes.any,
-
-  /**
-   * Min time acceptable time.
-   * For input validation date part of passed object will be ignored if `disableIgnoringDatePartForTimeValidation` not specified.
-   */
-  minTime: PropTypes.any,
-
-  /**
-   * Step over minutes.
-   * @default 1
-   */
-  minutesStep: PropTypes.number,
-
-  /**
-   * @ignore
-   */
-  nextViewAvailable: PropTypes.bool.isRequired,
-
-  /**
-   * On change callback @DateIOType.
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * @ignore
-   */
-  openNextView: PropTypes.func.isRequired,
-
-  /**
-   * @ignore
-   */
-  openPreviousView: PropTypes.func.isRequired,
-
-  /**
-   * @ignore
-   */
-  previousViewAvailable: PropTypes.bool.isRequired,
-
-  /**
-   * Right arrow icon aria-label text.
-   * @default 'open next view'
-   */
-  rightArrowButtonText: PropTypes.string,
-
-  /**
-   * Dynamically check if time is disabled or not.
-   * If returns `false` appropriate time point will ot be acceptable.
-   */
-  shouldDisableTime: PropTypes.func,
-
-  /**
-   * @ignore
-   */
-  showViewSwitcher: PropTypes.bool,
-
-  /**
-   * @ignore
-   */
-  view: PropTypes.oneOf(['hours', 'minutes', 'seconds']).isRequired
-} : void 0;
-/**
- *
- * Demos:
- *
- * - [Time Picker](https://mui.com/components/time-picker/)
- *
- * API:
- *
- * - [ClockPicker API](https://mui.com/api/clock-picker/)
- */
-
-export default ClockPicker;

package/legacy/ClockPicker/ClockPickerStandalone.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import ClockPicker from './ClockPicker';
-import PickerView from '../internal/pickers/Picker/PickerView';
-import { useViews } from '../internal/pickers/hooks/useViews';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-/**
- * Wrapping public API for better standalone usage of './ClockPicker'
- * @ignore - internal component.
- */
-export default /*#__PURE__*/React.forwardRef(function ClockPickerStandalone(props, ref) {
-  var view = props.view,
-      openTo = props.openTo,
-      className = props.className,
-      onViewChange = props.onViewChange,
-      _props$views = props.views,
-      views = _props$views === void 0 ? ['hours', 'minutes'] : _props$views,
-      other = _objectWithoutProperties(props, ["view", "openTo", "className", "onViewChange", "views"]);
-
-  var _useViews = useViews({
-    view: view,
-    views: views,
-    openTo: openTo,
-    onViewChange: onViewChange,
-    onChange: other.onChange
-  }),
-      openView = _useViews.openView,
-      setOpenView = _useViews.setOpenView,
-      nextView = _useViews.nextView,
-      previousView = _useViews.previousView;
-
-  return /*#__PURE__*/_jsx(PickerView, {
-    className: className,
-    ref: ref,
-    children: /*#__PURE__*/_jsx(ClockPicker, _extends({
-      view: openView,
-      nextViewAvailable: Boolean(nextView),
-      previousViewAvailable: Boolean(previousView),
-      openNextView: function openNextView() {
-        return setOpenView(nextView);
-      },
-      openPreviousView: function openPreviousView() {
-        return setOpenView(previousView);
-      }
-    }, other))
-  });
-});