@workday/canvas-kit-react/dist/commonjs/testing/lib/ComponentStatesTable.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ComponentStatesTable = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const tableStyles = (0, canvas_kit_styling_1.createStyles)({ name: "t84kt", styles: "width:100%;thead{text-align:start;padding-block-end:var(--cnvs-sys-padding-md);}td, th{min-width:6.25rem;padding-block-end:var(--cnvs-sys-padding-md);padding-inline-end:var(--cnvs-sys-padding-md);text-align:start;}" });
const ComponentStatesTable = ({ rowProps, columnProps, children, }) => {
    return ((0, jsx_runtime_1.jsxs)("table", { className: tableStyles, children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { children: "Variants" }), columnProps.map(col => ((0, jsx_runtime_1.jsx)("th", { children: col.label }, `component-table-heading-${col.label.toLowerCase().replace(' ', ',')}`)))] }) }), (0, jsx_runtime_1.jsx)("tbody", { children: rowProps.map(row => {
                    return ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: row.label }), columnProps.map(col => {
                                return ((0, jsx_runtime_1.jsx)("td", { children: children({
                                        ...row.props,
                                        ...col.props,
                                        // join class names between rows and columns
                                        className: [row.props.className, col.props.className]
                                            .filter(c => c)
                                            .join(' '),
                                    }) }, col.label.toLowerCase().replace(' ', '-')));
                            })] }, row.label.toLowerCase().replace(' ', '-')));
                }) })] }));
};
exports.ComponentStatesTable = ComponentStatesTable;