infinity-forge
Version:
60 lines • 3.48 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || (function () {
var ownKeys = function(o) {
ownKeys = Object.getOwnPropertyNames || function (o) {
var ar = [];
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
return ar;
};
return ownKeys(o);
};
return function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
__setModuleDefault(result, mod);
return result;
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.THeadItem = THeadItem;
var jsx_runtime_1 = require("react/jsx-runtime");
var router_1 = require("next/router");
var ui_1 = require("../../../../../../../ui/index.js");
var S = __importStar(require("./styles.js"));
function THeadItem(_a) {
var _b;
var colunm = _a.colunm, disableOrdenationTable = _a.disableOrdenationTable, tableItems = _a.tableItems, index = _a.index;
var router = (0, router_1.useRouter)();
var asc = router.query.asc;
var actualColumn = router.query.orderColumn;
var ascIsActive = actualColumn === colunm.id;
var rotateArrow = ascIsActive && asc === 'true';
function handleOrd() {
if (disableOrdenationTable || !colunm.hasAsc) {
return;
}
(0, ui_1.updateRoute)({
params: { orderColumn: colunm.id, asc: actualColumn !== colunm.id ? 'true' : asc === 'true' ? 'false' : 'true' },
router: router,
});
}
return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'thead-item', children: (0, jsx_runtime_1.jsx)("th", { style: { width: colunm.width + 'px' }, children: (0, jsx_runtime_1.jsxs)(S.THeadItem, { style: { width: colunm.width + 'px' }, onClick: handleOrd, children: [((_b = colunm.ComponentTHead) === null || _b === void 0 ? void 0 : _b.Element) ? ((0, jsx_runtime_1.jsx)(colunm.ComponentTHead.Element, { index: index, tableItems: tableItems })) : ((0, jsx_runtime_1.jsx)("span", { className: 'font-12-bold uppercase', children: colunm.label })), !disableOrdenationTable && colunm.hasAsc && ((0, jsx_runtime_1.jsx)("div", { className: 'ord-actions', children: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { style: { transform: rotateArrow ? 'rotate(180deg)' : 'rotate(0deg)' }, xmlns: 'http://www.w3.org/2000/svg', width: '11', height: '6', viewBox: '0 0 11 6', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.75 5.5L0.75 0.5H10.75L5.75 5.5Z', fill: ascIsActive ? '#1ABB64' : '#828282' }) }) }) }))] }) }) }));
}
//# sourceMappingURL=index.js.map