@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.3

package/dist/umd/Table/__tests__/Table.test.js

@@ -0,0 +1,479 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "@testing-library/react", "../index", "../TableStyles", "react-dom/test-utils", "jest-styled-components"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("@testing-library/react"), require("../index"), require("../TableStyles"), require("react-dom/test-utils"), require("jest-styled-components"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.react, global.index, global.TableStyles, global.testUtils, global.jestStyledComponents);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _react3, _index, _TableStyles, _testUtils) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  /**
+   * Import React libraries.
+   */
+
+  /**
+   * Import custom components.
+   */
+
+  /**
+   * Import third-party libraries.
+   */
+
+  /**
+   * Import custom types.
+   */
+  describe('<Table />', () => {
+    it('Renders the Table', () => {
+      const columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      const rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+      const {
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns,
+        title: "Test title"
+      }));
+      expect(getByTestId('TestTable')).toBeDefined();
+    });
+    describe('Table Header Row Tests', () => {
+      it('Should render table header row in case title is passed', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          queryByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          title: "Test title"
+        }));
+        expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();
+      });
+      it('Should not render table header row in case title is passed', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          queryByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(queryByTestId('TestTableHeaderRow')).toBeNull();
+      });
+      describe('Table Header Row functional tests', () => {
+        it('Should have title', () => {
+          const columns = [{
+            key: 'column1',
+            name: 'Column 1'
+          }, {
+            key: 'column2',
+            name: 'Column 2'
+          }];
+          const rows = [{
+            column1: 'Test content',
+            column2: 'Test content 2'
+          }];
+          const {
+            queryByTestId
+          } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+            rows: rows,
+            columns: columns,
+            title: "Test Title"
+          }));
+          const tableHeaderRow = queryByTestId('TestTableHeaderRow');
+          expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');
+        });
+        it('Should have options menu', () => {
+          const columns = [{
+            key: 'column1',
+            name: 'Column 1'
+          }, {
+            key: 'column2',
+            name: 'Column 2'
+          }];
+          const rows = [{
+            column1: 'Test content',
+            column2: 'Test content 2'
+          }];
+          const {
+            queryByTestId
+          } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+            rows: rows,
+            columns: columns,
+            title: "Test Title"
+          }));
+          expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();
+        });
+      });
+    });
+    describe('Table Column Header Row Tests', () => {
+      it('Should render column header row', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          getByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();
+      });
+      it('Should render two columns in the column header row', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          getByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);
+      });
+      it('Should render correct column names in the column header row', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          getByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');
+        expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');
+      });
+      it('Should render columns without no-border class in the column header row, in case title is passed', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          getByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          title: "test title"
+        }));
+        expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);
+        expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);
+      });
+    });
+    describe('Table Body Row tests', () => {
+      it('Should not render "No Data" row in case there are rows', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          queryByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(queryByTestId('TestTableNoDataRow')).toBeNull();
+      });
+      it('Should render "No Data" row in case there are no rows', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [];
+        const {
+          queryByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();
+        expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');
+      });
+      it('Should render a data row with correct content for each row that is passed', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const {
+          getByTestId
+        } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns
+        }));
+        expect(getByTestId('TestTableDataRow')).toBeDefined();
+        expect(getByTestId('TestTableDataRow').children.length).toEqual(2);
+        expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');
+        expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');
+      });
+    });
+    it('Should render footer row', () => {
+      const columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      const rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+      const {
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      }));
+      expect(getByTestId('TestTableFooterRow')).toBeDefined();
+    });
+    describe('Table Accordion tests', () => {
+      it('Should render collapse button when configured as accordion', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          accordion: true,
+          collapsedRows: 3
+        }));
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableFooterCollapseButton}`)).toHaveLength(1);
+      });
+      it('Should not render all items when collapsed', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          accordion: true,
+          collapsedRows: 3
+        }));
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(3);
+      });
+      it('Should render all items when not collapsed', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          accordion: true,
+          collapsedRows: 3,
+          collapsed: false
+        }));
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(4);
+      });
+      it('Should expand when show more button is clicked', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          accordion: true,
+          collapsedRows: 3,
+          collapsed: true
+        }));
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(3);
+        (0, _testUtils.act)(() => {
+          let button = wrapper.container.querySelectorAll(`${_TableStyles.StyledTableFooterCollapseButton}`)[0];
+          button.click();
+        });
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(4);
+      });
+      it('Should collapse when show less button is clicked', () => {
+        const columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        const rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }, {
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+        const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          accordion: true,
+          collapsedRows: 3,
+          collapsed: false
+        }));
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(4);
+        (0, _testUtils.act)(() => {
+          let button = wrapper.container.querySelectorAll(`${_TableStyles.StyledTableFooterCollapseButton}`)[0];
+          button.click();
+        });
+        expect(wrapper.container.querySelectorAll(`${_TableStyles.StyledTableBodyRow}`)).toHaveLength(3);
+      });
+    });
+  });
+});
+//# sourceMappingURL=Table.test.js.map

package/dist/umd/Table/__tests__/Table.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/__tests__/Table.test.tsx"],"names":["describe","it","columns","key","name","rows","column1","column2","getByTestId","render","expect","queryByTestId","tableHeaderRow","wrapper","StyledTableFooterCollapseButton","StyledTableBodyRow","act","button"],"mappings":"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","sourcesContent":["import React from 'react';\n/**\n * Import React libraries.\n */\nimport { render } from '@testing-library/react';\n\n/**\n * Import custom components.\n */\nimport { Table } from '../index';\n\n/**\n * Import third-party libraries.\n */\nimport 'jest-styled-components';\n\n/**\n * Import custom types.\n */\nimport { TableColumn } from '../TableTypes';\nimport {StyledTableBodyRow, StyledTableFooterCollapseButton} from '../TableStyles';\nimport {act} from 'react-dom/test-utils';\n\ndescribe('<Table />', () => {\n  it('Renders the Table', () => {\n    const columns: TableColumn[] = [\n      {\n        key: 'column1',\n        name: 'Column 1',\n      },\n      {\n        key: 'column2',\n        name: 'Column 2',\n      },\n    ];\n    const rows: any[] = [\n      {\n        column1: 'Test content',\n        column2: 'Test content 2',\n      },\n    ];\n    const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\n    expect(getByTestId('TestTable')).toBeDefined();\n  });\n\n  describe('Table Header Row Tests', () => {\n    it('Should render table header row in case title is passed', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\n      expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();\n    });\n\n    it('Should not render table header row in case title is passed', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(queryByTestId('TestTableHeaderRow')).toBeNull();\n    });\n\n    describe('Table Header Row functional tests', () => {\n      it('Should have title', () => {\n        const columns: TableColumn[] = [\n          {\n            key: 'column1',\n            name: 'Column 1',\n          },\n          {\n            key: 'column2',\n            name: 'Column 2',\n          },\n        ];\n        const rows: any[] = [\n          {\n            column1: 'Test content',\n            column2: 'Test content 2',\n          },\n        ];\n        const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\n        const tableHeaderRow = queryByTestId('TestTableHeaderRow');\n        expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');\n      });\n\n      it('Should have options menu', () => {\n        const columns: TableColumn[] = [\n          {\n            key: 'column1',\n            name: 'Column 1',\n          },\n          {\n            key: 'column2',\n            name: 'Column 2',\n          },\n        ];\n        const rows: any[] = [\n          {\n            column1: 'Test content',\n            column2: 'Test content 2',\n          },\n        ];\n        const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\n        expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();\n      });\n    });\n  });\n\n  describe('Table Column Header Row Tests', () => {\n    it('Should render column header row', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();\n    });\n\n    it('Should render two columns in the column header row', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);\n    });\n\n    it('Should render correct column names in the column header row', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');\n    });\n\n    it('Should render columns without no-border class in the column header row, in case title is passed', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"test title\" />);\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);\n    });\n\n  });\n\n  describe('Table Body Row tests', () => {\n    it('Should not render \"No Data\" row in case there are rows', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(queryByTestId('TestTableNoDataRow')).toBeNull();\n    });\n\n    it('Should render \"No Data\" row in case there are no rows', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [];\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();\n      expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');\n    });\n\n    it('Should render a data row with correct content for each row that is passed', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n      expect(getByTestId('TestTableDataRow')).toBeDefined();\n      expect(getByTestId('TestTableDataRow').children.length).toEqual(2);\n      expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');\n      expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');\n    });\n  });\n\n  it('Should render footer row', () => {\n    const columns: TableColumn[] = [\n      {\n        key: 'column1',\n        name: 'Column 1',\n      },\n      {\n        key: 'column2',\n        name: 'Column 2',\n      },\n    ];\n    const rows: any[] = [\n      {\n        column1: 'Test content',\n        column2: 'Test content 2',\n      },\n    ];\n    const { getByTestId } = render(<Table rows={rows} columns={columns} />);\n    expect(getByTestId('TestTableFooterRow')).toBeDefined();\n  });\n\n  describe('Table Accordion tests', () => {\n    it('Should render collapse button when configured as accordion', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}/>);\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableFooterCollapseButton}`)).toHaveLength(1);\n    });\n\n    it('Should not render all items when collapsed', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}/>);\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(3);\n    });\n\n    it('Should render all items when not collapsed', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}\n                                    collapsed={false}/>);\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(4);\n    });\n\n    it('Should expand when show more button is clicked', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}\n                                    collapsed={true}/>);\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(3);\n\n      act(() => {\n        let button = wrapper.container.querySelectorAll(`${StyledTableFooterCollapseButton}`)[0] as HTMLButtonElement;\n        button.click();\n      })\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(4);\n    });\n\n    it('Should collapse when show less button is clicked', () => {\n      const columns: TableColumn[] = [\n        {\n          key: 'column1',\n          name: 'Column 1',\n        },\n        {\n          key: 'column2',\n          name: 'Column 2',\n        },\n      ];\n      const rows: any[] = [\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n        {\n          column1: 'Test content',\n          column2: 'Test content 2',\n        },\n      ];\n      const wrapper = render(<Table rows={rows} columns={columns} accordion={true} collapsedRows={3}\n                                    collapsed={false}/>);\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(4);\n\n      act(() => {\n        let button = wrapper.container.querySelectorAll(`${StyledTableFooterCollapseButton}`)[0] as HTMLButtonElement;\n        button.click();\n      })\n\n      expect(wrapper.container.querySelectorAll(`${StyledTableBodyRow}`)).toHaveLength(3);\n    });\n  });\n});\n"],"file":"Table.test.js"}

package/dist/umd/Table/index.js

@@ -0,0 +1,32 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./Table"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./Table"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.Table);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _Table) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "Table", {
+    enumerable: true,
+    get: function () {
+      return _interopRequireDefault(_Table).default;
+    }
+  });
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+});
+//# sourceMappingURL=index.js.map

package/dist/umd/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;4CAAA,O","sourcesContent":["export { default as Table } from './Table';\n"],"file":"index.js"}