Function BaseButton1

docs/app/js/sanddance-app.js:19557–19800

(props1)

 */ var BaseButton = /** @class */ function(_super) {
    (0, _tslib.__extends)(BaseButton1, _super);
    function BaseButton1(props1) {
        var _this = _super.call(this, props1) || this;
        _this._buttonElement = _react.createRef();
        _this._splitButtonContainer = _react.createRef();
        _this._mergedRef = (0, _utilities.createMergedRef)();
        _this._renderedVisibleMenu = false;
        _this._getMemoizedMenuButtonKeytipProps = (0, _utilities.memoizeFunction)(function(keytipProps) {
            return (0, _tslib.__assign)((0, _tslib.__assign)({}, keytipProps), {
                hasMenu: true
            });
        });
        _this._onRenderIcon = function(buttonProps, defaultRender) {
            var iconProps = _this.props.iconProps;
            if (iconProps && (iconProps.iconName !== undefined || iconProps.imageProps)) {
                var className = iconProps.className, imageProps = iconProps.imageProps, rest = (0, _tslib.__rest)(iconProps, [
                    "className",
                    "imageProps"
                ]);
                // If the styles prop is specified as part of iconProps, fall back to regular Icon as FontIcon and ImageIcon
                // do not have this prop.
                if (iconProps.styles) return _react.createElement((0, _icon.Icon), (0, _tslib.__assign)({
                    className: (0, _utilities.css)(_this._classNames.icon, className),
                    imageProps: imageProps
                }, rest));
                if (iconProps.iconName) return _react.createElement((0, _icon.FontIcon), (0, _tslib.__assign)({
                    className: (0, _utilities.css)(_this._classNames.icon, className)
                }, rest));
                if (imageProps) return _react.createElement((0, _icon.ImageIcon), (0, _tslib.__assign)({
                    className: (0, _utilities.css)(_this._classNames.icon, className),
                    imageProps: imageProps
                }, rest));
            }
            return null;
        };
        _this._onRenderTextContents = function() {
            var _a = _this.props, text = _a.text, children = _a.children, // eslint-disable-next-line deprecation/deprecation
            _b = _a.secondaryText, // eslint-disable-next-line deprecation/deprecation
            secondaryText = _b === void 0 ? _this.props.description : _b, _c = _a.onRenderText, onRenderText = _c === void 0 ? _this._onRenderText : _c, _d = _a.onRenderDescription, onRenderDescription = _d === void 0 ? _this._onRenderDescription : _d;
            if (text || typeof children === "string" || secondaryText) return _react.createElement("span", {
                className: _this._classNames.textContainer
            }, onRenderText(_this.props, _this._onRenderText), onRenderDescription(_this.props, _this._onRenderDescription));
            return [
                onRenderText(_this.props, _this._onRenderText),
                onRenderDescription(_this.props, _this._onRenderDescription)
            ];
        };
        _this._onRenderText = function() {
            var text = _this.props.text;
            var children = _this.props.children;
            // For backwards compat, we should continue to take in the text content from children.
            if (text === undefined && typeof children === "string") text = children;
            if (_this._hasText()) return _react.createElement("span", {
                key: _this._labelId,
                className: _this._classNames.label,
                id: _this._labelId
            }, text);
            return null;
        };