@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/js/Table/TableStyles.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableFooterCol = exports.TableDataCol = exports.TableDataRow = exports.TableColumnHeaderCol = exports.TableHeaderRowCol = exports.TableContainer = exports.TableLoadingIndicator = exports.TableWrapper = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styles = require("../styles");
+
+var _typography = require("../styles/typography");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+/**
+ * Table styles
+ */
+var TableWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+
+exports.TableWrapper = TableWrapper;
+
+var TableLoadingIndicator = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  background-color: rgba(0, 0, 0, 0.5);\n  top: 0;\n"])));
+
+exports.TableLoadingIndicator = TableLoadingIndicator;
+
+var TableContainer = _styledComponents.default.table(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: transparent;\n  width: 100%;\n  border-top: 2px solid ", ";\n  border-bottom: 2px solid ", ";\n"])), _styles.COLORS.neutral_200, _styles.COLORS.neutral_200);
+
+exports.TableContainer = TableContainer;
+
+var TableHeaderRowCol = _styledComponents.default.th(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n\n  ", "\n  padding: 16px 19px 16px 16px;\n\n  div {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    svg {\n      cursor: pointer;\n    }\n  }\n"])), _styles.COLORS.neutral_20, _styles.COLORS.neutral_200, (0, _typography.ComponentLStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
+
+exports.TableHeaderRowCol = TableHeaderRowCol;
+
+var TableColumnHeaderCol = _styledComponents.default.th(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-top: 1px solid ", ";\n\n  ", "\n  padding: 18px 16px;\n  text-align: left;\n\n  &.justify-center {\n    text-align: center;\n  }\n\n  &.justify-left {\n    text-align: left;\n  }\n\n  &.justify-right {\n    text-align: right;\n  }\n\n  &.no-border {\n    border: none;\n  }\n\n  &.sortable {\n    cursor: pointer;\n\n    > svg {\n      float: right;\n    }\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:focus {\n      background: ", ";\n    }\n  }\n"])), _styles.COLORS.white, _styles.COLORS.neutral_300, (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), _styles.COLORS.primary_20, _styles.COLORS.primary_100);
+
+exports.TableColumnHeaderCol = TableColumnHeaderCol;
+
+var TableDataRow = _styledComponents.default.tr(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  background-color: ", ";\n\n  &:nth-child(2n) {\n    background-color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: ", ";\n  }\n\n  &.no-rows:hover {\n    cursor: default;\n    background-color: ", ";\n  }\n"])), _styles.COLORS.neutral_100, _styles.COLORS.neutral_20, _styles.COLORS.primary_200, _styles.COLORS.neutral_100);
+
+exports.TableDataRow = TableDataRow;
+
+var TableDataCol = _styledComponents.default.td(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  background: transparent;\n\n  ", "\n  padding: 15px 16px;\n  border: none;\n\n  &.truncate-text {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &.justify-center {\n    text-align: center;\n  }\n\n  &.justify-left {\n    text-align: left;\n  }\n\n  &.justify-right {\n    text-align: right;\n  }\n\n  button {\n    color: ", ";\n    text-decoration: none;\n\n    &:hover {\n      color: ", ";\n      text-decoration: underline;\n    }\n\n    &:focus {\n      text-decoration: underline;\n      outline: none;\n      box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", " !important;\n      color: ", ";\n    }\n  }\n\n  &.center {\n    text-align: center;\n  }\n"])), (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black), _styles.COLORS.primary_600, _styles.COLORS.primary_700, _styles.COLORS.focus_25, _styles.COLORS.focus, _styles.COLORS.primary_700);
+
+exports.TableDataCol = TableDataCol;
+
+var TableFooterCol = _styledComponents.default.td(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  padding: 3.5px 20px 3.5px 16px;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n\n    > div > div:first-of-type {\n      ", "\n      display: block;\n      padding-top: 11px;\n      padding-left: 2px;\n      padding-right: 30px;\n    }\n\n    span {\n      ", "\n\n      &.current-page-info {\n        margin-right: 34px;\n        margin-left: 39px;\n      }\n    }\n\n    .controls {\n      display: flex;\n      justify-content: space-between;\n    }\n  }\n"])), _styles.COLORS.neutral_200, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black), (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black));
+
+exports.TableFooterCol = TableFooterCol;
+//# sourceMappingURL=TableStyles.js.map

package/dist/js/Table/TableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/TableStyles.ts"],"names":["TableWrapper","styled","div","TableLoadingIndicator","TableContainer","table","COLORS","neutral_200","TableHeaderRowCol","th","neutral_20","ComponentTextStyle","Bold","neutral_600","TableColumnHeaderCol","white","neutral_300","primary_20","primary_100","TableDataRow","tr","neutral_100","primary_200","TableDataCol","td","Regular","black","primary_600","primary_700","focus_25","focus","TableFooterCol"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;;;;;;;AAEA;AACA;AACA;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV,8FAAlB;;;;AAIA,IAAMC,qBAAqB,GAAGF,0BAAOC,GAAV,qLAA3B;;;;AAQA,IAAME,cAAc,GAAGH,0BAAOI,KAAV,uLAGDC,eAAOC,WAHN,EAIED,eAAOC,WAJT,CAApB;;;;AAOA,IAAMC,iBAAiB,GAAGP,0BAAOQ,EAAV,iUACRH,eAAOI,UADC,EAEDJ,eAAOC,WAFN,EAI1B,mCAAkBI,+BAAmBC,IAArC,EAA2CN,eAAOO,WAAlD,CAJ0B,CAAvB;;;;AAkBA,IAAMC,oBAAoB,GAAGb,0BAAOQ,EAAV,2jBACXH,eAAOS,KADI,EAEPT,eAAOU,WAFA,EAI7B,mCAAkBL,+BAAmBC,IAArC,EAA2CN,eAAOO,WAAlD,CAJ6B,EAgCbP,eAAOW,UAhCM,EAoCbX,eAAOY,WApCM,CAA1B;;;;AAyCA,IAAMC,YAAY,GAAGlB,0BAAOmB,EAAV,oTACHd,eAAOe,WADJ,EAIDf,eAAOI,UAJN,EASDJ,eAAOgB,WATN,EAcDhB,eAAOe,WAdN,CAAlB;;;;AAkBA,IAAME,YAAY,GAAGtB,0BAAOuB,EAAV,qwBAGrB,mCAAkBb,+BAAmBc,OAArC,EAA8CnB,eAAOoB,KAArD,CAHqB,EA0BZpB,eAAOqB,WA1BK,EA8BVrB,eAAOsB,WA9BG,EAqCQtB,eAAOuB,QArCf,EAqCwCvB,eAAOwB,KArC/C,EAsCVxB,eAAOsB,WAtCG,CAAlB;;;;AA+CA,IAAMG,cAAc,GAAG9B,0BAAOuB,EAAV,kmBACDlB,eAAOC,WADN,EAUnB,oCAAmBI,+BAAmBc,OAAtC,EAA+CnB,eAAOoB,KAAtD,CAVmB,EAkBnB,mCAAkBf,+BAAmBc,OAArC,EAA8CnB,eAAOoB,KAArD,CAlBmB,CAApB","sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS } from '../styles';\r\nimport { ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling } from '../styles/typography';\r\n\r\n/**\r\n * Table styles\r\n */\r\n\r\nexport const TableWrapper = styled.div`\r\n  position: relative;\r\n`;\r\n\r\nexport const TableLoadingIndicator = styled.div`\r\n  height: 100%;\r\n  width: 100%;\r\n  position: absolute;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  top: 0;\r\n`;\r\n\r\nexport const TableContainer = styled.table`\r\n  background: transparent;\r\n  width: 100%;\r\n  border-top: 2px solid ${COLORS.neutral_200};\r\n  border-bottom: 2px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nexport const TableHeaderRowCol = styled.th`\r\n  background-color: ${COLORS.neutral_20};\r\n  border-bottom: 1px solid ${COLORS.neutral_200};\r\n\r\n  ${ComponentLStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  padding: 16px 19px 16px 16px;\r\n\r\n  div {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    svg {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TableColumnHeaderCol = styled.th`\r\n  background-color: ${COLORS.white};\r\n  border-top: 1px solid ${COLORS.neutral_300};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  padding: 18px 16px;\r\n  text-align: left;\r\n\r\n  &.justify-center {\r\n    text-align: center;\r\n  }\r\n\r\n  &.justify-left {\r\n    text-align: left;\r\n  }\r\n\r\n  &.justify-right {\r\n    text-align: right;\r\n  }\r\n\r\n  &.no-border {\r\n    border: none;\r\n  }\r\n\r\n  &.sortable {\r\n    cursor: pointer;\r\n\r\n    > svg {\r\n      float: right;\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n    }\r\n\r\n    &:focus {\r\n      background: ${COLORS.primary_100};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const TableDataRow = styled.tr`\r\n  background-color: ${COLORS.neutral_100};\r\n\r\n  &:nth-child(2n) {\r\n    background-color: ${COLORS.neutral_20};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n    background-color: ${COLORS.primary_200};\r\n  }\r\n\r\n  &.no-rows:hover {\r\n    cursor: default;\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nexport const TableDataCol = styled.td`\r\n  background: transparent;\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  padding: 15px 16px;\r\n  border: none;\r\n\r\n  &.truncate-text {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &.justify-center {\r\n    text-align: center;\r\n  }\r\n\r\n  &.justify-left {\r\n    text-align: left;\r\n  }\r\n\r\n  &.justify-right {\r\n    text-align: right;\r\n  }\r\n\r\n  button {\r\n    color: ${COLORS.primary_600};\r\n    text-decoration: none;\r\n\r\n    &:hover {\r\n      color: ${COLORS.primary_700};\r\n      text-decoration: underline;\r\n    }\r\n\r\n    &:focus {\r\n      text-decoration: underline;\r\n      outline: none;\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      color: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &.center {\r\n    text-align: center;\r\n  }\r\n`;\r\n\r\nexport const TableFooterCol = styled.td`\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  padding: 3.5px 20px 3.5px 16px;\r\n\r\n  > div {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n\r\n    > div > div:first-of-type {\r\n      ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n      display: block;\r\n      padding-top: 11px;\r\n      padding-left: 2px;\r\n      padding-right: 30px;\r\n    }\r\n\r\n    span {\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n      &.current-page-info {\r\n        margin-right: 34px;\r\n        margin-left: 39px;\r\n      }\r\n    }\r\n\r\n    .controls {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n  }\r\n`;\r\n"],"file":"TableStyles.js"}

package/dist/js/Table/TableTypes.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Types for the table.
+ */
+export interface TableProps {
+    rowClick?: (row: any) => void;
+    linkClick?: (row: any, key: string) => void;
+    iconClick?: (row: any, key: string) => void;
+    title?: string;
+    columns: TableColumn[];
+    rows: any[];
+    remotePagination?: boolean;
+    pagination?: TablePagination;
+    previousPageClick?: () => void;
+    nextPageClick?: () => void;
+    rowsPerPageChange?: (count: number) => void;
+    triggerSortingChange?: (key: string, direction: TableSortingDirection) => void;
+    showLoadingIndicator?: boolean;
+}
+export interface TableColumn {
+    name: string;
+    filterValue?: string;
+    key: string;
+    colorFn?: (row: any, key: string) => string;
+    isIcon?: boolean;
+    icon?: ColumnIcons;
+    isLink?: boolean;
+    width?: number;
+    shortenText?: boolean;
+    customContent?: (row: any, key: string) => any;
+    sortable?: boolean;
+    justify?: TableJustification;
+    sortingDirection?: TableSortingDirection;
+}
+export declare type TableJustification = 'right' | 'left' | 'center';
+declare type ColumnIcons = 'Add' | 'ArrowDropDown' | 'ArrowDropUp' | 'ArrowLineDown' | 'ArrowLineLeft' | 'ArrowLineRight' | 'ArrowLineUp' | 'ArrowStopLeft' | 'ArrowStopRight' | 'Attachment' | 'Attention' | 'BackwardsFiveSec' | 'Book' | 'BookmarkOff' | 'BookmarkOn' | 'Bullet' | 'Calendar' | 'CheckboxOff' | 'CheckboxOn' | 'CheckboxSemi' | 'CheckComplete' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Clear' | 'Close' | 'ClosedCaptionOff' | 'ClosedCaptionOn' | 'CloudAttention' | 'CloudCheck' | 'CloudDownload' | 'CloudLocked' | 'CloudNoConnection' | 'CloudSyncing' | 'CloudUpload' | 'Cloud' | 'Dashboard' | 'Delete' | 'Download' | 'DragHandle' | 'DragIndicator' | 'Edit' | 'Educator' | 'Equals' | 'EventLog' | 'ExtendTextArea' | 'Filter' | 'Forward' | 'ForwardSlash' | 'ForwardFiveSec' | 'FullscreenExit' | 'Fullscreen' | 'GearSettings' | 'GridView' | 'Group' | 'GuidedTour' | 'Help' | 'Hierarchy' | 'History' | 'Home' | 'Information' | 'Institute' | 'Language' | 'ListView' | 'LoadingMedium' | 'LoadingSmall' | 'LockedOff' | 'LockedOn' | 'Login' | 'Logout' | 'Loop' | 'Mail' | 'Manikin' | 'MapPoint' | 'Menu' | 'Minus' | 'MoreHorizontal' | 'MoreVertical' | 'NotificationNew' | 'Notification' | 'OpenFolder' | 'OpenNewWindow' | 'Pause' | 'PlayOutline' | 'Play' | 'Plus' | 'PointDown' | 'PointLeft' | 'PointRight' | 'PointUp' | 'RadioButtonOff' | 'RadioButtonOn' | 'Record' | 'Refresh' | 'Replay' | 'Rewind' | 'Save' | 'Search' | 'Share' | 'ShoppingCart' | 'StarFilled' | 'StarOutlined' | 'Stop' | 'Support' | 'Team' | 'ThumbsDown' | 'ThumbsUp' | 'TimeLimited' | 'Time' | 'Tip' | 'Upload' | 'Usb' | 'User' | 'Video' | 'VisibleOff' | 'VisibleOn' | 'VolumeDown' | 'VolumeOff' | 'VolumeUp';
+export declare type TableSortingDirection = 'asc' | 'desc';
+export interface TablePagination {
+    from: number;
+    to: number;
+    total: number;
+    currentPage: number;
+    rowsPerPage: number;
+}
+export {};

package/dist/js/Table/TableTypes.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=TableTypes.js.map

package/dist/js/Table/TableTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"TableTypes.js"}

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

@@ -0,0 +1,342 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _index = require("../index");
+
+require("jest-styled-components");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Import React libraries.
+ */
+
+/**
+ * Import custom components.
+ */
+
+/**
+ * Import third-party libraries.
+ */
+describe('<Table />', function () {
+  it('Renders the Table', function () {
+    var columns = [{
+      key: 'column1',
+      name: 'Column 1'
+    }, {
+      key: 'column2',
+      name: 'Column 2'
+    }];
+    var rows = [{
+      column1: 'Test content',
+      column2: 'Test content 2'
+    }];
+
+    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+      rows: rows,
+      columns: columns,
+      title: "Test title"
+    })),
+        getByTestId = _render.getByTestId;
+
+    expect(getByTestId('TestTable')).toBeDefined();
+  });
+  describe('Table Header Row Tests', function () {
+    it('Should render table header row in case title is passed', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns,
+        title: "Test title"
+      })),
+          queryByTestId = _render2.queryByTestId;
+
+      expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();
+    });
+    it('Should not render table header row in case title is passed', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          queryByTestId = _render3.queryByTestId;
+
+      expect(queryByTestId('TestTableHeaderRow')).toBeNull();
+    });
+    describe('Table Header Row functional tests', function () {
+      it('Should have title', function () {
+        var columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        var rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+
+        var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          title: "Test Title"
+        })),
+            queryByTestId = _render4.queryByTestId;
+
+        var tableHeaderRow = queryByTestId('TestTableHeaderRow');
+        expect(tableHeaderRow === null || tableHeaderRow === void 0 ? void 0 : tableHeaderRow.children[0].children[0].textContent).toContain('Test Title');
+      });
+      it('Should have options menu', function () {
+        var _queryByTestId;
+
+        var columns = [{
+          key: 'column1',
+          name: 'Column 1'
+        }, {
+          key: 'column2',
+          name: 'Column 2'
+        }];
+        var rows = [{
+          column1: 'Test content',
+          column2: 'Test content 2'
+        }];
+
+        var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+          rows: rows,
+          columns: columns,
+          title: "Test Title"
+        })),
+            queryByTestId = _render5.queryByTestId;
+
+        expect((_queryByTestId = queryByTestId('TestTableHeaderRow')) === null || _queryByTestId === void 0 ? void 0 : _queryByTestId.getElementsByTagName('svg')).not.toBeNull();
+      });
+    });
+  });
+  describe('Table Column Header Row Tests', function () {
+    it('Should render column header row', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          getByTestId = _render6.getByTestId;
+
+      expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();
+    });
+    it('Should render two columns in the column header row', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          getByTestId = _render7.getByTestId;
+
+      expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);
+    });
+    it('Should render correct column names in the column header row', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render8 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          getByTestId = _render8.getByTestId;
+
+      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', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns,
+        title: "test title"
+      })),
+          getByTestId = _render9.getByTestId;
+
+      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);
+      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);
+    });
+    it('Should render columns with no-border class in the column header row, in case title is not passed', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          getByTestId = _render10.getByTestId;
+
+      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(true);
+      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(true);
+    });
+  });
+  describe('Table Body Row tests', function () {
+    it('Should not render "No Data" row in case there are rows', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          queryByTestId = _render11.queryByTestId;
+
+      expect(queryByTestId('TestTableNoDataRow')).toBeNull();
+    });
+    it('Should render "No Data" row in case there are no rows', function () {
+      var _queryByTestId2;
+
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [];
+
+      var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          queryByTestId = _render12.queryByTestId;
+
+      expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();
+      expect((_queryByTestId2 = queryByTestId('TestTableNoDataRow')) === null || _queryByTestId2 === void 0 ? void 0 : _queryByTestId2.textContent).toEqual('There are no rows to display');
+    });
+    it('Should render a data row with correct content for each row that is passed', function () {
+      var columns = [{
+        key: 'column1',
+        name: 'Column 1'
+      }, {
+        key: 'column2',
+        name: 'Column 2'
+      }];
+      var rows = [{
+        column1: 'Test content',
+        column2: 'Test content 2'
+      }];
+
+      var _render13 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+        rows: rows,
+        columns: columns
+      })),
+          getByTestId = _render13.getByTestId;
+
+      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', function () {
+    var columns = [{
+      key: 'column1',
+      name: 'Column 1'
+    }, {
+      key: 'column2',
+      name: 'Column 2'
+    }];
+    var rows = [{
+      column1: 'Test content',
+      column2: 'Test content 2'
+    }];
+
+    var _render14 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_index.Table, {
+      rows: rows,
+      columns: columns
+    })),
+        getByTestId = _render14.getByTestId;
+
+    expect(getByTestId('TestTableFooterRow')).toBeDefined();
+  });
+});
+//# sourceMappingURL=Table.test.js.map

