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

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

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableRow = require("../table-row.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableRow>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableRow>', () => {
   });
   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(_tableRow.TableRow, {
       ref: ref
     }))));

package/build/cjs/data-table/table-elements/__tests__/table-scroll-box.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableScrollBox = require("../table-scroll-box.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableScrollBox>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableScrollBox>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_tableScrollBox.TableScrollBox, {
       ref: ref
     }));

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

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _tableToolbar = require("../table-toolbar.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<TableToolbar>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<TableToolbar>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_tableToolbar.TableToolbar, {
       ref: ref
     }));

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

@@ -1,13 +1,9 @@
 "use strict";
 
 var _enzyme = require("enzyme");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _table = require("../table.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<Table>', () => {
   it('renders children', () => {
     const children = 'children';
@@ -16,7 +12,6 @@ describe('<Table>', () => {
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/_react.default.createRef();
-
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_table.Table, {
       ref: ref
     }));
@@ -47,7 +42,7 @@ describe('<Table>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
       layout: layout
     }));
-    expect(wrapper.html()).toContain("table-layout: ".concat(layout, ";"));
+    expect(wrapper.html()).toContain(`table-layout: ${layout};`);
   });
   it('accepts a role prop', () => {
     const role = 'test';
@@ -61,6 +56,6 @@ describe('<Table>', () => {
     const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_table.Table, {
       width: width
     }));
-    expect(wrapper.html()).toContain("width: ".concat(width, ";"));
+    expect(wrapper.html()).toContain(`width: ${width};`);
   });
 });

package/build/cjs/data-table/table-elements/features/can_scroll/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a scrolling table is rendered', () => {
   cy.visitStory('Table', 'Fixed Header And Columns');
 });

package/build/cjs/data-table/table-elements/index.js

@@ -63,23 +63,13 @@ Object.defineProperty(exports, "TableToolbar", {
     return _tableToolbar.TableToolbar;
   }
 });
-
 var _table = require("./table.js");
-
 var _tableBody = require("./table-body.js");
-
 var _tableDataCell = require("./table-data-cell/table-data-cell.js");
-
 var _tableHeaderCell = require("./table-header-cell/table-header-cell.js");
-
 var _tableHeaderCellAction = require("./table-header-cell-action.js");
-
 var _tableFoot = require("./table-foot.js");
-
 var _tableHead = require("./table-head.js");
-
 var _tableRow = require("./table-row.js");
-
 var _tableScrollBox = require("./table-scroll-box.js");
-
 var _tableToolbar = require("./table-toolbar.js");

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

