@dhis2-ui/table 9.11.0 → 9.11.1-beta.1

package/build/cjs/data-table/__tests__/data-table-cell.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dataTableCell = require("../data-table-cell.js");
-
 var _index = require("../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<DataTableCell>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -18,7 +13,6 @@ describe('<DataTableCell>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
       ref: ref
     })))));
@@ -127,19 +121,19 @@ describe('<DataTableCell>', () => {
   });
   it('can render either a td or th tag depending on the fixed and tag prop', () => {
     // default
-    expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null)).dive().type()).toBe('td'); // using the tag prop
-
+    expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null)).dive().type()).toBe('td');
+    // using the tag prop
     expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
       tag: "td"
     })).dive().type()).toBe('td');
     expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
       tag: "th"
-    })).dive().type()).toBe('th'); // with fixed prop
-
+    })).dive().type()).toBe('th');
+    // with fixed prop
     expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
       fixed: true
-    })).dive().type()).toBe('th'); // tag prop should take presedence over fixed prop
-
+    })).dive().type()).toBe('th');
+    // tag prop should take presedence over fixed prop
     expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
       fixed: true,
       tag: "td"

package/build/cjs/data-table/__tests__/data-table-column-header/filter-handle.test.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _filterHandle = require("../../data-table-column-header/filter-handle.js");
-
 var _index = require("../../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<FilterHandle>', () => {
   it('accepts an active prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, null));

package/build/cjs/data-table/__tests__/data-table-column-header/sorter.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _sorter = require("../../data-table-column-header/sorter.js");
-
 var _index = require("../../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<Sorter>', () => {
   it('accepts a sortDirection prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_sorter.Sorter, {

package/build/cjs/data-table/__tests__/data-table-column-header.test.js

@@ -1,19 +1,12 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dataTableColumnHeader = require("../data-table-column-header/data-table-column-header.js");
-
 var _filterHandle = require("../data-table-column-header/filter-handle.js");
-
 var _sorter = require("../data-table-column-header/sorter.js");
-
 var _index = require("../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<DataTableColumnHeader>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -22,7 +15,6 @@ describe('<DataTableColumnHeader>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
       ref: ref
     })))));
@@ -75,11 +67,12 @@ describe('<DataTableColumnHeader>', () => {
       onFilterIconClick: onClickClosed,
       filter: /*#__PURE__*/_react.default.createElement("input", null),
       showFilter: false
-    })); // Showing/hiding the filter
-
+    }));
+    // Showing/hiding the filter
     expect(wrapperOpen.find('input')).toHaveLength(1);
-    expect(wrapperClosed.find('input')).toHaveLength(0); // Clicking the filter icon on
+    expect(wrapperClosed.find('input')).toHaveLength(0);
 
+    // Clicking the filter icon on
     wrapperOpen.find(_filterHandle.FilterHandle).dive().find(_index.TableHeaderCellAction).dive().find('button').simulate('click', fakeEvent);
     expect(onClickOpen).toHaveBeenCalledTimes(1);
     expect(onClickOpen).toHaveBeenCalledWith({

package/build/cjs/data-table/__tests__/data-table-row/expand-handle-cell.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _uiIcons = require("@dhis2/ui-icons");
-
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _expandHandleCell = require("../../data-table-row/expand-handle-cell.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<ExpandHandleCell>', () => {
   it('renders an <IconChevronUp24> when expanded is true', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, {

package/build/cjs/data-table/__tests__/data-table-row/expanded-row.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _expandedRow = require("../../data-table-row/expanded-row.js");
-
 var _index = require("../../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<ExpandedRow>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -28,14 +23,14 @@ describe('<ExpandedRow>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
       className: className
     }));
-    expect(wrapper.find(_index.TableRow).prop('className')).toBe("".concat(className, "-expandedrow"));
+    expect(wrapper.find(_index.TableRow).prop('className')).toBe(`${className}-expandedrow`);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
       dataTest: dataTest
     }));
