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

package/build/cjs/locales/index.js

@@ -4,37 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
 var _translations = _interopRequireDefault(require("./ar/translations.json"));
-
 var _translations2 = _interopRequireDefault(require("./cs/translations.json"));
-
 var _translations3 = _interopRequireDefault(require("./en/translations.json"));
-
 var _translations4 = _interopRequireDefault(require("./es/translations.json"));
-
 var _translations5 = _interopRequireDefault(require("./es_419/translations.json"));
-
 var _translations6 = _interopRequireDefault(require("./km/translations.json"));
-
 var _translations7 = _interopRequireDefault(require("./lo/translations.json"));
-
 var _translations8 = _interopRequireDefault(require("./nb/translations.json"));
-
 var _translations9 = _interopRequireDefault(require("./nl/translations.json"));
-
 var _translations10 = _interopRequireDefault(require("./ru/translations.json"));
-
 var _translations11 = _interopRequireDefault(require("./uk/translations.json"));
-
 var _translations12 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
-
 var _translations13 = _interopRequireDefault(require("./zh/translations.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //------------------------------------------------------------------------------
 // <auto-generated>
 // This code was generated by d2-i18n-generate.
@@ -43,33 +27,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // the code is regenerated.
 // </auto-generated>
 //------------------------------------------------------------------------------
-const namespace = 'default';
 
+const namespace = 'default';
 _d2I18n.default.addResources('ar', namespace, _translations.default);
-
 _d2I18n.default.addResources('cs', namespace, _translations2.default);
-
 _d2I18n.default.addResources('en', namespace, _translations3.default);
-
 _d2I18n.default.addResources('es', namespace, _translations4.default);
-
 _d2I18n.default.addResources('es_419', namespace, _translations5.default);
-
 _d2I18n.default.addResources('km', namespace, _translations6.default);
-
 _d2I18n.default.addResources('lo', namespace, _translations7.default);
-
 _d2I18n.default.addResources('nb', namespace, _translations8.default);
-
 _d2I18n.default.addResources('nl', namespace, _translations9.default);
-
 _d2I18n.default.addResources('ru', namespace, _translations10.default);
-
 _d2I18n.default.addResources('uk', namespace, _translations11.default);
-
 _d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations12.default);
-
 _d2I18n.default.addResources('zh', namespace, _translations13.default);
-
-var _default = _d2I18n.default;
-exports.default = _default;
+var _default = exports.default = _d2I18n.default;

package/build/cjs/stacked-table/add-col-num-to-children.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.addColNumToChildren = void 0;
-
 var _react = require("react");
-
 const addColNumToChildren = children => {
   let curCol = 0;
   return _react.Children.map(children, child => {
@@ -18,5 +16,4 @@ const addColNumToChildren = children => {
     });
   });
 };
-
 exports.addColNumToChildren = addColNumToChildren;

package/build/cjs/stacked-table/content-with-title.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContentWithTitle = 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 _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 ContentWithTitle = _ref => {
   let {
     title,
@@ -31,9 +23,8 @@ const ContentWithTitle = _ref => {
   }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "215664166",
     dynamic: [_uiConstants.colors.grey700]
-  }, [".title.__jsx-style-dynamic-selector{display:block;white-space:normal;min-height:24px;font-size:13px;line-height:16px;padding:8px 0 4px;font-weight:normal;color:".concat(_uiConstants.colors.grey700, ";}"), ".content.__jsx-style-dynamic-selector{display:block;padding:0 0 8px 0;font-size:14px;line-height:18px;}", ".content.__jsx-style-dynamic-selector:first-child{padding-top:8px;padding-bottom:8px;}"]));
+  }, [`.title.__jsx-style-dynamic-selector{display:block;white-space:normal;min-height:24px;font-size:13px;line-height:16px;padding:8px 0 4px;font-weight:normal;color:${_uiConstants.colors.grey700};}`, ".content.__jsx-style-dynamic-selector{display:block;padding:0 0 8px 0;font-size:14px;line-height:18px;}", ".content.__jsx-style-dynamic-selector:first-child{padding-top:8px;padding-bottom:8px;}"]));
 };
