@mui/x-date-pickers-pro 8.0.0-alpha.6 → 8.0.0-alpha.8

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -1,113 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useDateField as useDateField } from '@mui/x-date-pickers/DateField';
-import { useControlledValueWithTimezone, useDefaultizedDateField } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateDateRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-export const useMultiInputDateRangeField = ({
-  sharedProps: inSharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const sharedProps = useDefaultizedDateField(inSharedProps);
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedProps;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedProps,
-    value,
-    timezone,
-    validator: validateDateRange,
-    onError: sharedProps.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useDateField(startFieldProps);
-  const endDateResponse = useDateField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -1,113 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useDateTimeField as useDateTimeField } from '@mui/x-date-pickers/DateTimeField';
-import { useControlledValueWithTimezone, useDefaultizedDateTimeField } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateDateTimeRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-export const useMultiInputDateTimeRangeField = ({
-  sharedProps: inSharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const sharedProps = useDefaultizedDateTimeField(inSharedProps);
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedProps;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedProps,
-    value,
-    timezone,
-    validator: validateDateTimeRange,
-    onError: sharedProps.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useDateTimeField(startFieldProps);
-  const endDateResponse = useDateTimeField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js

@@ -1 +0,0 @@
-export {};

package/modern/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -1,113 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import useEventCallback from '@mui/utils/useEventCallback';
-import { unstable_useTimeField as useTimeField } from '@mui/x-date-pickers/TimeField';
-import { useControlledValueWithTimezone, useDefaultizedTimeField } from '@mui/x-date-pickers/internals';
-import { useValidation } from '@mui/x-date-pickers/validation';
-import { validateTimeRange } from "../../../validation/index.js";
-import { rangeValueManager } from "../../utils/valueManagers.js";
-import { excludeProps } from "./shared.js";
-import { useMultiInputFieldSelectedSections } from "../useMultiInputFieldSelectedSections.js";
-export const useMultiInputTimeRangeField = ({
-  sharedProps: inSharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const sharedProps = useDefaultizedTimeField(inSharedProps);
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedProps;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = useControlledValueWithTimezone({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    onChange,
-    valueManager: rangeValueManager,
-    referenceDate
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = useValidation({
-    props: sharedProps,
-    validator: validateTimeRange,
-    value,
-    timezone,
-    onError: sharedProps.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = _extends({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = useEventCallback(buildChangeHandler(0));
-  const handleEndDateChange = useEventCallback(buildChangeHandler(1));
-  const selectedSectionsResponse = useMultiInputFieldSelectedSections({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = _extends({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = _extends({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = useTimeField(startFieldProps);
-  const endDateResponse = useTimeField(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: excludeProps(startDateResponse, ['clearable', 'onClear']),
-    endDate: excludeProps(endDateResponse, ['clearable', 'onClear'])
-  };
-};

package/modern/internals/models/timeRange.js

@@ -1 +0,0 @@
-export {};

package/modern/models/dateRange.js

@@ -1 +0,0 @@
-export {};

package/modern/models/multiInputRangeFieldClasses.js

@@ -1 +0,0 @@
-export {};

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.types.js

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

package/node/internals/hooks/useMultiInputRangeField/shared.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.excludeProps = void 0;
-/* TODO: remove this when a clearable behavior for multiple input range fields is implemented */
-const excludeProps = (props, excludedProps) => {
-  return Object.keys(props).reduce((acc, key) => {
-    if (!excludedProps.includes(key)) {
-      acc[key] = props[key];
-    }
-    return acc;
-  }, {});
-};
-exports.excludeProps = excludeProps;

package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.js

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiInputDateRangeField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _DateField = require("@mui/x-date-pickers/DateField");
-var _internals = require("@mui/x-date-pickers/internals");
-var _validation = require("@mui/x-date-pickers/validation");
-var _validation2 = require("../../../validation");
-var _valueManagers = require("../../utils/valueManagers");
-var _shared = require("./shared");
-var _useMultiInputFieldSelectedSections = require("../useMultiInputFieldSelectedSections");
-const useMultiInputDateRangeField = ({
-  sharedProps: inSharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const sharedProps = (0, _internals.useDefaultizedDateField)(inSharedProps);
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedProps;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = (0, _internals.useControlledValueWithTimezone)({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: _valueManagers.rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = (0, _validation.useValidation)({
-    props: sharedProps,
-    value,
-    timezone,
-    validator: _validation2.validateDateRange,
-    onError: sharedProps.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = (0, _extends2.default)({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = (0, _useEventCallback.default)(buildChangeHandler(0));
-  const handleEndDateChange = (0, _useEventCallback.default)(buildChangeHandler(1));
-  const selectedSectionsResponse = (0, _useMultiInputFieldSelectedSections.useMultiInputFieldSelectedSections)({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = (0, _extends2.default)({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = (0, _extends2.default)({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = (0, _DateField.unstable_useDateField)(startFieldProps);
-  const endDateResponse = (0, _DateField.unstable_useDateField)(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: (0, _shared.excludeProps)(startDateResponse, ['clearable', 'onClear']),
-    endDate: (0, _shared.excludeProps)(endDateResponse, ['clearable', 'onClear'])
-  };
-};
-exports.useMultiInputDateRangeField = useMultiInputDateRangeField;

package/node/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -1,121 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMultiInputDateTimeRangeField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _DateTimeField = require("@mui/x-date-pickers/DateTimeField");
-var _internals = require("@mui/x-date-pickers/internals");
-var _validation = require("@mui/x-date-pickers/validation");
-var _validation2 = require("../../../validation");
-var _valueManagers = require("../../utils/valueManagers");
-var _shared = require("./shared");
-var _useMultiInputFieldSelectedSections = require("../useMultiInputFieldSelectedSections");
-const useMultiInputDateTimeRangeField = ({
-  sharedProps: inSharedProps,
-  startTextFieldProps,
-  unstableStartFieldRef,
-  endTextFieldProps,
-  unstableEndFieldRef
-}) => {
-  const sharedProps = (0, _internals.useDefaultizedDateTimeField)(inSharedProps);
-  const {
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    onChange,
-    disabled,
-    readOnly,
-    selectedSections,
-    onSelectedSectionsChange,
-    timezone: timezoneProp,
-    enableAccessibleFieldDOMStructure,
-    autoFocus
-  } = sharedProps;
-  const {
-    value,
-    handleValueChange,
-    timezone
-  } = (0, _internals.useControlledValueWithTimezone)({
-    name: 'useMultiInputDateRangeField',
-    timezone: timezoneProp,
-    value: valueProp,
-    defaultValue,
-    referenceDate,
-    onChange,
-    valueManager: _valueManagers.rangeValueManager
-  });
-  const {
-    validationError,
-    getValidationErrorForNewValue
-  } = (0, _validation.useValidation)({
-    props: sharedProps,
-    value,
-    timezone,
-    validator: _validation2.validateDateTimeRange,
-    onError: sharedProps.onError
-  });
-
-  // TODO: Maybe export utility from `useField` instead of copy/pasting the logic
-  const buildChangeHandler = index => {
-    return (newDate, rawContext) => {
-      const newDateRange = index === 0 ? [newDate, value[1]] : [value[0], newDate];
-      const context = (0, _extends2.default)({}, rawContext, {
-        validationError: getValidationErrorForNewValue(newDateRange)
-      });
-      handleValueChange(newDateRange, context);
-    };
-  };
-  const handleStartDateChange = (0, _useEventCallback.default)(buildChangeHandler(0));
-  const handleEndDateChange = (0, _useEventCallback.default)(buildChangeHandler(1));
-  const selectedSectionsResponse = (0, _useMultiInputFieldSelectedSections.useMultiInputFieldSelectedSections)({
-    selectedSections,
-    onSelectedSectionsChange,
-    unstableStartFieldRef,
-    unstableEndFieldRef
-  });
-  const startFieldProps = (0, _extends2.default)({
-    error: !!validationError[0]
-  }, startTextFieldProps, selectedSectionsResponse.start, {
-    disabled,
-    readOnly,
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[0],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange,
-    enableAccessibleFieldDOMStructure,
-    autoFocus // Do not add on end field.
-  });
-  const endFieldProps = (0, _extends2.default)({
-    error: !!validationError[1]
-  }, endTextFieldProps, selectedSectionsResponse.end, {
-    format,
-    formatDensity,
-    shouldRespectLeadingZeros,
-    disabled,
-    readOnly,
-    timezone,
-    value: valueProp === undefined ? undefined : valueProp[1],
-    defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange,
-    enableAccessibleFieldDOMStructure
-  });
-  const startDateResponse = (0, _DateTimeField.unstable_useDateTimeField)(startFieldProps);
-  const endDateResponse = (0, _DateTimeField.unstable_useDateTimeField)(endFieldProps);
-
-  /* TODO: Undo this change when a clearable behavior for multiple input range fields is implemented */
-  return {
-    startDate: (0, _shared.excludeProps)(startDateResponse, ['clearable', 'onClear']),
-    endDate: (0, _shared.excludeProps)(endDateResponse, ['clearable', 'onClear'])
-  };
-};
-exports.useMultiInputDateTimeRangeField = useMultiInputDateTimeRangeField;

package/node/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.js

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