-    expect(wrapper.find(_index.TableRow).prop('dataTest')).toBe("".concat(dataTest, "-expandedrow"));
+    expect(wrapper.find(_index.TableRow).prop('dataTest')).toBe(`${dataTest}-expandedrow`);
   });
   it('accepts a selected prop', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {

package/build/cjs/data-table/__tests__/data-table-row.test.js

@@ -1,21 +1,13 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dataTableRow = require("../data-table-row/data-table-row.js");
-
 var _dragHandleCell = require("../data-table-row/drag-handle-cell.js");
-
 var _expandHandleCell = require("../data-table-row/expand-handle-cell.js");
-
 var _expandedRow = require("../data-table-row/expanded-row.js");
-
 var _index = require("../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<DataTableRow>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -24,7 +16,6 @@ describe('<DataTableRow>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
       ref: ref
     }))));
@@ -61,17 +52,18 @@ describe('<DataTableRow>', () => {
   });
   it('accepts an expandableContent prop', () => {
     const expandableContent = /*#__PURE__*/_react.default.createElement("div", null, "content");
-
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
       expandableContent: expandableContent,
       expanded: true,
       expandable: true,
       onExpandToggle: () => {}
     }));
-    const additionalRowTag = wrapper.find(_expandedRow.ExpandedRow).dive().find(_index.TableRow).dive().find('tr'); // render expandableContent in additional row
+    const additionalRowTag = wrapper.find(_expandedRow.ExpandedRow).dive().find(_index.TableRow).dive().find('tr');
 
-    expect(additionalRowTag).toHaveLength(1); // Hover styles
+    // render expandableContent in additional row
+    expect(additionalRowTag).toHaveLength(1);
 
+    // Hover styles
     additionalRowTag.simulate('mouseover');
     expect(wrapper.find(_index.TableRow).dive().find('tr').hasClass('isHoveringExpandedContent')).toBe(true);
     additionalRowTag.simulate('mouseout');

package/build/cjs/data-table/__tests__/data-table.test.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dataTable = require("../data-table.js");
-
 var _index = require("../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<DataTable>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -18,7 +13,6 @@ describe('<DataTable>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
       ref: ref
     }));

package/build/cjs/data-table/data-table-body.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DataTableBody", {
     return _index.TableBody;
   }
 });
-
 var _index = require("./table-elements/index.js");

package/build/cjs/data-table/data-table-cell.js

@@ -4,24 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataTableCell = void 0;
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("./table-elements/index.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const DataTableCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const DataTableCell = exports.DataTableCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     active,
     align,
@@ -70,7 +61,6 @@ const DataTableCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onClick: onClick
   }), children);
 });
