@dhis2/analytics 23.8.4 → 23.8.7

package/build/es/components/Options/VisualizationOptions.js

@@ -4,34 +4,41 @@ import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import { modalContent, tabSection, tabSectionTitle, tabSectionTitleMargin, tabSectionOption, tabSectionOptionItem, tabSectionOptionToggleable, tabSectionToggleableSubsection, tabSectionOptionComplexInline, tabSectionOptionText, tabBar, tabContent, tabSectionOptionIcon } from './styles/VisualizationOptions.style.js';
 
-const VisualizationOptions = ({
-  optionsConfig,
-  onClose,
-  onUpdate
-}) => {
+const VisualizationOptions = _ref => {
+  let {
+    optionsConfig,
+    onClose,
+    onUpdate
+  } = _ref;
   const [activeTabKey, setActiveTabKey] = useState();
 
-  const generateTabContent = sections => sections.map(({
-    key,
-    label,
-    content,
-    helpText
-  }) => /*#__PURE__*/React.createElement("div", {
-    key: key,
-    className: tabSection.className
-  }, /*#__PURE__*/React.createElement(FieldSet, null, label ? /*#__PURE__*/React.createElement(Legend, null, /*#__PURE__*/React.createElement("span", {
-    className: tabSectionTitle.className
-  }, label)) : null, content, helpText ? /*#__PURE__*/React.createElement(Legend, null, /*#__PURE__*/React.createElement(Help, null, helpText)) : null)));
+  const generateTabContent = sections => sections.map(_ref2 => {
+    let {
+      key,
+      label,
+      content,
+      helpText
+    } = _ref2;
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      className: tabSection.className
+    }, /*#__PURE__*/React.createElement(FieldSet, null, label ? /*#__PURE__*/React.createElement(Legend, null, /*#__PURE__*/React.createElement("span", {
+      className: tabSectionTitle.className
+    }, label)) : null, content, helpText ? /*#__PURE__*/React.createElement(Legend, null, /*#__PURE__*/React.createElement(Help, null, helpText)) : null));
+  });
 
-  const generateTabs = tabs => tabs.map(({
-    key,
-    label,
-    content
-  }) => ({
-    key,
-    label,
-    content: generateTabContent(content)
-  }));
+  const generateTabs = tabs => tabs.map(_ref3 => {
+    let {
+      key,
+      label,
+      content
+    } = _ref3;
+    return {
+      key,
+      label,
+      content: generateTabContent(content)
+    };
+  });
 
   const getModalContent = () => {
     const tabs = generateTabs(optionsConfig);
@@ -45,14 +52,17 @@ const VisualizationOptions = ({
       className: tabBar.className
     }, /*#__PURE__*/React.createElement(TabBar, {
       dataTest: 'options-modal-tab-bar'
-    }, tabs.map(({
-      key,
-      label
-    }, index) => /*#__PURE__*/React.createElement(Tab, {
-      key: key,
-      onClick: () => setActiveTabKey(key),
-      selected: index === activeTabIndex
-    }, label))), tabBar.styles), /*#__PURE__*/React.createElement("div", {
+    }, tabs.map((_ref4, index) => {
+      let {
+        key,
+        label
+      } = _ref4;
+      return /*#__PURE__*/React.createElement(Tab, {
+        key: key,
+        onClick: () => setActiveTabKey(key),
+        selected: index === activeTabIndex
+      }, label);
+    })), tabBar.styles), /*#__PURE__*/React.createElement("div", {
       className: tabContent.className
     }, tabs[activeTabIndex].content, tabContent.styles, tabSection.styles, tabSectionTitle.styles, tabSectionTitleMargin.styles, tabSectionOption.styles, tabSectionOptionItem.styles, tabSectionOptionToggleable.styles, tabSectionToggleableSubsection.styles, tabSectionOptionComplexInline.styles, tabSectionOptionText.styles, tabSectionOptionIcon.styles));
   };

package/build/es/components/OrgUnitDimension/OrgUnitDimension.js

@@ -12,11 +12,12 @@ import { DIMENSION_ID_ORGUNIT } from '../../modules/predefinedDimensions.js';
 import styles from './styles/OrgUnitDimension.style.js';
 const DYNAMIC_ORG_UNITS = [USER_ORG_UNIT, USER_ORG_UNIT_CHILDREN, USER_ORG_UNIT_GRANDCHILDREN];
 