@@ -4,26 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableBody = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-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 TableBody = /*#__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 TableBody = exports.TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -42,9 +32,8 @@ const TableBody = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2478922139",
     dynamic: [_uiConstants.colors.blue600]
-  }, ["tbody.__jsx-style-dynamic-selector{position:relative;}", ".loading.__jsx-style-dynamic-selector:before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background-color:rgba(255,255,255,0.8);}", ".loading.__jsx-style-dynamic-selector:after{content:'';position:absolute;top:calc(50% - 24px);inset-inline-start:calc(50% - 24px);width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:".concat(_uiConstants.colors.blue600, ";border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}"), "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
+  }, ["tbody.__jsx-style-dynamic-selector{position:relative;}", ".loading.__jsx-style-dynamic-selector:before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background-color:rgba(255,255,255,0.8);}", `.loading.__jsx-style-dynamic-selector:after{content:'';position:absolute;top:calc(50% - 24px);inset-inline-start:calc(50% - 24px);width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:${_uiConstants.colors.blue600};border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}`, "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
 });
-exports.TableBody = TableBody;
 TableBody.displayName = 'TableBody';
 TableBody.defaultProps = {
   dataTest: 'dhis2-uicore-tablebody'

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

@@ -4,37 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableDataCell = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _tableDataCellStyles = _interopRequireDefault(require("./table-data-cell.styles.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); }
-
+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 rtlCorrespondingAlignments = {
   left: 'right',
   right: 'left',
   center: 'center'
 };
-const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const TableDataCell = exports.TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   var _rtlCorrespondingAlig;
-
   let {
     active,
     align,
@@ -66,7 +53,7 @@ const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     "data-test": dataTest,
     role: role,
     scope: scope,
-    className: "jsx-".concat(_tableDataCellStyles.default.__hash) + " " + _style.default.dynamic([["836058623", [left, align, width, backgroundColor || _uiConstants.colors.white, rtlAlign, backgroundColor || _uiConstants.colors.teal100, backgroundColor || _uiConstants.colors.grey100, backgroundColor || _uiConstants.colors.grey200, backgroundColor || '#cdeae8']]]) + " " + ((0, _classnames.default)(className, {
+    className: `jsx-${_tableDataCellStyles.default.__hash}` + " " + _style.default.dynamic([["836058623", [left, align, width, backgroundColor || _uiConstants.colors.white, rtlAlign, backgroundColor || _uiConstants.colors.teal100, backgroundColor || _uiConstants.colors.grey100, backgroundColor || _uiConstants.colors.grey200, backgroundColor || '#cdeae8']]]) + " " + ((0, _classnames.default)(className, {
       active,
       bordered,
       error,
@@ -80,9 +67,8 @@ const TableDataCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }, _tableDataCellStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "836058623",
     dynamic: [left, align, width, backgroundColor || _uiConstants.colors.white, rtlAlign, backgroundColor || _uiConstants.colors.teal100, backgroundColor || _uiConstants.colors.grey100, backgroundColor || _uiConstants.colors.grey200, backgroundColor || '#cdeae8']
-  }, ["td.__jsx-style-dynamic-selector{inset-inline-start:".concat(left, ";text-align:").concat(align, ";width:").concat(width, ";background-color:").concat(backgroundColor || _uiConstants.colors.white, ";}"), ".__jsx-style-dynamic-selector:dir(rtl){text-align:".concat(rtlAlign, ";}"), "tr.selected>td.__jsx-style-dynamic-selector{background-color:".concat(backgroundColor || _uiConstants.colors.teal100, ";}"), "tr:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:".concat(backgroundColor || _uiConstants.colors.grey100, ";}"), "tr:active>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:".concat(backgroundColor || _uiConstants.colors.grey200, ";}"), "tr.selected:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:".concat(backgroundColor || '#cdeae8', ";}")]));
+  }, [`td.__jsx-style-dynamic-selector{inset-inline-start:${left};text-align:${align};width:${width};background-color:${backgroundColor || _uiConstants.colors.white};}`, `.__jsx-style-dynamic-selector:dir(rtl){text-align:${rtlAlign};}`, `tr.selected>td.__jsx-style-dynamic-selector{background-color:${backgroundColor || _uiConstants.colors.teal100};}`, `tr:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey100};}`, `tr:active>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey200};}`, `tr.selected:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || '#cdeae8'};}`]));
 });
-exports.TableDataCell = TableDataCell;
 TableDataCell.displayName = 'TableDataCell';
 TableDataCell.defaultProps = {
   align: 'left',
@@ -95,7 +81,6 @@ TableDataCell.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,
@@ -103,23 +88,18 @@ TableDataCell.propTypes = {
   className: _propTypes2.default.string,
   colSpan: _propTypes2.default.string,
   dataTest: _propTypes2.default.string,
-
   /** Mutually exclusive with muted and valid */
   error: stylePropType,
   large: _propTypes2.default.bool,
-
   /** Required when fixed */
   left: (0, _propTypes.requiredIf)(props => props.fixed, _propTypes2.default.string),
