Page Menu
Home
c4science
Search
Configure Global Search
Log In
Files
F121024989
ListItemIcon.js
No One
Temporary
Actions
Download File
Edit File
Delete File
View Transforms
Subscribe
Mute Notifications
Award Token
Subscribers
None
File Metadata
Details
File Info
Storage
Attached
Created
Tue, Jul 8, 08:47
Size
3 KB
Mime Type
text/x-java
Expires
Thu, Jul 10, 08:47 (2 d)
Engine
blob
Format
Raw Data
Handle
27270218
Attached To
rOACCT Open Access Compliance Check Tool (OACCT)
ListItemIcon.js
View Options
import
_objectWithoutPropertiesLoose
from
"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"
;
import
_extends
from
"@babel/runtime/helpers/esm/extends"
;
const
_excluded
=
[
"className"
];
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
{
getListItemIconUtilityClass
}
from
'./listItemIconClasses'
;
import
ListContext
from
'../List/ListContext'
;
import
{
jsx
as
_jsx
}
from
"react/jsx-runtime"
;
const
useUtilityClasses
=
ownerState
=>
{
const
{
alignItems
,
classes
}
=
ownerState
;
const
slots
=
{
root
:
[
'root'
,
alignItems
===
'flex-start'
&&
'alignItemsFlexStart'
]
};
return
composeClasses
(
slots
,
getListItemIconUtilityClass
,
classes
);
};
const
ListItemIconRoot
=
styled
(
'div'
,
{
name
:
'MuiListItemIcon'
,
slot
:
'Root'
,
overridesResolver
:
(
props
,
styles
)
=>
{
const
{
ownerState
}
=
props
;
return
[
styles
.
root
,
ownerState
.
alignItems
===
'flex-start'
&&
styles
.
alignItemsFlexStart
];
}
})(({
theme
,
ownerState
})
=>
_extends
({
minWidth
:
56
,
color
:
(
theme
.
vars
||
theme
).
palette
.
action
.
active
,
flexShrink
:
0
,
display
:
'inline-flex'
},
ownerState
.
alignItems
===
'flex-start'
&&
{
marginTop
:
8
}));
/**
* A simple wrapper to apply `List` styles to an `Icon` or `SvgIcon`.
*/
const
ListItemIcon
=
/*#__PURE__*/
React
.
forwardRef
(
function
ListItemIcon
(
inProps
,
ref
)
{
const
props
=
useThemeProps
({
props
:
inProps
,
name
:
'MuiListItemIcon'
});
const
{
className
}
=
props
,
other
=
_objectWithoutPropertiesLoose
(
props
,
_excluded
);
const
context
=
React
.
useContext
(
ListContext
);
const
ownerState
=
_extends
({},
props
,
{
alignItems
:
context
.
alignItems
});
const
classes
=
useUtilityClasses
(
ownerState
);
return
/*#__PURE__*/
_jsx
(
ListItemIconRoot
,
_extends
({
className
:
clsx
(
classes
.
root
,
className
),
ownerState
:
ownerState
,
ref
:
ref
},
other
));
});
process
.
env
.
NODE_ENV
!==
"production"
?
ListItemIcon
.
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, normally `Icon`, `SvgIcon`,
* or a `@mui/icons-material` SVG icon element.
*/
children
:
PropTypes
.
node
,
/**
* Override or extend the styles applied to the component.
*/
classes
:
PropTypes
.
object
,
/**
* @ignore
*/
className
:
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
ListItemIcon
;
Event Timeline
Log In to Comment