@mui/material 5.10.2 → 5.10.5

package/Select/SelectInput.js

@@ -1,28 +1,57 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("@mui/utils");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactIs = require("react-is");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _base = require("@mui/base");
+
+var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _Menu = _interopRequireDefault(require("../Menu/Menu"));
+
+var _NativeSelectInput = require("../NativeSelect/NativeSelectInput");
+
+var _utils2 = require("../InputBase/utils");
+
+var _styled = _interopRequireWildcard(require("../styles/styled"));
+
+var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
+
+var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
+
+var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _span;
 
 const _excluded = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
-import * as React from 'react';
-import { isFragment } from 'react-is';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import { refType } from '@mui/utils';
-import ownerDocument from '../utils/ownerDocument';
-import capitalize from '../utils/capitalize';
-import Menu from '../Menu/Menu';
-import { nativeSelectSelectStyles, nativeSelectIconStyles } from '../NativeSelect/NativeSelectInput';
-import { isFilled } from '../InputBase/utils';
-import styled, { slotShouldForwardProp } from '../styles/styled';
-import useForkRef from '../utils/useForkRef';
-import useControlled from '../utils/useControlled';
-import selectClasses, { getSelectUtilityClasses } from './selectClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const SelectSelect = styled('div', {
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const SelectSelect = (0, _styled.default)('div', {
   name: 'MuiSelect',
   slot: 'Select',
   overridesResolver: (props, styles) => {
@@ -31,16 +60,16 @@ const SelectSelect = styled('div', {
     } = props;
     return [// Win specificity over the input base
     {
-      [`&.${selectClasses.select}`]: styles.select
+      [`&.${_selectClasses.default.select}`]: styles.select
     }, {
-      [`&.${selectClasses.select}`]: styles[ownerState.variant]
+      [`&.${_selectClasses.default.select}`]: styles[ownerState.variant]
     }, {
-      [`&.${selectClasses.multiple}`]: styles.multiple
+      [`&.${_selectClasses.default.multiple}`]: styles.multiple
     }];
   }
-})(nativeSelectSelectStyles, {
+})(_NativeSelectInput.nativeSelectSelectStyles, {
   // Win specificity over the input base
-  [`&.${selectClasses.select}`]: {
+  [`&.${_selectClasses.default.select}`]: {
     height: 'auto',
     // Resets for multiple select with chips
     minHeight: '1.4375em',
@@ -50,18 +79,18 @@ const SelectSelect = styled('div', {
     overflow: 'hidden'
   }
 });
-const SelectIcon = styled('svg', {
+const SelectIcon = (0, _styled.default)('svg', {
   name: 'MuiSelect',
   slot: 'Icon',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];
+    return [styles.icon, ownerState.variant && styles[`icon${(0, _capitalize.default)(ownerState.variant)}`], ownerState.open && styles.iconOpen];
   }
-})(nativeSelectIconStyles);
-const SelectNativeInput = styled('input', {
-  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',
+})(_NativeSelectInput.nativeSelectIconStyles);
+const SelectNativeInput = (0, _styled.default)('input', {
+  shouldForwardProp: prop => (0, _styled.slotShouldForwardProp)(prop) && prop !== 'classes',
   name: 'MuiSelect',
   slot: 'NativeInput',
   overridesResolver: (props, styles) => styles.nativeInput
@@ -98,10 +127,10 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     select: ['select', variant, disabled && 'disabled', multiple && 'multiple'],
-    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],
+    icon: ['icon', `icon${(0, _capitalize.default)(variant)}`, open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
-  return composeClasses(slots, getSelectUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _selectClasses.getSelectUtilityClasses, classes);
 };
 /**
  * @ignore - internal component.
@@ -139,14 +168,13 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     value: valueProp,
     variant = 'standard'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const [value, setValueState] = useControlled({
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const [value, setValueState] = (0, _useControlled.default)({
     controlled: valueProp,
     default: defaultValue,
     name: 'Select'
   });
-  const [openState, setOpenState] = useControlled({
+  const [openState, setOpenState] = (0, _useControlled.default)({
     controlled: openProp,
     default: defaultOpen,
     name: 'Select'
@@ -158,7 +186,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     current: isOpenControlled
   } = React.useRef(openProp != null);
   const [menuMinWidthState, setMenuMinWidthState] = React.useState();
-  const handleRef = useForkRef(ref, inputRefProp);
+  const handleRef = (0, _useForkRef.default)(ref, inputRefProp);
   const handleDisplayRef = React.useCallback(node => {
     displayRef.current = node;
 
@@ -193,7 +221,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       return undefined;
     }
 
-    const label = ownerDocument(displayRef.current).getElementById(labelId);
+    const label = (0, _ownerDocument.default)(displayRef.current).getElementById(labelId);
 
     if (label) {
       const handler = () => {
@@ -346,7 +374,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   let computeDisplay = false;
   let foundMatch = false; // No need to display any value if the field is empty.
 
-  if (isFilled({
+  if ((0, _utils2.isFilled)({
     value
   }) || displayEmpty) {
     if (renderValue) {
@@ -362,7 +390,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
 
     if (process.env.NODE_ENV !== 'production') {
-      if (isFragment(child)) {
+      if ((0, _reactIs.isFragment)(child)) {
         console.error(["MUI: The Select component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
       }
     }
@@ -371,7 +399,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
 
     if (multiple) {
       if (!Array.isArray(value)) {
-        throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`value\` prop must be an array when using the \`Select\` component with \`multiple\`.` : _formatMuiErrorMessage(2));
+        throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`value\` prop must be an array when using the \`Select\` component with \`multiple\`.` : (0, _utils.formatMuiErrorMessage)(2));
       }
 
       selected = value.some(v => areEqualValues(v, child.props.value));
@@ -482,16 +510,14 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }
 
   const buttonId = SelectDisplayProps.id || (name ? `mui-component-select-${name}` : undefined);
-
-  const ownerState = _extends({}, props, {
+  const ownerState = (0, _extends2.default)({}, props, {
     variant,
     value,
     open
   });
-
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, (0, _extends2.default)({
       ref: handleDisplayRef,
       tabIndex: tabIndex,
       role: "button",
@@ -507,15 +533,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       onFocus: onFocus
     }, SelectDisplayProps, {
       ownerState: ownerState,
-      className: clsx(SelectDisplayProps.className, classes.select, className) // The id is required for proper a11y
+      className: (0, _clsx.default)(SelectDisplayProps.className, classes.select, className) // The id is required for proper a11y
       ,
       id: buttonId,
       children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
-      _span || (_span = /*#__PURE__*/_jsx("span", {
+      _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "notranslate",
         children: "\u200B"
       })) : display
-    })), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectNativeInput, (0, _extends2.default)({
       value: Array.isArray(value) ? value.join(',') : value,
       name: name,
       ref: inputRef,
@@ -526,11 +552,11 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       className: classes.nativeInput,
       autoFocus: autoFocus,
       ownerState: ownerState
-    }, other)), /*#__PURE__*/_jsx(SelectIcon, {
+    }, other)), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectIcon, {
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/_jsx(Menu, _extends({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, (0, _extends2.default)({
       id: `menu-${name || ''}`,
       anchorEl: displayNode,
       open: open,
@@ -544,13 +570,13 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
         horizontal: 'center'
       }
     }, MenuProps, {
-      MenuListProps: _extends({
+      MenuListProps: (0, _extends2.default)({
         'aria-labelledby': labelId,
         role: 'listbox',
         disableListWrap: true
       }, MenuProps.MenuListProps),
-      PaperProps: _extends({}, MenuProps.PaperProps, {
-        style: _extends({
+      PaperProps: (0, _extends2.default)({}, MenuProps.PaperProps, {
+        style: (0, _extends2.default)({
           minWidth: menuMinWidth
         }, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
       }),
@@ -562,98 +588,98 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   /**
    * @ignore
    */
-  'aria-describedby': PropTypes.string,
+  'aria-describedby': _propTypes.default.string,
 
   /**
    * @ignore
    */
-  'aria-label': PropTypes.string,
+  'aria-label': _propTypes.default.string,
 
   /**
    * @ignore
    */
-  autoFocus: PropTypes.bool,
+  autoFocus: _propTypes.default.bool,
 
   /**
    * If `true`, the width of the popover will automatically be set according to the items inside the
    * menu, otherwise it will be at least the width of the select input.
    */
-  autoWidth: PropTypes.bool,
+  autoWidth: _propTypes.default.bool,
 
   /**
    * The option elements to populate the select with.
    * Can be some `<MenuItem>` elements.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * The CSS class name of the select element.
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * If `true`, the component is toggled on mount. Use when the component open state is not controlled.
    * You can only use it when the `native` prop is `false` (default).
    */
-  defaultOpen: PropTypes.bool,
+  defaultOpen: _propTypes.default.bool,
 
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: PropTypes.any,
+  defaultValue: _propTypes.default.any,
 
   /**
    * If `true`, the select is disabled.
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
 
   /**
    * If `true`, the selected item is displayed even if its value is empty.
    */
-  displayEmpty: PropTypes.bool,
+  displayEmpty: _propTypes.default.bool,
 
   /**
    * The icon that displays the arrow.
    */
-  IconComponent: PropTypes.elementType.isRequired,
+  IconComponent: _propTypes.default.elementType.isRequired,
 
   /**
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: refType,
+  inputRef: _utils.refType,
 
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
    */
-  labelId: PropTypes.string,
+  labelId: _propTypes.default.string,
 
   /**
    * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
-  MenuProps: PropTypes.object,
+  MenuProps: _propTypes.default.object,
 
   /**
    * If `true`, `value` must be an array and the menu will support multiple selections.
    */
-  multiple: PropTypes.bool,
+  multiple: _propTypes.default.bool,
 
   /**
    * Name attribute of the `select` or hidden `input` element.
    */
-  name: PropTypes.string,
+  name: _propTypes.default.string,
 
   /**
    * @ignore
    */
-  onBlur: PropTypes.func,
+  onBlur: _propTypes.default.func,
 
   /**
    * Callback fired when a menu item is selected.
@@ -662,7 +688,7 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
    * You can pull out the new value by accessing `event.target.value` (any).
    * @param {object} [child] The react element that was selected.
    */
-  onChange: PropTypes.func,
+  onChange: _propTypes.default.func,
 
   /**
    * Callback fired when the component requests to be closed.
@@ -670,12 +696,12 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
    *
    * @param {object} event The event source of the callback.
    */
-  onClose: PropTypes.func,
+  onClose: _propTypes.default.func,
 
   /**
    * @ignore
    */
-  onFocus: PropTypes.func,
+  onFocus: _propTypes.default.func,
 
   /**
    * Callback fired when the component requests to be opened.
@@ -683,17 +709,17 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
    *
    * @param {object} event The event source of the callback.
    */
-  onOpen: PropTypes.func,
+  onOpen: _propTypes.default.func,
 
   /**
    * If `true`, the component is shown.
    */
-  open: PropTypes.bool,
+  open: _propTypes.default.bool,
 
   /**
    * @ignore
    */
-  readOnly: PropTypes.bool,
+  readOnly: _propTypes.default.bool,
 
   /**
    * Render the selected value.
@@ -701,31 +727,32 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
    * @param {any} value The `value` provided to the component.
    * @returns {ReactNode}
    */
-  renderValue: PropTypes.func,
+  renderValue: _propTypes.default.func,
 
   /**
    * Props applied to the clickable div element.
    */
-  SelectDisplayProps: PropTypes.object,
+  SelectDisplayProps: _propTypes.default.object,
 
   /**
    * @ignore
    */
-  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  tabIndex: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
 
   /**
    * @ignore
    */
-  type: PropTypes.any,
+  type: _propTypes.default.any,
 
   /**
    * The input value.
    */
-  value: PropTypes.any,
+  value: _propTypes.default.any,
 
   /**
    * The variant to use.
    */
-  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])
+  variant: _propTypes.default.oneOf(['standard', 'outlined', 'filled'])
 } : void 0;
-export default SelectInput;
+var _default = SelectInput;
+exports.default = _default;

package/Select/index.js

@@ -1,3 +1,42 @@
-export { default } from './Select';
-export { default as selectClasses } from './selectClasses';
-export * from './selectClasses';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  selectClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Select.default;
+  }
+});
+Object.defineProperty(exports, "selectClasses", {
+  enumerable: true,
+  get: function () {
+    return _selectClasses.default;
+  }
+});
+
+var _Select = _interopRequireDefault(require("./Select"));
+
+var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
+
+Object.keys(_selectClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _selectClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _selectClasses[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/Select/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Select/index.js",
+  "module": "../esm/Select/index.js",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/Select/selectClasses.js

@@ -1,6 +1,17 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
-export function getSelectUtilityClasses(slot) {
-  return generateUtilityClass('MuiSelect', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getSelectUtilityClasses = getSelectUtilityClasses;
+
+var _base = require("@mui/base");
+
+function getSelectUtilityClasses(slot) {
+  return (0, _base.generateUtilityClass)('MuiSelect', slot);
 }
-const selectClasses = generateUtilityClasses('MuiSelect', ['select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
-export default selectClasses;
+
+const selectClasses = (0, _base.generateUtilityClasses)('MuiSelect', ['select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
+var _default = selectClasses;
+exports.default = _default;