phx-react
Version:
PHX REACT
20 lines • 1.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = SubRow;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
function SubRow({ customRenderKey, data, dataKeys, headers, isBulkActionEnable, isNumericalOrderEnable, }) {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("tr", { className: 'bg-gray-100' },
isNumericalOrderEnable && react_1.default.createElement("td", { className: 'w-[60px] whitespace-nowrap pl-8 text-xs text-gray-900' }),
isBulkActionEnable && react_1.default.createElement("td", { className: 'w-2 border-b pl-6' }),
headers.map((header) => (react_1.default.createElement("td", { key: header.indexHeader, className: 'w-fit py-3 pl-8 text-xxs font-medium text-gray-600' }, header)))),
data.map((item, index) => (react_1.default.createElement("tr", { key: index, className: 'bg-gray-50' },
isNumericalOrderEnable && react_1.default.createElement("td", { className: 'w-[60px] whitespace-nowrap pl-8 text-xs text-gray-900' }),
isBulkActionEnable && react_1.default.createElement("td", { className: 'w-2 border-b pl-6' }),
dataKeys.map((key) => {
var _a;
return (react_1.default.createElement("td", { key: key, className: 'py-3 pl-8 text-xxs font-medium text-gray-600' }, ((_a = customRenderKey[key]) === null || _a === void 0 ? void 0 : _a.call(customRenderKey, item[key], item)) || item[key]));
}))))));
}
//# sourceMappingURL=sub-row.js.map