Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[material-ui] Add DefaultPropsProvider #42820

Merged
merged 10 commits into from
Jul 3, 2024
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix createUseThemeProps
  • Loading branch information
siriwatknp committed Jul 2, 2024
commit 44edf19cf2410ff2541b795203fc3871c811cbc8
7 changes: 3 additions & 4 deletions packages/mui-material/src/Accordion/Accordion.js
Original file line number Diff line number Diff line change
@@ -1,20 +1,19 @@
'use client';
'use client';;
import * as React from 'react';
import { isFragment } from 'react-is';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import chainPropTypes from '@mui/utils/chainPropTypes';
import composeClasses from '@mui/utils/composeClasses';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import Collapse from '../Collapse';
import Paper from '../Paper';
import AccordionContext from './AccordionContext';
import useControlled from '../utils/useControlled';
import useSlot from '../utils/useSlot';
import accordionClasses, { getAccordionUtilityClass } from './accordionClasses';

const useDefaultProps = createUseThemeProps('MuiAccordion');

const useUtilityClasses = (ownerState) => {
const { classes, square, expanded, disabled, disableGutters } = ownerState;

Expand Down
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import { getAccordionActionsUtilityClass } from './accordionActionsClasses';

const useDefaultProps = createUseThemeProps('MuiAccordionActions');

const useUtilityClasses = (ownerState) => {
const { classes, disableSpacing } = ownerState;

Expand Down
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import { getAccordionDetailsUtilityClass } from './accordionDetailsClasses';

const useDefaultProps = createUseThemeProps('MuiAccordionDetails');

const useUtilityClasses = (ownerState) => {
const { classes } = ownerState;

Expand Down
Original file line number Diff line number Diff line change
@@ -1,17 +1,16 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import ButtonBase from '../ButtonBase';
import AccordionContext from '../Accordion/AccordionContext';
import accordionSummaryClasses, {
getAccordionSummaryUtilityClass,
} from './accordionSummaryClasses';

const useDefaultProps = createUseThemeProps('MuiAccordionSummary');

const useUtilityClasses = (ownerState) => {
const { classes, expanded, disabled, disableGutters } = ownerState;

Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/Alert/Alert.js
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { darken, lighten } from '@mui/system/colorManipulator';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import useSlot from '../utils/useSlot';
import capitalize from '../utils/capitalize';
import Paper from '../Paper';
Expand All @@ -16,8 +17,6 @@ import ErrorOutlineIcon from '../internal/svg-icons/ErrorOutline';
import InfoOutlinedIcon from '../internal/svg-icons/InfoOutlined';
import CloseIcon from '../internal/svg-icons/Close';

const useDefaultProps = createUseThemeProps('MuiAlert');

const useUtilityClasses = (ownerState) => {
const { variant, color, severity, classes } = ownerState;

Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/AlertTitle/AlertTitle.js
Original file line number Diff line number Diff line change
@@ -1,14 +1,13 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import Typography from '../Typography';
import { getAlertTitleUtilityClass } from './alertTitleClasses';

const useDefaultProps = createUseThemeProps('MuiAlertTitle');

const useUtilityClasses = (ownerState) => {
const { classes } = ownerState;

Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/Autocomplete/Autocomplete.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
Expand All @@ -18,13 +18,12 @@ import outlinedInputClasses from '../OutlinedInput/outlinedInputClasses';
import filledInputClasses from '../FilledInput/filledInputClasses';
import ClearIcon from '../internal/svg-icons/Close';
import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import autocompleteClasses, { getAutocompleteUtilityClass } from './autocompleteClasses';
import capitalize from '../utils/capitalize';
import useForkRef from '../utils/useForkRef';

const useDefaultProps = createUseThemeProps('MuiAutocomplete');

const useUtilityClasses = (ownerState) => {
const {
classes,
Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/Avatar/Avatar.js
Original file line number Diff line number Diff line change
@@ -1,15 +1,14 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import Person from '../internal/svg-icons/Person';
import { getAvatarUtilityClass } from './avatarClasses';
import useSlot from '../utils/useSlot';

const useDefaultProps = createUseThemeProps('MuiAvatar');

const useUtilityClasses = (ownerState) => {
const { classes, variant, colorDefault } = ownerState;

Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/Badge/Badge.js
Original file line number Diff line number Diff line change
@@ -1,20 +1,19 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import usePreviousProps from '@mui/utils/usePreviousProps';
import composeClasses from '@mui/utils/composeClasses';
import { useBadge } from '@mui/base/useBadge';
import { useSlotProps } from '@mui/base/utils';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import capitalize from '../utils/capitalize';
import badgeClasses, { getBadgeUtilityClass } from './badgeClasses';

const RADIUS_STANDARD = 10;
const RADIUS_DOT = 4;

const useDefaultProps = createUseThemeProps('MuiBadge');

const useUtilityClasses = (ownerState) => {
const { color, anchorOrigin, invisible, overlap, variant, classes = {} } = ownerState;

Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/Slider/Slider.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
'use client';
'use client';;
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
Expand All @@ -8,15 +8,14 @@ import composeClasses from '@mui/utils/composeClasses';
import { useSlider, valueToPercent } from '@mui/base/useSlider';
import { alpha, lighten, darken } from '@mui/system/colorManipulator';
import { useRtl } from '@mui/system/RtlProvider';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import slotShouldForwardProp from '../styles/slotShouldForwardProp';
import shouldSpreadAdditionalProps from '../utils/shouldSpreadAdditionalProps';
import capitalize from '../utils/capitalize';
import BaseSliderValueLabel from './SliderValueLabel';
import sliderClasses, { getSliderUtilityClass } from './sliderClasses';

const useDefaultProps = createUseThemeProps('MuiSlider');

function Identity(x) {
return x;
}
Expand Down
7 changes: 3 additions & 4 deletions packages/mui-material/src/Switch/Switch.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
'use client';
'use client';;
// @inheritedComponent IconButton
import * as React from 'react';
import PropTypes from 'prop-types';
Expand All @@ -8,11 +8,10 @@ import composeClasses from '@mui/utils/composeClasses';
import { alpha, darken, lighten } from '@mui/system/colorManipulator';
import capitalize from '../utils/capitalize';
import SwitchBase from '../internal/SwitchBase';
import { styled, createUseThemeProps } from '../zero-styled';
import { styled } from '../zero-styled';
import { useDefaultProps } from "../DefaultPropsProvider";
import switchClasses, { getSwitchUtilityClass } from './switchClasses';

const useDefaultProps = createUseThemeProps('MuiSwitch');

const useUtilityClasses = (ownerState) => {
const { classes, edge, size, color, checked, disabled } = ownerState;

Expand Down