@mui/x-date-pickers 7.0.0-beta.1 → 7.0.0-beta.4

package/legacy/internals/hooks/useField/useFieldCharacterEditing.js

@@ -1,277 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { useUtils } from '../useUtils';
-import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionFormatHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions, applyLocalizedDigits, removeLocalizedDigits, isStringNumber } from './useField.utils';
-
-/**
- * The letter editing and the numeric editing each define a `CharacterEditingApplier`.
- * This function decides what the new section value should be and if the focus should switch to the next section.
- *
- * If it returns `null`, then the section value is not updated and the focus does not move.
- */
-
-/**
- * Function called by `applyQuery` which decides:
- * - what is the new section value ?
- * - should the query used to get this value be stored for the next key press ?
- *
- * If it returns `{ sectionValue: string; shouldGoToNextSection: boolean }`,
- * Then we store the query and update the section with the new value.
- *
- * If it returns `{ saveQuery: true` },
- * Then we store the query and don't update the section.
- *
- * If it returns `{ saveQuery: false },
- * Then we do nothing.
- */
-
-var QUERY_LIFE_DURATION_MS = 5000;
-var isQueryResponseWithoutValue = function isQueryResponseWithoutValue(response) {
-  return response.saveQuery != null;
-};
-
-/**
- * Update the active section value when the user pressed a key that is not a navigation key (arrow key for example).
- * This hook has two main editing behaviors
- *
- * 1. The numeric editing when the user presses a digit
- * 2. The letter editing when the user presses another key
- */
-export var useFieldCharacterEditing = function useFieldCharacterEditing(_ref) {
-  var sections = _ref.sections,
-    updateSectionValue = _ref.updateSectionValue,
-    sectionsValueBoundaries = _ref.sectionsValueBoundaries,
-    localizedDigits = _ref.localizedDigits,
-    setTempAndroidValueStr = _ref.setTempAndroidValueStr,
-    timezone = _ref.timezone;
-  var utils = useUtils();
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    query = _React$useState2[0],
-    setQuery = _React$useState2[1];
-  var resetQuery = useEventCallback(function () {
-    return setQuery(null);
-  });
-  React.useEffect(function () {
-    var _sections$query$secti;
-    if (query != null && ((_sections$query$secti = sections[query.sectionIndex]) == null ? void 0 : _sections$query$secti.type) !== query.sectionType) {
-      resetQuery();
-    }
-  }, [sections, query, resetQuery]);
-  React.useEffect(function () {
-    if (query != null) {
-      var timeout = setTimeout(function () {
-        return resetQuery();
-      }, QUERY_LIFE_DURATION_MS);
-      return function () {
-        window.clearTimeout(timeout);
-      };
-    }
-    return function () {};
-  }, [query, resetQuery]);
-  var applyQuery = function applyQuery(_ref2, getFirstSectionValueMatchingWithQuery, isValidQueryValue) {
-    var keyPressed = _ref2.keyPressed,
-      sectionIndex = _ref2.sectionIndex;
-    var cleanKeyPressed = keyPressed.toLowerCase();
-    var activeSection = sections[sectionIndex];
-
-    // The current query targets the section being editing
-    // We can try to concatenate the value
-    if (query != null && (!isValidQueryValue || isValidQueryValue(query.value)) && query.sectionIndex === sectionIndex) {
-      var concatenatedQueryValue = "".concat(query.value).concat(cleanKeyPressed);
-      var _queryResponse = getFirstSectionValueMatchingWithQuery(concatenatedQueryValue, activeSection);
-      if (!isQueryResponseWithoutValue(_queryResponse)) {
-        setQuery({
-          sectionIndex: sectionIndex,
-          value: concatenatedQueryValue,
-          sectionType: activeSection.type
-        });
-        return _queryResponse;
-      }
-    }
-    var queryResponse = getFirstSectionValueMatchingWithQuery(cleanKeyPressed, activeSection);
-    if (isQueryResponseWithoutValue(queryResponse) && !queryResponse.saveQuery) {
-      resetQuery();
-      return null;
-    }
-    setQuery({
-      sectionIndex: sectionIndex,
-      value: cleanKeyPressed,
-      sectionType: activeSection.type
-    });
-    if (isQueryResponseWithoutValue(queryResponse)) {
-      return null;
-    }
-    return queryResponse;
-  };
-  var applyLetterEditing = function applyLetterEditing(params) {
-    var findMatchingOptions = function findMatchingOptions(format, options, queryValue) {
-      var matchingValues = options.filter(function (option) {
-        return option.toLowerCase().startsWith(queryValue);
-      });
-      if (matchingValues.length === 0) {
-        return {
-          saveQuery: false
-        };
-      }
-      return {
-        sectionValue: matchingValues[0],
-        shouldGoToNextSection: matchingValues.length === 1
-      };
-    };
-    var testQueryOnFormatAndFallbackFormat = function testQueryOnFormatAndFallbackFormat(queryValue, activeSection, fallbackFormat, formatFallbackValue) {
-      var getOptions = function getOptions(format) {
-        return getLetterEditingOptions(utils, timezone, activeSection.type, format);
-      };
-      if (activeSection.contentType === 'letter') {
-        return findMatchingOptions(activeSection.format, getOptions(activeSection.format), queryValue);
-      }
-
-      // When editing a digit-format month / weekDay and the user presses a letter,
-      // We can support the letter editing by using the letter-format month / weekDay and re-formatting the result.
-      // We just have to make sure that the default month / weekDay format is a letter format,
-      if (fallbackFormat && formatFallbackValue != null && getDateSectionConfigFromFormatToken(utils, fallbackFormat).contentType === 'letter') {
-        var _fallbackOptions = getOptions(fallbackFormat);
-        var response = findMatchingOptions(fallbackFormat, _fallbackOptions, queryValue);
-        if (isQueryResponseWithoutValue(response)) {
-          return {
-            saveQuery: false
-          };
-        }
-        return _extends({}, response, {
-          sectionValue: formatFallbackValue(response.sectionValue, _fallbackOptions)
-        });
-      }
-      return {
-        saveQuery: false
-      };
-    };
-    var getFirstSectionValueMatchingWithQuery = function getFirstSectionValueMatchingWithQuery(queryValue, activeSection) {
-      switch (activeSection.type) {
-        case 'month':
-          {
-            var formatFallbackValue = function formatFallbackValue(fallbackValue) {
-              return changeSectionValueFormat(utils, fallbackValue, utils.formats.month, activeSection.format);
-            };
-            return testQueryOnFormatAndFallbackFormat(queryValue, activeSection, utils.formats.month, formatFallbackValue);
-          }
-        case 'weekDay':
-          {
-            var _formatFallbackValue = function _formatFallbackValue(fallbackValue, fallbackOptions) {
-              return fallbackOptions.indexOf(fallbackValue).toString();
-            };
-            return testQueryOnFormatAndFallbackFormat(queryValue, activeSection, utils.formats.weekday, _formatFallbackValue);
-          }
-        case 'meridiem':
-          {
-            return testQueryOnFormatAndFallbackFormat(queryValue, activeSection);
-          }
-        default:
-          {
-            return {
-              saveQuery: false
-            };
-          }
-      }
-    };
-    return applyQuery(params, getFirstSectionValueMatchingWithQuery);
-  };
-  var applyNumericEditing = function applyNumericEditing(params) {
-    var getNewSectionValue = function getNewSectionValue(queryValue, section) {
-      var cleanQueryValue = removeLocalizedDigits(queryValue, localizedDigits);
-      var queryValueNumber = Number(cleanQueryValue);
-      var sectionBoundaries = sectionsValueBoundaries[section.type]({
-        currentDate: null,
-        format: section.format,
-        contentType: section.contentType
-      });
-      if (queryValueNumber > sectionBoundaries.maximum) {
-        return {
-          saveQuery: false
-        };
-      }
-
-      // If the user types `0` on a month section,
-      // It is below the minimum, but we want to store the `0` in the query,
-      // So that when he pressed `1`, it will store `01` and move to the next section.
-      if (queryValueNumber < sectionBoundaries.minimum) {
-        return {
-          saveQuery: true
-        };
-      }
-      var shouldGoToNextSection = queryValueNumber * 10 > sectionBoundaries.maximum || cleanQueryValue.length === sectionBoundaries.maximum.toString().length;
-      var newSectionValue = cleanDigitSectionValue(utils, queryValueNumber, sectionBoundaries, localizedDigits, section);
-      return {
-        sectionValue: newSectionValue,
-        shouldGoToNextSection: shouldGoToNextSection
-      };
-    };
-    var getFirstSectionValueMatchingWithQuery = function getFirstSectionValueMatchingWithQuery(queryValue, activeSection) {
-      if (activeSection.contentType === 'digit' || activeSection.contentType === 'digit-with-letter') {
-        return getNewSectionValue(queryValue, activeSection);
-      }
-
-      // When editing a letter-format month and the user presses a digit,
-      // We can support the numeric editing by using the digit-format month and re-formatting the result.
-      if (activeSection.type === 'month') {
-        var hasLeadingZerosInFormat = doesSectionFormatHaveLeadingZeros(utils, timezone, 'digit', 'month', 'MM');
-        var response = getNewSectionValue(queryValue, {
-          type: activeSection.type,
-          format: 'MM',
-          hasLeadingZerosInFormat: hasLeadingZerosInFormat,
-          hasLeadingZerosInInput: true,
-          contentType: 'digit',
-          maxLength: 2
-        });
-        if (isQueryResponseWithoutValue(response)) {
-          return response;
-        }
-        var formattedValue = changeSectionValueFormat(utils, response.sectionValue, 'MM', activeSection.format);
-        return _extends({}, response, {
-          sectionValue: formattedValue
-        });
-      }
-
-      // When editing a letter-format weekDay and the user presses a digit,
-      // We can support the numeric editing by returning the nth day in the week day array.
-      if (activeSection.type === 'weekDay') {
-        var _response = getNewSectionValue(queryValue, activeSection);
-        if (isQueryResponseWithoutValue(_response)) {
-          return _response;
-        }
-        var _formattedValue = getDaysInWeekStr(utils, timezone, activeSection.format)[Number(_response.sectionValue) - 1];
-        return _extends({}, _response, {
-          sectionValue: _formattedValue
-        });
-      }
-      return {
-        saveQuery: false
-      };
-    };
-    return applyQuery(params, getFirstSectionValueMatchingWithQuery, function (queryValue) {
-      return isStringNumber(queryValue, localizedDigits);
-    });
-  };
-  var applyCharacterEditing = useEventCallback(function (params) {
-    var activeSection = sections[params.sectionIndex];
-    var isNumericEditing = isStringNumber(params.keyPressed, localizedDigits);
-    var response = isNumericEditing ? applyNumericEditing(_extends({}, params, {
-      keyPressed: applyLocalizedDigits(params.keyPressed, localizedDigits)
-    })) : applyLetterEditing(params);
-    if (response == null) {
-      setTempAndroidValueStr(null);
-    } else {
-      updateSectionValue({
-        activeSection: activeSection,
-        newSectionValue: response.sectionValue,
-        shouldGoToNextSection: response.shouldGoToNextSection
-      });
-    }
-  });
-  return {
-    applyCharacterEditing: applyCharacterEditing,
-    resetCharacterQuery: resetQuery
-  };
-};