-
 exports.ContentWithTitle = ContentWithTitle;
 ContentWithTitle.propTypes = {
   children: _propTypes.default.node.isRequired,

package/build/cjs/stacked-table/extract-header-labels.js

@@ -4,71 +4,68 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.extractHeaderLabels = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _stackedTableHead = require("./stacked-table-head.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const isChildTableHead = child => child.type === _stackedTableHead.StackedTableHead;
-
 const extractChildrenProp = component => component.props.children;
+const extractRowsFromTableChildren = children => _react.default.Children.toArray(children).filter(isChildTableHead)
 
-const extractRowsFromTableChildren = children => _react.default.Children.toArray(children).filter(isChildTableHead) // extract table head children (rows)
-.map(extractChildrenProp) // when there are multiple header rows,
+// extract table head children (rows)
+.map(extractChildrenProp)
+
+// when there are multiple header rows,
 // children will come as arrays
-.reduce((flattened, row) => Array.isArray(row) ? [...flattened, ...row] : [...flattened, row], []) // extract table row children (cells),
+.reduce((flattened, row) => Array.isArray(row) ? [...flattened, ...row] : [...flattened, row], [])
+
+// extract table row children (cells),
 // will return an array with arrays of cells
 .map(extractChildrenProp);
-
-const calculateColumnCount = row => Array.isArray(row) ? row.reduce((total, col) => // make sure to take col span into account
+const calculateColumnCount = row => Array.isArray(row) ? row.reduce((total, col) =>
+// make sure to take col span into account
 col.props.colSpan ? total + parseInt(col.props.colSpan, 10) : total + 1, 0) : 1;
-
 const mapCellsToLabels = rowChildren => {
-  let labels = []; // in case there's only one cell, the children are not an array
+  let labels = [];
+  // in case there's only one cell, the children are not an array
+  const row = Array.isArray(rowChildren) ? rowChildren : [rowChildren];
 
-  const row = Array.isArray(rowChildren) ? rowChildren : [rowChildren]; // Using a for loop here to be able to increment "i"
+  // Using a for loop here to be able to increment "i"
   // when a cell has a colspan prop by the colspan number
-
   for (let i = 0, count = row.length; i < count; ++i) {
     const cell = row[i];
     const colSpan = cell.props.colSpan ? parseInt(cell.props.colSpan, 10) : 1;
-    const label = extractLabelFromCell(cell); // Add a label entry for each column
+    const label = extractLabelFromCell(cell);
 
+    // Add a label entry for each column
     labels = [...labels, ...Array(colSpan).fill(label)];
   }
-
   return labels;
 };
-
 const extractLabelFromCell = cell => !cell.props.hideResponsiveLabel ? cell.props.children : '';
-
-const combineRowLables = (columnCount, rowCount, headerLabels) => // create array with length of column count
+const combineRowLables = (columnCount, rowCount, headerLabels) =>
+// create array with length of column count
 Array(columnCount).fill('').reduce((labels, _, colIndex) => {
   // an array with all labels for a column
-  const colLabels = // create array with length of rows
-  Array(rowCount).fill('') // get label for current row & col
-  .map((__, rowIndex) => headerLabels[rowIndex][colIndex]) // remove empty ones
+  const colLabels =
+  // create array with length of rows
+  Array(rowCount).fill('')
+  // get label for current row & col
+  .map((__, rowIndex) => headerLabels[rowIndex][colIndex])
+  // remove empty ones
   .filter(val => val);
   return [...labels, colLabels.join(' / ')];
 }, []);
-
 const extractHeaderLabels = children => {
   if (_react.default.Children.count(children) === 0) {
     return [];
   }
-
   const rows = extractRowsFromTableChildren(children);
-
   if (!rows.length) {
     return [];
   }
-
   const rowCount = rows.length;
   const columnCount = calculateColumnCount(rows[0]);
   const headerLabels = rows.map(mapCellsToLabels);
   return combineRowLables(columnCount, rowCount, headerLabels);
 };
-
 exports.extractHeaderLabels = extractHeaderLabels;

package/build/cjs/stacked-table/index.js

@@ -51,19 +51,11 @@ Object.defineProperty(exports, "StackedTableRowHead", {
     return _stackedTableRowHead.StackedTableRowHead;
   }
 });
-
 var _stackedTable = require("./stacked-table.js");
-
 var _stackedTableHead = require("./stacked-table-head.js");
-
 var _stackedTableBody = require("./stacked-table-body.js");
-
 var _stackedTableFoot = require("./stacked-table-foot.js");
-
 var _stackedTableCell = require("./stacked-table-cell.js");
-
 var _stackedTableCellHead = require("./stacked-table-cell-head.js");
-
 var _stackedTableRow = require("./stacked-table-row.js");
-
 var _stackedTableRowHead = require("./stacked-table-row-head.js");

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableBody = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableBody = _ref => {
   let {
     children,
@@ -26,7 +21,6 @@ const StackedTableBody = _ref => {
     id: "4146628131"
   }, ["tbody.jsx-4146628131{display:block;}"]));
 };
-
 exports.StackedTableBody = StackedTableBody;
 StackedTableBody.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/stacked-table/stacked-table-cell-head.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableCellHead = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableCellHead = _ref => {
   let {
     children,
@@ -33,9 +27,8 @@ const StackedTableCellHead = _ref => {
   }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "178822310",
     dynamic: [_uiConstants.colors.grey300]
-  }, ["th.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";padding:0 12px;}"), "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
+  }, [`th.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey300};padding:0 12px;}`, "div.__jsx-style-dynamic-selector{min-height:36px;}"]));
 };
