@dhis2/analytics 21.0.9 → 21.0.10

package/build/cjs/visualizations/store/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 
-var _adapters = _interopRequireDefault(require("./adapters"));
+var _index = _interopRequireDefault(require("./adapters/index.js"));
 
-var _validators = _interopRequireDefault(require("./validators"));
+var _index2 = _interopRequireDefault(require("./validators/index.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -20,11 +20,11 @@ function _default({
   error,
   warning
 }) {
-  const _validator = _validators.default[inputFormat] || _validators.default.noValidation;
+  const _validator = _index2.default[inputFormat] || _index2.default.noValidation;
 
-  const _adapter = _adapters.default[inputFormat + '_' + outputFormat];
+  const _adapter = _index.default[inputFormat + '_' + outputFormat];
 
-  if (_validator === _validators.default.noValidation) {
+  if (_validator === _index2.default.noValidation) {
     warning("Validation not supported for data input format \"".concat(inputFormat, "\""));
   }
 

package/build/cjs/visualizations/store/validators/index.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _dhis = _interopRequireDefault(require("./dhis"));
+var _index = _interopRequireDefault(require("./dhis/index.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const noValidation = data => data;
 
 var _default = {
-  dhis: _dhis.default,
+  dhis: _index.default,
   noValidation
 };
 exports.default = _default;

package/build/cjs/visualizations/util/__tests__/getFilterText.spec.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _getFilterText = _interopRequireDefault(require("../getFilterText"));
+var _getFilterText = _interopRequireDefault(require("../getFilterText.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/build/cjs/visualizations/util/colors/index.js

@@ -22,8 +22,8 @@ Object.defineProperty(exports, "theme1", {
   }
 });
 
-var _colorSets = require("./colorSets");
+var _colorSets = require("./colorSets.js");
 
 var _gradientColorGenerator = require("./gradientColorGenerator.js");
 
-var _themes = require("./themes");
+var _themes = require("./themes.js");

package/build/cjs/visualizations/util/getFilterText.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 
-var _getOuLevelAndGroupText = require("../../modules/getOuLevelAndGroupText");
+var _getOuLevelAndGroupText = require("../../modules/getOuLevelAndGroupText.js");
 
-var _dimensionGetItems = require("../../modules/layout/dimensionGetItems");
+var _dimensionGetItems = require("../../modules/layout/dimensionGetItems.js");
 
-var _dimensionIs = require("../../modules/layout/dimensionIs");
+var _dimensionIs = require("../../modules/layout/dimensionIs.js");
 
-var _ouIdHelper = require("../../modules/ouIdHelper");
+var _index = require("../../modules/ouIdHelper/index.js");
 
-var _predefinedDimensions = require("../../modules/predefinedDimensions");
+var _predefinedDimensions = require("../../modules/predefinedDimensions.js");
 
 function _default(filters, metaData) {
   if (!Array.isArray(filters) || !filters.length) {
@@ -28,7 +28,7 @@ function _default(filters, metaData) {
 
     if ((0, _dimensionIs.dimensionIs)(filter, _predefinedDimensions.DIMENSION_ID_ORGUNIT) && items.some(({
       id
-    }) => _ouIdHelper.ouIdHelper.hasGroupPrefix(id) || _ouIdHelper.ouIdHelper.hasLevelPrefix(id))) {
+    }) => _index.ouIdHelper.hasGroupPrefix(id) || _index.ouIdHelper.hasLevelPrefix(id))) {
       titleFragments.push((0, _getOuLevelAndGroupText.getOuLevelAndGroupText)(filter, metaData));
     } else {
       const filterItems = metaData.dimensions[filter.dimension];

package/build/es/__demo__/DimensionsPanel.stories.js

@@ -1,7 +1,7 @@
 import { storiesOf } from '@storybook/react';
 import React from 'react';
-import DimensionsPanel from '../components/DimensionsPanel/DimensionsPanel';
-import { DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_PERIOD } from '../modules/predefinedDimensions';
+import DimensionsPanel from '../components/DimensionsPanel/DimensionsPanel.js';
+import { DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_PERIOD } from '../modules/predefinedDimensions.js';
 const fixedDimensions = [{
   id: DIMENSION_ID_DATA,
   name: 'Data'

package/build/es/__demo__/DynamicDimension.stories.js

@@ -1,6 +1,6 @@
 import { storiesOf } from '@storybook/react';
 import React from 'react';
-import ItemSelector from '../components/DynamicDimension/ItemSelector';
+import ItemSelector from '../components/DynamicDimension/ItemSelector.js';
 const items = [{
   id: '1',
   name: 'One'

package/build/es/__demo__/Filter.stories.js

@@ -1,6 +1,6 @@
 import { storiesOf } from '@storybook/react';
 import React, { useState } from 'react';
-import Filter from '../components/Filter/Filter';
+import Filter from '../components/Filter/Filter.js';
 
 function FilterWithState() {
   const [text, setText] = useState(null);

package/build/es/__demo__/FixedPeriodSelect.stories.js

@@ -1,6 +1,6 @@
 import { storiesOf } from '@storybook/react';
 import React, { useState } from 'react';
-import FixedPeriodSelect from '../components/PeriodDimension/FixedPeriodSelect';
+import FixedPeriodSelect from '../components/PeriodDimension/FixedPeriodSelect.js';
 storiesOf('FixedPeriodSelect', module).add('No value', () => {
   const [value, setValue] = useState();
   return /*#__PURE__*/React.createElement(FixedPeriodSelect, {

package/build/es/__demo__/OrgUnitDimension.stories.js

@@ -1,7 +1,7 @@
 import { DataProvider } from '@dhis2/app-runtime';
 import { storiesOf } from '@storybook/react';
 import React, { useState } from 'react';
-import OrgUnitDimension from '../components/OrgUnitDimension/OrgUnitDimension';
+import OrgUnitDimension from '../components/OrgUnitDimension/OrgUnitDimension.js';
 
 const Wrapper = story => /*#__PURE__*/React.createElement(DataProvider, {
   baseUrl: "http://localhost:8080/",

package/build/es/__demo__/PeriodDimension.stories.js

@@ -1,7 +1,7 @@
 import { storiesOf } from '@storybook/react';
 import React from 'react';
-import PeriodDimension from '../components/PeriodDimension/PeriodDimension';
-import { MONTHLY, WEEKLY, WEEKLYWED, WEEKLYTHU, WEEKLYSAT, WEEKLYSUN, DAILY, BIWEEKLY, BIMONTHLY } from '../components/PeriodDimension/utils';
+import PeriodDimension from '../components/PeriodDimension/PeriodDimension.js';
+import { MONTHLY, WEEKLY, WEEKLYWED, WEEKLYTHU, WEEKLYSAT, WEEKLYSUN, DAILY, BIWEEKLY, BIMONTHLY } from '../components/PeriodDimension/utils/index.js';
 const selectedPeriods = [{
   id: 'LAST_12_MONTHS',
   name: 'Last 12 months'

package/build/es/__demo__/PivotTable.stories.js

@@ -3,8 +3,8 @@ import { storiesOf } from '@storybook/react';
 import cloneDeep from 'lodash/cloneDeep';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect } from 'react';
-import { PivotTable } from '../index';
-import { NUMBER_TYPE_COLUMN_PERCENTAGE, NUMBER_TYPE_ROW_PERCENTAGE } from '../modules/pivotTable/pivotTableConstants';
+import { PivotTable } from '../index.js';
+import { NUMBER_TYPE_COLUMN_PERCENTAGE, NUMBER_TYPE_ROW_PERCENTAGE } from '../modules/pivotTable/pivotTableConstants.js';
 import avgDataResponse from './data/avgTotalAggregationType.data.json';
 import avgMetadataResponse from './data/avgTotalAggregationType.metadata.json';
 import avgVisualization from './data/avgTotalAggregationType.visualization.json';

package/build/es/api/__tests__/dimensions.spec.js

@@ -1,4 +1,4 @@
-import { dimensionsQuery, apiFetchDimensions } from '../dimensions';
+import { dimensionsQuery, apiFetchDimensions } from '../dimensions.js';
 let mockDataEngine;
 let mockQueryFn;
 

package/build/es/api/analytics/Analytics.js

@@ -1,10 +1,10 @@
 /**
  * @module analytics
  */
-import AnalyticsAggregate from './AnalyticsAggregate';
-import AnalyticsEvents from './AnalyticsEvents';
-import AnalyticsRequest from './AnalyticsRequest';
-import AnalyticsResponse from './AnalyticsResponse';
+import AnalyticsAggregate from './AnalyticsAggregate.js';
+import AnalyticsEvents from './AnalyticsEvents.js';
+import AnalyticsRequest from './AnalyticsRequest.js';
+import AnalyticsResponse from './AnalyticsResponse.js';
 /**
  * @description
  * Analytics class used to request analytics data from Web API.

package/build/es/api/analytics/AnalyticsAggregate.js

@@ -1,4 +1,4 @@
-import AnalyticsBase from './AnalyticsBase';
+import AnalyticsBase from './AnalyticsBase.js';
 /**
  * @extends module:analytics.AnalyticsBase
  *

package/build/es/api/analytics/AnalyticsBase.js

@@ -1,5 +1,5 @@
 import sortBy from 'lodash/sortBy';
-import AnalyticsRequest from './AnalyticsRequest';
+import AnalyticsRequest from './AnalyticsRequest.js';
 const analyticsQuery = {
   resource: 'analytics',
   id: ({

package/build/es/api/analytics/AnalyticsEvents.js

@@ -1,4 +1,4 @@
-import AnalyticsBase from './AnalyticsBase';
+import AnalyticsBase from './AnalyticsBase.js';
 /**
  * @extends module:analytics.AnalyticsBase
  *

package/build/es/api/analytics/AnalyticsRequest.js

@@ -1,8 +1,8 @@
-import { getFixedDimensions } from '../../modules/predefinedDimensions';
-import AnalyticsRequestBase from './AnalyticsRequestBase';
-import AnalyticsRequestDimensionsMixin from './AnalyticsRequestDimensionsMixin';
-import AnalyticsRequestFiltersMixin from './AnalyticsRequestFiltersMixin';
-import AnalyticsRequestPropertiesMixin from './AnalyticsRequestPropertiesMixin';
+import { getFixedDimensions } from '../../modules/predefinedDimensions.js';
+import AnalyticsRequestBase from './AnalyticsRequestBase.js';
+import AnalyticsRequestDimensionsMixin from './AnalyticsRequestDimensionsMixin.js';
+import AnalyticsRequestFiltersMixin from './AnalyticsRequestFiltersMixin.js';
+import AnalyticsRequestPropertiesMixin from './AnalyticsRequestPropertiesMixin.js';
 /**
  * @description
  * Class for constructing a request object to use for communicating with the analytics API endpoint.

package/build/es/api/analytics/AnalyticsRequestBase.js

@@ -1,5 +1,5 @@
 import sortBy from 'lodash/sortBy';
-import { customEncodeURIComponent } from './utils';
+import { customEncodeURIComponent } from './utils.js';
 /**
  * @private
  * @description

package/build/es/api/analytics/AnalyticsRequestDimensionsMixin.js

@@ -1,4 +1,4 @@
-import AnalyticsRequest from './AnalyticsRequest';
+import AnalyticsRequest from './AnalyticsRequest.js';
 /**
  * @private
  * @description

package/build/es/api/analytics/AnalyticsRequestFiltersMixin.js

@@ -1,4 +1,4 @@
-import AnalyticsRequest from './AnalyticsRequest';
+import AnalyticsRequest from './AnalyticsRequest.js';
 /**
  * @private
  * @description

package/build/es/api/analytics/AnalyticsRequestPropertiesMixin.js

@@ -1,5 +1,5 @@
 /* eslint no-console: 0 */
-import AnalyticsRequest from './AnalyticsRequest';
+import AnalyticsRequest from './AnalyticsRequest.js';
 /**
  * @private
  * @description

package/build/es/api/analytics/AnalyticsResponse.js

@@ -1,4 +1,4 @@
-import AnalyticsResponseHeader from './AnalyticsResponseHeader';
+import AnalyticsResponseHeader from './AnalyticsResponseHeader.js';
 const booleanMap = {
   0: 'No',
   // XXX i18n.no || 'No',

package/build/es/api/analytics/__tests__/Analytics.spec.js

@@ -1,7 +1,7 @@
-import Analytics from '../Analytics';
-import AnalyticsAggregate from '../AnalyticsAggregate';
-import AnalyticsEvents from '../AnalyticsEvents';
-import AnalyticsRequest from '../AnalyticsRequest';
+import Analytics from '../Analytics.js';
+import AnalyticsAggregate from '../AnalyticsAggregate.js';
+import AnalyticsEvents from '../AnalyticsEvents.js';
+import AnalyticsRequest from '../AnalyticsRequest.js';
 describe('Analytics', () => {
   let analytics;
   beforeEach(() => {

package/build/es/api/analytics/__tests__/AnalyticsAggregate.spec.js

@@ -1,7 +1,7 @@
-import fixtures from '../../../__fixtures__/fixtures';
-import DataEngineMock from '../__mocks__/DataEngine';
-import AnalyticsAggregate from '../AnalyticsAggregate';
-import AnalyticsRequest from '../AnalyticsRequest';
+import fixtures from '../../../__fixtures__/fixtures.js';
+import DataEngineMock from '../__mocks__/DataEngine.js';
+import AnalyticsAggregate from '../AnalyticsAggregate.js';
+import AnalyticsRequest from '../AnalyticsRequest.js';
 const debugSqlFixture = "select de.name as de_name, de.uid as de_uid, de.dataelementid as de_id, pe.startdate as\nstart_date, pe.enddate as end_date, pt.name as pt_name, ou.name as ou_name, ou.uid as ou_uid, ou.organisationunitid as\nou_id, coc.name as coc_name, coc.uid as coc_uid, coc.categoryoptioncomboid as coc_id, aoc.name as aoc_name, aoc.uid as\naoc_uid, aoc.categoryoptioncomboid as aoc_id, dv.value as datavalue from datavalue dv inner join dataelement de on\ndv.dataelementid = de.dataelementid inner join period pe on dv.periodid = pe.periodid inner join periodtype pt on\npe.periodtypeid = pt.periodtypeid inner join organisationunit ou on dv.sourceid = ou.organisationunitid inner join\ncategoryoptioncombo coc on dv.categoryoptioncomboid = coc.categoryoptioncomboid inner join categoryoptioncombo aoc on\ndv.attributeoptioncomboid = aoc.categoryoptioncomboid where dv.dataelementid in (359596,359597) and ((pe.startdate >=\n    '2016-01-01' and pe.enddate <= '2016-03-31') or (pe.startdate >= '2016-04-01' and pe.enddate <= '2016-06-30') ) and\n((dv.sourceid in (select organisationunitid from _orgunitstructure where idlevel2 = 264)) ) and dv.deleted is false\nlimit 100000";
 describe('Analytics.aggregate', () => {
   let aggregate;

package/build/es/api/analytics/__tests__/AnalyticsBase.spec.js

@@ -1,4 +1,4 @@
-import AnalyticsBase from '../AnalyticsBase';
+import AnalyticsBase from '../AnalyticsBase.js';
 let base;
 describe('constructor', () => {
   beforeEach(() => {

package/build/es/api/analytics/__tests__/AnalyticsEvents.spec.js

@@ -1,7 +1,7 @@
-import fixtures from '../../../__fixtures__/fixtures';
-import DataEngineMock from '../__mocks__/DataEngine';
-import AnalyticsEvents from '../AnalyticsEvents';
-import AnalyticsRequest from '../AnalyticsRequest';
+import fixtures from '../../../__fixtures__/fixtures.js';
+import DataEngineMock from '../__mocks__/DataEngine.js';
+import AnalyticsEvents from '../AnalyticsEvents.js';
+import AnalyticsRequest from '../AnalyticsRequest.js';
 describe('analytics.events', () => {
   let events;
   let request;

package/build/es/api/analytics/__tests__/AnalyticsRequest.spec.js

@@ -1,5 +1,5 @@
-import fixtures from '../../../__fixtures__/fixtures';
-import AnalyticsRequest from '../AnalyticsRequest';
+import fixtures from '../../../__fixtures__/fixtures.js';
+import AnalyticsRequest from '../AnalyticsRequest.js';
 let request;
 let expectedParameters;
 

package/build/es/api/analytics/__tests__/AnalyticsRequestBase.spec.js

@@ -1,5 +1,5 @@
-import AnalyticsRequestBase from '../AnalyticsRequestBase';
-import { customEncodeURIComponent } from '../utils';
+import AnalyticsRequestBase from '../AnalyticsRequestBase.js';
+import { customEncodeURIComponent } from '../utils.js';
 jest.mock('../utils', () => ({
   customEncodeURIComponent: jest.fn(x => "<".concat(x, ">"))
 }));

package/build/es/api/analytics/__tests__/AnalyticsResponse.spec.js

@@ -1,5 +1,5 @@
-import fixtures from '../../../__fixtures__/fixtures';
-import AnalyticsResponse from '../AnalyticsResponse';
+import fixtures from '../../../__fixtures__/fixtures.js';
+import AnalyticsResponse from '../AnalyticsResponse.js';
 const fixture = fixtures.get('/api/analytics/response');
 let response;
 describe('AnalyticsResponse', () => {

package/build/es/api/analytics/__tests__/AnalyticsResponseHeader.spec.js

@@ -1,4 +1,4 @@
-import AnalyticsResponseHeader from '../AnalyticsResponseHeader';
+import AnalyticsResponseHeader from '../AnalyticsResponseHeader.js';
 let responseHeader;
 let expectedResponseHeader;
 describe('AnalyticsResponseHeader', () => {

package/build/es/api/dimensions.js

@@ -1,7 +1,7 @@
 import objectClean from 'd2-utilizr/lib/objectClean';
 import { ALL_ID // CHART_AGGREGATE_AGGREGATABLE_TYPES,
-, INDICATORS, DATA_ELEMENTS, DATA_SETS, PROGRAM_INDICATORS, EVENT_DATA_ITEMS, PROGRAM_DATA_ELEMENT, PROGRAM_ATTRIBUTE, TOTALS } from '../modules/dataTypes';
-import { onError } from './index'; // Query definitions
+, INDICATORS, DATA_ELEMENTS, DATA_SETS, PROGRAM_INDICATORS, EVENT_DATA_ITEMS, PROGRAM_DATA_ELEMENT, PROGRAM_ATTRIBUTE, TOTALS } from '../modules/dataTypes.js';
+import { onError } from './index.js'; // Query definitions
 
 export const dimensionsQuery = {
   resource: 'dimensions',

package/build/es/api/organisationUnits.js

@@ -1,4 +1,4 @@
-import { onError } from './index';
+import { onError } from './index.js';
 const orgUnitLevelsQuery = {
   resource: 'organisationUnitLevels',
   params: ({

package/build/es/components/AboutAOUnit/AboutAOUnit.js

@@ -6,8 +6,8 @@ import cx from 'classnames';
 import moment from 'moment';
 import PropTypes from 'prop-types';
 import React, { useEffect, useMemo, useState } from 'react';
-import { formatList } from '../../modules/list';
-import styles from './styles/AboutAOUnit.style';
+import { formatList } from '../../modules/list.js';
+import styles from './styles/AboutAOUnit.style.js';
 const READ_ONLY = 'r';
 const READ_AND_WRITE = 'rw';
 

package/build/es/components/DataDimension/DataDimension.js

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { DIMENSION_ID_DATA } from '../../modules/predefinedDimensions';
-import ItemSelector from './ItemSelector';
+import { DIMENSION_ID_DATA } from '../../modules/predefinedDimensions.js';
+import ItemSelector from './ItemSelector.js';
 
 const DataDimension = ({
   onSelect,

package/build/es/components/DataDimension/DataTypesSelector.js

@@ -3,8 +3,8 @@ import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../locales/index.js';
-import { ALL_ID, dataTypes } from '../../modules/dataTypes';
-import styles from './styles/DataTypesSelector.style';
+import { ALL_ID, dataTypes } from '../../modules/dataTypes.js';
+import styles from './styles/DataTypesSelector.style.js';
 
 const DataTypes = ({
   currentDataType,

package/build/es/components/DataDimension/DetailSelector.js

@@ -3,8 +3,8 @@ import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../locales/index.js';
-import { TOTALS, DETAIL } from '../../modules/dataTypes';
-import styles from './styles/DetailSelector.style';
+import { TOTALS, DETAIL } from '../../modules/dataTypes.js';
+import styles from './styles/DetailSelector.style.js';
 
 const getOptions = () => ({
   [TOTALS]: i18n.t('Totals only'),

package/build/es/components/DataDimension/GroupSelector.js

@@ -3,12 +3,12 @@ import { useDataEngine } from '@dhis2/app-runtime';
 import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { useEffect, useState } from 'react';
-import { apiFetchGroups } from '../../api/dimensions';
+import { apiFetchGroups } from '../../api/dimensions.js';
 import i18n from '../../locales/index.js';
-import { dataTypes, SUB_GROUP_DETAIL, SUB_GROUP_METRIC } from '../../modules/dataTypes';
-import { DetailSelector } from './DetailSelector';
-import { MetricSelector } from './MetricSelector';
-import styles from './styles/GroupSelector.style';
+import { dataTypes, SUB_GROUP_DETAIL, SUB_GROUP_METRIC } from '../../modules/dataTypes.js';
+import { DetailSelector } from './DetailSelector.js';
+import { MetricSelector } from './MetricSelector.js';
+import styles from './styles/GroupSelector.style.js';
 
 const GroupsSelector = ({
   dataType,

package/build/es/components/DataDimension/ItemSelector.js

@@ -6,18 +6,18 @@ import { useDataEngine } from '@dhis2/app-runtime';
 import { Transfer, InputField, IconInfo16, IconDimensionDataSet16, IconDimensionIndicator16, IconDimensionEventDataItem16, IconDimensionProgramIndicator16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import { apiFetchOptions } from '../../api/dimensions';
-import DataElementIcon from '../../assets/DimensionItemIcons/DataElementIcon';
-import GenericIcon from '../../assets/DimensionItemIcons/GenericIcon';
+import { apiFetchOptions } from '../../api/dimensions.js';
+import DataElementIcon from '../../assets/DimensionItemIcons/DataElementIcon.js';
+import GenericIcon from '../../assets/DimensionItemIcons/GenericIcon.js';
 import i18n from '../../locales/index.js';
-import { DATA_SETS_CONSTANTS, REPORTING_RATE } from '../../modules/dataSets';
-import { ALL_ID, dataTypes, DATA_ELEMENTS, DATA_ELEMENT_OPERAND, DATA_SETS, EVENT_DATA_ITEMS, PROGRAM_INDICATORS, INDICATORS, TOTALS, PROGRAM_DATA_ELEMENT, PROGRAM_ATTRIBUTE } from '../../modules/dataTypes';
-import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from '../../modules/dimensionSelectorHelper';
-import { useDebounce, useDidUpdateEffect } from '../../modules/utils';
-import styles from '../styles/DimensionSelector.style';
-import { TransferOption } from '../TransferOption';
-import DataTypeSelector from './DataTypesSelector';
-import GroupSelector from './GroupSelector';
+import { DATA_SETS_CONSTANTS, REPORTING_RATE } from '../../modules/dataSets.js';
+import { ALL_ID, dataTypes, DATA_ELEMENTS, DATA_ELEMENT_OPERAND, DATA_SETS, EVENT_DATA_ITEMS, PROGRAM_INDICATORS, INDICATORS, TOTALS, PROGRAM_DATA_ELEMENT, PROGRAM_ATTRIBUTE } from '../../modules/dataTypes.js';
+import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from '../../modules/dimensionSelectorHelper.js';
+import { useDebounce, useDidUpdateEffect } from '../../modules/utils.js';
+import styles from '../styles/DimensionSelector.style.js';
+import { TransferOption } from '../TransferOption.js';
+import DataTypeSelector from './DataTypesSelector.js';
+import GroupSelector from './GroupSelector.js';
 
 const LeftHeader = ({
   searchTerm,

package/build/es/components/DataDimension/MetricSelector.js

@@ -3,9 +3,9 @@ import { SingleSelectField, SingleSelectOption } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../locales/index.js';
-import { DATA_SETS_CONSTANTS } from '../../modules/dataSets';
-import { ALL_ID } from '../../modules/dataTypes';
-import styles from './styles/MetricSelector.style';
+import { DATA_SETS_CONSTANTS } from '../../modules/dataSets.js';
+import { ALL_ID } from '../../modules/dataTypes.js';
+import styles from './styles/MetricSelector.style.js';
 export const MetricSelector = ({
   currentValue,
   onChange,

package/build/es/components/DimensionMenu.js

@@ -2,12 +2,12 @@ import { MenuDivider, FlyoutMenu, MenuItem, Tooltip } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../locales/index.js';
-import { getAxisNameByLayoutType } from '../modules/axis';
-import { AXIS_ID_FILTERS } from '../modules/layout/axis';
-import { getAvailableAxes } from '../modules/layoutUiRules';
-import { DIMENSION_ID_DATA, getPredefinedDimensionProp, DIMENSION_PROP_NO_ITEMS } from '../modules/predefinedDimensions';
-import { getDisplayNameByVisType } from '../modules/visTypes';
-import { getLayoutTypeByVisType } from '../modules/visTypeToLayoutType';
+import { getAxisNameByLayoutType } from '../modules/axis.js';
+import { AXIS_ID_FILTERS } from '../modules/layout/axis.js';
+import { getAvailableAxes } from '../modules/layoutUiRules/index.js';
+import { DIMENSION_ID_DATA, getPredefinedDimensionProp, DIMENSION_PROP_NO_ITEMS } from '../modules/predefinedDimensions.js';
+import { getDisplayNameByVisType } from '../modules/visTypes.js';
+import { getLayoutTypeByVisType } from '../modules/visTypeToLayoutType.js';
 
 const getAxisItemLabel = (axisName, isDimensionInLayout) => isDimensionInLayout ? i18n.t('Move to {{axisName}}', {
   axisName

package/build/es/components/DimensionsPanel/DimensionsPanel.js

@@ -3,9 +3,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import i18n from '../../locales/index.js';
-import Filter from '../Filter/Filter';
-import DimensionList from './List/DimensionList';
-import { styles } from './styles/DimensionsPanel.style';
+import Filter from '../Filter/Filter.js';
+import DimensionList from './List/DimensionList.js';
+import { styles } from './styles/DimensionsPanel.style.js';
 
 class DimensionsPanel extends Component {
   constructor(...args) {

package/build/es/components/DimensionsPanel/List/DimensionItem.js

@@ -5,12 +5,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { IconLock16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { Component, createRef } from 'react';
-import DynamicDimensionIcon from '../../../assets/DynamicDimensionIcon';
-import { getPredefinedDimensionProp } from '../../../modules/predefinedDimensions';
-import DimensionLabel from './DimensionLabel';
-import OptionsButton from './OptionsButton';
-import RecommendedIcon from './RecommendedIcon';
-import { styles } from './styles/DimensionItem.style';
+import DynamicDimensionIcon from '../../../assets/DynamicDimensionIcon.js';
+import { getPredefinedDimensionProp } from '../../../modules/predefinedDimensions.js';
+import DimensionLabel from './DimensionLabel.js';
+import OptionsButton from './OptionsButton.js';
+import RecommendedIcon from './RecommendedIcon.js';
+import { styles } from './styles/DimensionItem.style.js';
 
 class DimensionItem extends Component {
   constructor(...args) {

package/build/es/components/DimensionsPanel/List/DimensionLabel.js

@@ -2,8 +2,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import { getPredefinedDimensionProp, DIMENSION_PROP_NO_ITEMS } from '../../../modules/predefinedDimensions';
-import { styles } from './styles/DimensionLabel.style';
+import { getPredefinedDimensionProp, DIMENSION_PROP_NO_ITEMS } from '../../../modules/predefinedDimensions.js';
+import { styles } from './styles/DimensionLabel.style.js';
 
 class DimensionLabel extends Component {
   constructor(...args) {

package/build/es/components/DimensionsPanel/List/DimensionList.js

@@ -5,9 +5,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import i18n from '../../../locales/index.js';
-import { getPredefinedDimensions, getFixedDimensions } from '../../../modules/predefinedDimensions';
-import DimensionItem from './DimensionItem';
-import styles from './styles/DimensionList.style';
+import { getPredefinedDimensions, getFixedDimensions } from '../../../modules/predefinedDimensions.js';
+import DimensionItem from './DimensionItem.js';
+import styles from './styles/DimensionList.style.js';
 
 class DimensionList extends Component {
   constructor(...args) {

package/build/es/components/DimensionsPanel/List/RecommendedIcon.js

@@ -2,7 +2,7 @@ import { Tooltip } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../../locales/index.js';
-import { styles } from './styles/RecommendedIcon.style';
+import { styles } from './styles/RecommendedIcon.style.js';
 
 const RecommendedIcon = ({
   isRecommended,

package/build/es/components/DimensionsPanel/List/__tests__/DimensionItem.spec.js

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import DimensionItem from '../DimensionItem';
+import DimensionItem from '../DimensionItem.js';
 describe('DimensionItem', () => {
   let props;
   let shallowItem;

package/build/es/components/DimensionsPanel/__tests__/DimensionsPanel.spec.js

@@ -1,7 +1,7 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import DimensionsPanel from '../DimensionsPanel';
-import DimensionList from '../List/DimensionList';
+import DimensionsPanel from '../DimensionsPanel.js';
+import DimensionList from '../List/DimensionList.js';
 describe('The Dimensions component ', () => {
   let shallowDimensions;
   let props;

package/build/es/components/DynamicDimension/DynamicDimension.js

@@ -3,10 +3,10 @@ import { useDataEngine } from '@dhis2/app-runtime';
 import { Radio, Field } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { apiFetchItemsByDimension } from '../../api/dimensions';
+import { apiFetchItemsByDimension } from '../../api/dimensions.js';
 import i18n from '../../locales/index.js';
-import ItemSelector from './ItemSelector';
-import styles from './styles/DynamicDimension.style';
+import ItemSelector from './ItemSelector.js';
+import styles from './styles/DynamicDimension.style.js';
 export const ALL_DYNAMIC_DIMENSION_ITEMS = 'ALL_ITEMS';
 export const DynamicDimension = ({
   dimensionId,