| 1 | {"version":3,"file":"DetailsRow.styles.js","sourceRoot":"../src/","sources":["components/DetailsList/DetailsRow.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n AnimationClassNames,\n AnimationStyles,\n HighContrastSelector,\n getFocusStyle,\n getGlobalClassNames,\n FontWeights,\n getHighContrastNoAdjustStyle,\n} from '../../Styling';\nimport { IsFocusVisibleClassName } from '../../Utilities';\nimport { GlobalClassNames as LinkGlobalClassNames } from '../../components/Link/Link.styles';\nimport type { IDetailsRowStyleProps, IDetailsRowStyles, ICellStyleProps } from './DetailsRow.types';\nimport type { IStyle } from '../../Styling';\n\nexport const DetailsRowGlobalClassNames = {\n root: 'ms-DetailsRow',\n // TODO: in Fabric 7.0 lowercase the 'Compact' for consistency across other components.\n compact: 'ms-DetailsList--Compact',\n cell: 'ms-DetailsRow-cell',\n cellAnimation: 'ms-DetailsRow-cellAnimation',\n cellCheck: 'ms-DetailsRow-cellCheck',\n check: 'ms-DetailsRow-check',\n cellMeasurer: 'ms-DetailsRow-cellMeasurer',\n listCellFirstChild: 'ms-List-cell:first-child',\n isContentUnselectable: 'is-contentUnselectable',\n isSelected: 'is-selected',\n isCheckVisible: 'is-check-visible',\n isRowHeader: 'is-row-header',\n fields: 'ms-DetailsRow-fields',\n};\nconst IsFocusableSelector = \"[data-is-focusable='true']\";\n\nexport const DEFAULT_CELL_STYLE_PROPS: ICellStyleProps = {\n cellLeftPadding: 12,\n cellRightPadding: 8,\n cellExtraRightPadding: 24,\n};\n\n// Source of default row heights to share.\nexport const DEFAULT_ROW_HEIGHTS = {\n rowHeight: 42,\n compactRowHeight: 32,\n};\n\n// Constant values\nconst values = {\n ...DEFAULT_ROW_HEIGHTS,\n rowVerticalPadding: 11,\n compactRowVerticalPadding: 6,\n};\n\nexport const getDetailsRowStyles = (props: IDetailsRowStyleProps): IDetailsRowStyles => {\n const {\n theme,\n isSelected,\n canSelect,\n droppingClassName,\n anySelected,\n isCheckVisible,\n checkboxCellClassName,\n compact,\n className,\n cellStyleProps = DEFAULT_CELL_STYLE_PROPS,\n enableUpdateAnimations,\n disabled,\n } = props;\n\n const { palette, fonts } = theme;\n const {\n neutralPrimary,\n white,\n neutralSecondary,\n neutralLighter,\n neutralLight,\n neutralDark,\n neutralQuaternaryAlt,\n } = palette;\n const { focusBorder, linkHovered: focusedLinkColor } = theme.semanticColors;\n\n const classNames = getGlobalClassNames(DetailsRowGlobalClassNames, theme);\n\n const colors = {\n // Default\n defaultHeaderText: neutralPrimary,\n defaultMetaText: neutralSecondary,\n defaultBackground: white,\n\n // Default Hover\n defaultHoverHeaderText: neutralDark,\n defaultHoverMetaText: neutralPrimary,\n defaultHoverBackground: neutralLighter,\n\n // Selected\n selectedHeaderText: neutralDark,\n selectedMetaText: neutralPrimary,\n selectedBackground: neutralLight,\n\n // Selected Hover\n selectedHoverHeaderText: neutralDark,\n selectedHoverMetaText: neutralPrimary,\n selectedHoverBackground: neutralQuaternaryAlt,\n\n // Focus\n focusHeaderText: neutralDark,\n focusMetaText: neutralPrimary,\n focusBackground: neutralLight,\n focusHoverBackground: neutralQuaternaryAlt,\n };\n\n const rowHighContrastFocus = {\n top: 2,\n right: 2,\n bottom: 2,\n left: 2,\n };\n\n // Selected row styles\n const selectedStyles: IStyle = [\n getFocusStyle(theme, {\n inset: -1,\n borderColor: focusBorder,\n outlineColor: white,\n highContrastStyle: rowHighContrastFocus,\n }),\n classNames.isSelected,\n {\n color: colors.selectedMetaText,\n background: colors.selectedBackground,\n borderBottom: `1px solid ${white}`,\n selectors: {\n '&:before': {\n position: 'absolute',\n display: 'block',\n top: -1,\n height: 1,\n bottom: 0,\n left: 0,\n right: 0,\n content: '',\n borderTop: `1px solid ${white}`,\n },\n\n [`.${classNames.cell} > .${LinkGlobalClassNames.root}`]: {\n color: focusedLinkColor,\n selectors: {\n [HighContrastSelector]: {\n color: 'HighlightText',\n },\n },\n },\n\n // Selected State hover\n '&:hover': {\n background: colors.selectedHoverBackground,\n color: colors.selectedHoverMetaText,\n selectors: {\n // Selected State hover meta cell\n [HighContrastSelector]: {\n background: 'Highlight',\n selectors: {\n [`.${classNames.cell}`]: {\n color: 'HighlightText',\n },\n [`.${classNames.cell} > .${LinkGlobalClassNames.root}`]: {\n forcedColorAdjust: 'none',\n color: 'HighlightText',\n },\n },\n },\n\n // Selected State hover Header cell\n [`.${classNames.isRowHeader}`]: {\n color: colors.selectedHoverHeaderText,\n selectors: {\n [HighContrastSelector]: {\n color: 'HighlightText',\n },\n },\n },\n },\n },\n\n // Focus state\n '&:focus': {\n background: colors.focusBackground,\n selectors: {\n // Selected State hover meta cell\n [`.${classNames.cell}`]: {\n color: colors.focusMetaText,\n selectors: {\n [HighContrastSelector]: {\n color: 'HighlightText',\n selectors: {\n '> a': {\n color: 'HighlightText',\n },\n },\n },\n },\n },\n\n // Row header cell\n [`.${classNames.isRowHeader}`]: {\n color: colors.focusHeaderText,\n selectors: {\n [HighContrastSelector]: {\n color: 'HighlightText',\n },\n },\n },\n\n // Ensure high-contrast mode overrides default focus background\n [HighContrastSelector]: {\n background: 'Highlight',\n },\n },\n },\n\n [HighContrastSelector]: {\n background: 'Highlight',\n color: 'HighlightText',\n ...getHighContrastNoAdjustStyle(),\n selectors: {\n a: {\n color: 'HighlightText',\n },\n },\n },\n\n // Focus and hover state\n '&:focus:hover': {\n background: colors.focusHoverBackground,\n },\n },\n },\n ];\n\n const cannotSelectStyles: IStyle = [\n classNames.isContentUnselectable,\n {\n userSelect: 'none',\n cursor: 'default',\n },\n ];\n\n const rootCompactStyles: IStyle = {\n minHeight: values.compactRowHeight,\n border: 0,\n };\n\n const cellCompactStyles: IStyle = {\n minHeight: values.compactRowHeight,\n paddingTop: values.compactRowVerticalPadding,\n paddingBottom: values.compactRowVerticalPadding,\n paddingLeft: `${cellStyleProps.cellLeftPadding}px`,\n };\n\n const defaultCellStyles: IStyle = [\n getFocusStyle(theme, { inset: -1 }),\n classNames.cell,\n {\n display: 'inline-block',\n position: 'relative',\n boxSizing: 'border-box',\n minHeight: values.rowHeight,\n verticalAlign: 'top',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n paddingTop: values.rowVerticalPadding,\n paddingBottom: values.rowVerticalPadding,\n paddingLeft: `${cellStyleProps.cellLeftPadding}px`,\n selectors: {\n '& > button': {\n maxWidth: '100%',\n },\n\n [IsFocusableSelector]: getFocusStyle(theme, { inset: -1, borderColor: neutralSecondary, outlineColor: white }),\n },\n },\n\n isSelected && {\n selectors: {\n [HighContrastSelector]: {\n background: 'Highlight',\n color: 'HighlightText',\n ...getHighContrastNoAdjustStyle(),\n },\n },\n },\n\n compact && cellCompactStyles,\n disabled && { opacity: 0.5 },\n ];\n\n return {\n root: [\n classNames.root,\n AnimationClassNames.fadeIn400,\n droppingClassName,\n theme.fonts.small,\n isCheckVisible && classNames.isCheckVisible,\n getFocusStyle(theme, { borderColor: focusBorder, outlineColor: white }),\n {\n borderBottom: `1px solid ${neutralLighter}`,\n background: colors.defaultBackground,\n color: colors.defaultMetaText,\n // This ensures that the row always tries to consume is minimum width and does not compress.\n display: 'inline-flex',\n minWidth: '100%',\n minHeight: values.rowHeight,\n whiteSpace: 'nowrap',\n padding: 0,\n boxSizing: 'border-box',\n verticalAlign: 'top',\n textAlign: 'left',\n selectors: {\n [`.${classNames.listCellFirstChild} &:before`]: {\n display: 'none',\n },\n\n '&:hover': {\n background: colors.defaultHoverBackground,\n color: colors.defaultHoverMetaText,\n selectors: {\n [`.${classNames.isRowHeader}`]: {\n color: colors.defaultHoverHeaderText,\n },\n\n [`.${classNames.cell} > .${LinkGlobalClassNames.root}`]: {\n color: focusedLinkColor,\n },\n },\n },\n\n [`&:hover .${classNames.check}`]: {\n opacity: 1,\n },\n\n [`.${IsFocusVisibleClassName} &:focus .${classNames.check}`]: {\n opacity: 1,\n },\n\n '.ms-GroupSpacer': {\n flexShrink: 0,\n flexGrow: 0,\n },\n },\n },\n isSelected && selectedStyles,\n !canSelect && cannotSelectStyles,\n compact && rootCompactStyles,\n className,\n ],\n\n cellUnpadded: {\n paddingRight: `${cellStyleProps.cellRightPadding}px`,\n },\n\n cellPadded: {\n paddingRight: `${cellStyleProps.cellExtraRightPadding + cellStyleProps.cellRightPadding}px`,\n selectors: {\n [`&.${classNames.cellCheck}`]: {\n paddingRight: 0,\n },\n },\n },\n\n cell: defaultCellStyles,\n cellAnimation: enableUpdateAnimations && AnimationStyles.slideLeftIn40,\n cellMeasurer: [\n classNames.cellMeasurer,\n {\n overflow: 'visible',\n whiteSpace: 'nowrap',\n },\n ],\n checkCell: [\n defaultCellStyles,\n classNames.cellCheck,\n checkboxCellClassName,\n {\n padding: 0,\n // Ensure that the check cell covers the top border of the cell.\n // This ensures the click target does not leave a spot which would\n // cause other items to be deselected.\n paddingTop: 1,\n marginTop: -1,\n flexShrink: 0,\n },\n ],\n checkCover: {\n position: 'absolute',\n top: -1,\n left: 0,\n bottom: 0,\n right: 0,\n display: anySelected ? 'block' : 'none',\n },\n fields: [\n classNames.fields,\n {\n display: 'flex',\n alignItems: 'stretch',\n },\n ],\n isRowHeader: [\n classNames.isRowHeader,\n {\n color: colors.defaultHeaderText,\n fontSize: fonts.medium.fontSize,\n },\n isSelected && {\n color: colors.selectedHeaderText,\n fontWeight: FontWeights.semibold,\n selectors: {\n [HighContrastSelector]: {\n color: 'HighlightText',\n },\n },\n },\n ],\n isMultiline: [\n defaultCellStyles,\n {\n whiteSpace: 'normal',\n wordBreak: 'break-word',\n textOverflow: 'clip',\n },\n ],\n check: [classNames.check],\n };\n};\n"]} |