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

package/legacy/ClockPicker/ClockPointer.js

@@ -1,130 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _extends from "@babel/runtime/helpers/esm/extends";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { CLOCK_WIDTH, CLOCK_HOUR_WIDTH } from './shared';
-import { jsx as _jsx } from "react/jsx-runtime";
-var ClockPointerRoot = styled('div')(function (_ref) {
-  var theme = _ref.theme,
-      ownerState = _ref.ownerState;
-  return _extends({
-    width: 2,
-    backgroundColor: theme.palette.primary.main,
-    position: 'absolute',
-    left: 'calc(50% - 1px)',
-    bottom: '50%',
-    transformOrigin: 'center bottom 0px'
-  }, ownerState.toAnimateTransform && {
-    transition: theme.transitions.create(['transform', 'height'])
-  });
-});
-var ClockPointerThumb = styled('div')(function (_ref2) {
-  var theme = _ref2.theme,
-      ownerState = _ref2.ownerState;
-  return _extends({
-    width: 4,
-    height: 4,
-    backgroundColor: theme.palette.primary.contrastText,
-    borderRadius: '50%',
-    position: 'absolute',
-    top: -21,
-    left: "calc(50% - ".concat(CLOCK_HOUR_WIDTH / 2, "px)"),
-    border: "".concat((CLOCK_HOUR_WIDTH - 4) / 2, "px solid ").concat(theme.palette.primary.main),
-    boxSizing: 'content-box'
-  }, ownerState.hasSelected && {
-    backgroundColor: theme.palette.primary.main
-  });
-});
-/**
- * @ignore - internal component.
- */
-
-var ClockPointer = /*#__PURE__*/function (_React$Component) {
-  _inherits(ClockPointer, _React$Component);
-
-  var _super = _createSuper(ClockPointer);
-
-  function ClockPointer() {
-    var _this;
-
-    _classCallCheck(this, ClockPointer);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      toAnimateTransform: false,
-      previousType: undefined
-    };
-    return _this;
-  }
-
-  _createClass(ClockPointer, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          hasSelected = _this$props.hasSelected,
-          isInner = _this$props.isInner,
-          type = _this$props.type,
-          value = _this$props.value,
-          other = _objectWithoutProperties(_this$props, ["className", "hasSelected", "isInner", "type", "value"]);
-
-      var ownerState = _extends({}, this.props, this.state);
-
-      var getAngleStyle = function getAngleStyle() {
-        var max = type === 'hours' ? 12 : 60;
-        var angle = 360 / max * value;
-
-        if (type === 'hours' && value > 12) {
-          angle -= 360; // round up angle to max 360 degrees
-        }
-
-        return {
-          height: Math.round((isInner ? 0.26 : 0.4) * CLOCK_WIDTH),
-          transform: "rotateZ(".concat(angle, "deg)")
-        };
-      };
-
-      return /*#__PURE__*/_jsx(ClockPointerRoot, _extends({
-        style: getAngleStyle(),
-        className: className,
-        ownerState: ownerState
-      }, other, {
-        children: /*#__PURE__*/_jsx(ClockPointerThumb, {
-          ownerState: ownerState
-        })
-      }));
-    }
-  }]);
-
-  return ClockPointer;
-}(React.Component);
-
-ClockPointer.getDerivedStateFromProps = function (nextProps, state) {
-  if (nextProps.type !== state.previousType) {
-    return {
-      toAnimateTransform: true,
-      previousType: nextProps.type
-    };
-  }
-
-  return {
-    toAnimateTransform: false,
-    previousType: nextProps.type
-  };
-};
-
-export default ClockPointer;

package/legacy/ClockPicker/shared.js

