@bizhermit/react-sdk/elements/table.js

React SDK

"use strict";var __createBinding=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,n)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=t[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&__createBinding(t,e,r);return __setModuleDefault(t,e),t},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Table=void 0;const react_1=__importDefault(require("react")),css_var_1=__importStar(require("../styles/css-var")),jsx_style_1=__importDefault(require("../styles/jsx-style")),attributes_1=require("../utils/attributes"),cn="bh-tbl";exports.Table=react_1.default.forwardRef(((e,t)=>react_1.default.createElement(react_1.default.Fragment,null,react_1.default.createElement("table",{...(0,attributes_1.attributes)(e,cn),ref:t,"data-border":e.$border,"data-oddeven":e.$oddEven,"data-hover":e.$hover,"data-signal":e.$signal}),Style)));const Style=react_1.default.createElement(jsx_style_1.default,{id:cn},(()=>`\n.${cn}[data-border="true"],\n.${cn}[data-oddeven="true"] {\n  border-collapse: collapse;\n}\n.${cn}[data-border="true"] > * > * > th,\n.${cn}[data-border="true"] > * > * > td {\n  border: 1px solid ${css_var_1.default.bdc};\n}\n.${cn}[data-oddeven="true"] > * > * > th {\n  background: ${css_var_1.default.lv.header.bgc};\n  color: ${css_var_1.default.lv.header.fc};\n}\n.${cn}[data-oddeven="true"] > tbody > tr:nth-child(odd) {\n  background: ${css_var_1.default.lv.cell.bg.b};\n  color: ${css_var_1.default.lv.cell.ft.b};\n}\n.${cn}[data-oddeven="true"] > tbody > tr:nth-child(even) {\n  background: ${css_var_1.default.lv.cell.bg.d};\n  color: ${css_var_1.default.lv.cell.ft.d};\n}\n.${cn}[data-hover="true"] > tbody > tr:hover {\n  background: ${css_var_1.default.lv.cell.hvr.row.bgc};\n  color: ${css_var_1.default.lv.cell.hvr.row.fc};\n}\n.${cn}[data-hover="true"] > tbody > tr > td:hover {\n  background: ${css_var_1.default.lv.cell.hvr.cell.bgc};\n  color: ${css_var_1.default.lv.cell.hvr.cell.fc};\n}\n${(0,css_var_1.signalIterator)(((e,t,r)=>`\n.${cn}${r} > * > * > th {\n  background: ${t.head.bgc};\n  color: ${t.head.fc};\n  border-color: ${t.head.bdc};\n}\n.${cn}${r} > * > * > td {\n  border-color: ${t.head.bdc};\n}\n`)).join("")}\n`));exports.default=exports.Table;