Diffusion Open Access Compliance Check Tool (OACCT) (issn4frontend) Browse

rOACCT/node_modules/@mui/material/modern/CardActionArea/CardActionArea.js
49c99f97fe9aissn4frontend

CardActionArea.js
View Options

			import _extends from "@babel/runtime/helpers/esm/extends";
			import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
			const _excluded = ["children", "className", "focusVisibleClassName"];
			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 cardActionAreaClasses, { getCardActionAreaUtilityClass } from './cardActionAreaClasses';
			import ButtonBase from '../ButtonBase';
			import { jsx as _jsx } from "react/jsx-runtime";
			import { jsxs as _jsxs } from "react/jsx-runtime";
			const useUtilityClasses = ownerState => {
			const {
			classes
			} = ownerState;
			const slots = {
			root: ['root'],
			focusHighlight: ['focusHighlight']
			};
			return composeClasses(slots, getCardActionAreaUtilityClass, classes);
			};
			const CardActionAreaRoot = styled(ButtonBase, {
			name: 'MuiCardActionArea',
			slot: 'Root',
			overridesResolver: (props, styles) => styles.root
			})(({
			theme
			}) => ({
			display: 'block',
			textAlign: 'inherit',
			width: '100%',
			[`&:hover .${cardActionAreaClasses.focusHighlight}`]: {
			opacity: (theme.vars \|\| theme).palette.action.hoverOpacity,
			'@media (hover: none)': {
			opacity: 0
			}
			},
			[`&.${cardActionAreaClasses.focusVisible} .${cardActionAreaClasses.focusHighlight}`]: {
			opacity: (theme.vars \|\| theme).palette.action.focusOpacity
			}
			}));
			const CardActionAreaFocusHighlight = styled('span', {
			name: 'MuiCardActionArea',
			slot: 'FocusHighlight',
			overridesResolver: (props, styles) => styles.focusHighlight
			})(({
			theme
			}) => ({
			overflow: 'hidden',
			pointerEvents: 'none',
			position: 'absolute',
			top: 0,
			right: 0,
			bottom: 0,
			left: 0,
			borderRadius: 'inherit',
			opacity: 0,
			backgroundColor: 'currentcolor',
			transition: theme.transitions.create('opacity', {
			duration: theme.transitions.duration.short
			})
			}));
			const CardActionArea = /#__PURE__/React.forwardRef(function CardActionArea(inProps, ref) {
			const props = useThemeProps({
			props: inProps,
			name: 'MuiCardActionArea'
			});
			const {
			children,
			className,
			focusVisibleClassName
			} = props,
			other = _objectWithoutPropertiesLoose(props, _excluded);
			const ownerState = props;
			const classes = useUtilityClasses(ownerState);
			return /#__PURE__/_jsxs(CardActionAreaRoot, _extends({
			className: clsx(classes.root, className),
			focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible),
			ref: ref,
			ownerState: ownerState
			}, other, {
			children: [children, /#__PURE__/_jsx(CardActionAreaFocusHighlight, {
			className: classes.focusHighlight,
			ownerState: ownerState
			})]
			}));
			});
			process.env.NODE_ENV !== "production" ? CardActionArea.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,
			/**
			* @ignore
			*/
			focusVisibleClassName: PropTypes.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])
			} : void 0;
			export default CardActionArea;