package/dist/js/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","expect","toBeDefined","queryByTestId","not","toBeNull","tableHeaderRow","children","textContent","toContain","getElementsByTagName","length","toEqual","classList","contains","toBe"],"mappings":"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","sourcesContent":["import React from 'react';\r\n/**\r\n * Import React libraries.\r\n */\r\nimport { render } from '@testing-library/react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport { Table } from '../index';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport 'jest-styled-components';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { TableColumn } from '../TableTypes';\r\n\r\ndescribe('<Table />', () => {\r\n  it('Renders the Table', () => {\r\n    const columns: TableColumn[] = [\r\n      {\r\n        key: 'column1',\r\n        name: 'Column 1',\r\n      },\r\n      {\r\n        key: 'column2',\r\n        name: 'Column 2',\r\n      },\r\n    ];\r\n    const rows: any[] = [\r\n      {\r\n        column1: 'Test content',\r\n        column2: 'Test content 2',\r\n      },\r\n    ];\r\n    const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\r\n    expect(getByTestId('TestTable')).toBeDefined();\r\n  });\r\n\r\n  describe('Table Header Row Tests', () => {\r\n    it('Should render table header row in case title is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test title\" />);\r\n      expect(queryByTestId('TestTableHeaderRow')).not.toBeNull();\r\n    });\r\n\r\n    it('Should not render table header row in case title is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(queryByTestId('TestTableHeaderRow')).toBeNull();\r\n    });\r\n\r\n    describe('Table Header Row functional tests', () => {\r\n      it('Should have title', () => {\r\n        const columns: TableColumn[] = [\r\n          {\r\n            key: 'column1',\r\n            name: 'Column 1',\r\n          },\r\n          {\r\n            key: 'column2',\r\n            name: 'Column 2',\r\n          },\r\n        ];\r\n        const rows: any[] = [\r\n          {\r\n            column1: 'Test content',\r\n            column2: 'Test content 2',\r\n          },\r\n        ];\r\n        const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\r\n        const tableHeaderRow = queryByTestId('TestTableHeaderRow');\r\n        expect(tableHeaderRow?.children[0].children[0].textContent).toContain('Test Title');\r\n      });\r\n\r\n      it('Should have options menu', () => {\r\n        const columns: TableColumn[] = [\r\n          {\r\n            key: 'column1',\r\n            name: 'Column 1',\r\n          },\r\n          {\r\n            key: 'column2',\r\n            name: 'Column 2',\r\n          },\r\n        ];\r\n        const rows: any[] = [\r\n          {\r\n            column1: 'Test content',\r\n            column2: 'Test content 2',\r\n          },\r\n        ];\r\n        const { queryByTestId } = render(<Table rows={rows} columns={columns} title=\"Test Title\" />);\r\n        expect(queryByTestId('TestTableHeaderRow')?.getElementsByTagName('svg')).not.toBeNull();\r\n      });\r\n    });\r\n  });\r\n\r\n  describe('Table Column Header Row Tests', () => {\r\n    it('Should render column header row', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow')).not.toBeNull();\r\n    });\r\n\r\n    it('Should render two columns in the column header row', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children.length).toEqual(2);\r\n    });\r\n\r\n    it('Should render correct column names in the column header row', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].textContent).toEqual('Column 1');\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].textContent).toEqual('Column 2');\r\n    });\r\n\r\n    it('Should render columns without no-border class in the column header row, in case title is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} title=\"test title\" />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(false);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(false);\r\n    });\r\n\r\n    it('Should render columns with no-border class in the column header row, in case title is not passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[0].classList.contains('no-border')).toBe(true);\r\n      expect(getByTestId('TestTableColumnHeaderRow').children[1].classList.contains('no-border')).toBe(true);\r\n    });\r\n  });\r\n\r\n  describe('Table Body Row tests', () => {\r\n    it('Should not render \"No Data\" row in case there are rows', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(queryByTestId('TestTableNoDataRow')).toBeNull();\r\n    });\r\n\r\n    it('Should render \"No Data\" row in case there are no rows', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [];\r\n      const { queryByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(queryByTestId('TestTableNoDataRow')).not.toBeNull();\r\n      expect(queryByTestId('TestTableNoDataRow')?.textContent).toEqual('There are no rows to display');\r\n    });\r\n\r\n    it('Should render a data row with correct content for each row that is passed', () => {\r\n      const columns: TableColumn[] = [\r\n        {\r\n          key: 'column1',\r\n          name: 'Column 1',\r\n        },\r\n        {\r\n          key: 'column2',\r\n          name: 'Column 2',\r\n        },\r\n      ];\r\n      const rows: any[] = [\r\n        {\r\n          column1: 'Test content',\r\n          column2: 'Test content 2',\r\n        },\r\n      ];\r\n      const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n      expect(getByTestId('TestTableDataRow')).toBeDefined();\r\n      expect(getByTestId('TestTableDataRow').children.length).toEqual(2);\r\n      expect(getByTestId('TestTableDataRow').children[0].textContent).toEqual('Test content');\r\n      expect(getByTestId('TestTableDataRow').children[1].textContent).toEqual('Test content 2');\r\n    });\r\n  });\r\n\r\n  it('Should render footer row', () => {\r\n    const columns: TableColumn[] = [\r\n      {\r\n        key: 'column1',\r\n        name: 'Column 1',\r\n      },\r\n      {\r\n        key: 'column2',\r\n        name: 'Column 2',\r\n      },\r\n    ];\r\n    const rows: any[] = [\r\n      {\r\n        column1: 'Test content',\r\n        column2: 'Test content 2',\r\n      },\r\n    ];\r\n    const { getByTestId } = render(<Table rows={rows} columns={columns} />);\r\n    expect(getByTestId('TestTableFooterRow')).toBeDefined();\r\n  });\r\n});\r\n"],"file":"Table.test.js"}

package/dist/js/Table/index.d.ts

@@ -0,0 +1 @@
+export { default as Table } from './Table';

package/dist/js/Table/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table.default;
+  }
+});
+
+var _Table = _interopRequireDefault(require("./Table"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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

package/dist/js/Tabs/HorizontalTabs.d.ts

@@ -0,0 +1,16 @@
+import { Size } from '../types';
+interface HorizontalTabProps {
+    size: Size;
+    tabs: HorizontalTab[];
+    sideFill?: boolean;
+    fullWidth?: boolean;
+    onTabChange: (to: string) => void;
+}
+interface HorizontalTab {
+    value: string;
+    selected: boolean;
+    to: string;
+    disabled?: boolean;
+}
+declare const HorizontalTabs: ({ size, tabs, sideFill, fullWidth, onTabChange }: HorizontalTabProps) => JSX.Element;
+export default HorizontalTabs;