row DataRow.ts

72.73% Statements 8/11

100% Branches 0/0

50% Functions 2/4

72.73% Lines 8/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52 1x
1x
 
1x
1x
 
1x
 
 
 
5x
 
 
 
 
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x import CustomElement from "../../../../custom-element/CustomElement";
import defineCustomElement from "../../../../custom-element/helpers/defineCustomElement";
import { CustomElementPropertyMetadata } from "../../../../custom-element/interfaces";
import { html } from "../../../../renderer/html";
import styles from "./DataRow.css";
 
export default class DataRow extends CustomElement {
 
    static get styles(): string {
 
        return styles as any;
    }
 
    static get properties(): Record<string, CustomElementPropertyMetadata> {
 
        return {
 
            /**
             * The record to render the row from
             */
            record: {
                type: [Object, Function],
                required: true
            },
 
            /**
             * The descriptor of the fields to render the row
             */
            fields: {
                type: [Array, Function],
                required: true
            }
        };
    }
 
    render() {
 
        const {
            record,
            fields
        } = this;
 
        return fields.map(field => {
 
            return (
                html`<gcl-data-cell field=${field} record=${record} key=${field}></gcl-data-cell>`
            );
        });
    }
}
 
defineCustomElement('gcl-data-row', DataRow);