@trilogy-ds/react 4.5.0 → 4.5.1-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -22,34 +22,29 @@ import React from 'react';
|
|
|
22
22
|
* @param routerLink Custom Router Link as props
|
|
23
23
|
*/
|
|
24
24
|
var Tab = React.forwardRef(function (_a, ref) {
|
|
25
|
-
var active = _a.active, className = _a.className, onClick = _a.onClick,
|
|
25
|
+
var active = _a.active, className = _a.className, onClick = _a.onClick, _b = _a.routerLink, routerLink = _b === void 0 ? 'a' : _b, iconName = _a.iconName, label = _a.label, disabled = _a.disabled, testId = _a.testId, ariaControls = _a.ariaControls, others = __rest(_a, ["active", "className", "onClick", "routerLink", "iconName", "label", "disabled", "testId", "ariaControls"]);
|
|
26
26
|
var styled = useTrilogyContext().styled;
|
|
27
|
-
var
|
|
28
|
-
var
|
|
27
|
+
var _c = others, index = _c.index, props = __rest(_c, ["index"]);
|
|
28
|
+
var _d = React.useContext(TabsContext), activeIndex = _d.activeIndex, setActiveIndex = _d.setActiveIndex, small = _d.small;
|
|
29
|
+
var Tag = others.href || others.to ? routerLink : 'button';
|
|
29
30
|
var isActive = React.useMemo(function () { return activeIndex === index; }, [activeIndex, index]);
|
|
30
31
|
var classes = hashClass(styled, clsx('tab', className, { 'is-active': isActive }));
|
|
31
32
|
var handleClick = React.useCallback(function (e) {
|
|
32
33
|
if (!disabled) {
|
|
33
|
-
if (!
|
|
34
|
+
if (!others.href && !others.to)
|
|
34
35
|
setActiveIndex(index);
|
|
35
36
|
if (onClick)
|
|
36
37
|
onClick(e);
|
|
37
38
|
}
|
|
38
|
-
}, [disabled, onClick, index, setActiveIndex
|
|
39
|
+
}, [disabled, onClick, index, setActiveIndex]);
|
|
39
40
|
React.useEffect(function () {
|
|
40
41
|
if (active)
|
|
41
42
|
setActiveIndex(index);
|
|
42
43
|
}, [active, setActiveIndex, index]);
|
|
43
|
-
|
|
44
|
-
var RouterLink = (routerLink ? routerLink : 'a');
|
|
45
|
-
return (React.createElement(RouterLink, __assign({ ref: ref, "data-testid": testId, to: to, href: href, className: classes, onClick: handleClick, "data-index": index }, others),
|
|
46
|
-
React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { size: small ? 'small' : 'medium', name: iconName })),
|
|
47
|
-
label && label));
|
|
48
|
-
}
|
|
49
|
-
return (React.createElement("button", __assign({ ref: ref, "aria-controls": ariaControls, "aria-disabled": disabled, "aria-selected": isActive, "data-tab-navigation": '', disabled: disabled, className: classes, role: 'tab', "data-testid": testId, "data-index": index, onClick: handleClick }, props),
|
|
44
|
+
return (React.createElement(Tag, __assign({ ref: ref, "aria-controls": ariaControls, "aria-disabled": disabled, "aria-selected": isActive, "data-tab-navigation": '', disabled: disabled, className: classes, role: 'tab', "data-testid": testId, "data-index": index, onClick: handleClick }, props),
|
|
50
45
|
React.createElement("div", { className: hashClass(styled, 'tab-icon') }, iconName && React.createElement(Icon, { size: small ? 'small' : 'medium', name: iconName })),
|
|
51
46
|
label && React.createElement("div", null, label)));
|
|
52
47
|
});
|
|
53
48
|
Tab.displayName = ComponentName.Tab;
|
|
54
49
|
export default Tab;
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL3RhYi1saXN0L3RhYi9UYWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUV2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILElBQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzFCLFVBQ0UsRUFBNEcsRUFDNUcsR0FBRztJQURELElBQUEsTUFBTSxZQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsa0JBQWdCLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsWUFBWSxrQkFBQSxFQUFLLE1BQU0sY0FBMUcsMkdBQTRHLENBQUY7SUFHbEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxLQUFzQixNQUFhLEVBQWpDLEtBQUssV0FBQSxFQUFLLEtBQUssY0FBakIsU0FBbUIsQ0FBZ0IsQ0FBQTtJQUNuQyxJQUFBLEtBQXlDLEtBQUssQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLEVBQXBFLFdBQVcsaUJBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsS0FBSyxXQUFrQyxDQUFBO0lBRTVFLElBQU0sR0FBRyxHQUFHLE1BQU0sQ0FBQyxJQUFJLElBQUksTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUE7SUFFNUQsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsV0FBVyxLQUFLLEtBQUssRUFBckIsQ0FBcUIsRUFBRSxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBQ2pGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBRXBGLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQ25DLFVBQUMsQ0FBbUI7UUFDbEIsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBQ3JELElBQUksT0FBTztnQkFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxjQUFjLENBQUMsQ0FDM0MsQ0FBQTtJQUVELEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxJQUFJLE1BQU07WUFBRSxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkMsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLGNBQWMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRW5DLE9BQU8sQ0FDTCxvQkFBQyxHQUFHLGFBQ0YsR0FBRyxFQUFFLEdBQUcsbUJBQ08sWUFBWSxtQkFDWixRQUFRLG1CQUNSLFFBQVEseUJBQ0gsRUFBRSxFQUN0QixRQUFRLEVBQUUsUUFBUSxFQUNsQixTQUFTLEVBQUUsT0FBTyxFQUNsQixJQUFJLEVBQUMsS0FBSyxpQkFDRyxNQUFNLGdCQUNQLEtBQUssRUFDakIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsS0FBSztRQUVULDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxJQUMxQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUksQ0FDbkU7UUFDTCxLQUFLLElBQUksaUNBQU0sS0FBSyxDQUFPLENBQ3hCLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsR0FBRyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFBO0FBQ25DLGVBQWUsR0FBRyxDQUFBIn0=
|
package/lib/version.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const version = "4.5.
|
|
1
|
+
export declare const version = "4.5.1-beta-1";
|
package/lib/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export var version = "4.5.
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export var version = "4.5.1-beta-1";
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
|