| 20005 | // Add additional props to apply on primary action button |
| 20006 | if (primaryActionButtonProps) (0, _utilities.assign)(buttonProps, primaryActionButtonProps); |
| 20007 | var SplitButton = function(keytipAttributes) { |
| 20008 | return _react.createElement("div", (0, _tslib.__assign)({}, containerProps, { |
| 20009 | "data-ktp-target": keytipAttributes ? keytipAttributes["data-ktp-target"] : undefined, |
| 20010 | role: role ? role : "button", |
| 20011 | "aria-disabled": disabled, |
| 20012 | "aria-haspopup": true, |
| 20013 | "aria-expanded": !menuHidden, |
| 20014 | "aria-pressed": toggle ? !!checked : undefined, |
| 20015 | "aria-describedby": (0, _utilities.mergeAriaAttributeValues)(buttonProps["aria-describedby"], keytipAttributes ? keytipAttributes["aria-describedby"] : undefined), |
| 20016 | className: classNames && classNames.splitButtonContainer, |
| 20017 | onKeyDown: _this._onSplitButtonContainerKeyDown, |
| 20018 | onTouchStart: _this._onTouchStart, |
| 20019 | ref: _this._splitButtonContainer, |
| 20020 | "data-is-focusable": true, |
| 20021 | onClick: !disabled && !primaryDisabled ? _this._onSplitButtonPrimaryClick : undefined, |
| 20022 | tabIndex: !disabled && !primaryDisabled || allowDisabledFocus ? 0 : undefined, |
| 20023 | "aria-roledescription": buttonProps["aria-roledescription"], |
| 20024 | onFocusCapture: _this._onSplitContainerFocusCapture |
| 20025 | }), _react.createElement("span", { |
| 20026 | style: { |
| 20027 | display: "flex" |
| 20028 | } |
| 20029 | }, _this._onRenderContent(tag, buttonProps), _this._onRenderSplitButtonMenuButton(classNames, keytipAttributes), _this._onRenderSplitButtonDivider(classNames))); |
| 20030 | }; |
| 20031 | return keytipProps ? _react.createElement((0, _keytipData.KeytipData), { |
| 20032 | keytipProps: keytipProps, |
| 20033 | disabled: disabled |