package/legacy/internals/hooks/useField/useFieldState.js

@@ -1,321 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import useControlled from '@mui/utils/useControlled';
-import { useTheme } from '@mui/material/styles';
-import { useUtils, useLocaleText, useLocalizationContext } from '../useUtils';
-import { addPositionPropertiesToSections, splitFormatIntoSections, mergeDateIntoReferenceDate, getSectionsBoundaries, validateSections, getDateFromDateSections, getLocalizedDigits } from './useField.utils';
-import { useValueWithTimezone } from '../useValueWithTimezone';
-import { getSectionTypeGranularity } from '../../utils/getDefaultReferenceDate';
-export var useFieldState = function useFieldState(params) {
-  var utils = useUtils();
-  var localeText = useLocaleText();
-  var adapter = useLocalizationContext();
-  var theme = useTheme();
-  var isRTL = theme.direction === 'rtl';
-  var valueManager = params.valueManager,
-    fieldValueManager = params.fieldValueManager,
-    valueType = params.valueType,
-    validator = params.validator,
-    internalProps = params.internalProps,
-    _params$internalProps = params.internalProps,
-    valueProp = _params$internalProps.value,
-    defaultValue = _params$internalProps.defaultValue,
-    referenceDateProp = _params$internalProps.referenceDate,
-    onChange = _params$internalProps.onChange,
-    format = _params$internalProps.format,
-    _params$internalProps2 = _params$internalProps.formatDensity,
-    formatDensity = _params$internalProps2 === void 0 ? 'dense' : _params$internalProps2,
-    selectedSectionsProp = _params$internalProps.selectedSections,
-    onSelectedSectionsChange = _params$internalProps.onSelectedSectionsChange,
-    _params$internalProps3 = _params$internalProps.shouldRespectLeadingZeros,
-    shouldRespectLeadingZeros = _params$internalProps3 === void 0 ? false : _params$internalProps3,
-    timezoneProp = _params$internalProps.timezone;
-  var _useValueWithTimezone = useValueWithTimezone({
-      timezone: timezoneProp,
-      value: valueProp,
-      defaultValue: defaultValue,
-      onChange: onChange,
-      valueManager: valueManager
-    }),
-    timezone = _useValueWithTimezone.timezone,
-    valueFromTheOutside = _useValueWithTimezone.value,
-    handleValueChange = _useValueWithTimezone.handleValueChange;
-  var localizedDigits = React.useMemo(function () {
-    return getLocalizedDigits(utils);
-  }, [utils]);
-  var sectionsValueBoundaries = React.useMemo(function () {
-    return getSectionsBoundaries(utils, localizedDigits, timezone);
-  }, [utils, localizedDigits, timezone]);
-  var getSectionsFromValue = React.useCallback(function (value) {
-    var fallbackSections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    return fieldValueManager.getSectionsFromValue(utils, value, fallbackSections, localizedDigits, isRTL, function (date) {
-      return splitFormatIntoSections(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
-    });
-  }, [fieldValueManager, format, localeText, localizedDigits, isRTL, shouldRespectLeadingZeros, utils, formatDensity, timezone]);
-  var placeholder = React.useMemo(function () {
-    return fieldValueManager.getValueStrFromSections(getSectionsFromValue(valueManager.emptyValue), localizedDigits, isRTL);
-  }, [fieldValueManager, getSectionsFromValue, valueManager.emptyValue, localizedDigits, isRTL]);
-  var _React$useState = React.useState(function () {
-      var sections = getSectionsFromValue(valueFromTheOutside);
-      validateSections(sections, valueType);
-      var stateWithoutReferenceDate = {
-        sections: sections,
-        value: valueFromTheOutside,
-        referenceValue: valueManager.emptyValue,
-        tempValueStrAndroid: null
-      };
-      var granularity = getSectionTypeGranularity(sections);
-      var referenceValue = valueManager.getInitialReferenceValue({
-        referenceDate: referenceDateProp,
-        value: valueFromTheOutside,
-        utils: utils,
-        props: internalProps,
-        granularity: granularity,
-        timezone: timezone
-      });
-      return _extends({}, stateWithoutReferenceDate, {
-        referenceValue: referenceValue
-      });
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    state = _React$useState2[0],
-    setState = _React$useState2[1];
-  var _useControlled = useControlled({
-      controlled: selectedSectionsProp,
-      default: null,
-      name: 'useField',
-      state: 'selectedSectionIndexes'
-    }),
-    _useControlled2 = _slicedToArray(_useControlled, 2),
-    selectedSections = _useControlled2[0],
-    innerSetSelectedSections = _useControlled2[1];
-  var setSelectedSections = function setSelectedSections(newSelectedSections) {
-    innerSetSelectedSections(newSelectedSections);
-    onSelectedSectionsChange == null || onSelectedSectionsChange(newSelectedSections);
-    setState(function (prevState) {
-      return _extends({}, prevState, {
-        selectedSectionQuery: null
-      });
-    });
-  };
-  var selectedSectionIndexes = React.useMemo(function () {
-    if (selectedSections == null) {
-      return null;
-    }
-    if (selectedSections === 'all') {
-      return {
-        startIndex: 0,
-        endIndex: state.sections.length - 1,
-        shouldSelectBoundarySelectors: true
-      };
-    }
-    if (typeof selectedSections === 'number') {
-      return {
-        startIndex: selectedSections,
-        endIndex: selectedSections,
-        shouldSelectBoundarySelectors: state.sections[selectedSections].type === 'empty'
-      };
-    }
-    if (typeof selectedSections === 'string') {
-      var selectedSectionIndex = state.sections.findIndex(function (section) {
-        return section.type === selectedSections;
-      });
-      return {
-        startIndex: selectedSectionIndex,
-        endIndex: selectedSectionIndex,
-        shouldSelectBoundarySelectors: state.sections[selectedSectionIndex].type === 'empty'
-      };
-    }
-    return _extends({}, selectedSections, {
-      shouldSelectBoundarySelectors: selectedSections.startIndex === selectedSections.endIndex && state.sections[selectedSections.startIndex].type === 'empty'
-    });
-  }, [selectedSections, state.sections]);
-  var publishValue = function publishValue(_ref) {
-    var value = _ref.value,
-      referenceValue = _ref.referenceValue,
-      sections = _ref.sections;
-    setState(function (prevState) {
-      return _extends({}, prevState, {
-        sections: sections,
-        value: value,
-        referenceValue: referenceValue,
-        tempValueStrAndroid: null
-      });
-    });
-    if (valueManager.areValuesEqual(utils, state.value, value)) {
-      return;
-    }
-    var context = {
-      validationError: validator({
-        adapter: adapter,
-        value: value,
-        props: _extends({}, internalProps, {
-          value: value,
-          timezone: timezone
-        })
-      })
-    };
-    handleValueChange(value, context);
-  };
-  var setSectionValue = function setSectionValue(sectionIndex, newSectionValue) {
-    var newSections = _toConsumableArray(state.sections);
-    newSections[sectionIndex] = _extends({}, newSections[sectionIndex], {
-      value: newSectionValue,
-      modified: true
-    });
-    return addPositionPropertiesToSections(newSections, localizedDigits, isRTL);
-  };
-  var clearValue = function clearValue() {
-    publishValue({
-      value: valueManager.emptyValue,
-      referenceValue: state.referenceValue,
-      sections: getSectionsFromValue(valueManager.emptyValue)
-    });
-  };
-  var clearActiveSection = function clearActiveSection() {
-    if (selectedSectionIndexes == null) {
-      return;
-    }
-    var activeSection = state.sections[selectedSectionIndexes.startIndex];
-    var activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
-    var nonEmptySectionCountBefore = activeDateManager.getSections(state.sections).filter(function (section) {
-      return section.value !== '';
-    }).length;
-    var hasNoOtherNonEmptySections = nonEmptySectionCountBefore === (activeSection.value === '' ? 0 : 1);
-    var newSections = setSectionValue(selectedSectionIndexes.startIndex, '');
-    var newActiveDate = hasNoOtherNonEmptySections ? null : utils.getInvalidDate();
-    var newValues = activeDateManager.getNewValuesFromNewActiveDate(newActiveDate);
-    if ((newActiveDate != null && !utils.isValid(newActiveDate)) !== (activeDateManager.date != null && !utils.isValid(activeDateManager.date))) {
-      publishValue(_extends({}, newValues, {
-        sections: newSections
-      }));
-    } else {
-      setState(function (prevState) {
-        return _extends({}, prevState, newValues, {
-          sections: newSections,
-          tempValueStrAndroid: null
-        });
-      });
-    }
-  };
-  var updateValueFromValueStr = function updateValueFromValueStr(valueStr) {
-    var parseDateStr = function parseDateStr(dateStr, referenceDate) {
-      var date = utils.parse(dateStr, format);
-      if (date == null || !utils.isValid(date)) {
-        return null;
-      }
-      var sections = splitFormatIntoSections(utils, timezone, localeText, localizedDigits, format, date, formatDensity, shouldRespectLeadingZeros, isRTL);
-      return mergeDateIntoReferenceDate(utils, timezone, date, sections, referenceDate, false);
-    };
-    var newValue = fieldValueManager.parseValueStr(valueStr, state.referenceValue, parseDateStr);
-    var newReferenceValue = fieldValueManager.updateReferenceValue(utils, newValue, state.referenceValue);
-    publishValue({
-      value: newValue,
-      referenceValue: newReferenceValue,
-      sections: getSectionsFromValue(newValue, state.sections)
-    });
-  };
-  var updateSectionValue = function updateSectionValue(_ref2) {
-    var activeSection = _ref2.activeSection,
-      newSectionValue = _ref2.newSectionValue,
-      shouldGoToNextSection = _ref2.shouldGoToNextSection;
-    /**
-     * 1. Decide which section should be focused
-     */
-    if (shouldGoToNextSection && selectedSectionIndexes && selectedSectionIndexes.startIndex < state.sections.length - 1) {
-      setSelectedSections(selectedSectionIndexes.startIndex + 1);
-    } else if (selectedSectionIndexes && selectedSectionIndexes.startIndex !== selectedSectionIndexes.endIndex) {
-      setSelectedSections(selectedSectionIndexes.startIndex);
-    }
-
-    /**
-     * 2. Try to build a valid date from the new section value
-     */
-    var activeDateManager = fieldValueManager.getActiveDateManager(utils, state, activeSection);
-    var newSections = setSectionValue(selectedSectionIndexes.startIndex, newSectionValue);
-    var newActiveDateSections = activeDateManager.getSections(newSections);
-    var newActiveDate = getDateFromDateSections(utils, newActiveDateSections, localizedDigits);
-    var values;
-    var shouldPublish;
-
-    /**
-     * If the new date is valid,
-     * Then we merge the value of the modified sections into the reference date.
-     * This makes sure that we don't lose some information of the initial date (like the time on a date field).
-     */
-    if (newActiveDate != null && utils.isValid(newActiveDate)) {
-      var mergedDate = mergeDateIntoReferenceDate(utils, timezone, newActiveDate, newActiveDateSections, activeDateManager.referenceDate, true);
-      values = activeDateManager.getNewValuesFromNewActiveDate(mergedDate);
-      shouldPublish = true;
-    } else {
-      values = activeDateManager.getNewValuesFromNewActiveDate(newActiveDate);
-      shouldPublish = (newActiveDate != null && !utils.isValid(newActiveDate)) !== (activeDateManager.date != null && !utils.isValid(activeDateManager.date));
-    }
-
-    /**
-     * Publish or update the internal state with the new value and sections.
-     */
-    if (shouldPublish) {
-      return publishValue(_extends({}, values, {
-        sections: newSections
-      }));
-    }
-    return setState(function (prevState) {
-      return _extends({}, prevState, values, {
-        sections: newSections,
-        tempValueStrAndroid: null
-      });
-    });
-  };
-  var setTempAndroidValueStr = function setTempAndroidValueStr(tempValueStrAndroid) {
-    return setState(function (prev) {
-      return _extends({}, prev, {
-        tempValueStrAndroid: tempValueStrAndroid
-      });
-    });
-  };
-  React.useEffect(function () {
-    var sections = getSectionsFromValue(state.value);
-    validateSections(sections, valueType);
-    setState(function (prevState) {
-      return _extends({}, prevState, {
-        sections: sections
-      });
-    });
-  }, [format, utils.locale]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  React.useEffect(function () {
-    var shouldUpdate;
-    if (!valueManager.areValuesEqual(utils, state.value, valueFromTheOutside)) {
-      shouldUpdate = true;
-    } else {
-      shouldUpdate = valueManager.getTimezone(utils, state.value) !== valueManager.getTimezone(utils, valueFromTheOutside);
-    }
-    if (shouldUpdate) {
-      setState(function (prevState) {
-        return _extends({}, prevState, {
-          value: valueFromTheOutside,
-          referenceValue: fieldValueManager.updateReferenceValue(utils, valueFromTheOutside, prevState.referenceValue),
-          sections: getSectionsFromValue(valueFromTheOutside)
-        });
-      });
-    }
-  }, [valueFromTheOutside]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return {
-    state: state,
-    selectedSectionIndexes: selectedSectionIndexes,
-    setSelectedSections: setSelectedSections,
-    clearValue: clearValue,
-    clearActiveSection: clearActiveSection,
-    updateSectionValue: updateSectionValue,
-    updateValueFromValueStr: updateValueFromValueStr,
-    setTempAndroidValueStr: setTempAndroidValueStr,
-    sectionsValueBoundaries: sectionsValueBoundaries,
-    localizedDigits: localizedDigits,
-    placeholder: placeholder,
-    timezone: timezone
-  };
-};

package/legacy/internals/hooks/useIsLandscape.js

@@ -1,39 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
-import { arrayIncludes } from '../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';
-}
-export var useIsLandscape = function useIsLandscape(views, customOrientation) {
-  var _React$useState = React.useState(getOrientation),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    orientation = _React$useState2[0],
-    setOrientation = _React$useState2[1];
-  useEnhancedEffect(function () {
-    var eventHandler = function eventHandler() {
-      setOrientation(getOrientation());
-    };
-    window.addEventListener('orientationchange', eventHandler);
-    return function () {
-      window.removeEventListener('orientationchange', eventHandler);
-    };
-  }, []);
-  if (arrayIncludes(views, ['hours', 'minutes', 'seconds'])) {
-    // could not display 13:34:44 in landscape mode
-    return false;
-  }
-  var orientationToUse = customOrientation || orientation;
-  return orientationToUse === 'landscape';
-};

package/legacy/internals/hooks/useMobilePicker/index.js

@@ -1 +0,0 @@
-export { useMobilePicker } from './useMobilePicker';