@mui/x-date-pickers 8.0.0-alpha.3 → 8.0.0-alpha.4

package/node/internals/components/PickersToolbarButton.js

@@ -16,11 +16,8 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _PickersToolbarText = require("./PickersToolbarText");
 var _pickersToolbarClasses = require("./pickersToolbarClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["align", "className", "selected", "typographyClassName", "value", "variant", "width"];
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
+const _excluded = ["align", "className", "classes", "selected", "typographyClassName", "value", "variant", "width"];
+const useUtilityClasses = classes => {
   const slots = {
     root: ['root']
   };
@@ -43,6 +40,7 @@ const PickersToolbarButton = exports.PickersToolbarButton = /*#__PURE__*/React.f
   const {
       align,
       className,
+      classes: classesProp,
       selected,
       typographyClassName,
       value,
@@ -50,7 +48,7 @@ const PickersToolbarButton = exports.PickersToolbarButton = /*#__PURE__*/React.f
       width
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const classes = useUtilityClasses(props);
+  const classes = useUtilityClasses(classesProp);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarButtonRoot, (0, _extends2.default)({
     variant: "text",
     ref: ref,

package/node/internals/components/PickersToolbarText.js

@@ -15,29 +15,23 @@ var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _pickersToolbarTextClasses = require("./pickersToolbarTextClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["className", "selected", "value"];
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    selected
-  } = ownerState;
+const _excluded = ["className", "classes", "selected", "value"];
+const useUtilityClasses = classes => {
   const slots = {
-    root: ['root', selected && 'selected']
+    root: ['root']
   };
   return (0, _composeClasses.default)(slots, _pickersToolbarTextClasses.getPickersToolbarTextUtilityClass, classes);
 };
 const PickersToolbarTextRoot = (0, _styles.styled)(_Typography.default, {
   name: 'MuiPickersToolbarText',
   slot: 'Root',
-  overridesResolver: (_, styles) => [styles.root, {
-    [`&.${_pickersToolbarTextClasses.pickersToolbarTextClasses.selected}`]: styles.selected
-  }]
+  overridesResolver: (_, styles) => [styles.root]
 })(({
   theme
 }) => ({
   transition: theme.transitions.create('color'),
   color: (theme.vars || theme).palette.text.secondary,
-  [`&.${_pickersToolbarTextClasses.pickersToolbarTextClasses.selected}`]: {
+  [`&[data-selected]`]: {
     color: (theme.vars || theme).palette.text.primary
   }
 }));
@@ -48,14 +42,18 @@ const PickersToolbarText = exports.PickersToolbarText = /*#__PURE__*/React.forwa
   });
   const {
       className,
+      classes: classesProp,
+      selected,
       value
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const classes = useUtilityClasses(props);
+  const classes = useUtilityClasses(classesProp);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersToolbarTextRoot, (0, _extends2.default)({
     ref: ref,
     className: (0, _clsx.default)(classes.root, className),
     component: "span"
+  }, selected && {
+    'data-selected': true
   }, other, {
     children: value
   }));

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

@@ -47,8 +47,8 @@ const usePicker = ({
     localeText,
     valueManager,
     variant,
-    views: pickerViewsResponse.views,
-    paramsFromUsePickerValue: pickerValueResponse.provider
+    paramsFromUsePickerValue: pickerValueResponse.provider,
+    paramsFromUsePickerViews: pickerViewsResponse.provider
   });
   return {
     // Picker value
@@ -57,7 +57,7 @@ const usePicker = ({
     fieldProps: pickerValueResponse.fieldProps,
     // Picker views
     renderCurrentView: pickerViewsResponse.renderCurrentView,
-    hasUIView: pickerViewsResponse.hasUIView,
+    hasUIView: pickerViewsResponse.provider.hasUIView,
     shouldRestoreFocus: pickerViewsResponse.shouldRestoreFocus,
     // Picker layout
     layoutProps: (0, _extends2.default)({}, pickerViewsResponse.layoutProps, pickerValueResponse.layoutProps),

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

@@ -50,11 +50,11 @@ function usePickerProvider(parameters) {
     valueManager,
     localeText,
     variant,
-    views,
-    paramsFromUsePickerValue
+    paramsFromUsePickerValue,
+    paramsFromUsePickerViews
   } = parameters;
   const utils = (0, _useUtils.useUtils)();
-  const orientation = usePickerOrientation(views, props.orientation);
+  const orientation = usePickerOrientation(paramsFromUsePickerViews.views, props.orientation);
   const ownerState = React.useMemo(() => ({
     isPickerValueEmpty: valueManager.areValuesEqual(utils, paramsFromUsePickerValue.value, valueManager.emptyValue),
     isPickerOpen: paramsFromUsePickerValue.contextValue.open,
@@ -80,6 +80,10 @@ function usePickerProvider(parameters) {
 }
 
 /**
- * Props used to create the private context.
+ * Props used to create the picker's contexts.
  * Those props are exposed on all the pickers.
+ */
+
+/**
+ * Props used to create the picker's contexts and that are not available on static pickers.
  */

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

@@ -18,10 +18,6 @@ const _excluded = ["className", "sx"];
  * Props used to handle the views that are common to all pickers.
  */
 
-/**
- * Props used to handle the views of the pickers.
- */
-
 /**
  * Props used to handle the value of the pickers.
  */
@@ -139,11 +135,14 @@ const usePickerViews = ({
     view: popperView,
     onViewChange: setView
   };
-  return {
+  const providerParams = {
     hasUIView,
-    views,
+    views
+  };
+  return {
     shouldRestoreFocus,
     layoutProps,
+    provider: providerParams,
     renderCurrentView: () => {
       if (popperView == null) {
         return null;

package/node/internals/hooks/useToolbarOwnerState.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToolbarOwnerState = useToolbarOwnerState;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _usePickerPrivateContext = require("./usePickerPrivateContext");
+function useToolbarOwnerState() {
+  const {
+    ownerState: pickerOwnerState
+  } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
+  const isRtl = (0, _RtlProvider.useRtl)();
+  return React.useMemo(() => (0, _extends2.default)({}, pickerOwnerState, {
+    toolbarDirection: isRtl ? 'rtl' : 'ltr'
+  }), [pickerOwnerState, isRtl]);
+}

package/node/internals/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "DIALOG_WIDTH", {
     return _dimensions.DIALOG_WIDTH;
   }
 });
+Object.defineProperty(exports, "DateTimePickerToolbarForceDesktopVariant", {
+  enumerable: true,
+  get: function () {
+    return _DateTimePickerToolbar.DateTimePickerToolbarForceDesktopVariant;
+  }
+});
 Object.defineProperty(exports, "DayCalendar", {
   enumerable: true,
   get: function () {
@@ -309,6 +315,12 @@ Object.defineProperty(exports, "useStaticPicker", {
     return _useStaticPicker.useStaticPicker;
   }
 });
+Object.defineProperty(exports, "useToolbarOwnerState", {
+  enumerable: true,
+  get: function () {
+    return _useToolbarOwnerState.useToolbarOwnerState;
+  }
+});
 Object.defineProperty(exports, "useUtils", {
   enumerable: true,
   get: function () {
@@ -339,6 +351,7 @@ var _useFieldOwnerState = require("./hooks/useFieldOwnerState");
 var _usePicker = require("./hooks/usePicker");
 var _usePickerPrivateContext = require("./hooks/usePickerPrivateContext");
 var _useStaticPicker = require("./hooks/useStaticPicker");
+var _useToolbarOwnerState = require("./hooks/useToolbarOwnerState");
 var _useUtils = require("./hooks/useUtils");
 var _useViews = require("./hooks/useViews");
 var _dateHelpersHooks = require("./hooks/date-helpers-hooks");
@@ -352,4 +365,5 @@ var _useDefaultReduceAnimations = require("./hooks/useDefaultReduceAnimations");
 var _views = require("./utils/views");
 var _DayCalendar = require("../DateCalendar/DayCalendar");
 var _useCalendarState = require("../DateCalendar/useCalendarState");
-var _timeUtils = require("./utils/time-utils");
+var _timeUtils = require("./utils/time-utils");
+var _DateTimePickerToolbar = require("../DateTimePicker/DateTimePickerToolbar");

package/node/locales/roRO.js

@@ -23,11 +23,10 @@ const roROPickers = {
   // DateRange labels
   start: 'Început',
   end: 'Sfârșit',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Data de început',
+  startTime: 'Ora de început',
+  endDate: 'Data de sfârșit',
+  endTime: 'Ora de sfârșit',
   // Action bar
   cancelButtonLabel: 'Anulare',
   clearButtonLabel: 'Ștergere',
@@ -61,23 +60,21 @@ const roROPickers = {
   fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'LLLL' : 'LL',
   fieldDayPlaceholder: () => 'ZZ',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'ZZZZ' : 'ZZ',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'An',
+  month: 'Luna',
+  day: 'Ziua',
+  weekDay: 'Ziua saptămânii',
+  hours: 'Ore',
+  minutes: 'Minute',
+  seconds: 'Secunde',
+  meridiem: 'Meridiem',
   // Common
-  // empty: 'Empty',
+  empty: 'Gol'
 };
 const roRO = exports.roRO = (0, _getPickersLocalization.getPickersLocalization)(roROPickers);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.0.0-alpha.3",
+  "version": "8.0.0-alpha.4",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",