@tripian/react 9.3.39 → 9.3.40
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/index.js +5 -1
- package/index.js.map +1 -1
- package/min.css +1 -1
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -92524,6 +92524,10 @@ const react_1 = __importStar(__webpack_require__(0));
|
|
|
92524
92524
|
const TabMenu_scss_1 = __importDefault(__webpack_require__(1084));
|
|
92525
92525
|
const TabMenu = ({ menuItems, selectedIndex = 0 }) => {
|
|
92526
92526
|
const [selectedMenuIndex, setSelectedMenuIndex] = (0, react_1.useState)(selectedIndex);
|
|
92527
|
+
// RTL'de sekmeler sağdan sola sıralanır; underline'ı hem index kaydırması hem de
|
|
92528
|
+
// yarım-rem ortalama ofseti bakımından ters yönde hareket ettirmeliyiz.
|
|
92529
|
+
const isRtl = typeof document !== 'undefined' && document.documentElement.dir === 'rtl';
|
|
92530
|
+
const directionSign = isRtl ? -1 : 1;
|
|
92527
92531
|
return (react_1.default.createElement("div", { className: TabMenu_scss_1.default.tabMenuWrapper },
|
|
92528
92532
|
react_1.default.createElement("div", { className: TabMenu_scss_1.default.tabMenu },
|
|
92529
92533
|
menuItems.map((menuItem, index) => (react_1.default.createElement("div", { key: `tab_menu_item_${index}`, role: "button", tabIndex: 0, className: TabMenu_scss_1.default.tabMenuItem, onClick: () => {
|
|
@@ -92534,7 +92538,7 @@ const TabMenu = ({ menuItems, selectedIndex = 0 }) => {
|
|
|
92534
92538
|
react_1.default.createElement("div", { className: TabMenu_scss_1.default.underlineContainer },
|
|
92535
92539
|
react_1.default.createElement("div", { className: TabMenu_scss_1.default.underline, style: {
|
|
92536
92540
|
width: `calc(100% / ${menuItems.length} + 1rem)`,
|
|
92537
|
-
transform: `translateX(${selectedMenuIndex * 100}%) translateX(-0.
|
|
92541
|
+
transform: `translateX(${selectedMenuIndex * 100 * directionSign}%) translateX(${-0.5 * directionSign}rem)`,
|
|
92538
92542
|
} })))));
|
|
92539
92543
|
};
|
|
92540
92544
|
exports.default = TabMenu;
|