@mui/material 5.10.17 → 5.11.0

package/Rating/Rating.js

@@ -1,29 +1,21 @@
-"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 _utils = require("@mui/utils");
-var _base = require("@mui/base");
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-var _utils2 = require("../utils");
-var _Star = _interopRequireDefault(require("../internal/svg-icons/Star"));
-var _StarBorder = _interopRequireDefault(require("../internal/svg-icons/StarBorder"));
-var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
-var _styled = _interopRequireWildcard(require("../styles/styled"));
-var _ratingClasses = _interopRequireWildcard(require("./ratingClasses"));
-var _jsxRuntime = require("react/jsx-runtime");
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["value"],
   _excluded2 = ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"];
-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; }
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import { chainPropTypes, visuallyHidden } from '@mui/utils';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
+import useTheme from '../styles/useTheme';
+import { capitalize, useForkRef, useIsFocusVisible, useControlled, unstable_useId as useId } from '../utils';
+import Star from '../internal/svg-icons/Star';
+import StarBorder from '../internal/svg-icons/StarBorder';
+import useThemeProps from '../styles/useThemeProps';
+import styled, { slotShouldForwardProp } from '../styles/styled';
+import ratingClasses, { getRatingUtilityClass } from './ratingClasses';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function clamp(value, min, max) {
   if (value < min) {
     return min;
@@ -54,7 +46,7 @@ const useUtilityClasses = ownerState => {
     focusVisible
   } = ownerState;
   const slots = {
-    root: ['root', `size${(0, _utils2.capitalize)(size)}`, disabled && 'disabled', focusVisible && 'focusVisible', readOnly && 'readyOnly'],
+    root: ['root', `size${capitalize(size)}`, disabled && 'disabled', focusVisible && 'focusVisible', readOnly && 'readyOnly'],
     label: ['label', 'pristine'],
     labelEmptyValue: [emptyValueFocused && 'labelEmptyValueActive'],
     icon: ['icon'],
@@ -66,9 +58,9 @@ const useUtilityClasses = ownerState => {
     decimal: ['decimal'],
     visuallyHidden: ['visuallyHidden']
   };
-  return (0, _base.unstable_composeClasses)(slots, _ratingClasses.getRatingUtilityClass, classes);
+  return composeClasses(slots, getRatingUtilityClass, classes);
 };
-const RatingRoot = (0, _styled.default)('span', {
+const RatingRoot = styled('span', {
   name: 'MuiRating',
   slot: 'Root',
   overridesResolver: (props, styles) => {
@@ -76,13 +68,13 @@ const RatingRoot = (0, _styled.default)('span', {
       ownerState
     } = props;
     return [{
-      [`& .${_ratingClasses.default.visuallyHidden}`]: styles.visuallyHidden
-    }, styles.root, styles[`size${(0, _utils2.capitalize)(ownerState.size)}`], ownerState.readOnly && styles.readOnly];
+      [`& .${ratingClasses.visuallyHidden}`]: styles.visuallyHidden
+    }, styles.root, styles[`size${capitalize(ownerState.size)}`], ownerState.readOnly && styles.readOnly];
   }
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   display: 'inline-flex',
   // Required to position the pristine input absolutely
   position: 'relative',
@@ -91,14 +83,14 @@ const RatingRoot = (0, _styled.default)('span', {
   cursor: 'pointer',
   textAlign: 'left',
   WebkitTapHighlightColor: 'transparent',
-  [`&.${_ratingClasses.default.disabled}`]: {
+  [`&.${ratingClasses.disabled}`]: {
     opacity: (theme.vars || theme).palette.action.disabledOpacity,
     pointerEvents: 'none'
   },
-  [`&.${_ratingClasses.default.focusVisible} .${_ratingClasses.default.iconActive}`]: {
+  [`&.${ratingClasses.focusVisible} .${ratingClasses.iconActive}`]: {
     outline: '1px solid #999'
   },
-  [`& .${_ratingClasses.default.visuallyHidden}`]: _utils.visuallyHidden
+  [`& .${ratingClasses.visuallyHidden}`]: visuallyHidden
 }, ownerState.size === 'small' && {
   fontSize: theme.typography.pxToRem(18)
 }, ownerState.size === 'large' && {
@@ -106,7 +98,7 @@ const RatingRoot = (0, _styled.default)('span', {
 }, ownerState.readOnly && {
   pointerEvents: 'none'
 }));
-const RatingLabel = (0, _styled.default)('label', {
+const RatingLabel = styled('label', {
   name: 'MuiRating',
   slot: 'Label',
   overridesResolver: ({
@@ -114,7 +106,7 @@ const RatingLabel = (0, _styled.default)('label', {
   }, styles) => [styles.label, ownerState.emptyValueFocused && styles.labelEmptyValueActive]
 })(({
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   cursor: 'inherit'
 }, ownerState.emptyValueFocused && {
   top: 0,
@@ -123,7 +115,7 @@ const RatingLabel = (0, _styled.default)('label', {
   outline: '1px solid #999',
   width: '100%'
 }));
-const RatingIcon = (0, _styled.default)('span', {
+const RatingIcon = styled('span', {
   name: 'MuiRating',
   slot: 'Icon',
   overridesResolver: (props, styles) => {
@@ -135,7 +127,7 @@ const RatingIcon = (0, _styled.default)('span', {
 })(({
   theme,
   ownerState
-}) => (0, _extends2.default)({
+}) => _extends({
   // Fit wrapper to actual icon size.
   display: 'flex',
   transition: theme.transitions.create('transform', {
@@ -149,10 +141,10 @@ const RatingIcon = (0, _styled.default)('span', {
 }, ownerState.iconEmpty && {
   color: (theme.vars || theme).palette.action.disabled
 }));
-const RatingDecimal = (0, _styled.default)('span', {
+const RatingDecimal = styled('span', {
   name: 'MuiRating',
   slot: 'Decimal',
-  shouldForwardProp: prop => (0, _styled.slotShouldForwardProp)(prop) && prop !== 'iconActive',
+  shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'iconActive',
   overridesResolver: (props, styles) => {
     const {
       iconActive
@@ -161,17 +153,17 @@ const RatingDecimal = (0, _styled.default)('span', {
   }
 })(({
   iconActive
-}) => (0, _extends2.default)({
+}) => _extends({
   position: 'relative'
 }, iconActive && {
   transform: 'scale(1.2)'
 }));
 function IconContainer(props) {
-  const other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, other));
+  const other = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/_jsx("span", _extends({}, other));
 }
 process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
-  value: _propTypes.default.number.isRequired
+  value: PropTypes.number.isRequired
 } : void 0;
 function RatingItem(props) {
   const {
@@ -201,12 +193,12 @@ function RatingItem(props) {
   const isHovered = itemValue <= hover;
   const isFocused = itemValue <= focus;
   const isChecked = itemValue === ratingValueRounded;
-  const id = (0, _utils2.unstable_useId)();
-  const container = /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingIcon, {
+  const id = useId();
+  const container = /*#__PURE__*/_jsx(RatingIcon, {
     as: IconContainerComponent,
     value: itemValue,
-    className: (0, _clsx.default)(classes.icon, isFilled ? classes.iconFilled : classes.iconEmpty, isHovered && classes.iconHover, isFocused && classes.iconFocus, isActive && classes.iconActive),
-    ownerState: (0, _extends2.default)({}, ownerState, {
+    className: clsx(classes.icon, isFilled ? classes.iconFilled : classes.iconEmpty, isHovered && classes.iconHover, isFocused && classes.iconFocus, isActive && classes.iconActive),
+    ownerState: _extends({}, ownerState, {
       iconEmpty: !isFilled,
       iconFilled: isFilled,
       iconHover: isHovered,
@@ -216,22 +208,22 @@ function RatingItem(props) {
     children: emptyIcon && !isFilled ? emptyIcon : icon
   });
   if (readOnly) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _extends2.default)({}, labelProps, {
+    return /*#__PURE__*/_jsx("span", _extends({}, labelProps, {
       children: container
     }));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(RatingLabel, (0, _extends2.default)({
-      ownerState: (0, _extends2.default)({}, ownerState, {
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsxs(RatingLabel, _extends({
+      ownerState: _extends({}, ownerState, {
         emptyValueFocused: undefined
       }),
       htmlFor: id
     }, labelProps, {
-      children: [container, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [container, /*#__PURE__*/_jsx("span", {
         className: classes.visuallyHidden,
         children: getLabelText(itemValue)
       })]
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    })), /*#__PURE__*/_jsx("input", {
       className: classes.visuallyHidden,
       onFocus: onFocus,
       onBlur: onBlur,
@@ -247,39 +239,39 @@ function RatingItem(props) {
   });
 }
 process.env.NODE_ENV !== "production" ? RatingItem.propTypes = {
-  classes: _propTypes.default.object.isRequired,
-  disabled: _propTypes.default.bool.isRequired,
-  emptyIcon: _propTypes.default.node,
-  focus: _propTypes.default.number.isRequired,
-  getLabelText: _propTypes.default.func.isRequired,
-  highlightSelectedOnly: _propTypes.default.bool.isRequired,
-  hover: _propTypes.default.number.isRequired,
-  icon: _propTypes.default.node,
-  IconContainerComponent: _propTypes.default.elementType.isRequired,
-  isActive: _propTypes.default.bool.isRequired,
-  itemValue: _propTypes.default.number.isRequired,
-  labelProps: _propTypes.default.object,
-  name: _propTypes.default.string,
-  onBlur: _propTypes.default.func.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  onFocus: _propTypes.default.func.isRequired,
-  ownerState: _propTypes.default.object.isRequired,
-  ratingValue: _propTypes.default.number,
-  ratingValueRounded: _propTypes.default.number,
-  readOnly: _propTypes.default.bool.isRequired
+  classes: PropTypes.object.isRequired,
+  disabled: PropTypes.bool.isRequired,
+  emptyIcon: PropTypes.node,
+  focus: PropTypes.number.isRequired,
+  getLabelText: PropTypes.func.isRequired,
+  highlightSelectedOnly: PropTypes.bool.isRequired,
+  hover: PropTypes.number.isRequired,
+  icon: PropTypes.node,
+  IconContainerComponent: PropTypes.elementType.isRequired,
+  isActive: PropTypes.bool.isRequired,
+  itemValue: PropTypes.number.isRequired,
+  labelProps: PropTypes.object,
+  name: PropTypes.string,
+  onBlur: PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
+  onClick: PropTypes.func.isRequired,
+  onFocus: PropTypes.func.isRequired,
+  ownerState: PropTypes.object.isRequired,
+  ratingValue: PropTypes.number,
+  ratingValueRounded: PropTypes.number,
+  readOnly: PropTypes.bool.isRequired
 } : void 0;
-const defaultIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Star.default, {
+const defaultIcon = /*#__PURE__*/_jsx(Star, {
   fontSize: "inherit"
 });
-const defaultEmptyIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_StarBorder.default, {
+const defaultEmptyIcon = /*#__PURE__*/_jsx(StarBorder, {
   fontSize: "inherit"
 });
 function defaultLabelText(value) {
   return `${value} Star${value !== 1 ? 's' : ''}`;
 }
 const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
-  const props = (0, _useThemeProps.default)({
+  const props = useThemeProps({
     name: 'MuiRating',
     props: inProps
   });
@@ -304,15 +296,15 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       size = 'medium',
       value: valueProp
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
-  const name = (0, _utils2.unstable_useId)(nameProp);
-  const [valueDerived, setValueState] = (0, _utils2.useControlled)({
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
+  const name = useId(nameProp);
+  const [valueDerived, setValueState] = useControlled({
     controlled: valueProp,
     default: defaultValue,
     name: 'Rating'
   });
   const valueRounded = roundValueToPrecision(valueDerived, precision);
-  const theme = (0, _useTheme.default)();
+  const theme = useTheme();
   const [{
     hover,
     focus
@@ -332,10 +324,10 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     onBlur: handleBlurVisible,
     onFocus: handleFocusVisible,
     ref: focusVisibleRef
-  } = (0, _utils2.useIsFocusVisible)();
+  } = useIsFocusVisible();
   const [focusVisible, setFocusVisible] = React.useState(false);
   const rootRef = React.useRef();
-  const handleRef = (0, _utils2.useForkRef)(focusVisibleRef, rootRef, ref);
+  const handleRef = useForkRef(focusVisibleRef, rootRef, ref);
   const handleMouseMove = event => {
     if (onMouseMove) {
       onMouseMove(event);
@@ -432,7 +424,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     }));
   };
   const [emptyValueFocused, setEmptyValueFocused] = React.useState(false);
-  const ownerState = (0, _extends2.default)({}, props, {
+  const ownerState = _extends({}, props, {
     defaultValue,
     disabled,
     emptyIcon,
@@ -448,11 +440,11 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     size
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RatingRoot, (0, _extends2.default)({
+  return /*#__PURE__*/_jsxs(RatingRoot, _extends({
     ref: handleRef,
     onMouseMove: handleMouseMove,
     onMouseLeave: handleMouseLeave,
-    className: (0, _clsx.default)(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     role: readOnly ? 'img' : null,
     "aria-label": readOnly ? getLabelText(value) : null
@@ -482,13 +474,13 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
       const isActive = itemValue === Math.ceil(value) && (hover !== -1 || focus !== -1);
       if (precision < 1) {
         const items = Array.from(new Array(1 / precision));
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingDecimal, {
-          className: (0, _clsx.default)(classes.decimal, isActive && classes.iconActive),
+        return /*#__PURE__*/_jsx(RatingDecimal, {
+          className: clsx(classes.decimal, isActive && classes.iconActive),
           ownerState: ownerState,
           iconActive: isActive,
           children: items.map(($, indexDecimal) => {
             const itemDecimalValue = roundValueToPrecision(itemValue - 1 + (indexDecimal + 1) * precision, precision);
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingItem, (0, _extends2.default)({}, ratingItemProps, {
+            return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
               // The icon is already displayed as active
               isActive: false,
               itemValue: itemDecimalValue,
@@ -503,14 +495,14 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
           })
         }, itemValue);
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(RatingItem, (0, _extends2.default)({}, ratingItemProps, {
+      return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
         isActive: isActive,
         itemValue: itemValue
       }), itemValue);
-    }), !readOnly && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(RatingLabel, {
-      className: (0, _clsx.default)(classes.label, classes.labelEmptyValue),
+    }), !readOnly && !disabled && /*#__PURE__*/_jsxs(RatingLabel, {
+      className: clsx(classes.label, classes.labelEmptyValue),
       ownerState: ownerState,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      children: [/*#__PURE__*/_jsx("input", {
         className: classes.visuallyHidden,
         value: "",
         id: `${name}-empty`,
@@ -520,7 +512,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
         onFocus: () => setEmptyValueFocused(true),
         onBlur: () => setEmptyValueFocused(false),
         onChange: handleChange
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), /*#__PURE__*/_jsx("span", {
         className: classes.visuallyHidden,
         children: emptyLabelText
       })]
@@ -535,31 +527,31 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
+  classes: PropTypes.object,
   /**
    * @ignore
    */
-  className: _propTypes.default.string,
+  className: PropTypes.string,
   /**
    * The default value. Use when the component is not controlled.
    * @default null
    */
-  defaultValue: _propTypes.default.number,
+  defaultValue: PropTypes.number,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: _propTypes.default.bool,
+  disabled: PropTypes.bool,
   /**
    * The icon to display when empty.
    * @default <StarBorder fontSize="inherit" />
    */
-  emptyIcon: _propTypes.default.node,
+  emptyIcon: PropTypes.node,
   /**
    * The label read when the rating input is empty.
    * @default 'Empty'
    */
-  emptyLabelText: _propTypes.default.node,
+  emptyLabelText: PropTypes.node,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the rating.
    * This is important for screen reader users.
@@ -571,17 +563,17 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    *   return `${value} Star${value !== 1 ? 's' : ''}`;
    * }
    */
-  getLabelText: _propTypes.default.func,
+  getLabelText: PropTypes.func,
   /**
    * If `true`, only the selected icon will be highlighted.
    * @default false
    */
-  highlightSelectedOnly: _propTypes.default.bool,
+  highlightSelectedOnly: PropTypes.bool,
   /**
    * The icon to display.
    * @default <Star fontSize="inherit" />
    */
-  icon: _propTypes.default.node,
+  icon: PropTypes.node,
   /**
    * The component containing the icon.
    * @default function IconContainer(props) {
@@ -589,43 +581,43 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    *   return <span {...other} />;
    * }
    */
-  IconContainerComponent: _propTypes.default.elementType,
+  IconContainerComponent: PropTypes.elementType,
   /**
    * Maximum rating.
    * @default 5
    */
-  max: _propTypes.default.number,
+  max: PropTypes.number,
   /**
    * The name attribute of the radio `input` elements.
    * This input `name` should be unique within the page.
    * Being unique within a form is insufficient since the `name` is used to generated IDs.
    */
-  name: _propTypes.default.string,
+  name: PropTypes.string,
   /**
    * Callback fired when the value changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number|null} value The new value.
    */
-  onChange: _propTypes.default.func,
+  onChange: PropTypes.func,
   /**
    * Callback function that is fired when the hover state changes.
    * @param {React.SyntheticEvent} event The event source of the callback.
    * @param {number} value The new value.
    */
-  onChangeActive: _propTypes.default.func,
+  onChangeActive: PropTypes.func,
   /**
    * @ignore
    */
-  onMouseLeave: _propTypes.default.func,
+  onMouseLeave: PropTypes.func,
   /**
    * @ignore
    */
-  onMouseMove: _propTypes.default.func,
+  onMouseMove: PropTypes.func,
   /**
    * The minimum increment value change allowed.
    * @default 1
    */
-  precision: (0, _utils.chainPropTypes)(_propTypes.default.number, props => {
+  precision: chainPropTypes(PropTypes.number, props => {
     if (props.precision < 0.1) {
       return new Error(['MUI: The prop `precision` should be above 0.1.', 'A value below this limit has an imperceptible impact.'].join('\n'));
     }
@@ -635,20 +627,19 @@ process.env.NODE_ENV !== "production" ? Rating.propTypes /* remove-proptypes */
    * Removes all hover effects and pointer events.
    * @default false
    */
-  readOnly: _propTypes.default.bool,
+  readOnly: PropTypes.bool,
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['small', 'medium', 'large']), _propTypes.default.string]),
+  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['small', 'medium', 'large']), PropTypes.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  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]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The rating value.
    */
-  value: _propTypes.default.number
+  value: PropTypes.number
 } : void 0;
-var _default = Rating;
-exports.default = _default;
+export default Rating;

package/Rating/index.js

@@ -1,36 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ratingClasses: true
-};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Rating.default;
-  }
-});
-Object.defineProperty(exports, "ratingClasses", {
-  enumerable: true,
-  get: function () {
-    return _ratingClasses.default;
-  }
-});
-var _Rating = _interopRequireDefault(require("./Rating"));
-var _ratingClasses = _interopRequireWildcard(require("./ratingClasses"));
-Object.keys(_ratingClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ratingClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ratingClasses[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; }
+export { default } from './Rating';
+export { default as ratingClasses } from './ratingClasses';
+export * from './ratingClasses';

package/Rating/package.json

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

package/Rating/ratingClasses.d.ts

@@ -1,40 +1,40 @@
-export interface RatingClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `size="large"`. */
-    sizeLarge: string;
-    /** Styles applied to the root element if `readOnly={true}`. */
-    readOnly: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-    /** Visually hide an element. */
-    visuallyHidden: string;
-    /** Styles applied to the label elements. */
-    label: string;
-    /** Styles applied to the label of the "no value" input when it is active. */
-    labelEmptyValueActive: string;
-    /** Styles applied to the icon wrapping elements. */
-    icon: string;
-    /** Styles applied to the icon wrapping elements when empty. */
-    iconEmpty: string;
-    /** Styles applied to the icon wrapping elements when filled. */
-    iconFilled: string;
-    /** Styles applied to the icon wrapping elements when hover. */
-    iconHover: string;
-    /** Styles applied to the icon wrapping elements when focus. */
-    iconFocus: string;
-    /** Styles applied to the icon wrapping elements when active. */
-    iconActive: string;
-    /** Styles applied to the icon wrapping elements when decimals are necessary. */
-    decimal: string;
-}
-export type RatingClassKey = keyof RatingClasses;
-export declare function getRatingUtilityClass(slot: string): string;
-declare const ratingClasses: RatingClasses;
-export default ratingClasses;
+export interface RatingClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `size="large"`. */
+    sizeLarge: string;
+    /** Styles applied to the root element if `readOnly={true}`. */
+    readOnly: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+    /** Visually hide an element. */
+    visuallyHidden: string;
+    /** Styles applied to the label elements. */
+    label: string;
+    /** Styles applied to the label of the "no value" input when it is active. */
+    labelEmptyValueActive: string;
+    /** Styles applied to the icon wrapping elements. */
+    icon: string;
+    /** Styles applied to the icon wrapping elements when empty. */
+    iconEmpty: string;
+    /** Styles applied to the icon wrapping elements when filled. */
+    iconFilled: string;
+    /** Styles applied to the icon wrapping elements when hover. */
+    iconHover: string;
+    /** Styles applied to the icon wrapping elements when focus. */
+    iconFocus: string;
+    /** Styles applied to the icon wrapping elements when active. */
+    iconActive: string;
+    /** Styles applied to the icon wrapping elements when decimals are necessary. */
+    decimal: string;
+}
+export type RatingClassKey = keyof RatingClasses;
+export declare function getRatingUtilityClass(slot: string): string;
+declare const ratingClasses: RatingClasses;
+export default ratingClasses;