-exports.DataTableCell = DataTableCell;
 DataTableCell.displayName = 'DataTableCell';
 DataTableCell.defaultProps = {
   align: 'left',
@@ -84,7 +74,6 @@ DataTableCell.propTypes = {
   /** To toggle border color, for example for editing */
   active: _propTypes2.default.bool,
   align: _propTypes2.default.oneOf(['left', 'center', 'right']),
-
   /** Sets background color of the cell. Disables dynamic background colors from active, hover, and selected states */
   backgroundColor: _propTypes2.default.string,
   bordered: _propTypes2.default.bool,
@@ -92,32 +81,24 @@ DataTableCell.propTypes = {
   className: _propTypes2.default.string,
   colSpan: _propTypes2.default.string,
   dataTest: _propTypes2.default.string,
-
   /** Mutually exclusive with muted and valid */
   error: stylePropType,
-
   /** When true a TableHeaderCell with sticky positioning will be rendered */
   fixed: _propTypes2.default.bool,
   large: _propTypes2.default.bool,
-
   /** Required when fixed */
   left: requiredIfFixedPropType,
-
   /** Mutually exclusive with error and valid */
   muted: stylePropType,
   role: _propTypes2.default.string,
   rowSpan: _propTypes2.default.string,
   scope: _propTypes2.default.string,
-
   /** Surpress hover and active event styles */
   staticStyle: _propTypes2.default.bool,
-
   /** Render a TableDataCell or TableHeaderCell respectively */
   tag: _propTypes2.default.oneOf(['td', 'th']),
-
   /** Mutually exclusive with error and muted */
   valid: stylePropType,
-
   /** Required when fixed */
   width: requiredIfFixedPropType,
   onClick: _propTypes2.default.func

package/build/cjs/data-table/data-table-column-header/data-table-column-header.js

@@ -4,37 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataTableColumnHeader = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _index = require("../table-elements/index.js");
-
 var _dataTableColumnHeaderStyles = require("./data-table-column-header.styles.js");
-
 var _filterHandle = require("./filter-handle.js");
-
 var _sorter = require("./sorter.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const flexboxAlignLookup = {
   left: 'flex-start',
   center: 'center',
   right: 'flex-end'
 };
-const DataTableColumnHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const DataTableColumnHeader = exports.DataTableColumnHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     align,
     children,
@@ -72,13 +59,13 @@ const DataTableColumnHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     top: top,
     width: width
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3463223249 " + "jsx-".concat(_dataTableColumnHeaderStyles.styles.__hash) + " " + "container"
+    className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + "container"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3463223249 " + "jsx-".concat(_dataTableColumnHeaderStyles.styles.__hash) + " " + ((0, _classnames.default)('top', {
+    className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + ((0, _classnames.default)('top', {
       large
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3463223249 " + "jsx-".concat(_dataTableColumnHeaderStyles.styles.__hash) + " " + "content"
+    className: "jsx-3463223249 " + `jsx-${_dataTableColumnHeaderStyles.styles.__hash}` + " " + "content"
   }, children), sortDirection && /*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
     name: name,
     sortDirection: sortDirection,
@@ -92,9 +79,8 @@ const DataTableColumnHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     id: _dataTableColumnHeaderStyles.styles.__hash
   }, _dataTableColumnHeaderStyles.styles), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "3463223249"
-  }, [".label.jsx-3463223249{-webkit-box-pack:".concat(flexboxAlignLookup[align], ";-webkit-justify-content:").concat(flexboxAlignLookup[align], ";-ms-flex-pack:").concat(flexboxAlignLookup[align], ";justify-content:").concat(flexboxAlignLookup[align], ";}")]));
+  }, [`.label.jsx-3463223249{-webkit-box-pack:${flexboxAlignLookup[align]};-webkit-justify-content:${flexboxAlignLookup[align]};-ms-flex-pack:${flexboxAlignLookup[align]};justify-content:${flexboxAlignLookup[align]};}`]));
 });
-exports.DataTableColumnHeader = DataTableColumnHeader;
 DataTableColumnHeader.displayName = 'DataTableColumnHeader';
 DataTableColumnHeader.defaultProps = {
   dataTest: 'dhis2-uicore-datatablecellhead'
@@ -105,15 +91,12 @@ DataTableColumnHeader.propTypes = {
   className: _propTypes2.default.string,
   colSpan: _propTypes2.default.string,
   dataTest: _propTypes2.default.string,
-
   /** The filter element (JSX), required when onFilterIconClick or showFilter are present */
   filter: (0, _propTypes.requiredIf)(props => props.onFilterIconClick || props.showFilter, _propTypes2.default.node),
   fixed: _propTypes2.default.bool,
   large: _propTypes2.default.bool,
-
   /** Left or top required when fixed */
   left: (0, _propTypes.requiredIf)(props => props.fixed && !props.top, _propTypes2.default.string),
-
   /** Can be used to match a column with a property name */
   name: _propTypes2.default.string,
   role: _propTypes2.default.string,
@@ -122,12 +105,10 @@ DataTableColumnHeader.propTypes = {
   showFilter: (0, _propTypes.requiredIf)(props => props.filter, _propTypes2.default.bool),
   sortDirection: (0, _propTypes.requiredIf)(props => props.onSortIconClick, _propTypes2.default.oneOf(_sorter.SORT_DIRECTIONS)),
   sortIconTitle: _propTypes2.default.string,
-
   /** Left or top required when fixed */
   top: (0, _propTypes.requiredIf)(props => props.fixed && !props.left, _propTypes2.default.string),
   width: _propTypes2.default.string,
   onFilterIconClick: (0, _propTypes.requiredIf)(props => props.filter, _propTypes2.default.func),
-
   /** Sort icon click callback with `nextSortDirection` and `name` in payload */
   onSortIconClick: (0, _propTypes.requiredIf)(props => props.sortDirection, _propTypes2.default.func)
 };

package/build/cjs/data-table/data-table-column-header/data-table-column-header.styles.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.resolvedTableHeaderCss = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const styles = ["span.container.jsx-1552921066{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}", "span.top.jsx-1552921066{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", "span.content.jsx-1552921066{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:24px;}"];
-exports.styles = styles;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const styles = exports.styles = ["span.container.jsx-1552921066{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}", "span.top.jsx-1552921066{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", "span.content.jsx-1552921066{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:24px;}"];
 styles.__hash = "1552921066";
-const resolvedTableHeaderCss = {
+const resolvedTableHeaderCss = exports.resolvedTableHeaderCss = {
   styles: /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1231353820"
   }, ["thead>tr>th.DataTableColumnHeader.jsx-1231353820{padding-top:6px;padding-bottom:6px;}", "thead>tr>th.DataTableColumnHeader.large.jsx-1231353820{padding-top:12px;padding-bottom:12px;}"]),
   className: "jsx-1231353820"
-};
-exports.resolvedTableHeaderCss = resolvedTableHeaderCss;
+};

package/build/cjs/data-table/data-table-column-header/filter-handle.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilterHandle = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _index2 = require("../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FilterHandle = _ref => {
   let {
     active,
@@ -39,7 +31,6 @@ const FilterHandle = _ref => {
     color: filterIconColor
   }));
 };
-
 exports.FilterHandle = FilterHandle;
 FilterHandle.propTypes = {
   active: _propTypes.default.bool,

package/build/cjs/data-table/data-table-column-header/sorter.js

@@ -4,40 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getNextSortDirection = exports.Sorter = exports.SORT_DIRECTIONS = exports.DESC = exports.DEFAULT = exports.ASC = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = _interopRequireDefault(require("../../locales/index.js"));
-
 var _index2 = require("../table-elements/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ASC = 'asc';
-exports.ASC = ASC;
-const DESC = 'desc';
-exports.DESC = DESC;
-const DEFAULT = 'default';
-exports.DEFAULT = DEFAULT;
-const SORT_DIRECTIONS = [DEFAULT, ASC, DESC];
-exports.SORT_DIRECTIONS = SORT_DIRECTIONS;
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ASC = exports.ASC = 'asc';
+const DESC = exports.DESC = 'desc';
+const DEFAULT = exports.DEFAULT = 'default';
+const SORT_DIRECTIONS = exports.SORT_DIRECTIONS = [DEFAULT, ASC, DESC];
 const getNextSortDirection = currentDirection => {
   const currentIndex = SORT_DIRECTIONS.indexOf(currentDirection);
   const nextIndex = (currentIndex + 1) % SORT_DIRECTIONS.length;
   return SORT_DIRECTIONS[nextIndex];
 };
-
 exports.getNextSortDirection = getNextSortDirection;
-
 const Sorter = _ref => {
   let {
     name,
@@ -74,9 +58,8 @@ const Sorter = _ref => {
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "884818973",
     dynamic: [_uiConstants.colors.grey500, _uiConstants.colors.blue700]
-  }, ["svg.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:".concat(_uiConstants.colors.grey500, ";}"), "svg.asc.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.desc.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:".concat(_uiConstants.colors.blue700, ";}")]));
+  }, [`svg.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey500};}`, `svg.asc.__jsx-style-dynamic-selector .top.__jsx-style-dynamic-selector,svg.desc.__jsx-style-dynamic-selector .bottom.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.blue700};}`]));
 };
-
 exports.Sorter = Sorter;
 Sorter.propTypes = {
   name: _propTypes2.default.string,

package/build/cjs/data-table/data-table-foot.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DataTableFoot", {
     return _index.TableFoot;
   }
 });
-
 var _index = require("./table-elements/index.js");

package/build/cjs/data-table/data-table-head.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "DataTableHead", {
     return _index.TableHead;
   }
 });
-
 var _index = require("./table-elements/index.js");