@mui/x-date-pickers 5.0.0-alpha.0

package/node/internals/components/wrappers/DesktopTooltipWrapper.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesktopTooltipWrapper = DesktopTooltipWrapper;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _utils = require("@mui/material/utils");
+
+var _WrapperVariantContext = require("./WrapperVariantContext");
+
+var _utils2 = require("../../utils/utils");
+
+var _PickersPopper = require("../PickersPopper");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function DesktopTooltipWrapper(props) {
+  const {
+    children,
+    DateInputProps,
+    KeyboardDateInputComponent,
+    onDismiss,
+    open,
+    PopperProps,
+    TransitionComponent
+  } = props;
+  const inputContainerRef = React.useRef(null);
+  const popperRef = React.useRef(null);
+
+  const handleBlur = () => {
+    (0, _utils2.executeInTheNextEventLoopTick)(() => {
+      var _inputContainerRef$cu, _popperRef$current;
+
+      if ((_inputContainerRef$cu = inputContainerRef.current) != null && _inputContainerRef$cu.contains(document.activeElement) || (_popperRef$current = popperRef.current) != null && _popperRef$current.contains(document.activeElement)) {
+        return;
+      }
+
+      onDismiss();
+    });
+  };
+
+  const inputComponentRef = (0, _utils.useForkRef)(DateInputProps.ref, inputContainerRef);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_WrapperVariantContext.WrapperVariantContext.Provider, {
+    value: "desktop",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardDateInputComponent, (0, _extends2.default)({}, DateInputProps, {
+      ref: inputComponentRef,
+      onBlur: handleBlur
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersPopper.PickersPopper, {
+      role: "tooltip",
+      open: open,
+      containerRef: popperRef,
+      anchorEl: inputContainerRef.current,
+      TransitionComponent: TransitionComponent,
+      PopperProps: PopperProps,
+      onBlur: handleBlur,
+      onClose: onDismiss,
+      children: children
+    })]
+  });
+}

package/node/internals/components/wrappers/DesktopWrapper.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DesktopWrapper = DesktopWrapper;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _utils = require("@mui/material/utils");
+
+var _WrapperVariantContext = require("./WrapperVariantContext");
+
+var _PickersPopper = require("../PickersPopper");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function DesktopWrapper(props) {
+  const {
+    children,
+    DateInputProps,
+    KeyboardDateInputComponent,
+    onDismiss,
+    open,
+    PopperProps,
+    PaperProps,
+    TransitionComponent,
+    onClear,
+    clearText,
+    clearable
+  } = props;
+  const ownInputRef = React.useRef(null);
+  const inputRef = (0, _utils.useForkRef)(DateInputProps.inputRef, ownInputRef);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_WrapperVariantContext.WrapperVariantContext.Provider, {
+    value: "desktop",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardDateInputComponent, (0, _extends2.default)({}, DateInputProps, {
+      inputRef: inputRef
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersPopper.PickersPopper, {
+      role: "dialog",
+      open: open,
+      anchorEl: ownInputRef.current,
+      TransitionComponent: TransitionComponent,
+      PopperProps: PopperProps,
+      PaperProps: PaperProps,
+      onClose: onDismiss,
+      onClear: onClear,
+      clearText: clearText,
+      clearable: clearable,
+      children: children
+    })]
+  });
+}

package/node/internals/components/wrappers/MobileWrapper.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobileWrapper = MobileWrapper;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _WrapperVariantContext = require("./WrapperVariantContext");
+
+var _PickersModalDialog = require("../PickersModalDialog");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["cancelText", "children", "clearable", "clearText", "DateInputProps", "DialogProps", "okText", "onAccept", "onClear", "onDismiss", "onSetToday", "open", "PureDateInputComponent", "showTodayButton", "todayText"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function MobileWrapper(props) {
+  const {
+    cancelText,
+    children,
+    clearable,
+    clearText,
+    DateInputProps,
+    DialogProps,
+    okText,
+    onAccept,
+    onClear,
+    onDismiss,
+    onSetToday,
+    open,
+    PureDateInputComponent,
+    showTodayButton,
+    todayText
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_WrapperVariantContext.WrapperVariantContext.Provider, {
+    value: "mobile",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PureDateInputComponent, (0, _extends2.default)({}, other, DateInputProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersModalDialog.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
+    })]
+  });
+}

