@mui/x-date-pickers 7.0.0-alpha.2 → 7.0.0-alpha.3

package/node/internals/components/PickersTextField/pickersTextFieldClasses.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPickersInputUtilityClass = getPickersInputUtilityClass;
+exports.getPickersTextFieldUtilityClass = getPickersTextFieldUtilityClass;
+exports.pickersTextFieldClasses = exports.pickersInputClasses = void 0;
+var _utils = require("@mui/utils");
+function getPickersTextFieldUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiPickersTextField', slot);
+}
+const pickersTextFieldClasses = exports.pickersTextFieldClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersTextField', ['root', 'focused', 'disabled', 'error', 'required']);
+function getPickersInputUtilityClass(slot) {
+  return (0, _utils.unstable_generateUtilityClass)('MuiPickersInput', slot);
+}
+const pickersInputClasses = exports.pickersInputClasses = (0, _utils.unstable_generateUtilityClasses)('MuiPickersInput', ['root', 'focused', 'disabled', 'error', 'notchedOutline', 'content', 'before', 'after', 'adornedStart', 'adornedEnd', 'input']);

package/node/internals/hooks/useField/useField.utils.js

@@ -223,49 +223,62 @@ const addPositionPropertiesToSections = (sections, isRTL) => {
   return newSections;
 };
 exports.addPositionPropertiesToSections = addPositionPropertiesToSections;
-const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, currentTokenValue) => {
+const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
   switch (sectionConfig.type) {
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.date(undefined, timezone), currentTokenValue).length
+          digitAmount: utils.formatByString(utils.date(undefined, timezone), sectionFormat).length,
+          format: sectionFormat
         });
       }
     case 'month':
       {
         return localeText.fieldMonthPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'day':
       {
-        return localeText.fieldDayPlaceholder();
+        return localeText.fieldDayPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'weekDay':
       {
         return localeText.fieldWeekDayPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'hours':
       {
-        return localeText.fieldHoursPlaceholder();
+        return localeText.fieldHoursPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'minutes':
       {
-        return localeText.fieldMinutesPlaceholder();
+        return localeText.fieldMinutesPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'seconds':
       {
-        return localeText.fieldSecondsPlaceholder();
+        return localeText.fieldSecondsPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'meridiem':
       {
-        return localeText.fieldMeridiemPlaceholder();
+        return localeText.fieldMeridiemPlaceholder({
+          format: sectionFormat
+        });
       }
     default:
       {
-        return currentTokenValue;
+        return sectionFormat;
       }
   }
 };

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

@@ -229,9 +229,7 @@ const usePickerValue = ({
       const context = {
         validationError
       };
-
-      // TODO v7: Remove 2nd condition
-      if (action.name === 'setValueFromShortcut' && action.shortcut != null) {
+      if (action.name === 'setValueFromShortcut') {
         context.shortcut = action.shortcut;
       }
       handleValueChange(action.value, context);
@@ -296,12 +294,10 @@ const usePickerValue = ({
     value: newValue,
     selectionState
   }));
-
-  // TODO v7: Make changeImportance and label mandatory.
   const handleSelectShortcut = (0, _useEventCallback.default)((newValue, changeImportance, shortcut) => updateDate({
     name: 'setValueFromShortcut',
     value: newValue,
-    changeImportance: changeImportance ?? 'accept',
+    changeImportance,
     shortcut
   }));
   const handleChangeFromField = (0, _useEventCallback.default)((newValue, context) => updateDate({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.3",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,6 +36,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.4",
     "@mui/base": "^5.0.0-beta.24",
+    "@mui/system": "^5.14.18",
     "@mui/utils": "^5.14.18",
     "@types/react-transition-group": "^4.4.9",
     "clsx": "^2.0.0",
@@ -46,7 +47,6 @@
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/material": "^5.8.6",
-    "@mui/system": "^5.8.0",
     "date-fns": "^2.25.0",
     "date-fns-jalali": "^2.13.0-0",
     "dayjs": "^1.10.7",

package/internals/components/FakeTextField/FakeTextField.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-export interface FakeTextFieldElement {
-    container: React.HTMLAttributes<HTMLSpanElement>;
-    content: React.HTMLAttributes<HTMLSpanElement>;
-    before: React.HTMLAttributes<HTMLSpanElement>;
-    after: React.HTMLAttributes<HTMLSpanElement>;
-}
-interface FakeTextFieldProps {
-    elements: FakeTextFieldElement[];
-    valueStr: string;
-    onValueStrChange: React.ChangeEventHandler<HTMLInputElement>;
-    error: boolean;
-    id?: string;
-    InputProps: any;
-    inputProps: any;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    ownerState?: any;
-    valueType: 'value' | 'placeholder';
-}
-export declare const FakeTextField: React.ForwardRefExoticComponent<FakeTextFieldProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/internals/components/FakeTextField/FakeTextField.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  const {
-      elements,
-      valueStr,
-      onValueStrChange,
-      id,
-      valueType
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, _extends({
-      ref: ref
-    }, other, {
-      style: {
-        display: 'inline-block',
-        border: '1px solid black',
-        borderRadius: 4,
-        padding: '2px 4px',
-        color: valueType === 'placeholder' ? 'grey' : 'black'
-      },
-      children: elements.map(({
-        container,
-        content,
-        before,
-        after
-      }, elementIndex) => /*#__PURE__*/_createElement("span", _extends({}, container, {
-        key: elementIndex
-      }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after))))
-    })), /*#__PURE__*/_jsx("input", {
-      type: "hidden",
-      value: valueStr,
-      onChange: onValueStrChange,
-      id: id
-    })]
-  });
-});

package/internals/components/FakeTextField/index.d.ts

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

package/internals/components/FakeTextField/index.js

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

package/legacy/internals/components/FakeTextField/FakeTextField.js

@@ -1,49 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  var elements = props.elements,
-    valueStr = props.valueStr,
-    onValueStrChange = props.onValueStrChange,
-    id = props.id,
-    error = props.error,
-    InputProps = props.InputProps,
-    inputProps = props.inputProps,
-    autoFocus = props.autoFocus,
-    disabled = props.disabled,
-    valueType = props.valueType,
-    ownerState = props.ownerState,
-    other = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, _extends({
-      ref: ref
-    }, other, {
-      style: {
-        display: 'inline-block',
-        border: '1px solid black',
-        borderRadius: 4,
-        padding: '2px 4px',
-        color: valueType === 'placeholder' ? 'grey' : 'black'
-      },
-      children: elements.map(function (_ref, elementIndex) {
-        var container = _ref.container,
-          content = _ref.content,
-          before = _ref.before,
-          after = _ref.after;
-        return /*#__PURE__*/_createElement("span", _extends({}, container, {
-          key: elementIndex
-        }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after)));
-      })
-    })), /*#__PURE__*/_jsx("input", {
-      type: "hidden",
-      value: valueStr,
-      onChange: onValueStrChange,
-      id: id
-    })]
-  });
-});

