@mui/material 5.10.2 → 5.10.5

package/FormControl/FormControl.js

@@ -1,18 +1,45 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _base = require("@mui/base");
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _utils = require("../InputBase/utils");
+
+var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
+
+var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
+
+var _FormControlContext = _interopRequireDefault(require("./FormControlContext"));
+
+var _formControlClasses = require("./formControlClasses");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
-import useThemeProps from '../styles/useThemeProps';
-import styled from '../styles/styled';
-import { isFilled, isAdornedStart } from '../InputBase/utils';
-import capitalize from '../utils/capitalize';
-import isMuiElement from '../utils/isMuiElement';
-import FormControlContext from './FormControlContext';
-import { getFormControlUtilityClasses } from './formControlClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
+
+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 useUtilityClasses = ownerState => {
   const {
@@ -21,22 +48,22 @@ const useUtilityClasses = ownerState => {
     fullWidth
   } = ownerState;
   const slots = {
-    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']
+    root: ['root', margin !== 'none' && `margin${(0, _capitalize.default)(margin)}`, fullWidth && 'fullWidth']
   };
-  return composeClasses(slots, getFormControlUtilityClasses, classes);
+  return (0, _base.unstable_composeClasses)(slots, _formControlClasses.getFormControlUtilityClasses, classes);
 };
 
-const FormControlRoot = styled('div', {
+const FormControlRoot = (0, _styled.default)('div', {
   name: 'MuiFormControl',
   slot: 'Root',
   overridesResolver: ({
     ownerState
   }, styles) => {
-    return _extends({}, styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);
+    return (0, _extends2.default)({}, styles.root, styles[`margin${(0, _capitalize.default)(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);
   }
 })(({
   ownerState
-}) => _extends({
+}) => (0, _extends2.default)({
   display: 'inline-flex',
   flexDirection: 'column',
   position: 'relative',
@@ -81,11 +108,10 @@ const FormControlRoot = styled('div', {
  */
 
 const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiFormControl'
   });
-
   const {
     children,
     className,
@@ -101,9 +127,8 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     size = 'medium',
     variant = 'outlined'
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const ownerState = _extends({}, props, {
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const ownerState = (0, _extends2.default)({}, props, {
     color,
     component,
     disabled,
@@ -115,7 +140,6 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     size,
     variant
   });
-
   const classes = useUtilityClasses(ownerState);
   const [adornedStart, setAdornedStart] = React.useState(() => {
     // We need to iterate through the children and find the Input in order
@@ -124,13 +148,13 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
 
     if (children) {
       React.Children.forEach(children, child => {
-        if (!isMuiElement(child, ['Input', 'Select'])) {
+        if (!(0, _isMuiElement.default)(child, ['Input', 'Select'])) {
           return;
         }
 
-        const input = isMuiElement(child, ['Select']) ? child.props.input : child;
+        const input = (0, _isMuiElement.default)(child, ['Select']) ? child.props.input : child;
 
-        if (input && isAdornedStart(input.props)) {
+        if (input && (0, _utils.isAdornedStart)(input.props)) {
           initialAdornedStart = true;
         }
       });
@@ -145,11 +169,11 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
 
     if (children) {
       React.Children.forEach(children, child => {
-        if (!isMuiElement(child, ['Input', 'Select'])) {
+        if (!(0, _isMuiElement.default)(child, ['Input', 'Select'])) {
           return;
         }
 
-        if (isFilled(child.props, true)) {
+        if ((0, _utils.isFilled)(child.props, true)) {
           initialFilled = true;
         }
       });
@@ -211,12 +235,12 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
     required,
     variant
   };
-  return /*#__PURE__*/_jsx(FormControlContext.Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
     value: childContext,
-    children: /*#__PURE__*/_jsx(FormControlRoot, _extends({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, (0, _extends2.default)({
       as: component,
       ownerState: ownerState,
-      className: clsx(classes.root, className),
+      className: (0, _clsx.default)(classes.root, className),
       ref: ref
     }, other, {
       children: children
@@ -234,17 +258,17 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
   /**
    * The content of the component.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
 
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * The color of the component.
@@ -252,38 +276,38 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
    * @default 'primary'
    */
-  color: PropTypes
+  color: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), _propTypes.default.string]),
 
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
 
   /**
    * If `true`, the label, input and helper text should be displayed in a disabled state.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
 
   /**
    * If `true`, the label is displayed in an error state.
    * @default false
    */
-  error: PropTypes.bool,
+  error: _propTypes.default.bool,
 
   /**
    * If `true`, the component is displayed in focused state.
    */
-  focused: PropTypes.bool,
+  focused: _propTypes.default.bool,
 
   /**
    * If `true`, the component will take up the full width of its container.
    * @default false
    */
-  fullWidth: PropTypes.bool,
+  fullWidth: _propTypes.default.bool,
 
   /**
    * If `true`, the label is hidden.
@@ -291,37 +315,38 @@ process.env.NODE_ENV !== "production" ? FormControl.propTypes
    * Be sure to add `aria-label` to the `input` element.
    * @default false
    */
-  hiddenLabel: PropTypes.bool,
+  hiddenLabel: _propTypes.default.bool,
 
   /**
    * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
    * @default 'none'
    */
-  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
+  margin: _propTypes.default.oneOf(['dense', 'none', 'normal']),
 
   /**
    * If `true`, the label will indicate that the `input` is required.
    * @default false
    */
-  required: PropTypes.bool,
+  required: _propTypes.default.bool,
 
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: PropTypes
+  size: _propTypes.default
   /* @typescript-to-proptypes-ignore */
-  .oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),
+  .oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
+  variant: _propTypes.default.oneOf(['filled', 'outlined', 'standard'])
 } : void 0;
-export default FormControl;
+var _default = FormControl;
+exports.default = _default;

package/FormControl/FormControlContext.js

@@ -1,12 +1,24 @@
-import * as React from 'react';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+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; }
+
 /**
  * @ignore - internal component.
  */
-
 const FormControlContext = /*#__PURE__*/React.createContext();
 
 if (process.env.NODE_ENV !== 'production') {
   FormControlContext.displayName = 'FormControlContext';
 }
 
-export default FormControlContext;
+var _default = FormControlContext;
+exports.default = _default;

package/FormControl/formControlClasses.js

@@ -1,6 +1,17 @@
-import { generateUtilityClasses, generateUtilityClass } from '@mui/base';
-export function getFormControlUtilityClasses(slot) {
-  return generateUtilityClass('MuiFormControl', slot);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getFormControlUtilityClasses = getFormControlUtilityClasses;
+
+var _base = require("@mui/base");
+
+function getFormControlUtilityClasses(slot) {
+  return (0, _base.generateUtilityClass)('MuiFormControl', slot);
 }
-const formControlClasses = generateUtilityClasses('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
-export default formControlClasses;
+
+const formControlClasses = (0, _base.generateUtilityClasses)('MuiFormControl', ['root', 'marginNone', 'marginNormal', 'marginDense', 'fullWidth', 'disabled']);
+var _default = formControlClasses;
+exports.default = _default;

package/FormControl/formControlState.js

@@ -1,4 +1,11 @@
-export default function formControlState({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = formControlState;
+
+function formControlState({
   props,
   states,
   muiFormControl

package/FormControl/index.js

@@ -1,4 +1,51 @@
-export { default } from './FormControl';
-export { default as useFormControl } from './useFormControl';
-export { default as formControlClasses } from './formControlClasses';
-export * from './formControlClasses';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useFormControl: true,
+  formControlClasses: true
+};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FormControl.default;
+  }
+});
+Object.defineProperty(exports, "formControlClasses", {
+  enumerable: true,
+  get: function () {
+    return _formControlClasses.default;
+  }
+});
+Object.defineProperty(exports, "useFormControl", {
+  enumerable: true,
+  get: function () {
+    return _useFormControl.default;
+  }
+});
+
+var _FormControl = _interopRequireDefault(require("./FormControl"));
+
+var _useFormControl = _interopRequireDefault(require("./useFormControl"));
+
+var _formControlClasses = _interopRequireWildcard(require("./formControlClasses"));
+
+Object.keys(_formControlClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _formControlClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _formControlClasses[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/FormControl/package.json

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

package/FormControl/useFormControl.js

@@ -1,5 +1,20 @@
-import * as React from 'react';
-import FormControlContext from './FormControlContext';
-export default function useFormControl() {
-  return React.useContext(FormControlContext);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useFormControl;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _FormControlContext = _interopRequireDefault(require("./FormControlContext"));
+
+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; }
+
+function useFormControl() {
+  return React.useContext(_FormControlContext.default);
 }

package/FormControlLabel/FormControlLabel.d.ts

@@ -75,9 +75,9 @@ export interface FormControlLabelProps
  *
  * Demos:
  *
- * - [Checkboxes](https://mui.com/material-ui/react-checkbox/)
- * - [Radio buttons](https://mui.com/material-ui/react-radio-button/)
- * - [Switches](https://mui.com/material-ui/react-switch/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Radio button](https://mui.com/material-ui/react-radio-button/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
  *
  * API:
  *