office-ui-fabric-react/lib-amd/components/Check/Check.js

Reusable React components for building experiences for Office 365.

define(["require", "exports", "tslib", "react", "../../Utilities", "../../Icon", "./Check.scss"], function (require, exports, tslib_1, React, Utilities_1, Icon_1, stylesImport) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var styles = stylesImport;
    var Check = (function (_super) {
        tslib_1.__extends(Check, _super);
        function Check() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        Check.prototype.shouldComponentUpdate = function (newProps) {
            return this.props.isChecked !== newProps.isChecked || this.props.checked !== newProps.checked;
        };
        Check.prototype.render = function () {
            var _a = this.props, isChecked = _a.isChecked, checked = _a.checked;
            isChecked = isChecked || checked;
            return (React.createElement("div", { className: Utilities_1.css('ms-Check', styles.root, isChecked && ('is-checked ' + styles.rootIsChecked)) },
                Icon_1.Icon({
                    className: 'ms-Check-circle ' + styles.circle,
                    iconName: 'CircleRing'
                }),
                Icon_1.Icon({
                    className: 'ms-Check-check ' + styles.check,
                    iconName: 'CheckMark'
                })));
        };
        return Check;
    }(Utilities_1.BaseComponent));
    Check.defaultProps = {
        isChecked: false
    };
    exports.Check = Check;
});

//# sourceMappingURL=Check.js.map