odaptos_design_system 1.4.184 → 1.4.187
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.
- package/dist/odaptos_design_system.cjs.development.js +29 -3
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +29 -3
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Tabs/TabsUnderLine.tsx +35 -3
|
@@ -12457,6 +12457,7 @@ const TabsUnderline = ({
|
|
|
12457
12457
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
12458
12458
|
key: `tab#${index}`,
|
|
12459
12459
|
className: styles$K.tab_label,
|
|
12460
|
+
disabled: item.disabled ?? false,
|
|
12460
12461
|
disableRipple: true,
|
|
12461
12462
|
sx: {
|
|
12462
12463
|
textTransform: 'none'
|
|
@@ -12478,11 +12479,36 @@ const TabsUnderline = ({
|
|
|
12478
12479
|
color: index === value ? 'black' : 'gray'
|
|
12479
12480
|
});
|
|
12480
12481
|
}
|
|
12481
|
-
if (item.
|
|
12482
|
+
if (item.disabled && (item.tooltipTitle || item.tooltipDescription)) {
|
|
12483
|
+
renderTab = /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
12484
|
+
key: `tab#${index}`,
|
|
12485
|
+
title: item.tooltipTitle,
|
|
12486
|
+
tooltipDescription: item.tooltipDescription,
|
|
12487
|
+
placement: item.tooltipPlacement,
|
|
12488
|
+
arrow: true
|
|
12489
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12490
|
+
style: {
|
|
12491
|
+
width: 'fit-content',
|
|
12492
|
+
display: 'flex',
|
|
12493
|
+
alignItems: 'center',
|
|
12494
|
+
justifyContent: 'center'
|
|
12495
|
+
}
|
|
12496
|
+
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12497
|
+
key: `tab#${index}`,
|
|
12498
|
+
className: `${styles$K.tab_label_replacement} ${styles$K.disabled}`,
|
|
12499
|
+
weight: value === index ? 'semi-bold' : 'regular',
|
|
12500
|
+
size: "base",
|
|
12501
|
+
text: item.label,
|
|
12502
|
+
color: index === value ? 'black' : 'gray'
|
|
12503
|
+
})));
|
|
12504
|
+
}
|
|
12505
|
+
if (item.tooltipTitle || item.tooltipDescription) {
|
|
12482
12506
|
return /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
12507
|
+
arrow: true,
|
|
12483
12508
|
key: `tab#${index}`,
|
|
12484
|
-
title: item.
|
|
12485
|
-
|
|
12509
|
+
title: item.tooltipTitle,
|
|
12510
|
+
tooltipDescription: item.tooltipDescription,
|
|
12511
|
+
placement: item.tooltipPlacement
|
|
12486
12512
|
}, renderTab);
|
|
12487
12513
|
}
|
|
12488
12514
|
return renderTab;
|