@dhis2/analytics 28.0.2 → 28.0.4

package/build/cjs/components/DataDimension/Info/InfoPopover.js

@@ -22,13 +22,12 @@ var _InfoPopoverStyle = _interopRequireDefault(require("./styles/InfoPopover.sty
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // data sets
 
-const InfoPopover = _ref => {
-  let {
-    reference,
-    onClose,
-    dataTest,
-    ...props
-  } = _ref;
+const InfoPopover = ({
+  reference,
+  onClose,
+  dataTest,
+  ...props
+}) => {
   const type = props.item.type;
   const infoProps = {
     type,

package/build/cjs/components/DataDimension/Info/InfoTable.js

@@ -34,16 +34,13 @@ const renderDataSets = dataSets => {
       className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "content-wrap"
     }, /*#__PURE__*/_react.default.createElement("ul", {
       className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, dataSets.map(_ref => {
-      let {
-        id,
-        displayName
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: id,
-        className: `jsx-${_InfoPopoverStyle.default.__hash}`
-      }, displayName);
-    }))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    }, dataSets.map(({
+      id,
+      displayName
+    }) => /*#__PURE__*/_react.default.createElement("li", {
+      key: id,
+      className: `jsx-${_InfoPopoverStyle.default.__hash}`
+    }, displayName)))), /*#__PURE__*/_react.default.createElement(_style.default, {
       id: _InfoPopoverStyle.default.__hash
     }, _InfoPopoverStyle.default));
   }
@@ -63,16 +60,13 @@ const renderGroupMemberships = groups => {
       className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "content-wrap"
     }, /*#__PURE__*/_react.default.createElement("ul", {
       className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, groups.map(_ref2 => {
-      let {
-        id,
-        displayName
-      } = _ref2;
-      return /*#__PURE__*/_react.default.createElement("li", {
-        key: id,
-        className: `jsx-${_InfoPopoverStyle.default.__hash}`
-      }, displayName);
-    }))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    }, groups.map(({
+      id,
+      displayName
+    }) => /*#__PURE__*/_react.default.createElement("li", {
+      key: id,
+      className: `jsx-${_InfoPopoverStyle.default.__hash}`
+    }, displayName)))), /*#__PURE__*/_react.default.createElement(_style.default, {
       id: _InfoPopoverStyle.default.__hash
     }, _InfoPopoverStyle.default));
   }
@@ -91,28 +85,24 @@ const renderLegendSets = legendSets => {
     className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "content-wrap"
   }, /*#__PURE__*/_react.default.createElement("ul", {
     className: `jsx-${_InfoPopoverStyle.default.__hash}`
-  }, legendSets.map(_ref3 => {
-    let {
-      id,
-      displayName
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: id,
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, displayName);
-  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, legendSets.map(({
+    id,
+    displayName
+  }) => /*#__PURE__*/_react.default.createElement("li", {
+    key: id,
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, displayName)))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _InfoPopoverStyle.default.__hash
   }, _InfoPopoverStyle.default));
 };
 exports.renderLegendSets = renderLegendSets;
-const InfoTable = _ref4 => {
-  let {
-    dataType,
-    data,
-    error,
-    loading,
-    children
-  } = _ref4;
+const InfoTable = ({
+  dataType,
+  data,
+  error,
+  loading,
+  children
+}) => {
   const {
     fromServerDate
   } = (0, _appRuntime.useTimeZoneConversion)();
@@ -192,20 +182,17 @@ const InfoTable = _ref4 => {
     className: `jsx-${_InfoPopoverStyle.default.__hash}`
   }, _index.default.t('Created by')), /*#__PURE__*/_react.default.createElement("td", {
     className: `jsx-${_InfoPopoverStyle.default.__hash}`
-  }, `${data.createdBy.displayName}, ${data.createdBy.username}`)), data.attributeValues.map(_ref5 => {
-    let {
-      attribute,
-      value
-    } = _ref5;
-    return /*#__PURE__*/_react.default.createElement("tr", {
-      key: attribute.id,
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, /*#__PURE__*/_react.default.createElement("th", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, attribute.displayName), /*#__PURE__*/_react.default.createElement("td", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, value));
-  })))), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, `${data.createdBy.displayName}, ${data.createdBy.username}`)), data.attributeValues.map(({
+    attribute,
+    value
+  }) => /*#__PURE__*/_react.default.createElement("tr", {
+    key: attribute.id,
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, /*#__PURE__*/_react.default.createElement("th", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, attribute.displayName), /*#__PURE__*/_react.default.createElement("td", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, value)))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _InfoPopoverStyle.default.__hash
   }, _InfoPopoverStyle.default));
 };