-
   /** 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,
-
   /** Mutually exclusive with error and muted */
   valid: stylePropType,
   width: _propTypes2.default.string,

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

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
-const _defaultExport = ["td.jsx-533878895{padding:14px 12px;font-size:14px;border:1px solid transparant;border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";color:").concat(_uiConstants.colors.grey900, ";}"), "td.active.jsx-533878895{outline:2px solid ".concat(_uiConstants.colors.grey600, ";outline-offset:-2px;}"), "td.bordered.jsx-533878895{border-inline-end:1px solid ".concat(_uiConstants.colors.grey300, ";}"), "td.bordered.jsx-533878895:last-child{border-inline-end:1px solid transparent;}", "td.error.jsx-533878895{color:".concat(_uiConstants.colors.red700, ";}"), "td.muted.jsx-533878895{color:".concat(_uiConstants.colors.grey700, ";font-style:italic;}"), "td.valid.jsx-533878895{color:".concat(_uiConstants.colors.green700, ";}"), "td.large.jsx-533878895{padding:20px 12px;font-size:16px;}", "tr:last-child td.jsx-533878895{border-bottom:1px solid transparent;}", "tfoot tr:first-child td.jsx-533878895{border-top:1px solid ".concat(_uiConstants.colors.grey300, ";}")];
+const _defaultExport = [`td.jsx-533878895{padding:14px 12px;font-size:14px;border:1px solid transparant;border-bottom:1px solid ${_uiConstants.colors.grey300};color:${_uiConstants.colors.grey900};}`, `td.active.jsx-533878895{outline:2px solid ${_uiConstants.colors.grey600};outline-offset:-2px;}`, `td.bordered.jsx-533878895{border-inline-end:1px solid ${_uiConstants.colors.grey300};}`, "td.bordered.jsx-533878895:last-child{border-inline-end:1px solid transparent;}", `td.error.jsx-533878895{color:${_uiConstants.colors.red700};}`, `td.muted.jsx-533878895{color:${_uiConstants.colors.grey700};font-style:italic;}`, `td.valid.jsx-533878895{color:${_uiConstants.colors.green700};}`, "td.large.jsx-533878895{padding:20px 12px;font-size:16px;}", "tr:last-child td.jsx-533878895{border-bottom:1px solid transparent;}", `tfoot tr:first-child td.jsx-533878895{border-top:1px solid ${_uiConstants.colors.grey300};}`];
 _defaultExport.__hash = "533878895";