-
 exports.StackedTableCellHead = StackedTableCellHead;
 StackedTableCellHead.propTypes = {
   children: _propTypes.default.string,

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableCell = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _contentWithTitle = require("./content-with-title.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableCell = _ref => {
   let {
     children,
@@ -41,9 +34,8 @@ const StackedTableCell = _ref => {
   }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1923758240",
     dynamic: [_uiConstants.colors.grey300]
-  }, ["td.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(_uiConstants.colors.grey300, ";padding:0 12px;font-size:14px;width:100%;display:block;}"), "td.__jsx-style-dynamic-selector:dir(rtl){text-align:right;}", "td.__jsx-style-dynamic-selector:last-child{border-bottom:0;}"]));
+  }, [`td.__jsx-style-dynamic-selector{border-bottom:1px solid ${_uiConstants.colors.grey300};padding:0 12px;font-size:14px;width:100%;display:block;}`, "td.__jsx-style-dynamic-selector:dir(rtl){text-align:right;}", "td.__jsx-style-dynamic-selector:last-child{border-bottom:0;}"]));
 };
-
 exports.StackedTableCell = StackedTableCell;
 StackedTableCell.propTypes = {
   children: _propTypes.default.node,

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableFoot = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableFoot = _ref => {
   let {
     children,
@@ -26,7 +21,6 @@ const StackedTableFoot = _ref => {
     id: "3912324960"
   }, ["tfoot.jsx-3912324960{display:block;margin-top:32px;}"]));
 };
-
 exports.StackedTableFoot = StackedTableFoot;
 StackedTableFoot.propTypes = {
   children: _propTypes.default.node,

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableHead = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableHead = _ref => {
   let {
     children,
@@ -26,7 +21,6 @@ const StackedTableHead = _ref => {
     id: "1150407268"
   }, ["thead.jsx-1150407268{display:none;}"]));
 };
-
 exports.StackedTableHead = StackedTableHead;
 StackedTableHead.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/stacked-table/stacked-table-row-head.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableRowHead = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _stackedTableRow = require("./stacked-table-row.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableRowHead = _ref => {
   let {
     children,
@@ -24,7 +19,6 @@ const StackedTableRowHead = _ref => {
     dataTest: dataTest
   }, children);
 };
-
 exports.StackedTableRowHead = StackedTableRowHead;
 StackedTableRowHead.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/stacked-table/stacked-table-row.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTableRow = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _addColNumToChildren = require("./add-col-num-to-children.js");
-
 var _supplyHeaderLabelsToChildren = require("./supply-header-labels-to-children.js");
-
 var _tableContext = require("./table-context.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StackedTableRow = _ref => {
   let {
     children,
@@ -38,9 +29,8 @@ const StackedTableRow = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2003961452",
     dynamic: [_uiConstants.colors.grey300, _uiConstants.colors.white]
-  }, ["tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ".concat(_uiConstants.colors.grey300, ";}"), "tr.__jsx-style-dynamic-selector:nth-child(even){background:".concat(_uiConstants.colors.white, ";}"), "thead>tr.__jsx-style-dynamic-selector,tbody>tr.__jsx-style-dynamic-selector{min-height:36px;}", "tr.__jsx-style-dynamic-selector+tr.__jsx-style-dynamic-selector{margin-top:32px;}"]));
+  }, [`tr.__jsx-style-dynamic-selector{min-height:45px;display:block;border:1px solid ${_uiConstants.colors.grey300};}`, `tr.__jsx-style-dynamic-selector:nth-child(even){background:${_uiConstants.colors.white};}`, "thead>tr.__jsx-style-dynamic-selector,tbody>tr.__jsx-style-dynamic-selector{min-height:36px;}", "tr.__jsx-style-dynamic-selector+tr.__jsx-style-dynamic-selector{margin-top:32px;}"]));
 };
-
 exports.StackedTableRow = StackedTableRow;
 StackedTableRow.propTypes = {
   children: _propTypes.default.node,

package/build/cjs/stacked-table/stacked-table.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StackedTable = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _extractHeaderLabels = require("./extract-header-labels.js");
-
 var _tableContext = require("./table-context.js");
-
 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 }; }
 const StackedTable = _ref => {
   let {
     children,
@@ -35,13 +28,11 @@ const StackedTable = _ref => {
     dataTest: dataTest
   }, children));
 };
-
 exports.StackedTable = StackedTable;
 StackedTable.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string,
-
   /** Labels for columns. Use an empty string for a column without a header. */
   headerLabels: _propTypes.default.arrayOf(_propTypes.default.string)
 };