@dhis2/analytics 28.0.2 → 28.0.4

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

@@ -6,36 +6,30 @@ import i18n from '../../locales/index.js';
 import styles from './styles/PeriodFilter.style.js';
 import { filterPeriodTypesById } from './utils/index.js';
 import { getRelativePeriodsOptions } from './utils/relativePeriods.js';
-const RelativePeriodFilter = _ref => {
-  let {
-    currentFilter,
-    onSelectFilter,
-    dataTest,
-    excludedPeriodTypes
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${styles.__hash}` + " " + "leftSection"
-  }, /*#__PURE__*/React.createElement(SingleSelectField, {
-    label: i18n.t('Period type'),
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onSelectFilter(selected);
-    },
-    dense: true,
-    selected: currentFilter,
-    className: "filterElement",
-    dataTest: dataTest
-  }, filterPeriodTypesById(getRelativePeriodsOptions(), excludedPeriodTypes).map(option => /*#__PURE__*/React.createElement(SingleSelectOption, {
-    key: option.id,
-    value: option.id,
-    label: option.name,
-    dataTest: `${dataTest}-option-${option.id}`
-  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: styles.__hash
-  }, styles));
-};
+const RelativePeriodFilter = ({
+  currentFilter,
+  onSelectFilter,
+  dataTest,
+  excludedPeriodTypes
+}) => /*#__PURE__*/React.createElement("div", {
+  className: `jsx-${styles.__hash}` + " " + "leftSection"
+}, /*#__PURE__*/React.createElement(SingleSelectField, {
+  label: i18n.t('Period type'),
+  onChange: ({
+    selected
+  }) => onSelectFilter(selected),
+  dense: true,
+  selected: currentFilter,
+  className: "filterElement",
+  dataTest: dataTest
+}, filterPeriodTypesById(getRelativePeriodsOptions(), excludedPeriodTypes).map(option => /*#__PURE__*/React.createElement(SingleSelectOption, {
+  key: option.id,
+  value: option.id,
+  label: option.name,
+  dataTest: `${dataTest}-option-${option.id}`
+}))), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: styles.__hash
+}, styles));
 RelativePeriodFilter.propTypes = {
   currentFilter: PropTypes.string.isRequired,
   onSelectFilter: PropTypes.func.isRequired,

package/build/es/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/es/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/es/components/PeriodDimension/utils/fixedPeriods.js

@@ -37,13 +37,12 @@ export const PERIOD_TYPE_REGEX = {
   // YYYY"July"
   [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/es/components/PeriodDimension/utils/index.js

@@ -17,8 +17,4 @@ export const FYNOV = 'FYNOV';
 export const FYOCT = 'FYOCT';
 export const FYJUL = 'FYJUL';
 export const FYAPR = 'FYAPR';
-export 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));
-};
+export const filterPeriodTypesById = (allPeriodTypes = [], excludedPeriodTypes = []) => allPeriodTypes.filter(period => !excludedPeriodTypes.includes(period.id));

package/build/es/components/PivotTable/PivotTable.js

@@ -8,14 +8,13 @@ import { PivotTableBody } from './PivotTableBody.js';
 import { PivotTableContainer } from './PivotTableContainer.js';
 import { Provider } from './PivotTableEngineContext.js';
 import { PivotTableHead } from './PivotTableHead.js';
-const PivotTable = _ref => {
-  let {
-    visualization,
-    data,
-    legendSets,
-    renderCounter,
-    onToggleContextualMenu
-  } = _ref;
+const PivotTable = ({
+  visualization,
+  data,
+  legendSets,
+  renderCounter,
+  onToggleContextualMenu
+}) => {
   const containerRef = useRef(undefined);
   const {
     width,

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

@@ -3,35 +3,26 @@ import React from 'react';
 import { PivotTableClippedAxis } from './PivotTableClippedAxis.js';
 import { PivotTableEmptyRow } from './PivotTableEmptyRow.js';
 import { PivotTableRow } from './PivotTableRow.js';
-export const PivotTableBody = _ref => {
-  let {
-    clippingResult,
-    onToggleContextualMenu
-  } = _ref;
-  return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(PivotTableClippedAxis, {
-    axisClippingResult: clippingResult.rows,
-    EmptyComponent: _ref2 => {
-      let {
-        size
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(PivotTableEmptyRow, {
-        height: size,
-        columns: clippingResult.columns.indices
-      });
-    },
-    ItemComponent: _ref3 => {
-      let {
-        index
-      } = _ref3;
-      return /*#__PURE__*/React.createElement(PivotTableRow, {
-        key: index,
-        clippingResult: clippingResult,
-        rowIndex: index,
-        onToggleContextualMenu: onToggleContextualMenu
-      });
-    }
-  }));
-};
+export const PivotTableBody = ({
+  clippingResult,
+  onToggleContextualMenu
+}) => /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(PivotTableClippedAxis, {
+  axisClippingResult: clippingResult.rows,
+  EmptyComponent: ({
+    size
+  }) => /*#__PURE__*/React.createElement(PivotTableEmptyRow, {
+    height: size,
+    columns: clippingResult.columns.indices
+  }),
+  ItemComponent: ({
+    index
+  }) => /*#__PURE__*/React.createElement(PivotTableRow, {
+    key: index,
+    clippingResult: clippingResult,
+    rowIndex: index,
+    onToggleContextualMenu: onToggleContextualMenu
+  })
+}));
 PivotTableBody.propTypes = {
   clippingResult: PropTypes.object.isRequired,
   onToggleContextualMenu: PropTypes.func

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

@@ -5,15 +5,14 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
 import { cell as cellStyle } from './styles/PivotTable.style.js';
-export const PivotTableCell = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    classes,
-    isHeader,
-    children,
-    dataTest,
-    style = {},
-    ...props
-  } = _ref;
+export const PivotTableCell = /*#__PURE__*/React.forwardRef(({
+  classes,
+  isHeader,
+  children,
+  dataTest,
+  style = {},
+  ...props
+}, ref) => {
   const engine = usePivotTableEngine();
   style.width = style.minWidth = style.maxWidth = style.width;
   style.height = style.minHeight = style.maxHeight = style.height || engine.fontSize + engine.cellPadding * 2 + 2;
@@ -36,9 +35,6 @@ export const PivotTableCell = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, cellStyle), children);
 });
 PivotTableCell.displayName = 'PivotTableCell';
-PivotTableCell.defaultProps = {
-  isHeader: false
-};
 PivotTableCell.propTypes = {
   children: PropTypes.node,
   classes: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),

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

@@ -1,22 +1,19 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-export const PivotTableClippedAxis = _ref => {
-  let {
-    axisClippingResult,
-    EmptyComponent,
-    ItemComponent
-  } = _ref;
-  return [axisClippingResult.pre ? /*#__PURE__*/React.createElement(EmptyComponent, {
-    key: "pre",
-    size: axisClippingResult.pre
-  }) : null, axisClippingResult.indices.map(index => /*#__PURE__*/React.createElement(ItemComponent, {
-    key: index,
-    index: index
-  })), axisClippingResult.post ? /*#__PURE__*/React.createElement(EmptyComponent, {
-    key: "post",
-    size: axisClippingResult.post
-  }) : null];
-};
+export const PivotTableClippedAxis = ({
+  axisClippingResult,
+  EmptyComponent,
+  ItemComponent
+}) => [axisClippingResult.pre ? /*#__PURE__*/React.createElement(EmptyComponent, {
+  key: "pre",
+  size: axisClippingResult.pre
+}) : null, axisClippingResult.indices.map(index => /*#__PURE__*/React.createElement(ItemComponent, {
+  key: index,
+  index: index
+})), axisClippingResult.post ? /*#__PURE__*/React.createElement(EmptyComponent, {
+  key: "post",
+  size: axisClippingResult.post
+}) : null];
 PivotTableClippedAxis.propTypes = {
   axisClippingResult: PropTypes.object.isRequired,
   EmptyComponent: PropTypes.func,

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

@@ -6,15 +6,14 @@ import { usePivotTableEngine } from './PivotTableEngineContext.js';
 import { PivotTableHeaderCell } from './PivotTableHeaderCell.js';
 import { PivotTableSortIcon } from './PivotTableSortIcon.js';
 import { cell as cellStyle } from './styles/PivotTable.style.js';
-export const PivotTableColumnHeaderCell = _ref => {
+export const PivotTableColumnHeaderCell = ({
+  clippingResult,
+  index,
+  level,
+  onSortByColumn,
+  sortBy
+}) => {
   var _engine$adaptiveClipp;
-  let {
-    clippingResult,
-    index,
-    level,
-    onSortByColumn,
-    sortBy
-  } = _ref;
   const engine = 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/es/components/PivotTable/PivotTableColumnHeaders.js

@@ -6,12 +6,11 @@ import { PivotTableColumnHeaderCell } from './PivotTableColumnHeaderCell.js';
 import { PivotTableDimensionLabelCell } from './PivotTableDimensionLabelCell.js';
 import { PivotTableEmptyCell } from './PivotTableEmptyCell.js';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
-export const PivotTableColumnHeaders = _ref => {
-  let {
-    clippingResult,
-    onSortByColumn,
-    sortBy
-  } = _ref;
+export const PivotTableColumnHeaders = ({
+  clippingResult,
+  onSortByColumn,
+  sortBy
+}) => {
   const engine = usePivotTableEngine();
   const columns = times(engine.columnDepth, x => x);
   const rows = times(engine.rowDepth, x => x);
@@ -23,29 +22,23 @@ export const PivotTableColumnHeaders = _ref => {
     columnLevel: columnLevel
   })), /*#__PURE__*/React.createElement(PivotTableClippedAxis, {
     axisClippingResult: clippingResult.columns,
-    EmptyComponent: _ref2 => {
-      let {
-        size
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(PivotTableEmptyCell, {
-        classes: "column-header",
-        style: {
-          minWidth: size
-        }
-      });
-    },
-    ItemComponent: _ref3 => {
-      let {
-        index
-      } = _ref3;
-      return /*#__PURE__*/React.createElement(PivotTableColumnHeaderCell, {
-        clippingResult: clippingResult,
-        index: index,
-        level: columnLevel,
-        onSortByColumn: onSortByColumn,
-        sortBy: sortBy
-      });
-    }
+    EmptyComponent: ({
+      size
+    }) => /*#__PURE__*/React.createElement(PivotTableEmptyCell, {
+      classes: "column-header",
+      style: {
+        minWidth: size
+      }
+    }),
+    ItemComponent: ({
+      index
+    }) => /*#__PURE__*/React.createElement(PivotTableColumnHeaderCell, {
+      clippingResult: clippingResult,
+      index: index,
+      level: columnLevel,
+      onSortByColumn: onSortByColumn,
+      sortBy: sortBy
+    })
   })));
 };
 PivotTableColumnHeaders.propTypes = {

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

@@ -4,12 +4,11 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
 import { table as tableStyle } from './styles/PivotTable.style.js';
-export const PivotTableContainer = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    width,
-    height,
-    children
-  } = _ref;
+export const PivotTableContainer = /*#__PURE__*/React.forwardRef(({
+  width,
+  height,
+  children
+}, ref) => {
   const engine = usePivotTableEngine();
   return /*#__PURE__*/React.createElement("div", {
     style: {

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

@@ -2,11 +2,10 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { PivotTableCell } from './PivotTableCell.js';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
-export const PivotTableDimensionLabelCell = _ref => {
-  let {
-    rowLevel,
-    columnLevel
-  } = _ref;
+export const PivotTableDimensionLabelCell = ({
+  rowLevel,
+  columnLevel
+}) => {
   const engine = usePivotTableEngine();
   const colCount = engine.rowDepth;
   const rowCount = engine.columnDepth;

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

@@ -3,10 +3,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import React from 'react';
 import { PivotTableCell } from './PivotTableCell.js';
 import { cell as cellStyle } from './styles/PivotTable.style.js';
-export const PivotTableEmptyCell = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    ...props
-  } = _ref;
+export const PivotTableEmptyCell = /*#__PURE__*/React.forwardRef(({
+  ...props
+}, ref) => {
   return /*#__PURE__*/React.createElement(PivotTableCell, _extends({
     ref: ref
   }, props), /*#__PURE__*/React.createElement(_JSXStyle, {

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

@@ -2,11 +2,10 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { PivotTableCell } from './PivotTableCell.js';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
-export const PivotTableEmptyRow = _ref => {
-  let {
-    height,
-    columns
-  } = _ref;
+export const PivotTableEmptyRow = ({
+  height,
+  columns
+}) => {
   const engine = usePivotTableEngine();
   return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(PivotTableCell, {
     isHeader: true,

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

@@ -1,11 +1,10 @@
 import PropTypes from 'prop-types';
 import React, { createContext, useContext } from 'react';
 export const PivotTableEngineContext = /*#__PURE__*/createContext(null);
-export const Provider = _ref => {
-  let {
-    engine,
-    children
-  } = _ref;
+export const Provider = ({
+  engine,
+  children
+}) => {
   return /*#__PURE__*/React.createElement(PivotTableEngineContext.Provider, {
     value: engine
   }, children);

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

@@ -2,22 +2,19 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { PivotTableColumnHeaders } from './PivotTableColumnHeaders.js';
 import { PivotTableTitleRows } from './PivotTableTitleRows.js';
-export const PivotTableHead = _ref => {
-  let {
-    clippingResult,
-    width,
-    sortBy,
-    onSortByColumn
-  } = _ref;
-  return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(PivotTableTitleRows, {
-    clippingResult: clippingResult,
-    width: width
-  }), /*#__PURE__*/React.createElement(PivotTableColumnHeaders, {
-    clippingResult: clippingResult,
-    sortBy: sortBy,
-    onSortByColumn: onSortByColumn
-  }));
-};
+export const PivotTableHead = ({
+  clippingResult,
+  width,
+  sortBy,
+  onSortByColumn
+}) => /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(PivotTableTitleRows, {
+  clippingResult: clippingResult,
+  width: width
+}), /*#__PURE__*/React.createElement(PivotTableColumnHeaders, {
+  clippingResult: clippingResult,
+  sortBy: sortBy,
+  onSortByColumn: onSortByColumn
+}));
 PivotTableHead.propTypes = {
   clippingResult: PropTypes.object.isRequired,
   width: PropTypes.number.isRequired,

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

@@ -1,14 +1,13 @@
 import PropTypes from 'prop-types';
 import { getHeaderForDisplay } from '../../modules/pivotTable/getHeaderForDisplay.js';
-export const PivotTableHeaderCell = _ref => {
-  let {
-    axisClippingResult,
-    index,
-    level,
-    getHeader,
-    render,
-    showHierarchy
-  } = _ref;
+export const PivotTableHeaderCell = ({
+  axisClippingResult,
+  index,
+  level,
+  getHeader,
+  render,
+  showHierarchy
+}) => {
   const header = getHeaderForDisplay({
     start: axisClippingResult.indices[0],
     count: axisClippingResult.indices.length,

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

@@ -6,12 +6,11 @@ import { PivotTableEmptyCell } from './PivotTableEmptyCell.js';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
 import { PivotTableRowHeaderCell } from './PivotTableRowHeaderCell.js';
 import { PivotTableValueCell } from './PivotTableValueCell.js';
-export const PivotTableRow = _ref => {
-  let {
-    clippingResult,
-    rowIndex,
-    onToggleContextualMenu
-  } = _ref;
+export const PivotTableRow = ({
+  clippingResult,
+  rowIndex,
+  onToggleContextualMenu
+}) => {
   const engine = usePivotTableEngine();
   return /*#__PURE__*/React.createElement("tr", null, times(engine.rowDepth, x => x).map(rowLevel => /*#__PURE__*/React.createElement(PivotTableRowHeaderCell, {
     key: rowLevel,
@@ -20,27 +19,21 @@ export const PivotTableRow = _ref => {
     rowLevel: rowLevel
   })), /*#__PURE__*/React.createElement(PivotTableClippedAxis, {
     axisClippingResult: clippingResult.columns,
-    EmptyComponent: _ref2 => {
-      let {
-        size
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(PivotTableEmptyCell, {
-        classes: "value",
-        style: {
-          width: size
-        }
-      });
-    },
-    ItemComponent: _ref3 => {
-      let {
-        index: columnIndex
-      } = _ref3;
-      return /*#__PURE__*/React.createElement(PivotTableValueCell, {
-        row: rowIndex,
-        column: columnIndex,
-        onToggleContextualMenu: onToggleContextualMenu
-      });
-    }
+    EmptyComponent: ({
+      size
+    }) => /*#__PURE__*/React.createElement(PivotTableEmptyCell, {
+      classes: "value",
+      style: {
+        width: size
+      }
+    }),
+    ItemComponent: ({
+      index: columnIndex
+    }) => /*#__PURE__*/React.createElement(PivotTableValueCell, {
+      row: rowIndex,
+      column: columnIndex,
+      onToggleContextualMenu: onToggleContextualMenu
+    })
   }));
 };
 PivotTableRow.propTypes = {

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

@@ -3,13 +3,12 @@ import React from 'react';
 import { PivotTableCell } from './PivotTableCell.js';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
 import { PivotTableHeaderCell } from './PivotTableHeaderCell.js';
-export const PivotTableRowHeaderCell = _ref => {
+export const PivotTableRowHeaderCell = ({
+  clippingResult,
+  rowIndex,
+  rowLevel
+}) => {
   var _engine$adaptiveClipp;
-  let {
-    clippingResult,
-    rowIndex,
-    rowLevel
-  } = _ref;
   const engine = 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/es/components/PivotTable/PivotTableSortIcon.js

@@ -7,11 +7,10 @@ import { SortIconDescending } from './icons/SortIconDescending.js';
 import { SortIconIdle } from './icons/SortIconIdle.js';
 import { usePivotTableEngine } from './PivotTableEngineContext.js';
 import { sortIcon as sortIconStyle } from './styles/PivotTable.style.js';
-export const PivotTableSortIcon = _ref => {
-  let {
-    index,
-    sortBy
-  } = _ref;
+export const PivotTableSortIcon = ({
+  index,
+  sortBy
+}) => {
   const engine = usePivotTableEngine();
   const SortIcon = (sortBy === null || sortBy === void 0 ? void 0 : sortBy.column) === index ? sortBy.order === SORT_ORDER_ASCENDING ? SortIconAscending : SortIconDescending : SortIconIdle;
   return /*#__PURE__*/React.createElement("span", {