-var _default = _defaultExport;
-exports.default = _default;
+var _default = exports.default = _defaultExport;

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

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableFoot = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-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 TableFoot = /*#__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 TableFoot = exports.TableFoot = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -32,7 +25,6 @@ const TableFoot = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     role: role
   }), children);
 });
-exports.TableFoot = TableFoot;
 TableFoot.displayName = 'TableFoot';
 TableFoot.defaultProps = {
   dataTest: 'dhis2-uicore-tablefoot'

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

@@ -4,20 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableHead = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-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 TableHead = /*#__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 TableHead = exports.TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
     className,
@@ -32,7 +25,6 @@ const TableHead = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     role: role
   }), children);
 });
-exports.TableHead = TableHead;
 TableHead.displayName = 'TableHead';
 TableHead.defaultProps = {
   dataTest: 'dhis2-uicore-tablehead'

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

@@ -4,31 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableHeaderCell = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _tableHeaderCellStyles = _interopRequireDefault(require("./table-header-cell.styles.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); }
-
+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 AUTO = 'auto';
-const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+const TableHeaderCell = exports.TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     active,
     align,
@@ -61,7 +49,7 @@ const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     "data-test": dataTest,
     role: role,
     scope: scope,
-    className: "jsx-".concat(_tableHeaderCellStyles.default.__hash) + " " + _style.default.dynamic([["2588011372", [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]]]) + " " + ((0, _classnames.default)(className, {
+    className: `jsx-${_tableHeaderCellStyles.default.__hash}` + " " + _style.default.dynamic([["2588011372", [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]]]) + " " + ((0, _classnames.default)(className, {
       active,
       bordered,
       error,
@@ -77,9 +65,8 @@ const TableHeaderCell = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }, _tableHeaderCellStyles.default), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2588011372",
     dynamic: [left, top, align, width, backgroundColor || _uiConstants.colors.grey200, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey300, backgroundColor || _uiConstants.colors.grey200]
-  }, ["th.__jsx-style-dynamic-selector{inset-inline-start:".concat(left, ";top:").concat(top, ";text-align:").concat(align, ";width:").concat(width, ";background-color:").concat(backgroundColor || _uiConstants.colors.grey200, ";}"), "thead th.fixedHorizontally.__jsx-style-dynamic-selector{background-color:".concat(backgroundColor || _uiConstants.colors.grey300, ";}"), "tbody>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle),tfoot>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:".concat(backgroundColor || _uiConstants.colors.grey300, ";}"), "tbody>tr:active>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:".concat(backgroundColor || _uiConstants.colors.grey200, ";}")]));
+  }, [`th.__jsx-style-dynamic-selector{inset-inline-start:${left};top:${top};text-align:${align};width:${width};background-color:${backgroundColor || _uiConstants.colors.grey200};}`, `thead th.fixedHorizontally.__jsx-style-dynamic-selector{background-color:${backgroundColor || _uiConstants.colors.grey300};}`, `tbody>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle),tfoot>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey300};}`, `tbody>tr:active>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || _uiConstants.colors.grey200};}`]));
 });
-exports.TableHeaderCell = TableHeaderCell;
 TableHeaderCell.displayName = 'TableHeaderCell';
 TableHeaderCell.defaultProps = {
   align: 'left',
@@ -93,7 +80,6 @@ TableHeaderCell.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,
@@ -101,27 +87,21 @@ TableHeaderCell.propTypes = {
   className: _propTypes2.default.string,
   colSpan: _propTypes2.default.string,
   dataTest: _propTypes2.default.string,
-
   /** Mutually exclusive with muted and valid */
   error: stylePropType,
   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),
-
   /** 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,
-
   /** Left or top required when fixed */
   top: (0, _propTypes.requiredIf)(props => props.fixed && !props.left, _propTypes2.default.string),
-
   /** Mutually exclusive with error and muted */
   valid: stylePropType,
   width: _propTypes2.default.string,

