Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/node_modules/@mui/material/ListSubheader/ListSubheader.js
f646e1f695a7paginated-inlines

ListSubheader.js
View Options

			import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
			import _extends from "@babel/runtime/helpers/esm/extends";
			const _excluded = ["className", "color", "component", "disableGutters", "disableSticky", "inset"];
			import * as React from 'react';
			import PropTypes from 'prop-types';
			import clsx from 'clsx';
			import { unstable_composeClasses as composeClasses } from '@mui/base';
			import styled from '../styles/styled';
			import useThemeProps from '../styles/useThemeProps';
			import capitalize from '../utils/capitalize';
			import { getListSubheaderUtilityClass } from './listSubheaderClasses';
			import { jsx as _jsx } from "react/jsx-runtime";
			const useUtilityClasses = ownerState => {
			const {
			classes,
			color,
			disableGutters,
			inset,
			disableSticky
			} = ownerState;
			const slots = {
			root: ['root', color !== 'default' && `color${capitalize(color)}`, !disableGutters && 'gutters', inset && 'inset', !disableSticky && 'sticky']
			};
			return composeClasses(slots, getListSubheaderUtilityClass, classes);
			};
			const ListSubheaderRoot = styled('li', {
			name: 'MuiListSubheader',
			slot: 'Root',
			overridesResolver: (props, styles) => {
			const {
			ownerState
			} = props;
			return [styles.root, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`], !ownerState.disableGutters && styles.gutters, ownerState.inset && styles.inset, !ownerState.disableSticky && styles.sticky];
			}
			})(({
			theme,
			ownerState
			}) => _extends({
			boxSizing: 'border-box',
			lineHeight: '48px',
			listStyle: 'none',
			color: (theme.vars \|\| theme).palette.text.secondary,
			fontFamily: theme.typography.fontFamily,
			fontWeight: theme.typography.fontWeightMedium,
			fontSize: theme.typography.pxToRem(14)
			}, ownerState.color === 'primary' && {
			color: (theme.vars \|\| theme).palette.primary.main
			}, ownerState.color === 'inherit' && {
			color: 'inherit'
			}, !ownerState.disableGutters && {
			paddingLeft: 16,
			paddingRight: 16
			}, ownerState.inset && {
			paddingLeft: 72
			}, !ownerState.disableSticky && {
			position: 'sticky',
			top: 0,
			zIndex: 1,
			backgroundColor: (theme.vars \|\| theme).palette.background.paper
			}));
			const ListSubheader = /#__PURE__/React.forwardRef(function ListSubheader(inProps, ref) {
			const props = useThemeProps({
			props: inProps,
			name: 'MuiListSubheader'
			});
			const {
			className,
			color = 'default',
			component = 'li',
			disableGutters = false,
			disableSticky = false,
			inset = false
			} = props,
			other = _objectWithoutPropertiesLoose(props, _excluded);
			const ownerState = _extends({}, props, {
			color,
			component,
			disableGutters,
			disableSticky,
			inset
			});
			const classes = useUtilityClasses(ownerState);
			return /#__PURE__/_jsx(ListSubheaderRoot, _extends({
			as: component,
			className: clsx(classes.root, className),
			ref: ref,
			ownerState: ownerState
			}, other));
			});
			process.env.NODE_ENV !== "production" ? ListSubheader.propTypes /* remove-proptypes */ = {
			// ----------------------------- Warning --------------------------------
			// \| These PropTypes are generated from the TypeScript type definitions \|
			// \| To update them edit the d.ts file and run "yarn proptypes" \|
			// ----------------------------------------------------------------------
			/**
			* The content of the component.
			*/
			children: PropTypes.node,
			/**
			* Override or extend the styles applied to the component.
			*/
			classes: PropTypes.object,
			/**
			* @ignore
			*/
			className: PropTypes.string,
			/**
			* The color of the component. It supports those theme colors that make sense for this component.
			* @default 'default'
			*/
			color: PropTypes.oneOf(['default', 'inherit', 'primary']),
			/**
			* The component used for the root node.
			* Either a string to use a HTML element or a component.
			*/
			component: PropTypes.elementType,
			/**
			* If `true`, the List Subheader will not have gutters.
			* @default false
			*/
			disableGutters: PropTypes.bool,
			/**
			* If `true`, the List Subheader will not stick to the top during scroll.
			* @default false
			*/
			disableSticky: PropTypes.bool,
			/**
			* If `true`, the List Subheader is indented.
			* @default false
			*/
			inset: PropTypes.bool,
			/**
			* 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])
			} : void 0;
			export default ListSubheader;