1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | import { __assign, __extends, __rest } from "tslib";
|
17 | import classNames from "classnames";
|
18 | import * as React from "react";
|
19 | import { AbstractPureComponent2, Classes, Intent } from "../../common";
|
20 | import { DISPLAYNAME_PREFIX, removeNonHTMLProps } from "../../common/props";
|
21 | import { Icon } from "../icon/icon";
|
22 | import { Tag } from "../tag/tag";
|
23 | var TabTitle = (function (_super) {
|
24 | __extends(TabTitle, _super);
|
25 | function TabTitle() {
|
26 | var _this = _super !== null && _super.apply(this, arguments) || this;
|
27 | _this.handleClick = function (e) { return _this.props.onClick(_this.props.id, e); };
|
28 | return _this;
|
29 | }
|
30 | TabTitle.prototype.render = function () {
|
31 | var _a = this.props, className = _a.className, children = _a.children, disabled = _a.disabled, id = _a.id, parentId = _a.parentId, selected = _a.selected, title = _a.title, icon = _a.icon, tagContent = _a.tagContent, tagProps = _a.tagProps, htmlProps = __rest(_a, ["className", "children", "disabled", "id", "parentId", "selected", "title", "icon", "tagContent", "tagProps"]);
|
32 | var intent = selected ? Intent.PRIMARY : Intent.NONE;
|
33 | return (React.createElement("div", __assign({}, removeNonHTMLProps(htmlProps), { "aria-controls": generateTabPanelId(parentId, id), "aria-disabled": disabled, "aria-expanded": selected, "aria-selected": selected, className: classNames(Classes.TAB, className), "data-tab-id": id, id: generateTabTitleId(parentId, id), onClick: disabled ? undefined : this.handleClick, role: "tab", tabIndex: disabled ? undefined : selected ? 0 : -1 }),
|
34 | icon != null && React.createElement(Icon, { icon: icon, intent: intent, className: Classes.TAB_ICON }),
|
35 | title,
|
36 | children,
|
37 | tagContent != null && (React.createElement(Tag, __assign({ minimal: true, intent: intent }, tagProps, { className: classNames(Classes.TAB_TAG, tagProps === null || tagProps === void 0 ? void 0 : tagProps.className) }), tagContent))));
|
38 | };
|
39 | TabTitle.displayName = "".concat(DISPLAYNAME_PREFIX, ".TabTitle");
|
40 | return TabTitle;
|
41 | }(AbstractPureComponent2));
|
42 | export { TabTitle };
|
43 | export function generateTabPanelId(parentId, tabId) {
|
44 | return "".concat(Classes.TAB_PANEL, "_").concat(parentId, "_").concat(tabId);
|
45 | }
|
46 | export function generateTabTitleId(parentId, tabId) {
|
47 | return "".concat(Classes.TAB, "-title_").concat(parentId, "_").concat(tabId);
|
48 | }
|
49 |
|
\ | No newline at end of file |