package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.styles.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
-const _defaultExport = ["th.jsx-2895298632{padding:12px;border:1px solid transparant;border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";color:").concat(_uiConstants.colors.grey800, ";font-weight:normal;font-size:14px;vertical-align:top;}"), "thead th.jsx-2895298632{padding:8px 12px;font-size:13px;}", "th.jsx-2895298632:last-of-type{border-inline-end:1px solid ".concat(_uiConstants.colors.grey300, ";}"), "th.active.jsx-2895298632{outline:2px solid ".concat(_uiConstants.colors.grey600, ";outline-offset:-2px;}"), "th.bordered.jsx-2895298632{border-inline-end:1px solid ".concat(_uiConstants.colors.grey300, ";}"), "th.bordered.jsx-2895298632:last-child{border-inline-end:1px solid transparent;}", "th.error.jsx-2895298632{color:".concat(_uiConstants.colors.red700, ";}"), "th.muted.jsx-2895298632{color:".concat(_uiConstants.colors.grey700, ";font-style:italic;}"), "th.valid.jsx-2895298632{color:".concat(_uiConstants.colors.green700, ";}"), "th.large.jsx-2895298632{padding:14px 12px;font-size:16px;}", "thead th.large.jsx-2895298632{padding:13px 12px;font-size:15px;}", "th.fixed.jsx-2895298632{position:-webkit-sticky;position:sticky;z-index:1;}", "thead th.fixed.jsx-2895298632{position:-webkit-sticky;position:sticky;z-index:2;}", "thead th.fixedHorizontally.jsx-2895298632{z-index:3;}", "tr:last-child th.jsx-2895298632{border-bottom:1px solid transparent;}", "thead tr:last-child th.jsx-2895298632{border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";}"), "tfoot>tr:first-child th.jsx-2895298632{border-top:1px solid ".concat(_uiConstants.colors.grey300, ";}")];
+const _defaultExport = [`th.jsx-2895298632{padding:12px;border:1px solid transparant;border-bottom:1px solid ${_uiConstants.colors.grey300};color:${_uiConstants.colors.grey800};font-weight:normal;font-size:14px;vertical-align:top;}`, "thead th.jsx-2895298632{padding:8px 12px;font-size:13px;}", `th.jsx-2895298632:last-of-type{border-inline-end:1px solid ${_uiConstants.colors.grey300};}`, `th.active.jsx-2895298632{outline:2px solid ${_uiConstants.colors.grey600};outline-offset:-2px;}`, `th.bordered.jsx-2895298632{border-inline-end:1px solid ${_uiConstants.colors.grey300};}`, "th.bordered.jsx-2895298632:last-child{border-inline-end:1px solid transparent;}", `th.error.jsx-2895298632{color:${_uiConstants.colors.red700};}`, `th.muted.jsx-2895298632{color:${_uiConstants.colors.grey700};font-style:italic;}`, `th.valid.jsx-2895298632{color:${_uiConstants.colors.green700};}`, "th.large.jsx-2895298632{padding:14px 12px;font-size:16px;}", "thead th.large.jsx-2895298632{padding:13px 12px;font-size:15px;}", "th.fixed.jsx-2895298632{position:-webkit-sticky;position:sticky;z-index:1;}", "thead th.fixed.jsx-2895298632{position:-webkit-sticky;position:sticky;z-index:2;}", "thead th.fixedHorizontally.jsx-2895298632{z-index:3;}", "tr:last-child th.jsx-2895298632{border-bottom:1px solid transparent;}", `thead tr:last-child th.jsx-2895298632{border-bottom:1px solid ${_uiConstants.colors.grey300};}`, `tfoot>tr:first-child th.jsx-2895298632{border-top:1px solid ${_uiConstants.colors.grey300};}`];
 _defaultExport.__hash = "2895298632";
-var _default = _defaultExport;
-exports.default = _default;
+var _default = exports.default = _defaultExport;

package/build/cjs/data-table/table-elements/table-header-cell-action.js

@@ -4,24 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TableHeaderCellAction = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-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 TableHeaderCellAction = /*#__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 TableHeaderCellAction = exports.TableHeaderCellAction = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     onClick,
     children,
@@ -39,9 +30,8 @@ const TableHeaderCellAction = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   }), children, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4225768774",
     dynamic: [_uiConstants.colors.grey400]
-  }, ["button.__jsx-style-dynamic-selector{border:none;padding:0;background:transparent;width:24px;height:24px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;border-radius:4px;margin-inline-start:2px;}", "button.__jsx-style-dynamic-selector:hover,button.__jsx-style-dynamic-selector:focus-visible{background:".concat(_uiConstants.colors.grey400, ";}"), "button.__jsx-style-dynamic-selector:active,button.__jsx-style-dynamic-selector:focus{outline:none;}"]));
+  }, ["button.__jsx-style-dynamic-selector{border:none;padding:0;background:transparent;width:24px;height:24px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;border-radius:4px;margin-inline-start:2px;}", `button.__jsx-style-dynamic-selector:hover,button.__jsx-style-dynamic-selector:focus-visible{background:${_uiConstants.colors.grey400};}`, "button.__jsx-style-dynamic-selector:active,button.__jsx-style-dynamic-selector:focus{outline:none;}"]));
 });
-exports.TableHeaderCellAction = TableHeaderCellAction;
 TableHeaderCellAction.displayName = 'TableHeaderCellAction';
 TableHeaderCellAction.defaultProps = {
   dataTest: 'dhis2-uicore-tableheadercellaction'