package/node/internals/components/wrappers/ResponsiveWrapper.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResponsiveTooltipWrapper = ResponsiveTooltipWrapper;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+
+var _MobileWrapper = require("./MobileWrapper");
+
+var _DesktopTooltipWrapper = require("./DesktopTooltipWrapper");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+const _excluded = ["cancelText", "clearable", "clearText", "DateInputProps", "desktopModeMediaQuery", "DialogProps", "KeyboardDateInputComponent", "okText", "PopperProps", "PureDateInputComponent", "showTodayButton", "todayText", "TransitionComponent"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ResponsiveTooltipWrapper(props) {
+  const {
+    cancelText,
+    clearable,
+    clearText,
+    DateInputProps,
+    desktopModeMediaQuery = '@media (pointer: fine)',
+    DialogProps,
+    KeyboardDateInputComponent,
+    okText,
+    PopperProps,
+    PureDateInputComponent,
+    showTodayButton,
+    todayText,
+    TransitionComponent
+  } = props,
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const isDesktop = (0, _useMediaQuery.default)(desktopModeMediaQuery);
+  return isDesktop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopTooltipWrapper.DesktopTooltipWrapper, (0, _extends2.default)({
+    DateInputProps: DateInputProps,
+    KeyboardDateInputComponent: KeyboardDateInputComponent,
+    PopperProps: PopperProps,
+    TransitionComponent: TransitionComponent
+  }, other)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_MobileWrapper.MobileWrapper, (0, _extends2.default)({
+    cancelText: cancelText,
+    clearable: clearable,
+    clearText: clearText,
+    DateInputProps: DateInputProps,
+    DialogProps: DialogProps,
+    okText: okText,
+    PureDateInputComponent: PureDateInputComponent,
+    showTodayButton: showTodayButton,
+    todayText: todayText
+  }, other));
+}

package/node/internals/components/wrappers/WrapperProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/components/wrappers/WrapperVariantContext.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WrapperVariantContext = exports.IsStaticVariantContext = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * TODO consider getting rid from wrapper variant
+ * @ignore - internal component.
+ */
+const WrapperVariantContext = /*#__PURE__*/React.createContext(null);
+/**
+ * @ignore - internal component.
+ */
+
+exports.WrapperVariantContext = WrapperVariantContext;
+const IsStaticVariantContext = /*#__PURE__*/React.createContext(false);
+exports.IsStaticVariantContext = IsStaticVariantContext;

package/node/internals/constants/dimensions.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VIEW_HEIGHT = exports.DIALOG_WIDTH = exports.DAY_SIZE = exports.DAY_MARGIN = void 0;
+const DAY_SIZE = 36;
+exports.DAY_SIZE = DAY_SIZE;
+const DAY_MARGIN = 2;
+exports.DAY_MARGIN = DAY_MARGIN;
+const DIALOG_WIDTH = 320;
+exports.DIALOG_WIDTH = DIALOG_WIDTH;
+const VIEW_HEIGHT = 358;
+exports.VIEW_HEIGHT = VIEW_HEIGHT;

package/node/internals/hooks/date-helpers-hooks.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMeridiemMode = useMeridiemMode;
+exports.useNextMonthDisabled = useNextMonthDisabled;
+exports.usePreviousMonthDisabled = usePreviousMonthDisabled;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useUtils = require("./useUtils");
+
+var _timeUtils = require("../utils/time-utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function useNextMonthDisabled(month, {
+  disableFuture,
+  maxDate
+}) {
+  const utils = (0, _useUtils.useUtils)();
+  return React.useMemo(() => {
+    const now = utils.date();
+    const lastEnabledMonth = utils.startOfMonth(disableFuture && utils.isBefore(now, maxDate) ? now : maxDate);
+    return !utils.isAfter(lastEnabledMonth, month);
+  }, [disableFuture, maxDate, month, utils]);
+}
+
+function usePreviousMonthDisabled(month, {
+  disablePast,
+  minDate
+}) {
+  const utils = (0, _useUtils.useUtils)();
+  return React.useMemo(() => {
+    const now = utils.date();
+    const firstEnabledMonth = utils.startOfMonth(disablePast && utils.isAfter(now, minDate) ? now : minDate);
+    return !utils.isBefore(firstEnabledMonth, month);
+  }, [disablePast, minDate, month, utils]);
+}
+
+function useMeridiemMode(date, ampm, onChange) {
+  const utils = (0, _useUtils.useUtils)();
+  const meridiemMode = (0, _timeUtils.getMeridiem)(date, utils);
+  const handleMeridiemChange = React.useCallback(mode => {
+    const timeWithMeridiem = (0, _timeUtils.convertToMeridiem)(date, mode, Boolean(ampm), utils);
+    onChange(timeWithMeridiem, 'partial');
+  }, [ampm, date, onChange, utils]);
+  return {
+    meridiemMode,
+    handleMeridiemChange
+  };
+}

package/node/internals/hooks/useIsLandscape.js