@@ -1,61 +0,0 @@
-export var CLOCK_WIDTH = 220;
-export var CLOCK_HOUR_WIDTH = 36;
-var clockCenter = {
-  x: CLOCK_WIDTH / 2,
-  y: CLOCK_WIDTH / 2
-};
-var baseClockPoint = {
-  x: clockCenter.x,
-  y: 0
-};
-var cx = baseClockPoint.x - clockCenter.x;
-var cy = baseClockPoint.y - clockCenter.y;
-
-var rad2deg = function rad2deg(rad) {
-  return rad * (180 / Math.PI);
-};
-
-var getAngleValue = function getAngleValue(step, offsetX, offsetY) {
-  var x = offsetX - clockCenter.x;
-  var y = offsetY - clockCenter.y;
-  var atan = Math.atan2(cx, cy) - Math.atan2(x, y);
-  var deg = rad2deg(atan);
-  deg = Math.round(deg / step) * step;
-  deg %= 360;
-  var value = Math.floor(deg / step) || 0;
-  var delta = Math.pow(x, 2) + Math.pow(y, 2);
-  var distance = Math.sqrt(delta);
-  return {
-    value: value,
-    distance: distance
-  };
-};
-
-export var getMinutes = function getMinutes(offsetX, offsetY) {
-  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var angleStep = step * 6;
-
-  var _getAngleValue = getAngleValue(angleStep, offsetX, offsetY),
-      value = _getAngleValue.value;
-
-  value = value * step % 60;
-  return value;
-};
-export var getHours = function getHours(offsetX, offsetY, ampm) {
-  var _getAngleValue2 = getAngleValue(30, offsetX, offsetY),
-      value = _getAngleValue2.value,
-      distance = _getAngleValue2.distance;
-
-  var hour = value || 12;
-
-  if (!ampm) {
-    if (distance < CLOCK_WIDTH / 2 - CLOCK_HOUR_WIDTH) {
-      hour += 12;
-      hour %= 24;
-    }
-  } else {
-    hour %= 12;
-  }
-
-  return hour;
-};

package/legacy/DatePicker/DatePicker.js

