@mui/x-date-pickers 9.0.0-alpha.2 → 9.0.0-alpha.4

package/internals/utils/isElementInteractive.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isElementInteractive = isElementInteractive;
+/**
+ * Taken from https://github.com/matijs/is-interactive-element/
+ */
+const isInputHidden = input => input.type === 'hidden';
+function isElementInteractive(element) {
+  const {
+    nodeName
+  } = element;
+  if (['BUTTON', 'DETAILS', 'EMBED', 'IFRAME', 'KEYGEN', 'LABEL', 'SELECT', 'TEXTAREA'].includes(nodeName)) {
+    return true;
+  }
+  if (nodeName === 'A' && element.hasAttribute('href')) {
+    return true;
+  }
+  if (element instanceof HTMLInputElement && !isInputHidden(element)) {
+    return true;
+  }
+  if (['AUDIO', 'VIDEO'].includes(nodeName) && element.hasAttribute('controls')) {
+    return true;
+  }
+  if (['IMG', 'OBJECT'].includes(nodeName) && element.hasAttribute('usemap')) {
+    return true;
+  }
+  if (element.hasAttribute('tabindex') && element.tabIndex > -1) {
+    return true;
+  }
+  return false;
+}

package/internals/utils/isElementInteractive.mjs

@@ -0,0 +1,28 @@
+/**
+ * Taken from https://github.com/matijs/is-interactive-element/
+ */
+const isInputHidden = input => input.type === 'hidden';
+export function isElementInteractive(element) {
+  const {
+    nodeName
+  } = element;
+  if (['BUTTON', 'DETAILS', 'EMBED', 'IFRAME', 'KEYGEN', 'LABEL', 'SELECT', 'TEXTAREA'].includes(nodeName)) {
+    return true;
+  }
+  if (nodeName === 'A' && element.hasAttribute('href')) {
+    return true;
+  }
+  if (element instanceof HTMLInputElement && !isInputHidden(element)) {
+    return true;
+  }
+  if (['AUDIO', 'VIDEO'].includes(nodeName) && element.hasAttribute('controls')) {
+    return true;
+  }
+  if (['IMG', 'OBJECT'].includes(nodeName) && element.hasAttribute('usemap')) {
+    return true;
+  }
+  if (element.hasAttribute('tabindex') && element.tabIndex > -1) {
+    return true;
+  }
+  return false;
+}

package/models/fields.d.mts

