@dhis2/analytics 28.0.2 → 28.0.4

package/build/cjs/components/PeriodDimension/RelativePeriodFilter.js

@@ -13,36 +13,30 @@ var _PeriodFilterStyle = _interopRequireDefault(require("./styles/PeriodFilter.s
 var _index2 = require("./utils/index.js");
 var _relativePeriods = require("./utils/relativePeriods.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RelativePeriodFilter = _ref => {
-  let {
-    currentFilter,
-    onSelectFilter,
-    dataTest,
-    excludedPeriodTypes
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_PeriodFilterStyle.default.__hash}` + " " + "leftSection"
-  }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
-    label: _index.default.t('Period type'),
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onSelectFilter(selected);
-    },
-    dense: true,
-    selected: currentFilter,
-    className: "filterElement",
-    dataTest: dataTest
-  }, (0, _index2.filterPeriodTypesById)((0, _relativePeriods.getRelativePeriodsOptions)(), excludedPeriodTypes).map(option => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
-    key: option.id,
-    value: option.id,
-    label: option.name,
-    dataTest: `${dataTest}-option-${option.id}`
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: _PeriodFilterStyle.default.__hash
-  }, _PeriodFilterStyle.default));
-};
+const RelativePeriodFilter = ({
+  currentFilter,
+  onSelectFilter,
+  dataTest,
+  excludedPeriodTypes
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: `jsx-${_PeriodFilterStyle.default.__hash}` + " " + "leftSection"
+}, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
+  label: _index.default.t('Period type'),
+  onChange: ({
+    selected
+  }) => onSelectFilter(selected),
+  dense: true,
+  selected: currentFilter,
+  className: "filterElement",
+  dataTest: dataTest
+}, (0, _index2.filterPeriodTypesById)((0, _relativePeriods.getRelativePeriodsOptions)(), excludedPeriodTypes).map(option => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
+  key: option.id,
+  value: option.id,
+  label: option.name,
+  dataTest: `${dataTest}-option-${option.id}`
+}))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _PeriodFilterStyle.default.__hash
+}, _PeriodFilterStyle.default));
 RelativePeriodFilter.propTypes = {
   currentFilter: _propTypes.default.string.isRequired,
   onSelectFilter: _propTypes.default.func.isRequired,

package/build/cjs/components/PeriodDimension/__tests__/__snapshots__/FixedPeriodSingleSelect.spec.js.snap

@@ -10,7 +10,6 @@ exports[`The Fixed Period Single Select component matches the snapshot 1`] = `
     <FixedPeriodFilter
       currentPeriodType="MONTHLY"
       currentYear="2014"
-      excludedPeriodTypes={Array []}
       onSelectPeriodType={[Function]}
       onSelectYear={[Function]}
     />

package/build/cjs/components/PeriodDimension/__tests__/__snapshots__/PeriodDimension.spec.js.snap

@@ -3,7 +3,6 @@
 exports[`The Period Dimension component matches the snapshot 1`] = `
 <PeriodTransfer
   dataTest="period-dimension"
-  excludedPeriodTypes={Array []}
   onSelect={[Function]}
   periodsSettings={
     Object {

package/build/cjs/components/PeriodDimension/utils/fixedPeriods.js

@@ -44,13 +44,12 @@ const PERIOD_TYPE_REGEX = exports.PERIOD_TYPE_REGEX = {
   // YYYY"July"
   [_index2.FYAPR]: /^([0-9]{4})April$/ // YYYY"April"
 };
-const getPeriods = _ref => {
-  let {
-    periodType,
-    config,
-    fnFilter,
-    periodSettings = {}
-  } = _ref;
+const getPeriods = ({
+  periodType,
+  config,
+  fnFilter,
+  periodSettings = {}
+}) => {
   const offset = parseInt(config.offset, 10);
   const isFilter = config.filterFuturePeriods;
   const isReverse = periodType.match(/^FY|YEARLY/) ? true : config.reversePeriods;

package/build/cjs/components/PeriodDimension/utils/index.js

@@ -23,9 +23,5 @@ const FYNOV = exports.FYNOV = 'FYNOV';
 const FYOCT = exports.FYOCT = 'FYOCT';
 const FYJUL = exports.FYJUL = 'FYJUL';
 const FYAPR = exports.FYAPR = 'FYAPR';
-const filterPeriodTypesById = function () {
-  let allPeriodTypes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let excludedPeriodTypes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return allPeriodTypes.filter(period => !excludedPeriodTypes.includes(period.id));
-};
+const filterPeriodTypesById = (allPeriodTypes = [], excludedPeriodTypes = []) => allPeriodTypes.filter(period => !excludedPeriodTypes.includes(period.id));
 exports.filterPeriodTypesById = filterPeriodTypesById;

package/build/cjs/components/PivotTable/PivotTable.js

@@ -14,17 +14,15 @@ var _PivotTableBody = require("./PivotTableBody.js");
 var _PivotTableContainer = require("./PivotTableContainer.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableHead = require("./PivotTableHead.js");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTable = _ref => {
-  let {
-    visualization,
-    data,
-    legendSets,
-    renderCounter,
-    onToggleContextualMenu
-  } = _ref;
+const PivotTable = ({
+  visualization,
+  data,
+  legendSets,
+  renderCounter,
+  onToggleContextualMenu
+}) => {
   const containerRef = (0, _react.useRef)(undefined);
   const {
     width,

package/build/cjs/components/PivotTable/PivotTableBody.js

@@ -10,35 +10,26 @@ var _PivotTableClippedAxis = require("./PivotTableClippedAxis.js");
 var _PivotTableEmptyRow = require("./PivotTableEmptyRow.js");
 var _PivotTableRow = require("./PivotTableRow.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableBody = _ref => {
-  let {
-    clippingResult,
-    onToggleContextualMenu
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_PivotTableClippedAxis.PivotTableClippedAxis, {
-    axisClippingResult: clippingResult.rows,
-    EmptyComponent: _ref2 => {
-      let {
-        size
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_PivotTableEmptyRow.PivotTableEmptyRow, {
-        height: size,
-        columns: clippingResult.columns.indices
-      });
-    },
-    ItemComponent: _ref3 => {
-      let {
-        index
-      } = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_PivotTableRow.PivotTableRow, {
-        key: index,
-        clippingResult: clippingResult,
-        rowIndex: index,
-        onToggleContextualMenu: onToggleContextualMenu
-      });
-    }
-  }));
-};
+const PivotTableBody = ({
+  clippingResult,
+  onToggleContextualMenu
+}) => /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_PivotTableClippedAxis.PivotTableClippedAxis, {
+  axisClippingResult: clippingResult.rows,
+  EmptyComponent: ({
+    size
+  }) => /*#__PURE__*/_react.default.createElement(_PivotTableEmptyRow.PivotTableEmptyRow, {
+    height: size,
+    columns: clippingResult.columns.indices
+  }),
+  ItemComponent: ({
+    index
+  }) => /*#__PURE__*/_react.default.createElement(_PivotTableRow.PivotTableRow, {
+    key: index,
+    clippingResult: clippingResult,
+    rowIndex: index,
+    onToggleContextualMenu: onToggleContextualMenu
+  })
+}));
 exports.PivotTableBody = PivotTableBody;
 PivotTableBody.propTypes = {
   clippingResult: _propTypes.default.object.isRequired,

package/build/cjs/components/PivotTable/PivotTableCell.js

@@ -12,15 +12,14 @@ var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableStyle = require("./styles/PivotTable.style.js");
 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 PivotTableCell = exports.PivotTableCell = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    classes,
-    isHeader,
-    children,
-    dataTest,
-    style = {},
-    ...props
-  } = _ref;
+const PivotTableCell = exports.PivotTableCell = /*#__PURE__*/_react.default.forwardRef(({
+  classes,
+  isHeader,
+  children,
+  dataTest,
+  style = {},
+  ...props
+}, ref) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   style.width = style.minWidth = style.maxWidth = style.width;
   style.height = style.minHeight = style.maxHeight = style.height || engine.fontSize + engine.cellPadding * 2 + 2;
@@ -43,9 +42,6 @@ const PivotTableCell = exports.PivotTableCell = /*#__PURE__*/_react.default.forw
   }, _PivotTableStyle.cell), children);
 });
 PivotTableCell.displayName = 'PivotTableCell';
-PivotTableCell.defaultProps = {
-  isHeader: false
-};
 PivotTableCell.propTypes = {
   children: _propTypes.default.node,
   classes: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.string]),

package/build/cjs/components/PivotTable/PivotTableClippedAxis.js

@@ -7,23 +7,20 @@ exports.PivotTableClippedAxis = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableClippedAxis = _ref => {
-  let {
-    axisClippingResult,
-    EmptyComponent,
-    ItemComponent
-  } = _ref;
-  return [axisClippingResult.pre ? /*#__PURE__*/_react.default.createElement(EmptyComponent, {
-    key: "pre",
-    size: axisClippingResult.pre
-  }) : null, axisClippingResult.indices.map(index => /*#__PURE__*/_react.default.createElement(ItemComponent, {
-    key: index,
-    index: index
-  })), axisClippingResult.post ? /*#__PURE__*/_react.default.createElement(EmptyComponent, {
-    key: "post",
-    size: axisClippingResult.post
-  }) : null];
-};
+const PivotTableClippedAxis = ({
+  axisClippingResult,
+  EmptyComponent,
+  ItemComponent
+}) => [axisClippingResult.pre ? /*#__PURE__*/_react.default.createElement(EmptyComponent, {
+  key: "pre",
+  size: axisClippingResult.pre
+}) : null, axisClippingResult.indices.map(index => /*#__PURE__*/_react.default.createElement(ItemComponent, {
+  key: index,
+  index: index
+})), axisClippingResult.post ? /*#__PURE__*/_react.default.createElement(EmptyComponent, {
+  key: "post",
+  size: axisClippingResult.post
+}) : null];
 exports.PivotTableClippedAxis = PivotTableClippedAxis;
 PivotTableClippedAxis.propTypes = {
   axisClippingResult: _propTypes.default.object.isRequired,

package/build/cjs/components/PivotTable/PivotTableColumnHeaderCell.js

@@ -13,15 +13,14 @@ var _PivotTableHeaderCell = require("./PivotTableHeaderCell.js");
 var _PivotTableSortIcon = require("./PivotTableSortIcon.js");
 var _PivotTableStyle = require("./styles/PivotTable.style.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableColumnHeaderCell = _ref => {
+const PivotTableColumnHeaderCell = ({
+  clippingResult,
+  index,
+  level,
+  onSortByColumn,
+  sortBy
+}) => {
   var _engine$adaptiveClipp;
-  let {
-    clippingResult,
-    index,
-    level,
-    onSortByColumn,
-    sortBy
-  } = _ref;
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   const width = (_engine$adaptiveClipp = engine.adaptiveClippingController.columns.sizes[engine.columnMap[index]]) === null || _engine$adaptiveClipp === void 0 ? void 0 : _engine$adaptiveClipp.size;
   const height = engine.adaptiveClippingController.rows.headerSizes[level];

package/build/cjs/components/PivotTable/PivotTableColumnHeaders.js

@@ -13,12 +13,11 @@ var _PivotTableDimensionLabelCell = require("./PivotTableDimensionLabelCell.js")
 var _PivotTableEmptyCell = require("./PivotTableEmptyCell.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableColumnHeaders = _ref => {
-  let {
-    clippingResult,
-    onSortByColumn,
-    sortBy
-  } = _ref;
+const PivotTableColumnHeaders = ({
+  clippingResult,
+  onSortByColumn,
+  sortBy
+}) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   const columns = (0, _times.default)(engine.columnDepth, x => x);
   const rows = (0, _times.default)(engine.rowDepth, x => x);
@@ -30,29 +29,23 @@ const PivotTableColumnHeaders = _ref => {
     columnLevel: columnLevel
   })), /*#__PURE__*/_react.default.createElement(_PivotTableClippedAxis.PivotTableClippedAxis, {
     axisClippingResult: clippingResult.columns,
-    EmptyComponent: _ref2 => {
-      let {
-        size
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_PivotTableEmptyCell.PivotTableEmptyCell, {
-        classes: "column-header",
-        style: {
-          minWidth: size
-        }
-      });
-    },
-    ItemComponent: _ref3 => {
-      let {
-        index
-      } = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_PivotTableColumnHeaderCell.PivotTableColumnHeaderCell, {
-        clippingResult: clippingResult,
-        index: index,
-        level: columnLevel,
-        onSortByColumn: onSortByColumn,
-        sortBy: sortBy
-      });
-    }
+    EmptyComponent: ({
+      size
+    }) => /*#__PURE__*/_react.default.createElement(_PivotTableEmptyCell.PivotTableEmptyCell, {
+      classes: "column-header",
+      style: {
+        minWidth: size
+      }
+    }),
+    ItemComponent: ({
+      index
+    }) => /*#__PURE__*/_react.default.createElement(_PivotTableColumnHeaderCell.PivotTableColumnHeaderCell, {
+      clippingResult: clippingResult,
+      index: index,
+      level: columnLevel,
+      onSortByColumn: onSortByColumn,
+      sortBy: sortBy
+    })
   })));
 };
 exports.PivotTableColumnHeaders = PivotTableColumnHeaders;

package/build/cjs/components/PivotTable/PivotTableContainer.js

@@ -11,12 +11,11 @@ var _react = _interopRequireDefault(require("react"));
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableStyle = require("./styles/PivotTable.style.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableContainer = exports.PivotTableContainer = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    width,
-    height,
-    children
-  } = _ref;
+const PivotTableContainer = exports.PivotTableContainer = /*#__PURE__*/_react.default.forwardRef(({
+  width,
+  height,
+  children
+}, ref) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {

package/build/cjs/components/PivotTable/PivotTableDimensionLabelCell.js

@@ -9,11 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _PivotTableCell = require("./PivotTableCell.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableDimensionLabelCell = _ref => {
-  let {
-    rowLevel,
-    columnLevel
-  } = _ref;
+const PivotTableDimensionLabelCell = ({
+  rowLevel,
+  columnLevel
+}) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   const colCount = engine.rowDepth;
   const rowCount = engine.columnDepth;

package/build/cjs/components/PivotTable/PivotTableEmptyCell.js

@@ -10,10 +10,9 @@ var _PivotTableCell = require("./PivotTableCell.js");
 var _PivotTableStyle = require("./styles/PivotTable.style.js");
 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 PivotTableEmptyCell = exports.PivotTableEmptyCell = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    ...props
-  } = _ref;
+const PivotTableEmptyCell = exports.PivotTableEmptyCell = /*#__PURE__*/_react.default.forwardRef(({
+  ...props
+}, ref) => {
   return /*#__PURE__*/_react.default.createElement(_PivotTableCell.PivotTableCell, _extends({
     ref: ref
   }, props), /*#__PURE__*/_react.default.createElement(_style.default, {

package/build/cjs/components/PivotTable/PivotTableEmptyRow.js

@@ -9,11 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _PivotTableCell = require("./PivotTableCell.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableEmptyRow = _ref => {
-  let {
-    height,
-    columns
-  } = _ref;
+const PivotTableEmptyRow = ({
+  height,
+  columns
+}) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_PivotTableCell.PivotTableCell, {
     isHeader: true,

package/build/cjs/components/PivotTable/PivotTableEngineContext.js

@@ -6,15 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePivotTableEngine = exports.Provider = exports.PivotTableEngineContext = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const PivotTableEngineContext = exports.PivotTableEngineContext = /*#__PURE__*/(0, _react.createContext)(null);
-const Provider = _ref => {
-  let {
-    engine,
-    children
-  } = _ref;
+const Provider = ({
+  engine,
+  children
+}) => {
   return /*#__PURE__*/_react.default.createElement(PivotTableEngineContext.Provider, {
     value: engine
   }, children);

package/build/cjs/components/PivotTable/PivotTableHead.js

@@ -9,22 +9,19 @@ var _react = _interopRequireDefault(require("react"));
 var _PivotTableColumnHeaders = require("./PivotTableColumnHeaders.js");
 var _PivotTableTitleRows = require("./PivotTableTitleRows.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableHead = _ref => {
-  let {
-    clippingResult,
-    width,
-    sortBy,
-    onSortByColumn
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_PivotTableTitleRows.PivotTableTitleRows, {
-    clippingResult: clippingResult,
-    width: width
-  }), /*#__PURE__*/_react.default.createElement(_PivotTableColumnHeaders.PivotTableColumnHeaders, {
-    clippingResult: clippingResult,
-    sortBy: sortBy,
-    onSortByColumn: onSortByColumn
-  }));
-};
+const PivotTableHead = ({
+  clippingResult,
+  width,
+  sortBy,
+  onSortByColumn
+}) => /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_PivotTableTitleRows.PivotTableTitleRows, {
+  clippingResult: clippingResult,
+  width: width
+}), /*#__PURE__*/_react.default.createElement(_PivotTableColumnHeaders.PivotTableColumnHeaders, {
+  clippingResult: clippingResult,
+  sortBy: sortBy,
+  onSortByColumn: onSortByColumn
+}));
 exports.PivotTableHead = PivotTableHead;
 PivotTableHead.propTypes = {
   clippingResult: _propTypes.default.object.isRequired,

package/build/cjs/components/PivotTable/PivotTableHeaderCell.js

@@ -7,15 +7,14 @@ exports.PivotTableHeaderCell = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _getHeaderForDisplay = require("../../modules/pivotTable/getHeaderForDisplay.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableHeaderCell = _ref => {
-  let {
-    axisClippingResult,
-    index,
-    level,
-    getHeader,
-    render,
-    showHierarchy
-  } = _ref;
+const PivotTableHeaderCell = ({
+  axisClippingResult,
+  index,
+  level,
+  getHeader,
+  render,
+  showHierarchy
+}) => {
   const header = (0, _getHeaderForDisplay.getHeaderForDisplay)({
     start: axisClippingResult.indices[0],
     count: axisClippingResult.indices.length,

package/build/cjs/components/PivotTable/PivotTableRow.js

@@ -13,12 +13,11 @@ var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableRowHeaderCell = require("./PivotTableRowHeaderCell.js");
 var _PivotTableValueCell = require("./PivotTableValueCell.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableRow = _ref => {
-  let {
-    clippingResult,
-    rowIndex,
-    onToggleContextualMenu
-  } = _ref;
+const PivotTableRow = ({
+  clippingResult,
+  rowIndex,
+  onToggleContextualMenu
+}) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   return /*#__PURE__*/_react.default.createElement("tr", null, (0, _times.default)(engine.rowDepth, x => x).map(rowLevel => /*#__PURE__*/_react.default.createElement(_PivotTableRowHeaderCell.PivotTableRowHeaderCell, {
     key: rowLevel,
@@ -27,27 +26,21 @@ const PivotTableRow = _ref => {
     rowLevel: rowLevel
   })), /*#__PURE__*/_react.default.createElement(_PivotTableClippedAxis.PivotTableClippedAxis, {
     axisClippingResult: clippingResult.columns,
-    EmptyComponent: _ref2 => {
-      let {
-        size
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement(_PivotTableEmptyCell.PivotTableEmptyCell, {
-        classes: "value",
-        style: {
-          width: size
-        }
-      });
-    },
-    ItemComponent: _ref3 => {
-      let {
-        index: columnIndex
-      } = _ref3;
-      return /*#__PURE__*/_react.default.createElement(_PivotTableValueCell.PivotTableValueCell, {
-        row: rowIndex,
-        column: columnIndex,
-        onToggleContextualMenu: onToggleContextualMenu
-      });
-    }
+    EmptyComponent: ({
+      size
+    }) => /*#__PURE__*/_react.default.createElement(_PivotTableEmptyCell.PivotTableEmptyCell, {
+      classes: "value",
+      style: {
+        width: size
+      }
+    }),
+    ItemComponent: ({
+      index: columnIndex
+    }) => /*#__PURE__*/_react.default.createElement(_PivotTableValueCell.PivotTableValueCell, {
+      row: rowIndex,
+      column: columnIndex,
+      onToggleContextualMenu: onToggleContextualMenu
+    })
   }));
 };
 exports.PivotTableRow = PivotTableRow;

package/build/cjs/components/PivotTable/PivotTableRowHeaderCell.js

@@ -10,13 +10,12 @@ var _PivotTableCell = require("./PivotTableCell.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableHeaderCell = require("./PivotTableHeaderCell.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableRowHeaderCell = _ref => {
+const PivotTableRowHeaderCell = ({
+  clippingResult,
+  rowIndex,
+  rowLevel
+}) => {
   var _engine$adaptiveClipp;
-  let {
-    clippingResult,
-    rowIndex,
-    rowLevel
-  } = _ref;
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   const width = engine.adaptiveClippingController.columns.headerSizes[rowLevel];
   const height = (_engine$adaptiveClipp = engine.adaptiveClippingController.rows.sizes[engine.rowMap[rowIndex]]) === null || _engine$adaptiveClipp === void 0 ? void 0 : _engine$adaptiveClipp.size;

package/build/cjs/components/PivotTable/PivotTableSortIcon.js

@@ -14,11 +14,10 @@ var _SortIconIdle = require("./icons/SortIconIdle.js");
 var _PivotTableEngineContext = require("./PivotTableEngineContext.js");
 var _PivotTableStyle = require("./styles/PivotTable.style.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PivotTableSortIcon = _ref => {
-  let {
-    index,
-    sortBy
-  } = _ref;
+const PivotTableSortIcon = ({
+  index,
+  sortBy
+}) => {
   const engine = (0, _PivotTableEngineContext.usePivotTableEngine)();
   const SortIcon = (sortBy === null || sortBy === void 0 ? void 0 : sortBy.column) === index ? sortBy.order === _pivotTableConstants.SORT_ORDER_ASCENDING ? _SortIconAscending.SortIconAscending : _SortIconDescending.SortIconDescending : _SortIconIdle.SortIconIdle;
   return /*#__PURE__*/_react.default.createElement("span", {