Function CheckboxBase1

docs/app/js/sanddance-app.js:39742–39825

* Initialize a new instance of the Checkbox * @param props - Props for the component * @param context - Context or initial state for the base component.

(props1, context)

     * @param props - Props for the component
     * @param context - Context or initial state for the base component.
     */ function CheckboxBase1(props1, context) {
        var _this = _super.call(this, props1, context) || this;
        _this._checkBox = _react.createRef();
        _this._renderContent = function(checked, indeterminate, keytipAttributes) {
            if (keytipAttributes === void 0) keytipAttributes = {};
            var _a = _this.props, disabled = _a.disabled, inputProps = _a.inputProps, name = _a.name, ariaLabel = _a.ariaLabel, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, _b = _a.onRenderLabel, onRenderLabel = _b === void 0 ? _this._onRenderLabel : _b, checkmarkIconProps = _a.checkmarkIconProps, ariaPositionInSet = _a.ariaPositionInSet, ariaSetSize = _a.ariaSetSize, title = _a.title, label = _a.label;
            return _react.createElement("div", {
                className: _this._classNames.root,
                title: title
            }, _react.createElement((0, _utilities.FocusRects), null), _react.createElement("input", (0, _tslib.__assign)({
                type: "checkbox"
            }, inputProps, {
                "data-ktp-execute-target": keytipAttributes["data-ktp-execute-target"],
                checked: checked,
                disabled: disabled,
                className: _this._classNames.input,
                ref: _this._checkBox,
                name: name,
                id: _this._id,
                title: title,
                onChange: _this._onChange,
                onFocus: _this._onFocus,
                onBlur: _this._onBlur,
                "aria-disabled": disabled,
                "aria-label": ariaLabel || label,
                "aria-labelledby": ariaLabelledBy,
                "aria-describedby": (0, _utilities.mergeAriaAttributeValues)(ariaDescribedBy, keytipAttributes["aria-describedby"]),
                "aria-posinset": ariaPositionInSet,
                "aria-setsize": ariaSetSize,
                "aria-checked": indeterminate ? "mixed" : checked ? "true" : "false"
            })), _react.createElement("label", {
                className: _this._classNames.label,
                htmlFor: _this._id
            }, _react.createElement("div", {
                className: _this._classNames.checkbox,
                "data-ktp-target": keytipAttributes["data-ktp-target"]
            }, _react.createElement((0, _icon.Icon), (0, _tslib.__assign)({
                iconName: "CheckMark"
            }, checkmarkIconProps, {
                className: _this._classNames.checkmark
            }))), onRenderLabel(_this.props, _this._onRenderLabel)));
        };
        _this._onFocus = function(ev) {
            var inputProps = _this.props.inputProps;
            if (inputProps && inputProps.onFocus) inputProps.onFocus(ev);
        };
        _this._onBlur = function(ev) {
            var inputProps = _this.props.inputProps;
            if (inputProps && inputProps.onBlur) inputProps.onBlur(ev);
        };
        _this._onChange = function(ev) {
            var onChange = _this.props.onChange;
            var _a = _this.state, isChecked = _a.isChecked, isIndeterminate = _a.isIndeterminate;
            if (!isIndeterminate) {
                if (onChange) onChange(ev, !isChecked);
                if (_this.props.checked === undefined) _this.setState({
                    isChecked: !isChecked
                });