package/build/cjs/components/DataDimension/Info/OptionInfo.js

@@ -15,28 +15,21 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const optionQuery = {
   option: {
     resource: 'options',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${(0, _InfoTable.getCommonFields)(displayNameProp)},optionSet[displayName]`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${(0, _InfoTable.getCommonFields)(displayNameProp)},optionSet[displayName]`
+    })
   }
 };
-const OptionInfo = _ref3 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref3;
+const OptionInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const {
     loading,
     error,

package/build/cjs/components/DataDimension/Info/ProgramIndicatorInfo.js

@@ -12,34 +12,26 @@ var _expression = require("../../../api/expression.js");
 var _index = _interopRequireDefault(require("../../../locales/index.js"));
 var _InfoTable = require("./InfoTable.js");
 var _InfoPopoverStyle = _interopRequireDefault(require("./styles/InfoPopover.style.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 programIndicatorQuery = {
   programIndicator: {
     resource: 'programIndicators',
-    id: _ref => {
-      let {
-        id
-      } = _ref;
-      return id;
-    },
-    params: _ref2 => {
-      let {
-        displayNameProp
-      } = _ref2;
-      return {
-        fields: `${(0, _InfoTable.getCommonFields)(displayNameProp)},aggregationType,analyticsPeriodBoundaries[analyticsPeriodBoundaryType,boundaryTarget,id,offsetPeriodType,offsetPeriods],analyticsType,decimals,expression,filter,legendSets[id,displayName],program[displayName]`
-      };
-    }
+    id: ({
+      id
+    }) => id,
+    params: ({
+      displayNameProp
+    }) => ({
+      fields: `${(0, _InfoTable.getCommonFields)(displayNameProp)},aggregationType,analyticsPeriodBoundaries[analyticsPeriodBoundaryType,boundaryTarget,id,offsetPeriodType,offsetPeriods],analyticsType,decimals,expression,filter,legendSets[id,displayName],program[displayName]`
+    })
   }
 };
-const ProgramIndicatorInfo = _ref3 => {
-  let {
-    type,
-    id,
-    displayNameProp
-  } = _ref3;
+const ProgramIndicatorInfo = ({
+  type,
+  id,
+  displayNameProp
+}) => {
   const [data, setData] = (0, _react.useState)();
   const [error, setError] = (0, _react.useState)();
   const [loading, setLoading] = (0, _react.useState)(true);
@@ -76,10 +68,9 @@ const ProgramIndicatorInfo = _ref3 => {
         programIndicator.humanReadableFilter = result;
       }
     }
-    programIndicator.analyticsPeriodBoundaries.forEach((_ref4, index) => {
-      let {
-        boundaryTarget
-      } = _ref4;
+    programIndicator.analyticsPeriodBoundaries.forEach(({
+      boundaryTarget
+    }, index) => {
       programIndicator.analyticsPeriodBoundaries[index].boundaryTarget = ['ENROLLMENT_DATE', 'EVENT_DATE', 'INCIDENT_DATE'].includes(boundaryTarget) ? (0, _InfoTable.sentenceCaseText)(boundaryTarget) : _index.default.t('Custom');
     });
     setData({
@@ -117,38 +108,35 @@ const ProgramIndicatorInfo = _ref3 => {
     className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "content-wrap"
   }, /*#__PURE__*/_react.default.createElement("ul", {
     className: `jsx-${_InfoPopoverStyle.default.__hash}`
-  }, data === null || data === void 0 ? void 0 : data.programIndicator.analyticsPeriodBoundaries.map(_ref5 => {
-    let {
-      analyticsPeriodBoundaryType,
-      boundaryTarget,
-      id,
-      offsetPeriodType,
-      offsetPeriods
-    } = _ref5;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      key: id,
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "label"
-    }, _index.default.t('Type:'), "\xA0"), (0, _InfoTable.sentenceCaseText)(analyticsPeriodBoundaryType)), /*#__PURE__*/_react.default.createElement("br", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "label"
-    }, _index.default.t('Target:'), "\xA0"), boundaryTarget), Boolean(offsetPeriods) && Boolean(offsetPeriodType) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}`
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "label"
-    }, _index.default.t('Offset:'), "\xA0"), _index.default.t('{{ offsetPeriodType }} × {{ offsetPeriods }}', {
-      offsetPeriodType,
-      offsetPeriods
-    }))));
-  }))))), /*#__PURE__*/_react.default.createElement("tr", {
+  }, data === null || data === void 0 ? void 0 : data.programIndicator.analyticsPeriodBoundaries.map(({
+    analyticsPeriodBoundaryType,
+    boundaryTarget,
+    id,
+    offsetPeriodType,
+    offsetPeriods
+  }) => /*#__PURE__*/_react.default.createElement("li", {
+    key: id,
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "label"
+  }, _index.default.t('Type:'), "\xA0"), (0, _InfoTable.sentenceCaseText)(analyticsPeriodBoundaryType)), /*#__PURE__*/_react.default.createElement("br", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "label"
+  }, _index.default.t('Target:'), "\xA0"), boundaryTarget), Boolean(offsetPeriods) && Boolean(offsetPeriodType) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}`
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_InfoPopoverStyle.default.__hash}` + " " + "label"
+  }, _index.default.t('Offset:'), "\xA0"), _index.default.t('{{ offsetPeriodType }} × {{ offsetPeriods }}', {
+    offsetPeriodType,
+    offsetPeriods
+  }))))))))), /*#__PURE__*/_react.default.createElement("tr", {
     className: `jsx-${_InfoPopoverStyle.default.__hash}`
   }, /*#__PURE__*/_react.default.createElement("th", {
     className: `jsx-${_InfoPopoverStyle.default.__hash}`

package/build/cjs/components/DataDimension/ItemOptionsSelector/ItemOptionsSelector.js

@@ -20,8 +20,7 @@ var _SelectedEmptyPlaceholder = require("../SelectedEmptyPlaceholder.js");
 var _SourceEmptyPlaceholder = require("../SourceEmptyPlaceholder.js");
 var _TransferOption = require("../TransferOption.js");
 var _ItemOptionSelectorStyle = _interopRequireDefault(require("./styles/ItemOptionSelector.style.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 }; }
 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 formatOptionsFilters = (dataItemType, dataItemId) => {
@@ -35,22 +34,22 @@ const formatOptionsFilters = (dataItemType, dataItemId) => {
   }
   return optionsFilters;
 };
-const ItemOptionsSelector = _ref => {
+const SELECTED_ITEMS_PROP_DEFAULT = [];
+const ItemOptionsSelector = ({
+  id: dataItemId,
+  name: dataItemName,
+  type: dataItemType,
+  selectedItems = SELECTED_ITEMS_PROP_DEFAULT,
+  infoDataItem,
+  setInfoDataItem,
+  displayNameProp,
+  itemsRef,
+  onEditClick,
+  onSelect,
+  onClose,
+  dataTest
+}) => {
   var _state$filter;
-  let {
-    id: dataItemId,
-    name: dataItemName,
-    type: dataItemType,
-    selectedItems,
-    infoDataItem,
-    setInfoDataItem,
-    displayNameProp,
-    itemsRef,
-    onEditClick,
-    onSelect,
-    onClose,
-    dataTest
-  } = _ref;
   const [state, setState] = (0, _react.useState)({
     searchTerm: '',
     filter: formatOptionsFilters(dataItemType, dataItemId),
@@ -148,12 +147,9 @@ const ItemOptionsSelector = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: `jsx-${_DimensionSelectorStyle.default.__hash} jsx-${_ItemOptionSelectorStyle.default.__hash}` + " " + "transfer-container"
   }, /*#__PURE__*/_react.default.createElement(_ui.Transfer, {
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
-      return onChange(selected);
-    },
+    onChange: ({
+      selected
+    }) => onChange(selected),
     selected: selectedItems.map(item => item.value),
     options: [...state.options,
     // remove items already in the options list
@@ -177,12 +173,9 @@ const ItemOptionsSelector = _ref => {
     filterPlaceholder: _index.default.t('Search by option name'),
     filterablePicked: false,
     searchTerm: state.searchTerm,
-    onFilterChange: _ref3 => {
-      let {
-        value
-      } = _ref3;
-      return setSearchTerm(value);
-    },
+    onFilterChange: ({
+      value
+    }) => setSearchTerm(value),
     leftHeader: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: `jsx-${_DimensionSelectorStyle.default.__hash} jsx-${_ItemOptionSelectorStyle.default.__hash}` + " " + "option-set-back-button"
     }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
@@ -251,7 +244,4 @@ ItemOptionsSelector.propTypes = {
   })),
   setInfoDataItem: _propTypes.default.func,
   onEditClick: _propTypes.default.func
-};
-ItemOptionsSelector.defaultProps = {
-  selectedItems: []
 };

package/build/cjs/components/DataDimension/ItemSelector/DataTypeSelector.js

@@ -14,13 +14,12 @@ var _visTypes = require("../../../modules/visTypes.js");
 var _DataDimension = require("../DataDimension.js");
 var _DataTypeSelectorStyle = _interopRequireDefault(require("./styles/DataTypeSelector.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DataTypeSelector = _ref => {
-  let {
-    currentDataType,
-    dataTypes,
-    onChange,
-    dataTest
-  } = _ref;
+const DataTypeSelector = ({
+  currentDataType,
+  dataTypes,
+  onChange,
+  dataTest
+}) => {
   const {
     visType
   } = (0, _DataDimension.useDataDimensionContext)();

package/build/cjs/components/DataDimension/ItemSelector/DetailSelector.js

@@ -16,12 +16,11 @@ const getOptions = () => ({
   [_dataTypes.TOTALS]: _index.default.t('Totals only'),
   [_dataTypes.DETAIL]: _index.default.t('Details only')
 });
-const DetailSelector = _ref => {
-  let {
-    currentValue,
-    onChange,
-    dataTest
-  } = _ref;
+const DetailSelector = ({
+  currentValue,
+  onChange,
+  dataTest
+}) => {
   const options = getOptions();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: `jsx-${_DetailSelectorStyle.default.__hash}` + " " + "detail-container"

package/build/cjs/components/DataDimension/ItemSelector/GroupSelector.js

@@ -15,20 +15,18 @@ var _dataTypes = require("../../../modules/dataTypes.js");
 var _DetailSelector = require("./DetailSelector.js");
 var _MetricSelector = require("./MetricSelector.js");
 var _GroupSelectorStyle = _interopRequireDefault(require("./styles/GroupSelector.style.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 GroupSelector = _ref => {
+const GroupSelector = ({
+  dataType,
+  currentGroup,
+  onGroupChange,
+  dataTest,
+  displayNameProp,
+  currentSubGroup,
+  onSubGroupChange
+}) => {
   var _dataTypes$dataType, _dataTypes$dataType2, _dataTypes$dataType3, _dataTypes$dataType4, _dataTypes$dataType5, _dataTypes$dataType6, _dataTypes$dataType7;
-  let {
-    dataType,
-    currentGroup,
-    onGroupChange,
-    dataTest,
-    displayNameProp,
-    currentSubGroup,
-    onSubGroupChange
-  } = _ref;
   const dataEngine = (0, _appRuntime.useDataEngine)();
   const [groups, setGroups] = (0, _react.useState)([]);
   const [isLoading, setIsLoading] = (0, _react.useState)(true);