feat(row): added a row renderer via plugin

[darlenya]

Hi Benjamin,

now the renderer is called via plugin method. I also started to add a test for it. But the row.test.js is not called and it is the first time I work with react and had a few problems to fix some lint errors in the test. Currently the test is commented Row.test.js in line 270.

[codecov-io]

Codecov Report

Merging #115 into master will increase coverage by 0.15%.
The diff coverage is 100%.

@@            Coverage Diff             @@
##           master     #115      +/-   ##
==========================================
+ Coverage   77.08%   77.23%   +0.15%     
==========================================
  Files         112      112              
  Lines        2736     2728       -8     
  Branches      273      276       +3     
==========================================
- Hits         2109     2107       -2     
+ Misses        416      412       -4     
+ Partials      211      209       -2

Impacted Files	Coverage Δ
src/components/layout/table-row/Row.jsx	50% <100%> (+2.43%)	✅
src/util/stateGetter.js	94.73% <ø> (-0.27%)	❌
src/util/lastUpdate.js	92.85% <ø> (+7.14%)	✅

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0f78c3a...71d1bbb. Read the comment docs.

[bencripps]

Everything looks great. A few minor changes for docs, and add the test I've provided in the review, and we're ready to merge!

[bencripps]

Only need to list enabled and renderer here. I will add a new doc to discuss this feature in more detail.

[bencripps]

Row Renderer

[bencripps]

👍

[bencripps]

Replace your commented out test with the following:

  it('Should render a row with a custom rowRenderer', () => {
        const dynamicEditProps = {
            ...props,
            row: fromJS({
                name: 'Michael Jordan',
                position: 'Shooting Guard',
                _key: 'row-0',
                header: true
            }),
            plugins: {
                ROW: {
                    enabled: true,
                    /* eslint-disable react/prop-types */
                    renderer: ({ rowProps, cells }) => {
                        rowProps.className = `${rowProps.className} custom`;
                        return (
                            <tr { ...rowProps}>
                                { cells }
                            </tr>
                        );
                    }
                    /* eslint-enable react/prop-types */
                }
            }
        };

        const component = mount(<Row { ...dynamicEditProps } />);

        expect(
            component.first('tr').hasClass('custom')
        ).toEqual(
            true
        );

        expect(
            component.first('tr').hasClass('react-grid-row')
        ).toEqual(
            true
        );
    });