@mui/x-date-pickers 8.0.0-alpha.0 → 8.0.0-alpha.2

package/validation/validateTime.js

@@ -5,6 +5,14 @@ import { singleItemValueManager } from "../internals/utils/valueManagers.js";
  * Validation props used by the Time Picker, Time Field and Clock components.
  */
 
+/**
+ * Validation props as received by the validateTime method.
+ */
+
+/**
+ * Name of the props that should be defaulted before being passed to the validateTime method.
+ */
+
 export const validateTime = ({
   adapter,
   value,

package/internals/hooks/useIsLandscape.d.ts

@@ -1,4 +0,0 @@
-import { DateOrTimeViewWithMeridiem } from '../models';
-type Orientation = 'portrait' | 'landscape';
-export declare const useIsLandscape: (views: readonly DateOrTimeViewWithMeridiem[], customOrientation: Orientation | undefined) => boolean;
-export {};

package/internals/hooks/useIsLandscape.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { arrayIncludes } from "../utils/utils.js";
-function getOrientation() {
-  if (typeof window === 'undefined') {
-    return 'portrait';
-  }
-  if (window.screen && window.screen.orientation && window.screen.orientation.angle) {
-    return Math.abs(window.screen.orientation.angle) === 90 ? 'landscape' : 'portrait';
-  }
-
-  // Support IOS safari
-  if (window.orientation) {
-    return Math.abs(Number(window.orientation)) === 90 ? 'landscape' : 'portrait';
-  }
-  return 'portrait';
-}
-export const useIsLandscape = (views, customOrientation) => {
-  const [orientation, setOrientation] = React.useState(getOrientation);
-  useEnhancedEffect(() => {
-    const eventHandler = () => {
-      setOrientation(getOrientation());
-    };
-    window.addEventListener('orientationchange', eventHandler);
-    return () => {
-      window.removeEventListener('orientationchange', eventHandler);
-    };
-  }, []);
-  if (arrayIncludes(views, ['hours', 'minutes', 'seconds'])) {
-    // could not display 13:34:44 in landscape mode
-    return false;
-  }
-  const orientationToUse = customOrientation || orientation;
-  return orientationToUse === 'landscape';
-};

package/internals/hooks/usePicker/usePickerLayoutProps.d.ts

@@ -1,33 +0,0 @@
-import { UsePickerValueLayoutResponse } from './usePickerValue.types';
-import { UsePickerViewsLayoutResponse } from './usePickerViews';
-import { DateOrTimeViewWithMeridiem, WrapperVariant } from '../../models/common';
-import { FormProps } from '../../models';
-/**
- * Props used to create the layout of the views.
- * Those props are exposed on all the pickers.
- */
-export interface UsePickerLayoutProps extends FormProps {
-    /**
-     * Force rendering in particular orientation.
-     */
-    orientation?: 'portrait' | 'landscape';
-}
-export interface UsePickerLayoutPropsResponseLayoutProps<TValue, TView extends DateOrTimeViewWithMeridiem> extends UsePickerValueLayoutResponse<TValue>, UsePickerViewsLayoutResponse<TView>, UsePickerLayoutProps {
-    isLandscape: boolean;
-    isRtl: boolean;
-    wrapperVariant: WrapperVariant;
-    isValid: (value: TValue) => boolean;
-}
-export interface UsePickerLayoutPropsResponse<TValue, TView extends DateOrTimeViewWithMeridiem> {
-    layoutProps: UsePickerLayoutPropsResponseLayoutProps<TValue, TView>;
-}
-export interface UsePickerLayoutPropsParams<TValue, TView extends DateOrTimeViewWithMeridiem> {
-    props: UsePickerLayoutProps;
-    propsFromPickerValue: UsePickerValueLayoutResponse<TValue>;
-    propsFromPickerViews: UsePickerViewsLayoutResponse<TView>;
-    wrapperVariant: WrapperVariant;
-}
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-export declare const usePickerLayoutProps: <TValue, TView extends DateOrTimeViewWithMeridiem>({ props, propsFromPickerValue, propsFromPickerViews, wrapperVariant, }: UsePickerLayoutPropsParams<TValue, TView>) => UsePickerLayoutPropsResponse<TValue, TView>;

package/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useRtl } from '@mui/system/RtlProvider';
-import { useIsLandscape } from "../useIsLandscape.js";
-
-/**
- * Props used to create the layout of the views.
- * Those props are exposed on all the pickers.
- */
-
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-export const usePickerLayoutProps = ({
-  props,
-  propsFromPickerValue,
-  propsFromPickerViews,
-  wrapperVariant
-}) => {
-  const {
-    orientation
-  } = props;
-  const isLandscape = useIsLandscape(propsFromPickerViews.views, orientation);
-  const isRtl = useRtl();
-  const layoutProps = _extends({}, propsFromPickerViews, propsFromPickerValue, {
-    isLandscape,
-    isRtl,
-    wrapperVariant,
-    disabled: props.disabled,
-    readOnly: props.readOnly
-  });
-  return {
-    layoutProps
-  };
-};

package/internals/hooks/usePicker/usePickerOwnerState.d.ts

@@ -1,10 +0,0 @@
-import { FieldSection, PickerOwnerState } from '../../../models';
-import type { UsePickerProps } from './usePicker.types';
-import { PickerValueManager, UsePickerValueResponse } from './usePickerValue.types';
-interface UsePickerOwnerStateParameters<TValue> {
-    props: UsePickerProps<TValue, any, any, any, any>;
-    pickerValueResponse: UsePickerValueResponse<TValue, FieldSection, any>;
-    valueManager: PickerValueManager<TValue, any>;
-}
-export declare function usePickerOwnerState<TValue>(parameters: UsePickerOwnerStateParameters<TValue>): PickerOwnerState;
-export {};

package/internals/hooks/usePicker/usePickerOwnerState.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { useUtils } from "../useUtils.js";
-export function usePickerOwnerState(parameters) {
-  const {
-    props,
-    pickerValueResponse,
-    valueManager
-  } = parameters;
-  const utils = useUtils();
-  return React.useMemo(() => ({
-    isPickerValueEmpty: valueManager.areValuesEqual(utils, pickerValueResponse.viewProps.value, valueManager.emptyValue),
-    isPickerOpen: pickerValueResponse.open,
-    isPickerDisabled: props.disabled ?? false,
-    isPickerReadOnly: props.readOnly ?? false
-  }), [utils, valueManager, pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
-}

package/modern/internals/hooks/useIsLandscape.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { arrayIncludes } from "../utils/utils.js";
-function getOrientation() {
-  if (typeof window === 'undefined') {
-    return 'portrait';
-  }
-  if (window.screen && window.screen.orientation && window.screen.orientation.angle) {
-    return Math.abs(window.screen.orientation.angle) === 90 ? 'landscape' : 'portrait';
-  }
-
-  // Support IOS safari
-  if (window.orientation) {
-    return Math.abs(Number(window.orientation)) === 90 ? 'landscape' : 'portrait';
-  }
-  return 'portrait';
-}
-export const useIsLandscape = (views, customOrientation) => {
-  const [orientation, setOrientation] = React.useState(getOrientation);
-  useEnhancedEffect(() => {
-    const eventHandler = () => {
-      setOrientation(getOrientation());
-    };
-    window.addEventListener('orientationchange', eventHandler);
-    return () => {
-      window.removeEventListener('orientationchange', eventHandler);
-    };
-  }, []);
-  if (arrayIncludes(views, ['hours', 'minutes', 'seconds'])) {
-    // could not display 13:34:44 in landscape mode
-    return false;
-  }
-  const orientationToUse = customOrientation || orientation;
-  return orientationToUse === 'landscape';
-};

package/modern/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useRtl } from '@mui/system/RtlProvider';
-import { useIsLandscape } from "../useIsLandscape.js";
-
-/**
- * Props used to create the layout of the views.
- * Those props are exposed on all the pickers.
- */
-
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-export const usePickerLayoutProps = ({
-  props,
-  propsFromPickerValue,
-  propsFromPickerViews,
-  wrapperVariant
-}) => {
-  const {
-    orientation
-  } = props;
-  const isLandscape = useIsLandscape(propsFromPickerViews.views, orientation);
-  const isRtl = useRtl();
-  const layoutProps = _extends({}, propsFromPickerViews, propsFromPickerValue, {
-    isLandscape,
-    isRtl,
-    wrapperVariant,
-    disabled: props.disabled,
-    readOnly: props.readOnly
-  });
-  return {
-    layoutProps
-  };
-};

package/modern/internals/hooks/usePicker/usePickerOwnerState.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { useUtils } from "../useUtils.js";
-export function usePickerOwnerState(parameters) {
-  const {
-    props,
-    pickerValueResponse,
-    valueManager
-  } = parameters;
-  const utils = useUtils();
-  return React.useMemo(() => ({
-    isPickerValueEmpty: valueManager.areValuesEqual(utils, pickerValueResponse.viewProps.value, valueManager.emptyValue),
-    isPickerOpen: pickerValueResponse.open,
-    isPickerDisabled: props.disabled ?? false,
-    isPickerReadOnly: props.readOnly ?? false
-  }), [utils, valueManager, pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
-}

package/node/internals/hooks/useIsLandscape.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useIsLandscape = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
-var _utils2 = require("../utils/utils");
-function getOrientation() {
-  if (typeof window === 'undefined') {
-    return 'portrait';
-  }
-  if (window.screen && window.screen.orientation && window.screen.orientation.angle) {
-    return Math.abs(window.screen.orientation.angle) === 90 ? 'landscape' : 'portrait';
-  }
-
-  // Support IOS safari
-  if (window.orientation) {
-    return Math.abs(Number(window.orientation)) === 90 ? 'landscape' : 'portrait';
-  }
-  return 'portrait';
-}
-const useIsLandscape = (views, customOrientation) => {
-  const [orientation, setOrientation] = React.useState(getOrientation);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
-    const eventHandler = () => {
-      setOrientation(getOrientation());
-    };
-    window.addEventListener('orientationchange', eventHandler);
-    return () => {
-      window.removeEventListener('orientationchange', eventHandler);
-    };
-  }, []);
-  if ((0, _utils2.arrayIncludes)(views, ['hours', 'minutes', 'seconds'])) {
-    // could not display 13:34:44 in landscape mode
-    return false;
-  }
-  const orientationToUse = customOrientation || orientation;
-  return orientationToUse === 'landscape';
-};
-exports.useIsLandscape = useIsLandscape;

package/node/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePickerLayoutProps = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _RtlProvider = require("@mui/system/RtlProvider");
-var _useIsLandscape = require("../useIsLandscape");
-/**
- * Props used to create the layout of the views.
- * Those props are exposed on all the pickers.
- */
-
-/**
- * Prepare the props for the view layout (managed by `PickersLayout`)
- */
-const usePickerLayoutProps = ({
-  props,
-  propsFromPickerValue,
-  propsFromPickerViews,
-  wrapperVariant
-}) => {
-  const {
-    orientation
-  } = props;
-  const isLandscape = (0, _useIsLandscape.useIsLandscape)(propsFromPickerViews.views, orientation);
-  const isRtl = (0, _RtlProvider.useRtl)();
-  const layoutProps = (0, _extends2.default)({}, propsFromPickerViews, propsFromPickerValue, {
-    isLandscape,
-    isRtl,
-    wrapperVariant,
-    disabled: props.disabled,
-    readOnly: props.readOnly
-  });
-  return {
-    layoutProps
-  };
-};
-exports.usePickerLayoutProps = usePickerLayoutProps;

package/node/internals/hooks/usePicker/usePickerOwnerState.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePickerOwnerState = usePickerOwnerState;
-var React = _interopRequireWildcard(require("react"));
-var _useUtils = require("../useUtils");
-function usePickerOwnerState(parameters) {
-  const {
-    props,
-    pickerValueResponse,
-    valueManager
-  } = parameters;
-  const utils = (0, _useUtils.useUtils)();
-  return React.useMemo(() => ({
-    isPickerValueEmpty: valueManager.areValuesEqual(utils, pickerValueResponse.viewProps.value, valueManager.emptyValue),
-    isPickerOpen: pickerValueResponse.open,
-    isPickerDisabled: props.disabled ?? false,
-    isPickerReadOnly: props.readOnly ?? false
-  }), [utils, valueManager, pickerValueResponse.viewProps.value, pickerValueResponse.open, props.disabled, props.readOnly]);
-}