@@ -0,0 +1,57 @@
+"use strict";
+
+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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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/useMaskedInput.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMaskedInput = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _rifm = require("rifm");
+
+var _useUtils = require("./useUtils");
+
+var _utils = require("../utils/utils");
+
+var _textFieldHelper = require("../utils/text-field-helper");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useMaskedInput = ({
+  acceptRegex = /[\d]/gi,
+  disabled,
+  disableMaskedInput,
+  ignoreInvalidInputs,
+  inputFormat,
+  inputProps,
+  label,
+  mask,
+  onChange,
+  rawValue,
+  readOnly,
+  rifmFormatter,
+  TextFieldProps,
+  validationError
+}) => {
+  const utils = (0, _useUtils.useUtils)();
+  const [isFocused, setIsFocused] = React.useState(false);
+  const formatHelperText = utils.getFormatHelperText(inputFormat);
+  const shouldUseMaskedInput = React.useMemo(() => {
+    // formatting of dates is a quite slow thing, so do not make useless .format calls
+    if (!mask || disableMaskedInput) {
+      return false;
+    }
+
+    return (0, _textFieldHelper.checkMaskIsValidForCurrentFormat)(mask, inputFormat, acceptRegex, utils);
+  }, [acceptRegex, disableMaskedInput, inputFormat, mask, utils]);
+  const formatter = React.useMemo(() => shouldUseMaskedInput && mask ? (0, _textFieldHelper.maskedDateFormatter)(mask, acceptRegex) : st => st, [acceptRegex, mask, shouldUseMaskedInput]); // TODO: Implement with controlled vs uncontrolled `rawValue`
+
+  const currentInputValue = (0, _textFieldHelper.getDisplayDate)(utils, rawValue, inputFormat);
+  const [innerInputValue, setInnerInputValue] = React.useState(currentInputValue);
+  const previousInputValueRef = React.useRef(currentInputValue);
+  React.useEffect(() => {
+    previousInputValueRef.current = currentInputValue;
+  }, [currentInputValue]);
+  const notTyping = !isFocused;
+  const valueChanged = previousInputValueRef.current !== currentInputValue; // Update the input value only if the value changed outside of typing
+
+  if (notTyping && valueChanged && (rawValue === null || utils.isValid(rawValue))) {
+    if (currentInputValue !== innerInputValue) {
+      setInnerInputValue(currentInputValue);
+    }
+  }
+
+  const handleChange = text => {
+    const finalString = text === '' || text === mask ? '' : text;
+    setInnerInputValue(finalString);
+    const date = finalString === null ? null : utils.parse(finalString, inputFormat);
+
+    if (ignoreInvalidInputs && !utils.isValid(date)) {
+      return;
+    }
+
+    onChange(date, finalString || undefined);
+  };
+
+  const rifmProps = (0, _rifm.useRifm)({
+    value: innerInputValue,
+    onChange: handleChange,
+    format: rifmFormatter || formatter
+  });
+  const inputStateArgs = shouldUseMaskedInput ? rifmProps : {
+    value: innerInputValue,
+    onChange: event => {
+      handleChange(event.currentTarget.value);
+    }
+  };
+  return (0, _extends2.default)({
+    label,
+    disabled,
+    error: validationError,
+    inputProps: (0, _extends2.default)({}, inputStateArgs, {
+      disabled,
+      placeholder: formatHelperText,
+      readOnly,
+      type: shouldUseMaskedInput ? 'tel' : 'text'
+    }, inputProps, {
+      onFocus: (0, _utils.createDelegatedEventHandler)(() => {
+        setIsFocused(true);
+      }, inputProps == null ? void 0 : inputProps.onFocus),
+      onBlur: (0, _utils.createDelegatedEventHandler)(() => {
+        setIsFocused(false);
+      }, inputProps == null ? void 0 : inputProps.onBlur)
+    })
+  }, TextFieldProps);
+};
+
+exports.useMaskedInput = useMaskedInput;

package/node/internals/hooks/useOpenState.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOpenState = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useOpenState = ({
+  open,
+  onOpen,
+  onClose
+}) => {
+  const isControllingOpenProp = React.useRef(typeof open === 'boolean').current;
+  const [openState, setIsOpenState] = React.useState(false); // It is required to update inner state in useEffect in order to avoid situation when
+  // Our component is not mounted yet, but `open` state is set to `true` (e.g. initially opened)
+
+  React.useEffect(() => {
+    if (isControllingOpenProp) {
+      if (typeof open !== 'boolean') {
+        throw new Error('You must not mix controlling and uncontrolled mode for `open` prop');
+      }
+
+      setIsOpenState(open);
+    }
+  }, [isControllingOpenProp, open]);
+  const setIsOpen = React.useCallback(newIsOpen => {
+    if (!isControllingOpenProp) {
+      setIsOpenState(newIsOpen);
+    }
+
+    if (newIsOpen && onOpen) {
+      onOpen();
+    }
+
+    if (!newIsOpen && onClose) {
+      onClose();
+    }
+  }, [isControllingOpenProp, onOpen, onClose]);
+  return {
+    isOpen: openState,
+    setIsOpen
+  };
+};
+
+exports.useOpenState = useOpenState;