package/legacy/internals/components/FakeTextField/index.js

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

package/modern/internals/components/FakeTextField/FakeTextField.js

@@ -1,44 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export const FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  const {
-      elements,
-      valueStr,
-      onValueStrChange,
-      id,
-      valueType
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, _extends({
-      ref: ref
-    }, other, {
-      style: {
-        display: 'inline-block',
-        border: '1px solid black',
-        borderRadius: 4,
-        padding: '2px 4px',
-        color: valueType === 'placeholder' ? 'grey' : 'black'
-      },
-      children: elements.map(({
-        container,
-        content,
-        before,
-        after
-      }, elementIndex) => /*#__PURE__*/_createElement("span", _extends({}, container, {
-        key: elementIndex
-      }), /*#__PURE__*/_jsx("span", _extends({}, before)), /*#__PURE__*/_jsx("span", _extends({}, content)), /*#__PURE__*/_jsx("span", _extends({}, after))))
-    })), /*#__PURE__*/_jsx("input", {
-      type: "hidden",
-      value: valueStr,
-      onChange: onValueStrChange,
-      id: id
-    })]
-  });
-});

package/modern/internals/components/FakeTextField/index.js

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

package/node/internals/components/FakeTextField/FakeTextField.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FakeTextField = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["elements", "valueStr", "onValueStrChange", "id", "error", "InputProps", "inputProps", "autoFocus", "disabled", "valueType", "ownerState"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const FakeTextField = exports.FakeTextField = /*#__PURE__*/React.forwardRef(function FakeTextField(props, ref) {
-  const {
-      elements,
-      valueStr,
-      onValueStrChange,
-      id,
-      valueType
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, (0, _extends2.default)({
-      ref: ref
-    }, other, {
-      style: {
-        display: 'inline-block',
-        border: '1px solid black',
-        borderRadius: 4,
-        padding: '2px 4px',
-        color: valueType === 'placeholder' ? 'grey' : 'black'
-      },
-      children: elements.map(({
-        container,
-        content,
-        before,
-        after
-      }, elementIndex) => /*#__PURE__*/(0, _react.createElement)("span", (0, _extends2.default)({}, container, {
-        key: elementIndex
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, before)), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, content)), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, after))))
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      type: "hidden",
-      value: valueStr,
-      onChange: onValueStrChange,
-      id: id
-    })]
-  });
-});

package/node/internals/components/FakeTextField/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FakeTextField", {
-  enumerable: true,
-  get: function () {
-    return _FakeTextField.FakeTextField;
-  }
-});
-var _FakeTextField = require("./FakeTextField");