Stefan Hacker
44 lines
1.8 KiB
JavaScript
44 lines
1.8 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.ImageIcon = void 0;
|
|
var tslib_1 = require("tslib");
|
|
var React = require("react");
|
|
var Image_1 = require("../Image/Image");
|
|
var Utilities_1 = require("../../Utilities");
|
|
var Icon_styles_1 = require("./Icon.styles");
|
|
/**
|
|
* Fast icon component which only supports images (not font glyphs) and can't be targeted by customizations.
|
|
* To style the icon, use `className` or reference `ms-Icon` in CSS.
|
|
* {@docCategory Icon}
|
|
*/
|
|
var ImageIcon = function (props) {
|
|
var className = props.className, imageProps = props.imageProps;
|
|
var nativeProps = (0, Utilities_1.getNativeProps)(props, Utilities_1.htmlElementProperties, [
|
|
'aria-label',
|
|
'aria-labelledby',
|
|
'title',
|
|
'aria-describedby',
|
|
]);
|
|
var altText = imageProps.alt || props['aria-label'];
|
|
var hasName = altText ||
|
|
props['aria-labelledby'] ||
|
|
props.title ||
|
|
imageProps['aria-label'] ||
|
|
imageProps['aria-labelledby'] ||
|
|
imageProps.title;
|
|
// move naming or describing attributes from the container (where they are invalid) to the image
|
|
var imageNameProps = {
|
|
'aria-labelledby': props['aria-labelledby'],
|
|
'aria-describedby': props['aria-describedby'],
|
|
title: props.title,
|
|
};
|
|
var containerProps = hasName
|
|
? {}
|
|
: {
|
|
'aria-hidden': true,
|
|
};
|
|
return (React.createElement("div", tslib_1.__assign({}, containerProps, nativeProps, { className: (0, Utilities_1.css)(Icon_styles_1.MS_ICON, Icon_styles_1.classNames.root, Icon_styles_1.classNames.image, className) }),
|
|
React.createElement(Image_1.Image, tslib_1.__assign({}, imageNameProps, imageProps, { alt: hasName ? altText : '' }))));
|
|
};
|
|
exports.ImageIcon = ImageIcon;
|
|
//# sourceMappingURL=ImageIcon.js.map
|