-const OrgUnitDimension = ({
-  roots,
-  selected,
-  onSelect
-}) => {
+const OrgUnitDimension = _ref => {
+  let {
+    roots,
+    selected,
+    onSelect
+  } = _ref;
   const [ouLevels, setOuLevels] = useState([]);
   const [ouGroups, setOuGroups] = useState([]);
   const dataEngine = useDataEngine();
@@ -150,35 +151,44 @@ const OrgUnitDimension = ({
   }, /*#__PURE__*/React.createElement(Checkbox, {
     label: i18n.t('User organisation unit'),
     checked: selected.some(item => item.id === USER_ORG_UNIT),
-    onChange: ({
-      checked
-    }) => onSelectItems({
-      id: USER_ORG_UNIT,
-      checked,
-      displayName: i18n.t('User organisation unit')
-    }),
+    onChange: _ref2 => {
+      let {
+        checked
+      } = _ref2;
+      return onSelectItems({
+        id: USER_ORG_UNIT,
+        checked,
+        displayName: i18n.t('User organisation unit')
+      });
+    },
     dense: true
   }), /*#__PURE__*/React.createElement(Checkbox, {
     label: i18n.t('User sub-units'),
     checked: selected.some(item => item.id === USER_ORG_UNIT_CHILDREN),
-    onChange: ({
-      checked
-    }) => onSelectItems({
-      id: USER_ORG_UNIT_CHILDREN,
-      checked,
-      displayName: i18n.t('User sub-units')
-    }),
+    onChange: _ref3 => {
+      let {
+        checked
+      } = _ref3;
+      return onSelectItems({
+        id: USER_ORG_UNIT_CHILDREN,
+        checked,
+        displayName: i18n.t('User sub-units')
+      });
+    },
     dense: true
   }), /*#__PURE__*/React.createElement(Checkbox, {
     label: i18n.t('User sub-x2-units'),
     checked: selected.some(item => item.id === USER_ORG_UNIT_GRANDCHILDREN),
-    onChange: ({
-      checked
-    }) => onSelectItems({
-      id: USER_ORG_UNIT_GRANDCHILDREN,
-      checked,
-      displayName: i18n.t('User sub-x2-units')
-    }),
+    onChange: _ref4 => {
+      let {
+        checked
+      } = _ref4;
+      return onSelectItems({
+        id: USER_ORG_UNIT_GRANDCHILDREN,
+        checked,
+        displayName: i18n.t('User sub-x2-units')
+      });
+    },
     dense: true
   })), /*#__PURE__*/React.createElement("div", {
     className: "jsx-".concat(styles.__hash) + " " + (cx('orgUnitTreeWrapper', {
@@ -196,9 +206,12 @@ const OrgUnitDimension = ({
     }) || "")
   }, /*#__PURE__*/React.createElement(MultiSelect, {
     selected: ouLevels.length ? selected.filter(item => ouIdHelper.hasLevelPrefix(item.id)).map(item => ouIdHelper.removePrefix(item.id)) : [],
-    onChange: ({
-      selected
-    }) => onLevelChange(selected),
+    onChange: _ref5 => {
+      let {
+        selected
+      } = _ref5;
+      return onLevelChange(selected);
+    },
     placeholder: i18n.t('Select a level'),
     loading: !ouLevels.length,
     dense: true,
@@ -210,9 +223,12 @@ const OrgUnitDimension = ({
     dataTest: "org-unit-level-select-option-".concat(level.id)
   }))), /*#__PURE__*/React.createElement(MultiSelect, {
     selected: ouGroups.length ? selected.filter(item => ouIdHelper.hasGroupPrefix(item.id)).map(item => ouIdHelper.removePrefix(item.id)) : [],
-    onChange: ({
-      selected
-    }) => onGroupChange(selected),
+    onChange: _ref6 => {
+      let {
+        selected
+      } = _ref6;
+      return onGroupChange(selected);
+    },
     placeholder: i18n.t('Select a group'),
     loading: !ouGroups.length,
     dense: true,

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

@@ -7,23 +7,27 @@ import styles from './styles/PeriodFilter.style.js';
 import { getFixedPeriodsOptions } from './utils/fixedPeriods.js';
 import { filterPeriodTypesById } from './utils/index.js';
 
-const FixedPeriodFilter = ({
-  allowedPeriodTypes,
-  excludedPeriodTypes,
-  currentPeriodType,
-  currentYear,
-  onSelectPeriodType,
-  onSelectYear,
-  dataTest
-}) => {
+const FixedPeriodFilter = _ref => {
+  let {
+    allowedPeriodTypes,
+    excludedPeriodTypes,
+    currentPeriodType,
+    currentYear,
+    onSelectPeriodType,
+    onSelectYear,
+    dataTest
+  } = _ref;
   const onlyAllowedTypeIsSelected = Array.isArray(allowedPeriodTypes) && allowedPeriodTypes.length === 1 && allowedPeriodTypes[0] === currentPeriodType;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "jsx-".concat(styles.__hash) + " " + "leftSection"
   }, /*#__PURE__*/React.createElement(SingleSelectField, {
     label: i18n.t('Period type'),
-    onChange: ({
-      selected
-    }) => onSelectPeriodType(selected),
+    onChange: _ref2 => {
+      let {
+        selected
+      } = _ref2;
+      return onSelectPeriodType(selected);
+    },
     dense: true,
     selected: currentPeriodType,
     disabled: onlyAllowedTypeIsSelected,
@@ -42,9 +46,12 @@ const FixedPeriodFilter = ({
     type: "number",
     placeholder: i18n.t('Select year'),
     value: currentYear,
-    onChange: ({
-      value
-    }) => onSelectYear(value),
+    onChange: _ref3 => {
+      let {
+        value
+      } = _ref3;
+      return onSelectYear(value);
+    },
     dense: true,
     dataTest: "".concat(dataTest, "-year")
   })), /*#__PURE__*/React.createElement(_JSXStyle, {

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

@@ -11,8 +11,8 @@ import styles from './styles/FixedPeriodSelect.style.js';
 import { parsePeriodCode, getFixedPeriodsOptionsById as getPeriodById, getYearOffsetFromNow } from './utils/fixedPeriods.js';
 
 class FixedPeriodSelect extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {
       periodType: '',
@@ -36,20 +36,25 @@ class FixedPeriodSelect extends Component {
       this.props.onChange();
     });
 
-    _defineProperty(this, "onSelectPeriod", ({
-      selected: periodId
-    }, event) => {
-      const period = this.state.options.find(({
-        id
-      }) => id === periodId);
+    _defineProperty(this, "onSelectPeriod", (_ref, event) => {
+      let {
+        selected: periodId
+      } = _ref;
+      const period = this.state.options.find(_ref2 => {
+        let {
+          id
+        } = _ref2;
+        return id === periodId;
+      });
       this.props.onChange(period, event);
     });
   }
 
-  static getDerivedStateFromProps({
-    value,
-    allowedPeriodTypes
-  }) {
+  static getDerivedStateFromProps(_ref3) {
+    let {
+      value,
+      allowedPeriodTypes
+    } = _ref3;
     const period = parsePeriodCode(value, allowedPeriodTypes);
 
     if (!period) {

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

@@ -3,12 +3,14 @@ import React from 'react';
 import { DIMENSION_ID_PERIOD } from '../../modules/predefinedDimensions.js';
 import PeriodTransfer from './PeriodTransfer.js';
 
-const PeriodDimension = ({
-  onSelect,
-  selectedPeriods,
-  rightFooter,
-  excludedPeriodTypes
-}) => {
+const PeriodDimension = _ref => {
+  let {
+    onSelect,
+    selectedPeriods,
+    rightFooter,
+    excludedPeriodTypes
+  } = _ref;
+
   const selectPeriods = periods => {
     onSelect({
       dimensionId: DIMENSION_ID_PERIOD,

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

@@ -17,13 +17,14 @@ import { getFixedPeriodsOptionsById } from './utils/fixedPeriods.js';
 import { MONTHLY, QUARTERLY } from './utils/index.js';
 import { getRelativePeriodsOptionsById } from './utils/relativePeriods.js';
 
-const PeriodTransfer = ({
-  onSelect,
-  dataTest,
-  initialSelectedPeriods,
-  rightFooter,
-  excludedPeriodTypes
-}) => {
+const PeriodTransfer = _ref => {
+  let {
+    onSelect,
+    dataTest,
+    initialSelectedPeriods,
+    rightFooter,
+    excludedPeriodTypes
+  } = _ref;
   const defaultRelativePeriodType = excludedPeriodTypes.includes(MONTHLY) ? getRelativePeriodsOptionsById(QUARTERLY) : getRelativePeriodsOptionsById(MONTHLY);
   const defaultFixedPeriodType = excludedPeriodTypes.includes(MONTHLY) ? getFixedPeriodsOptionsById(QUARTERLY) : getFixedPeriodsOptionsById(MONTHLY);
   const defaultFixedPeriodYear = new Date().getFullYear();
@@ -111,9 +112,10 @@ const PeriodTransfer = ({
   }, styles));
 
   return /*#__PURE__*/React.createElement(Transfer, {
-    onChange: ({
-      selected
-    }) => {
+    onChange: _ref2 => {
+      let {
+        selected
+      } = _ref2;
       const formattedItems = selected.map(id => ({
         id,
         name: [...allPeriods, ...selectedPeriods].find(item => item.id === id).name
@@ -130,13 +132,16 @@ const PeriodTransfer = ({
     selectedEmptyComponent: renderEmptySelection(),
     rightHeader: renderRightHeader(),
     rightFooter: rightFooter,
-    options: [...allPeriods, ...selectedPeriods].map(({
-      id,
-      name
-    }) => ({
-      label: name,
-      value: id
-    })),
+    options: [...allPeriods, ...selectedPeriods].map(_ref3 => {
+      let {
+        id,
+        name
+      } = _ref3;
+      return {
+        label: name,
+        value: id
+      };
+    }),
     renderOption: props => /*#__PURE__*/React.createElement(TransferOption, _extends({}, props, {
       icon: PeriodIcon,
       dataTest: "".concat(dataTest, "-transfer-option")

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

@@ -7,30 +7,36 @@ import styles from './styles/PeriodFilter.style.js';
 import { filterPeriodTypesById } from './utils/index.js';
 import { getRelativePeriodsOptions } from './utils/relativePeriods.js';
 
-const RelativePeriodFilter = ({
-  currentFilter,
-  onSelectFilter,
-  dataTest,
-  excludedPeriodTypes
-}) => /*#__PURE__*/React.createElement("div", {
-  className: "jsx-".concat(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: "".concat(dataTest, "-option-").concat(option.id)
-}))), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: styles.__hash
-}, styles));
+const RelativePeriodFilter = _ref => {
+  let {
+    currentFilter,
+    onSelectFilter,
+    dataTest,
+    excludedPeriodTypes
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "jsx-".concat(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: "".concat(dataTest, "-option-").concat(option.id)
+  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: styles.__hash
+  }, styles));
+};
 
 RelativePeriodFilter.propTypes = {
   currentFilter: PropTypes.string.isRequired,

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

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

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

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

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

@@ -3,26 +3,35 @@ import React from 'react';
 import { PivotTableClippedAxis } from './PivotTableClippedAxis.js';
 import { PivotTableEmptyRow } from './PivotTableEmptyRow.js';
 import { PivotTableRow } from './PivotTableRow.js';
-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
-  })
-}));
+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
+      });
+    }
+  }));
+};
 PivotTableBody.propTypes = {
   clippingResult: PropTypes.object.isRequired,
   onToggleContextualMenu: PropTypes.func

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

@@ -7,14 +7,15 @@ 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(({
-  classes,
-  isHeader,
-  children,
-  dataTest,
-  style = {},
-  ...props
-}, ref) => {
+export const PivotTableCell = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    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;

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

@@ -1,19 +1,22 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-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];
+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];
+};
 PivotTableClippedAxis.propTypes = {
   axisClippingResult: PropTypes.object.isRequired,
   EmptyComponent: PropTypes.func,

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

@@ -6,15 +6,16 @@ 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 = ({
-  clippingResult,
-  index,
-  level,
-  onSortByColumn,
-  sortBy
-}) => {
+export const PivotTableColumnHeaderCell = _ref => {
   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];