@dhis2/analytics 21.0.6 → 21.0.10

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,

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

@@ -5,12 +5,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import { Transfer, InputField } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { useState, useEffect, useCallback } from 'react';
-import GenericIcon from '../../assets/DimensionItemIcons/GenericIcon';
+import GenericIcon from '../../assets/DimensionItemIcons/GenericIcon.js';
 import i18n from '../../locales/index.js';
-import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from '../../modules/dimensionSelectorHelper';
-import { useDebounce } from '../../modules/utils';
-import styles from '../styles/DimensionSelector.style';
-import { TransferOption } from '../TransferOption';
+import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from '../../modules/dimensionSelectorHelper.js';
+import { useDebounce } from '../../modules/utils.js';
+import styles from '../styles/DimensionSelector.style.js';
+import { TransferOption } from '../TransferOption.js';
 
 const LeftHeader = ({
   filter,

package/build/es/components/FileMenu/DeleteDialog.js

@@ -3,7 +3,7 @@ import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button } fr
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import i18n from '../../locales/index.js';
-import { supportedFileTypes, endpointFromFileType } from './utils';
+import { supportedFileTypes, endpointFromFileType } from './utils.js';
 
 const getMutation = type => ({
   resource: endpointFromFileType(type),

package/build/es/components/FileMenu/FileMenu.js

@@ -4,13 +4,13 @@ import { IconAdd24, IconLaunch24, IconSave24, IconEdit24, IconTranslate24, IconS
 import PropTypes from 'prop-types';
 import React, { createRef, useState } from 'react';
 import i18n from '../../locales/index.js';
-import { OpenFileDialog } from '../OpenFileDialog/OpenFileDialog';
-import { DeleteDialog } from './DeleteDialog';
-import { fileMenuStyles } from './FileMenu.styles';
-import { GetLinkDialog } from './GetLinkDialog';
-import { RenameDialog } from './RenameDialog';
-import { SaveAsDialog } from './SaveAsDialog';
-import { supportedFileTypes } from './utils';
+import { OpenFileDialog } from '../OpenFileDialog/OpenFileDialog.js';
+import { DeleteDialog } from './DeleteDialog.js';
+import { fileMenuStyles } from './FileMenu.styles.js';
+import { GetLinkDialog } from './GetLinkDialog.js';
+import { RenameDialog } from './RenameDialog.js';
+import { SaveAsDialog } from './SaveAsDialog.js';
+import { supportedFileTypes } from './utils.js';
 export const FileMenu = ({
   d2,
   // to be removed as soon as TranslateDialog and FavoritesDialog are rewritten

package/build/es/components/FileMenu/GetLinkDialog.js

@@ -3,7 +3,7 @@ import { Modal, ModalContent, ModalActions, ButtonStrip, Button } from '@dhis2/u
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../locales/index.js';
-import { supportedFileTypes, appPathFor } from './utils';
+import { supportedFileTypes, appPathFor } from './utils.js';
 export const GetLinkDialog = ({
   type,
   id,

package/build/es/components/FileMenu/RenameDialog.js

@@ -3,7 +3,7 @@ import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button, Inp
 import PropTypes from 'prop-types';
 import React, { useMemo, useState } from 'react';
 import i18n from '../../locales/index.js';
-import { supportedFileTypes, endpointFromFileType } from './utils';
+import { supportedFileTypes, endpointFromFileType } from './utils.js';
 
 const getMutation = type => ({
   resource: endpointFromFileType(type),

package/build/es/components/FileMenu/SaveAsDialog.js

@@ -2,7 +2,7 @@ import { Modal, ModalTitle, ModalContent, ModalActions, ButtonStrip, Button, Inp
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import i18n from '../../locales/index.js';
-import { supportedFileTypes } from './utils';
+import { supportedFileTypes } from './utils.js';
 export const SaveAsDialog = ({
   type,
   object,

package/build/es/components/FileMenu/__tests__/DeleteDialog.spec.js

@@ -1,7 +1,7 @@
 import { Button, Modal, ModalTitle } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
-import { DeleteDialog } from '../DeleteDialog';
+import { DeleteDialog } from '../DeleteDialog.js';
 describe('The FileMenu - DeleteDialog component', () => {
   let shallowDeleteDialog;
   let props;

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

@@ -2,12 +2,12 @@ import TranslationDialog from '@dhis2/d2-ui-translation-dialog';
 import { SharingDialog } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
-import { OpenFileDialog } from '../../OpenFileDialog/OpenFileDialog';
-import { DeleteDialog } from '../DeleteDialog';
-import { FileMenu } from '../FileMenu';
-import { GetLinkDialog } from '../GetLinkDialog';
-import { RenameDialog } from '../RenameDialog';
-import { SaveAsDialog } from '../SaveAsDialog';
+import { OpenFileDialog } from '../../OpenFileDialog/OpenFileDialog.js';
+import { DeleteDialog } from '../DeleteDialog.js';
+import { FileMenu } from '../FileMenu.js';
+import { GetLinkDialog } from '../GetLinkDialog.js';
+import { RenameDialog } from '../RenameDialog.js';
+import { SaveAsDialog } from '../SaveAsDialog.js';
 describe('The FileMenu component ', () => {
   let shallowFileMenu;
   let props;

package/build/es/components/FileMenu/__tests__/GetLinkDialog.spec.js

@@ -1,8 +1,8 @@
 import { Button, Modal } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
-import { GetLinkDialog } from '../GetLinkDialog';
-import { appPathFor } from '../utils';
+import { GetLinkDialog } from '../GetLinkDialog.js';
+import { appPathFor } from '../utils.js';
 describe('The FileMenu - GetLinkDialog component', () => {
   let shallowGetLinkDialog;
   let props;

package/build/es/components/FileMenu/__tests__/RenameDialog.spec.js

@@ -1,7 +1,7 @@
 import { Button, Modal, ModalTitle } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
-import { RenameDialog } from '../RenameDialog';
+import { RenameDialog } from '../RenameDialog.js';
 describe('The FileMenu - RenameDialog component', () => {
   let shallowRenameDialog;
   let props;

package/build/es/components/FileMenu/__tests__/SaveAsDialog.spec.js

@@ -1,7 +1,7 @@
 import { Button, Modal, ModalTitle } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
-import { SaveAsDialog } from '../SaveAsDialog';
+import { SaveAsDialog } from '../SaveAsDialog.js';
 describe('The FileMenu - SaveAsDialog component', () => {
   let shallowSaveAsDialog;
   let props;

package/build/es/components/Filter/Filter.js

@@ -2,7 +2,7 @@ import _JSXStyle from "styled-jsx/style";
 import { InputField } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-import styles from './styles/Filter.style';
+import styles from './styles/Filter.style.js';
 
 const Filter = ({
   text,

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

@@ -1,7 +1,7 @@
 import { InputField } from '@dhis2/ui';
 import { shallow } from 'enzyme';
 import React from 'react';
-import Filter from '../Filter';
+import Filter from '../Filter.js';
 describe('The Filter component ', () => {
   let shallowFilter;
   let props;

package/build/es/components/LegendKey/LegendKey.js

@@ -2,7 +2,7 @@ import _JSXStyle from "styled-jsx/style";
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import styles from './styles/LegendKey.style';
+import styles from './styles/LegendKey.style.js';
 
 const LegendKey = ({
   legendSets

package/build/es/components/OpenFileDialog/CustomSelectOption.js

@@ -2,7 +2,7 @@ import _JSXStyle from "styled-jsx/style";
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-import styles from './styles/CustomSelectOption.style';
+import styles from './styles/CustomSelectOption.style.js';
 export const CustomSelectOption = ({
   value,
   label,

package/build/es/components/OpenFileDialog/FileList.js

@@ -1,8 +1,8 @@
 import { DataTableRow, DataTableCell, colors } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { VisTypeIcon } from '../VisTypeIcon';
-import { DateField } from './DateField';
+import { VisTypeIcon } from '../VisTypeIcon.js';
+import { DateField } from './DateField.js';
 export const FileList = ({
   type,
   data,

package/build/es/components/OpenFileDialog/OpenFileDialog.js

@@ -5,13 +5,13 @@ import { Box, Modal, ModalTitle, ModalContent, DataTable, DataTableHead, DataTab
 import isEqual from 'lodash/isEqual';
 import PropTypes from 'prop-types';
 import React, { useEffect, useMemo, useState } from 'react';
-import { CreatedByFilter, CREATED_BY_ALL, CREATED_BY_ALL_BUT_CURRENT_USER, CREATED_BY_CURRENT_USER } from './CreatedByFilter';
-import { FileList } from './FileList';
-import { NameFilter } from './NameFilter';
-import { styles } from './OpenFileDialog.styles';
-import { PaginationControls } from './PaginationControls';
-import { getTranslatedString, AO_TYPE_VISUALIZATION, AO_TYPE_EVENT_REPORT, AOTypeMap } from './utils';
-import { VisTypeFilter, VIS_TYPE_ALL, VIS_TYPE_CHARTS } from './VisTypeFilter';
+import { CreatedByFilter, CREATED_BY_ALL, CREATED_BY_ALL_BUT_CURRENT_USER, CREATED_BY_CURRENT_USER } from './CreatedByFilter.js';
+import { FileList } from './FileList.js';
+import { NameFilter } from './NameFilter.js';
+import { styles } from './OpenFileDialog.styles.js';
+import { PaginationControls } from './PaginationControls.js';
+import { getTranslatedString, AO_TYPE_VISUALIZATION, AO_TYPE_EVENT_REPORT, AOTypeMap } from './utils.js';
+import { VisTypeFilter, VIS_TYPE_ALL, VIS_TYPE_CHARTS } from './VisTypeFilter.js';
 
 const getQuery = type => ({
   files: {

package/build/es/components/OpenFileDialog/VisTypeFilter.js

@@ -2,9 +2,9 @@ import i18n from '@dhis2/d2-i18n';
 import { Divider, SingleSelect, SingleSelectOption, colors } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { visTypeDisplayNames } from '../../modules/visTypes';
-import { VisTypeIcon } from '../VisTypeIcon';
-import { CustomSelectOption } from './CustomSelectOption';
+import { visTypeDisplayNames } from '../../modules/visTypes.js';
+import { VisTypeIcon } from '../VisTypeIcon.js';
+import { CustomSelectOption } from './CustomSelectOption.js';
 export const VIS_TYPE_ALL = 'all';
 export const VIS_TYPE_CHARTS = 'charts';
 export const VisTypeFilter = ({

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

@@ -4,12 +4,12 @@ import { OrganisationUnitTree, Checkbox, MultiSelect, MultiSelectOption, Button
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useEffect, useState } from 'react';
-import { apiFetchOrganisationUnitGroups, apiFetchOrganisationUnitLevels } from '../../api/organisationUnits';
+import { apiFetchOrganisationUnitGroups, apiFetchOrganisationUnitLevels } from '../../api/organisationUnits.js';
 import i18n from '../../locales/index.js';
-import { formatList } from '../../modules/list';
-import { ouIdHelper, USER_ORG_UNIT, USER_ORG_UNIT_CHILDREN, USER_ORG_UNIT_GRANDCHILDREN } from '../../modules/ouIdHelper';
-import { DIMENSION_ID_ORGUNIT } from '../../modules/predefinedDimensions';
-import styles from './styles/OrgUnitDimension.style';
+import { formatList } from '../../modules/list.js';
+import { ouIdHelper, USER_ORG_UNIT, USER_ORG_UNIT_CHILDREN, USER_ORG_UNIT_GRANDCHILDREN } from '../../modules/ouIdHelper/index.js';
+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 = ({
@@ -31,7 +31,7 @@ const OrgUnitDimension = ({
     let result = [...selected];
 
     if (checked && DYNAMIC_ORG_UNITS.includes(id)) {
-      result = [...result.filter(item => DYNAMIC_ORG_UNITS.includes(item.id) || ouIdHelper.hasLevelPrefix(item.id) || ouIdHelper.hasGroupPrefix(item.id)), {
+      result = [...result.filter(item => DYNAMIC_ORG_UNITS.includes(item.id)), {
         id,
         displayName
       }];
@@ -191,7 +191,9 @@ const OrgUnitDimension = ({
     onChange: onSelectItems,
     dataTest: 'org-unit-tree'
   })), /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "selectsWrapper"
+    className: "jsx-".concat(styles.__hash) + " " + (cx('selectsWrapper', {
+      disabled: selected.some(item => DYNAMIC_ORG_UNITS.includes(item.id))
+    }) || "")
   }, /*#__PURE__*/React.createElement(MultiSelect, {
     selected: ouLevels.length ? selected.filter(item => ouIdHelper.hasLevelPrefix(item.id)).map(item => ouIdHelper.removePrefix(item.id)) : [],
     onChange: ({

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

@@ -3,8 +3,8 @@ import { SingleSelectField, InputField, SingleSelectOption } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 import i18n from '../../locales/index.js';
-import styles from './styles/PeriodFilter.style';
-import { getFixedPeriodsOptions } from './utils/fixedPeriods';
+import styles from './styles/PeriodFilter.style.js';
+import { getFixedPeriodsOptions } from './utils/fixedPeriods.js';
 import { filterPeriodTypesById } from './utils/index.js';
 
 const FixedPeriodFilter = ({

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

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

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

@@ -5,17 +5,17 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import { TabBar, Tab, Transfer } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import PeriodIcon from '../../assets/DimensionItemIcons/PeriodIcon'; //TODO: Reimplement the icon
+import PeriodIcon from '../../assets/DimensionItemIcons/PeriodIcon.js'; //TODO: Reimplement the icon.js
 
 import i18n from '../../locales/index.js';
-import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from '../../modules/dimensionSelectorHelper';
-import styles from '../styles/DimensionSelector.style';
-import { TransferOption } from '../TransferOption';
-import FixedPeriodFilter from './FixedPeriodFilter';
-import RelativePeriodFilter from './RelativePeriodFilter';
-import { getFixedPeriodsOptionsById } from './utils/fixedPeriods';
+import { TRANSFER_HEIGHT, TRANSFER_OPTIONS_WIDTH, TRANSFER_SELECTED_WIDTH } from '../../modules/dimensionSelectorHelper.js';
+import styles from '../styles/DimensionSelector.style.js';
+import { TransferOption } from '../TransferOption.js';
+import FixedPeriodFilter from './FixedPeriodFilter.js';
+import RelativePeriodFilter from './RelativePeriodFilter.js';
+import { getFixedPeriodsOptionsById } from './utils/fixedPeriods.js';
 import { MONTHLY, QUARTERLY } from './utils/index.js';
-import { getRelativePeriodsOptionsById } from './utils/relativePeriods';
+import { getRelativePeriodsOptionsById } from './utils/relativePeriods.js';
 
 const PeriodTransfer = ({
   onSelect,

package/build/es/components/PeriodDimension/RelativePeriodFilter.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 styles from './styles/PeriodFilter.style';
+import styles from './styles/PeriodFilter.style.js';
 import { filterPeriodTypesById } from './utils/index.js';
-import { getRelativePeriodsOptions } from './utils/relativePeriods';
+import { getRelativePeriodsOptions } from './utils/relativePeriods.js';
 
 const RelativePeriodFilter = ({
   currentFilter,

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

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import PeriodDimension from '../PeriodDimension';
+import PeriodDimension from '../PeriodDimension.js';
 describe('The Period Dimension component', () => {
   let props;
   let shallowPeriodDimension;

package/build/es/components/PeriodDimension/__tests__/PeriodSelector.spec.js

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import PeriodTransfer from '../PeriodTransfer';
+import PeriodTransfer from '../PeriodTransfer.js';
 describe('The Period Selector component', () => {
   let props;
   let shallowPeriodTransfer;

package/build/es/components/PeriodDimension/__tests__/fixedPeriods.spec.js

@@ -1,4 +1,4 @@
-import { getFixedPeriodsOptionsById, getFixedPeriodsOptions, parsePeriodCode, getYearOffsetFromNow } from '../utils/fixedPeriods';
+import { getFixedPeriodsOptionsById, getFixedPeriodsOptions, parsePeriodCode, getYearOffsetFromNow } from '../utils/fixedPeriods.js';
 describe('fixedPeriods utils', () => {
   beforeAll(() => // 2019-06-17
   jest.spyOn(Date, 'now').mockImplementation(() => 1560765600000));

package/build/es/components/PeriodDimension/__tests__/utils.spec.js

@@ -1,6 +1,6 @@
-import { filterPeriodTypesById } from '../utils';
-import { getFixedPeriodsOptions } from '../utils/fixedPeriods';
-import { getRelativePeriodsOptions } from '../utils/relativePeriods';
+import { getFixedPeriodsOptions } from '../utils/fixedPeriods.js';
+import { filterPeriodTypesById } from '../utils/index.js';
+import { getRelativePeriodsOptions } from '../utils/relativePeriods.js';
 describe('utils', () => {
   describe('filterPeriodTypesById', () => {
     it('should filter fixed periods', () => {