@@ -1,467 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import { useThemeProps } from '@mui/material/styles';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import PropTypes from 'prop-types';
-import DesktopDatePicker from '../DesktopDatePicker';
-import MobileDatePicker from '../MobileDatePicker';
-import { jsx as _jsx } from "react/jsx-runtime";
-
-/**
- *
- * Demos:
- *
- * - [Date Picker](https://mui.com/components/date-picker/)
- * - [Pickers](https://mui.com/components/pickers/)
- *
- * API:
- *
- * - [DatePicker API](https://mui.com/api/date-picker/)
- */
-var DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(inProps, ref) {
-  var props = useThemeProps({
-    props: inProps,
-    name: 'MuiDatePicker'
-  });
-
-  var cancelText = props.cancelText,
-      clearable = props.clearable,
-      clearText = props.clearText,
-      _props$desktopModeMed = props.desktopModeMediaQuery,
-      desktopModeMediaQuery = _props$desktopModeMed === void 0 ? '@media (pointer: fine)' : _props$desktopModeMed,
-      DialogProps = props.DialogProps,
-      okText = props.okText,
-      PopperProps = props.PopperProps,
-      showTodayButton = props.showTodayButton,
-      todayText = props.todayText,
-      TransitionComponent = props.TransitionComponent,
-      other = _objectWithoutProperties(props, ["cancelText", "clearable", "clearText", "desktopModeMediaQuery", "DialogProps", "okText", "PopperProps", "showTodayButton", "todayText", "TransitionComponent"]);
-
-  var isDesktop = useMediaQuery(desktopModeMediaQuery);
-  return isDesktop ? /*#__PURE__*/_jsx(DesktopDatePicker, _extends({
-    ref: ref,
-    PopperProps: PopperProps,
-    TransitionComponent: TransitionComponent,
-    clearText: clearText,
-    clearable: clearable
-  }, other)) : /*#__PURE__*/_jsx(MobileDatePicker, _extends({
-    ref: ref,
-    cancelText: cancelText,
-    clearable: clearable,
-    clearText: clearText,
-    DialogProps: DialogProps,
-    okText: okText,
-    showTodayButton: showTodayButton,
-    todayText: todayText
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? DatePicker.propTypes
-/* remove-proptypes */
-= {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-
-  /**
-   * Regular expression to detect "accepted" symbols.
-   * @default /\dap/gi
-   */
-  acceptRegex: PropTypes.instanceOf(RegExp),
-
-  /**
-   * If `true`, `onChange` is fired on click even if the same date is selected.
-   * @default false
-   */
-  allowSameDateSelection: PropTypes.bool,
-
-  /**
-   * @ignore
-   */
-  autoFocus: PropTypes.bool,
-
-  /**
-   * Cancel text message.
-   * @default 'Cancel'
-   */
-  cancelText: PropTypes.node,
-
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-
-  /**
-   * className applied to the root component.
-   */
-  className: PropTypes.string,
-
-  /**
-   * If `true`, it shows the clear action in the picker dialog.
-   * @default false
-   */
-  clearable: PropTypes.bool,
-
-  /**
-   * Clear text message.
-   * @default 'Clear'
-   */
-  clearText: PropTypes.node,
-
-  /**
-   * The components used for each slot.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  components: PropTypes.shape({
-    LeftArrowButton: PropTypes.elementType,
-    LeftArrowIcon: PropTypes.elementType,
-    OpenPickerIcon: PropTypes.elementType,
-    RightArrowButton: PropTypes.elementType,
-    RightArrowIcon: PropTypes.elementType,
-    SwitchViewButton: PropTypes.elementType,
-    SwitchViewIcon: PropTypes.elementType
-  }),
-
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  componentsProps: PropTypes.shape({
-    leftArrowButton: PropTypes.object,
-    rightArrowButton: PropTypes.object,
-    switchViewButton: PropTypes.object
-  }),
-
-  /**
-   * Default calendar month displayed when `value={null}`.
-   */
-  defaultCalendarMonth: PropTypes.any,
-
-  /**
-   * CSS media query when `Mobile` mode will be changed to `Desktop`.
-   * @default '@media (pointer: fine)'
-   * @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
-   */
-  desktopModeMediaQuery: PropTypes.string,
-
-  /**
-   * Props applied to the [`Dialog`](/api/dialog/) element.
-   */
-  DialogProps: PropTypes.object,
-
-  /**
-   * If `true` the popup or dialog will immediately close after submitting full date.
-   * @default `true` for Desktop, `false` for Mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
-   */
-  disableCloseOnSelect: PropTypes.bool,
-
-  /**
-   * If `true`, the picker and text field are disabled.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * @default false
-   */
-  disableFuture: PropTypes.bool,
-
-  /**
-   * If `true`, todays date is rendering without highlighting with circle.
-   * @default false
-   */
-  disableHighlightToday: PropTypes.bool,
-
-  /**
-   * Disable mask on the keyboard, this should be used rarely. Consider passing proper mask for your format.
-   * @default false
-   */
-  disableMaskedInput: PropTypes.bool,
-
-  /**
-   * Do not render open picker button (renders only text field with validation).
-   * @default false
-   */
-  disableOpenPicker: PropTypes.bool,
-
-  /**
-   * @default false
-   */
-  disablePast: PropTypes.bool,
-
-  /**
-   * Get aria-label text for control that opens picker dialog. Aria-label text must include selected date. @DateIOType
-   * @default (value, utils) => `Choose date, selected date is ${utils.format(utils.date(value), 'fullDate')}`
-   */
-  getOpenDialogAriaText: PropTypes.func,
-
-  /**
-   * Get aria-label text for switching between views button.
-   */
-  getViewSwitchingButtonText: PropTypes.func,
-
-  /**
-   * @ignore
-   */
-  ignoreInvalidInputs: PropTypes.bool,
-
-  /**
-   * Props to pass to keyboard input adornment.
-   */
-  InputAdornmentProps: PropTypes.object,
-
-  /**
-   * Format string.
-   */
-  inputFormat: PropTypes.string,
-
-  /**
-   * @ignore
-   */
-  InputProps: PropTypes.object,
-
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.object
-  })]),
-
-  /**
-   * @ignore
-   */
-  key: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /**
-   * @ignore
-   */
-  label: PropTypes.node,
-
-  /**
-   * Left arrow icon aria-label text.
-   */
-  leftArrowButtonText: PropTypes.string,
-
-  /**
-   * If `true` renders `LoadingComponent` in calendar instead of calendar view.
-   * Can be used to preload information and show it in calendar.
-   * @default false
-   */
-  loading: PropTypes.bool,
-
-  /**
-   * Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
-   */
-  mask: PropTypes.string,
-
-  /**
-   * Max selectable date. @DateIOType
-   */
-  maxDate: PropTypes.any,
-
-  /**
-   * Min selectable date. @DateIOType
-   */
-  minDate: PropTypes.any,
-
-  /**
-   * Ok button text.
-   * @default 'OK'
-   */
-  okText: PropTypes.node,
-
-  /**
-   * Callback fired when date is accepted @DateIOType.
-   */
-  onAccept: PropTypes.func,
-
-  /**
-   * Callback fired when the value (the selected date) changes @DateIOType.
-   */
-  onChange: PropTypes.func.isRequired,
-
-  /**
-   * Callback fired when the popup requests to be closed.
-   * Use in controlled mode (see open).
-   */
-  onClose: PropTypes.func,
-
-  /**
-   * Callback that fired when input value or new `value` prop validation returns **new** validation error (or value is valid after error).
-   * In case of validation error detected `reason` prop return non-null value and `TextField` must be displayed in `error` state.
-   * This can be used to render appropriate form error.
-   *
-   * [Read the guide](https://next.material-ui-pickers.dev/guides/forms) about form integration and error displaying.
-   * @DateIOType
-   */
-  onError: PropTypes.func,
-
-  /**
-   * Callback firing on month change. @DateIOType
-   */
-  onMonthChange: PropTypes.func,
-
-  /**
-   * Callback fired when the popup requests to be opened.
-   * Use in controlled mode (see open).
-   */
-  onOpen: PropTypes.func,
-
-  /**
-   * Callback fired on view change.
-   */
-  onViewChange: PropTypes.func,
-
-  /**
-   * Callback firing on year change @DateIOType.
-   */
-  onYearChange: PropTypes.func,
-
-  /**
-   * Control the popup or dialog open state.
-   */
-  open: PropTypes.bool,
-
-  /**
-   * Props to pass to keyboard adornment button.
-   */
-  OpenPickerButtonProps: PropTypes.object,
-
-  /**
-   * First view to show.
-   */
-  openTo: PropTypes.oneOf(['day', 'month', 'year']),
-
-  /**
-   * Force rendering in particular orientation.
-   */
-  orientation: PropTypes.oneOf(['landscape', 'portrait']),
-
-  /**
-   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
-   */
-  PaperProps: PropTypes.object,
-
-  /**
-   * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
-   */
-  PopperProps: PropTypes.object,
-
-  /**
-   * Make picker read only.
-   * @default false
-   */
-  readOnly: PropTypes.bool,
-
-  /**
-   * Disable heavy animations.
-   * @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
-   */
-  reduceAnimations: PropTypes.bool,
-
-  /**
-   * Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
-   */
-  renderDay: PropTypes.func,
-
-  /**
-   * The `renderInput` prop allows you to customize the rendered input.
-   * The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
-   * Pay specific attention to the `ref` and `inputProps` keys.
-   * @example ```jsx
-   * renderInput={props => <TextField {...props} />}
-   * ````
-   */
-  renderInput: PropTypes.func.isRequired,
-
-  /**
-   * Component displaying when passed `loading` true.
-   * @default () => <span data-mui-test="loading-progress">...</span>
-   */
-  renderLoading: PropTypes.func,
-
-  /**
-   * Custom formatter to be passed into Rifm component.
-   */
-  rifmFormatter: PropTypes.func,
-
-  /**
-   * Right arrow icon aria-label text.
-   */
-  rightArrowButtonText: PropTypes.string,
-
-  /**
-   * Disable specific date. @DateIOType
-   */
-  shouldDisableDate: PropTypes.func,
-
-  /**
-   * Disable specific years dynamically.
-   * Works like `shouldDisableDate` but for year selection view @DateIOType.
-   */
-  shouldDisableYear: PropTypes.func,
-
-  /**
-   * If `true`, days that have `outsideCurrentMonth={true}` are displayed.
-   * @default false
-   */
-  showDaysOutsideCurrentMonth: PropTypes.bool,
-
-  /**
-   * If `true`, the today button is displayed. **Note** that `showClearButton` has a higher priority.
-   * @default false
-   */
-  showTodayButton: PropTypes.bool,
-
-  /**
-   * If `true`, show the toolbar even in desktop mode.
-   */
-  showToolbar: PropTypes.bool,
-
-  /**
-   * Today text message.
-   * @default 'Today'
-   */
-  todayText: PropTypes.node,
-
-  /**
-   * Component that will replace default toolbar renderer.
-   * @default DatePickerToolbar
-   */
-  ToolbarComponent: PropTypes.elementType,
-
-  /**
-   * Date format, that is displaying in toolbar.
-   */
-  toolbarFormat: PropTypes.string,
-
-  /**
-   * Mobile picker date value placeholder, displaying if `value` === `null`.
-   * @default '–'
-   */
-  toolbarPlaceholder: PropTypes.node,
-
-  /**
-   * Mobile picker title, displaying in the toolbar.
-   * @default 'Select date'
-   */
-  toolbarTitle: PropTypes.node,
-
-  /**
-   * Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
-   */
-  TransitionComponent: PropTypes.elementType,
-
-  /**
-   * The value of the picker.
-   */
-  value: PropTypes.oneOfType([PropTypes.any, PropTypes.instanceOf(Date), PropTypes.number, PropTypes.string]),
-
-  /**
-   * Array of views to show.
-   */
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired)
-} : void 0;
-export default DatePicker;