office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
134 lines • 6.49 kB
JavaScript
define(["require", "exports", "../Divider/VerticalDivider.classNames", "./ContextualMenu.cnstyles", "../../Styling", "../../Utilities"], function (require, exports, VerticalDivider_classNames_1, ContextualMenu_cnstyles_1, Styling_1, Utilities_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getSplitButtonVerticalDividerClassNames = Utilities_1.memoizeFunction(function (theme) {
return Styling_1.mergeStyleSets(VerticalDivider_classNames_1.getDividerClassNames(theme), {
divider: {
height: 16,
width: 1
}
});
});
exports.getContextualMenuClassNames = Utilities_1.memoizeFunction(function (theme, className) {
var styles = ContextualMenu_cnstyles_1.getStyles(theme);
return Styling_1.mergeStyleSets({
container: [
'ms-ContextualMenu-container',
styles.container,
className,
[
{
selectors: {
':focus': { outline: 0 }
}
}
]
],
root: ['ms-ContextualMenu is-open', styles.root],
list: ['ms-ContextualMenu-list is-open', styles.list],
header: ['ms-ContextualMenu-header', styles.header],
title: styles.title
});
});
exports.getItemClassNames = Utilities_1.memoizeFunction(function (theme, disabled, expanded, checked, isAnchorLink, knownIcon, itemClassName, dividerClassName, iconClassName, subMenuClassName, primaryDisabled) {
var styles = ContextualMenu_cnstyles_1.getMenuItemStyles(theme);
return Styling_1.mergeStyleSets({
item: ['ms-ContextualMenu-item', styles.item, itemClassName],
divider: ['ms-ContextualMenu-divider', styles.divider, dividerClassName],
root: [
'ms-ContextualMenu-link',
styles.root,
checked && ['is-checked', styles.rootChecked],
isAnchorLink && styles.anchorLink,
expanded && ['is-expanded', styles.rootExpanded],
disabled && ['is-disabled', styles.rootDisabled],
!disabled &&
!expanded && [
{
selectors: (_a = {
':hover': styles.rootHovered,
':active': styles.rootPressed
},
_a["." + Utilities_1.IsFocusVisibleClassName + " &:focus, ." + Utilities_1.IsFocusVisibleClassName + " &:focus:hover"] = styles.rootFocused,
_a["." + Utilities_1.IsFocusVisibleClassName + " &:hover"] = { background: 'inherit;' },
_a)
}
]
],
splitPrimary: [
styles.root,
checked && ['is-checked', styles.rootChecked],
(disabled || primaryDisabled) && ['is-disabled', styles.rootDisabled],
!(disabled || primaryDisabled) &&
!checked && [
{
selectors: (_b = {
':hover': styles.rootHovered,
':active': styles.rootPressed
},
_b["." + Utilities_1.IsFocusVisibleClassName + " &:focus, ." + Utilities_1.IsFocusVisibleClassName + " &:focus:hover"] = styles.rootFocused,
_b["." + Utilities_1.IsFocusVisibleClassName + " &:hover"] = { background: 'inherit;' },
_b)
}
]
],
splitMenu: [
styles.root,
{
width: 32
},
expanded && ['is-expanded', styles.rootExpanded],
disabled && ['is-disabled', styles.rootDisabled],
!disabled &&
!expanded && [
{
selectors: (_c = {
':hover': styles.rootHovered,
':active': styles.rootPressed
},
_c["." + Utilities_1.IsFocusVisibleClassName + " &:focus, ." + Utilities_1.IsFocusVisibleClassName + " &:focus:hover"] = styles.rootFocused,
_c["." + Utilities_1.IsFocusVisibleClassName + " &:hover"] = { background: 'inherit;' },
_c)
}
]
],
linkContent: ['ms-ContextualMenu-linkContent', styles.linkContent],
linkContentMenu: [
'ms-ContextualMenu-linkContent',
styles.linkContent,
{
justifyContent: 'center'
}
],
icon: [
'ms-ContextualMenu-icon',
knownIcon && 'ms-ContextualMenu-iconColor ' && styles.iconColor,
styles.icon,
iconClassName,
disabled && ['is-disabled', styles.iconDisabled]
],
checkmarkIcon: [
'ms-ContextualMenu-checkmarkIcon',
knownIcon && 'ms-ContextualMenu-checkmarkIcon ' && styles.checkmarkIcon,
styles.icon,
iconClassName
],
subMenuIcon: ['ms-ContextualMenu-submenuIcon', styles.subMenuIcon, subMenuClassName],
label: ['ms-ContextualMenu-itemText', styles.label],
secondaryText: ['ms-ContextualMenu-secondaryText', styles.secondaryText],
splitContainer: [
styles.splitButtonFlexContainer,
!disabled &&
!checked && [
{
selectors: (_d = {},
_d["." + Utilities_1.IsFocusVisibleClassName + " &:focus, ." + Utilities_1.IsFocusVisibleClassName + " &:focus:hover"] = styles.rootFocused,
_d)
}
]
]
});
var _a, _b, _c, _d;
});
});
//# sourceMappingURL=ContextualMenu.classNames.js.map