@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
50 lines • 2.25 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
import * as React from 'react';
import { css } from '@fluentui/react/lib/Utilities';
import { Link } from '@fluentui/react/lib/Link';
import * as telemetry from '../../../common/telemetry';
import styles from './FieldUrlRenderer.module.scss';
/**
* Field URL Renderer.
* Used for:
* - URL (Hyperlink, Image)
*/
var FieldUrlRenderer = /** @class */ (function (_super) {
__extends(FieldUrlRenderer, _super);
function FieldUrlRenderer(props, state) {
var _this = _super.call(this, props, state) || this;
telemetry.track('FieldUrlRenderer', {});
_this.state = {};
return _this;
}
FieldUrlRenderer.prototype.render = function () {
var isImageUrl = this.props.isImageUrl;
if (isImageUrl) {
return (React.createElement("div", { className: css(this.props.className, styles.image), style: this.props.cssProps, onClick: this._onImgClick.bind(this) },
React.createElement("img", { src: this.props.url, alt: this.props.text })));
}
else {
return (React.createElement(Link, { className: css(this.props.className, styles.link), target: '_blank', href: this.props.url, style: this.props.cssProps }, this.props.text));
}
};
FieldUrlRenderer.prototype._onImgClick = function () {
window.open(this.props.url, '_blank');
};
return FieldUrlRenderer;
}(React.Component));
export { FieldUrlRenderer };
//# sourceMappingURL=FieldUrlRenderer.js.map