@@ -104,6 +104,10 @@ export interface FieldRef<TValue extends PickerValidValue> {
    * @returns {boolean} `true` if the field is focused.
    */
   isFieldFocused: () => boolean;
+  /**
+   * Clears the field.
+   */
+  clearValue: () => void;
 }
 export type FieldSelectedSections = number | FieldSectionType | null | 'all';
 export interface FieldOwnerState extends PickerOwnerState {
@@ -129,7 +133,7 @@ export interface FieldOwnerState extends PickerOwnerState {
 /**
  * Props the `slotProps.field` of a Picker can receive.
  */
-export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, unknown>, 'shouldRespectLeadingZeros' | 'readOnly'> & React.HTMLAttributes<HTMLDivElement> & {
+export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, unknown>, 'shouldRespectLeadingZeros' | 'readOnly' | 'fieldRef'> & React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
 };
 /**

package/models/fields.d.ts

@@ -104,6 +104,10 @@ export interface FieldRef<TValue extends PickerValidValue> {
    * @returns {boolean} `true` if the field is focused.
    */
   isFieldFocused: () => boolean;
+  /**
+   * Clears the field.
+   */
+  clearValue: () => void;
 }
 export type FieldSelectedSections = number | FieldSectionType | null | 'all';
 export interface FieldOwnerState extends PickerOwnerState {
@@ -129,7 +133,7 @@ export interface FieldOwnerState extends PickerOwnerState {
 /**
  * Props the `slotProps.field` of a Picker can receive.
  */
-export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, unknown>, 'shouldRespectLeadingZeros' | 'readOnly'> & React.HTMLAttributes<HTMLDivElement> & {
+export type PickerFieldSlotProps<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean> = ExportedPickerFieldUIProps & Pick<UseFieldInternalProps<TValue, TEnableAccessibleFieldDOMStructure, unknown>, 'shouldRespectLeadingZeros' | 'readOnly' | 'fieldRef'> & React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "9.0.0-alpha.2",
+  "version": "9.0.0-alpha.4",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "9.0.0-alpha.2"
+    "@mui/x-internals": "9.0.0-alpha.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -554,84 +554,84 @@
       }
     },
     "./PickersDay": {
-      "import": {
-        "types": "./PickersDay/index.d.mts",
-        "default": "./PickersDay/index.mjs"
-      },
       "require": {
         "types": "./PickersDay/index.d.ts",
         "default": "./PickersDay/index.js"
       },
+      "import": {
+        "types": "./PickersDay/index.d.mts",
+        "default": "./PickersDay/index.mjs"
+      },
       "default": {
         "types": "./PickersDay/index.d.mts",
         "default": "./PickersDay/index.mjs"
       }
     },
     "./PickersLayout": {
-      "import": {
-        "types": "./PickersLayout/index.d.mts",
-        "default": "./PickersLayout/index.mjs"
-      },
       "require": {
         "types": "./PickersLayout/index.d.ts",
         "default": "./PickersLayout/index.js"
       },
+      "import": {
+        "types": "./PickersLayout/index.d.mts",
+        "default": "./PickersLayout/index.mjs"
+      },
       "default": {
         "types": "./PickersLayout/index.d.mts",
         "default": "./PickersLayout/index.mjs"
       }
     },
     "./PickersSectionList": {
-      "import": {
-        "types": "./PickersSectionList/index.d.mts",
-        "default": "./PickersSectionList/index.mjs"
-      },
       "require": {
         "types": "./PickersSectionList/index.d.ts",
         "default": "./PickersSectionList/index.js"
       },
+      "import": {
+        "types": "./PickersSectionList/index.d.mts",
+        "default": "./PickersSectionList/index.mjs"
+      },
       "default": {
         "types": "./PickersSectionList/index.d.mts",
         "default": "./PickersSectionList/index.mjs"
       }
     },
     "./PickersShortcuts": {
-      "import": {
-        "types": "./PickersShortcuts/index.d.mts",
-        "default": "./PickersShortcuts/index.mjs"
-      },
       "require": {
         "types": "./PickersShortcuts/index.d.ts",
         "default": "./PickersShortcuts/index.js"
       },
+      "import": {
+        "types": "./PickersShortcuts/index.d.mts",
+        "default": "./PickersShortcuts/index.mjs"
+      },
       "default": {
         "types": "./PickersShortcuts/index.d.mts",
         "default": "./PickersShortcuts/index.mjs"
       }
     },
     "./PickersTextField": {
-      "import": {
-        "types": "./PickersTextField/index.d.mts",
-        "default": "./PickersTextField/index.mjs"
-      },
       "require": {
         "types": "./PickersTextField/index.d.ts",
         "default": "./PickersTextField/index.js"
       },
+      "import": {
+        "types": "./PickersTextField/index.d.mts",
+        "default": "./PickersTextField/index.mjs"
+      },
       "default": {
         "types": "./PickersTextField/index.d.mts",
         "default": "./PickersTextField/index.mjs"
       }
     },
     "./StaticDatePicker": {
-      "import": {
-        "types": "./StaticDatePicker/index.d.mts",
-        "default": "./StaticDatePicker/index.mjs"
-      },
       "require": {
         "types": "./StaticDatePicker/index.d.ts",
         "default": "./StaticDatePicker/index.js"
       },
+      "import": {
+        "types": "./StaticDatePicker/index.d.mts",
+        "default": "./StaticDatePicker/index.mjs"
+      },
       "default": {
         "types": "./StaticDatePicker/index.d.mts",
         "default": "./StaticDatePicker/index.mjs"
@@ -764,84 +764,84 @@
       }
     },
     "./locales": {
-      "import": {
-        "types": "./locales/index.d.mts",
-        "default": "./locales/index.mjs"
-      },
       "require": {
         "types": "./locales/index.d.ts",
         "default": "./locales/index.js"
       },
+      "import": {
+        "types": "./locales/index.d.mts",
+        "default": "./locales/index.mjs"
+      },
       "default": {
         "types": "./locales/index.d.mts",
         "default": "./locales/index.mjs"
       }
     },
     "./managers": {
-      "import": {
-        "types": "./managers/index.d.mts",
-        "default": "./managers/index.mjs"
-      },
       "require": {
         "types": "./managers/index.d.ts",
         "default": "./managers/index.js"
       },
+      "import": {
+        "types": "./managers/index.d.mts",
+        "default": "./managers/index.mjs"
+      },
       "default": {
         "types": "./managers/index.d.mts",
         "default": "./managers/index.mjs"
       }
     },
     "./models": {
-      "import": {
-        "types": "./models/index.d.mts",
-        "default": "./models/index.mjs"
-      },
       "require": {
         "types": "./models/index.d.ts",
         "default": "./models/index.js"
       },
+      "import": {
+        "types": "./models/index.d.mts",
+        "default": "./models/index.mjs"
+      },
       "default": {
         "types": "./models/index.d.mts",
         "default": "./models/index.mjs"
       }
     },
     "./themeAugmentation": {
-      "import": {
-        "types": "./themeAugmentation/index.d.mts",
-        "default": "./themeAugmentation/index.mjs"
-      },
       "require": {
         "types": "./themeAugmentation/index.d.ts",
         "default": "./themeAugmentation/index.js"
       },
+      "import": {
+        "types": "./themeAugmentation/index.d.mts",
+        "default": "./themeAugmentation/index.mjs"
+      },
       "default": {
         "types": "./themeAugmentation/index.d.mts",
         "default": "./themeAugmentation/index.mjs"
       }
     },
     "./timeViewRenderers": {
-      "import": {
-        "types": "./timeViewRenderers/index.d.mts",
-        "default": "./timeViewRenderers/index.mjs"
-      },
       "require": {
         "types": "./timeViewRenderers/index.d.ts",
         "default": "./timeViewRenderers/index.js"
       },
+      "import": {
+        "types": "./timeViewRenderers/index.d.mts",
+        "default": "./timeViewRenderers/index.mjs"
+      },
       "default": {
         "types": "./timeViewRenderers/index.d.mts",
         "default": "./timeViewRenderers/index.mjs"
       }
     },
     "./validation": {
-      "import": {
-        "types": "./validation/index.d.mts",
-        "default": "./validation/index.mjs"
-      },
       "require": {
         "types": "./validation/index.d.ts",
         "default": "./validation/index.js"
       },
+      "import": {
+        "types": "./validation/index.d.mts",
+        "default": "./validation/index.mjs"
+      },
       "default": {
         "types": "./validation/index.d.mts",
         "default": "./validation/index.mjs"