@dhis2/analytics 26.9.0 → 26.9.3

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

@@ -1,25 +1,36 @@
-import { storiesOf } from '@storybook/react';
 import React, { useState } from 'react';
 import FixedPeriodSelect from '../components/PeriodDimension/FixedPeriodSelect.js';
-storiesOf('FixedPeriodSelect', module).add('No value', () => {
+export default {
+  title: 'FixedPeriodSelect'
+};
+export const NoValue = () => {
   const [value, setValue] = useState();
   return /*#__PURE__*/React.createElement(FixedPeriodSelect, {
     onChange: period => setValue(period === null || period === void 0 ? void 0 : period.id),
     value: value
   });
-});
-storiesOf('FixedPeriodSelect', module).add('With value', () => {
+};
+NoValue.story = {
+  name: 'No value'
+};
+export const WithValue = () => {
   const [value, setValue] = useState('20140304');
   return /*#__PURE__*/React.createElement(FixedPeriodSelect, {
     onChange: period => setValue(period === null || period === void 0 ? void 0 : period.id),
     value: value
   });
-});
-storiesOf('FixedPeriodSelect', module).add('Allowed period types', () => {
+};
+WithValue.story = {
+  name: 'With value'
+};
+export const AllowedPeriodTypes = () => {
   const [value, setValue] = useState('20140304');
   return /*#__PURE__*/React.createElement(FixedPeriodSelect, {
     onChange: period => setValue(period === null || period === void 0 ? void 0 : period.id),
     value: value,
     allowedPeriodTypes: ['MONTHLY', 'DAILY', 'YEARLY']
   });
-});
+};
+AllowedPeriodTypes.story = {
+  name: 'Allowed period types'
+};

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

@@ -1,8 +1,10 @@
 import { CustomDataProvider } from '@dhis2/app-runtime';
-import { storiesOf } from '@storybook/react';
 import React from 'react';
 import { InterpretationsUnit } from '../components/Interpretations/InterpretationsUnit/index.js';
-storiesOf('IntepretationsUnit', module).add('Default', () => {
+export default {
+  title: 'IntepretationsUnit'
+};
+export const Default = () => {
   return /*#__PURE__*/React.createElement(CustomDataProvider, {
     data: {
       interpretations: {
@@ -18,8 +20,8 @@ storiesOf('IntepretationsUnit', module).add('Default', () => {
     type: "eventVisualization",
     visualizationHasTimeDimension: true
   }));
-});
-storiesOf('IntepretationsUnit', module).add('With no time dimensions warning', () => {
+};
+export const WithNoTimeDimensionsWarning = () => {
   return /*#__PURE__*/React.createElement(CustomDataProvider, {
     data: {
       interpretations: {
@@ -35,4 +37,7 @@ storiesOf('IntepretationsUnit', module).add('With no time dimensions warning', (
     type: "eventVisualization",
     visualizationHasTimeDimension: false
   }));
-});
+};
+WithNoTimeDimensionsWarning.story = {
+  name: 'With no time dimensions warning'
+};

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

@@ -1,12 +1,11 @@
-import { Provider } from '@dhis2/app-runtime';
-import { storiesOf } from '@storybook/react';
+import { DataProvider } from '@dhis2/app-runtime';
 import React from 'react';
 import { OpenFileDialog } from '../components/OpenFileDialog/OpenFileDialog.js';
 import { VIS_TYPE_GROUP_ALL, VIS_TYPE_GROUP_CHARTS, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_COLUMN, VIS_TYPE_BAR, VIS_TYPE_LINE_LIST } from '../modules/visTypes.js';
-const configMock = {
-  baseUrl: 'https://debug.dhis2.org/dev',
-  apiVersion: 37
-};
+const Wrapper = story => /*#__PURE__*/React.createElement(DataProvider, {
+  baseUrl: "https://test.e2e.dhis2.org/analytics-41dev/",
+  apiVersion: "41"
+}, story());
 const user = {
   displayName: 'John Traore',
   id: 'xE7jOejl9FI',
@@ -25,9 +24,11 @@ const filterVisTypesWithGroupsAndDivider = [{
 }, {
   type: VIS_TYPE_BAR
 }];
-storiesOf('OpenFileDialog', module).add('List of visualizations with vis type filter and divider (no default vis type)', () => /*#__PURE__*/React.createElement(Provider, {
-  config: configMock
-}, /*#__PURE__*/React.createElement(OpenFileDialog, {
+export default {
+  title: 'OpenFileDialog',
+  decorators: [Wrapper]
+};
+export const ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = () => /*#__PURE__*/React.createElement(OpenFileDialog, {
   type: "visualization",
   filterVisTypes: filterVisTypesWithGroupsAndDivider,
   onClose: Function.prototype,
@@ -35,26 +36,28 @@ storiesOf('OpenFileDialog', module).add('List of visualizations with vis type fi
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
-storiesOf('OpenFileDialog', module).add('List of maps (no vis type filter)', () => /*#__PURE__*/React.createElement(Provider, {
-  config: configMock
-}, /*#__PURE__*/React.createElement(OpenFileDialog, {
+});
+ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType.story = {
+  name: 'List of visualizations with vis type filter and divider (no default vis type)'
+};
+export const ListOfMapsNoVisTypeFilter = () => /*#__PURE__*/React.createElement(OpenFileDialog, {
   type: "map",
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
+});
+ListOfMapsNoVisTypeFilter.story = {
+  name: 'List of maps (no vis type filter)'
+};
 const filterVisTypesWithDisabled = [{
   type: VIS_TYPE_PIVOT_TABLE,
   disabled: true
 }, {
   type: VIS_TYPE_LINE_LIST
 }];
-storiesOf('OpenFileDialog', module).add('List of event visualizations with vis type filter, disabled type and default vis type', () => /*#__PURE__*/React.createElement(Provider, {
-  config: configMock
-}, /*#__PURE__*/React.createElement(OpenFileDialog, {
+export const ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType = () => /*#__PURE__*/React.createElement(OpenFileDialog, {
   type: "eventVisualization",
   filterVisTypes: filterVisTypesWithDisabled,
   defaultFilterVisType: VIS_TYPE_LINE_LIST,
@@ -63,7 +66,10 @@ storiesOf('OpenFileDialog', module).add('List of event visualizations with vis t
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
+});
+ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType.story = {
+  name: 'List of event visualizations with vis type filter, disabled type and default vis type'
+};
 const filterVisTypesWithGroupDividerAndDisabled = [{
   type: VIS_TYPE_GROUP_ALL
 }, {
@@ -73,9 +79,7 @@ const filterVisTypesWithGroupDividerAndDisabled = [{
   type: VIS_TYPE_COLUMN,
   disabled: true
 }];
-storiesOf('OpenFileDialog', module).add('List of visualizations with vis type filter with group type, divider and disabled option (no default vis type)', () => /*#__PURE__*/React.createElement(Provider, {
-  config: configMock
-}, /*#__PURE__*/React.createElement(OpenFileDialog, {
+export const ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType = () => /*#__PURE__*/React.createElement(OpenFileDialog, {
   type: "visualization",
   filterVisTypes: filterVisTypesWithGroupDividerAndDisabled,
   onClose: Function.prototype,
@@ -83,14 +87,18 @@ storiesOf('OpenFileDialog', module).add('List of visualizations with vis type fi
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
-storiesOf('OpenFileDialog', module).add('No connection', () => /*#__PURE__*/React.createElement(Provider, {
-  config: configMock
-}, /*#__PURE__*/React.createElement(OpenFileDialog, {
+});
+ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType.story = {
+  name: 'List of visualizations with vis type filter with group type, divider and disabled option (no default vis type)'
+};
+export const NoConnection = () => /*#__PURE__*/React.createElement(OpenFileDialog, {
   type: "map",
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
+});
+NoConnection.story = {
+  name: 'No connection'
+};

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

@@ -1,22 +1,28 @@
 import { DataProvider } from '@dhis2/app-runtime';
-import { storiesOf } from '@storybook/react';
 import React, { useState } from 'react';
 import OrgUnitDimension from '../components/OrgUnitDimension/OrgUnitDimension.js';
 const Wrapper = story => /*#__PURE__*/React.createElement(DataProvider, {
-  baseUrl: "https://debug.dhis2.org/analytics-dev/",
-  apiVersion: ""
+  baseUrl: "https://test.e2e.dhis2.org/analytics-41dev/",
+  apiVersion: "41"
 }, story());
 const defaultRootOrgUnits = ['ImspTQPwCqd']; // Sierra Leone
 
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('None selected', () => {
+export default {
+  title: 'OrgUnitDimension',
+  decorators: [Wrapper]
+};
+export const NoneSelected = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Root selected', () => {
+};
+NoneSelected.story = {
+  name: 'None selected'
+};
+export const RootSelected = () => {
   const [selected, setSelected] = useState([{
     id: 'ImspTQPwCqd',
     path: '/ImspTQPwCqd',
@@ -27,8 +33,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Root selected',
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Single level 2 child selected', () => {
+};
+RootSelected.story = {
+  name: 'Root selected'
+};
+export const SingleLevel2ChildSelected = () => {
   const [selected, setSelected] = useState([{
     id: 'fdc6uOvgoji',
     path: '/ImspTQPwCqd/fdc6uOvgoji',
@@ -39,8 +48,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Single level 2
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple level 2 children selected', () => {
+};
+SingleLevel2ChildSelected.story = {
+  name: 'Single level 2 child selected'
+};
+export const MultipleLevel2ChildrenSelected = () => {
   const [selected, setSelected] = useState([{
     id: 'O6uvpzGd5pu',
     path: '/ImspTQPwCqd/O6uvpzGd5pu',
@@ -59,8 +71,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple level
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple selected across different levels', () => {
+};
+MultipleLevel2ChildrenSelected.story = {
+  name: 'Multiple level 2 children selected'
+};
+export const MultipleSelectedAcrossDifferentLevels = () => {
   const [selected, setSelected] = useState([{
     id: 'fdc6uOvgoji',
     path: '/ImspTQPwCqd/fdc6uOvgoji',
@@ -79,17 +94,22 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple select
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple roots', () => {
+};
+MultipleSelectedAcrossDifferentLevels.story = {
+  name: 'Multiple selected across different levels'
+};
+export const MultipleRoots = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: ['O6uvpzGd5pu', 'fdc6uOvgoji'] // Bo + Bombali
   });
-});
-
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without user org units selection', () => {
+};
+MultipleRoots.story = {
+  name: 'Multiple roots'
+};
+export const WithoutUserOrgUnitsSelection = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     hideUserOrgUnits: true,
@@ -97,8 +117,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without user or
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level selector', () => {
+};
+WithoutUserOrgUnitsSelection.story = {
+  name: 'Without user org units selection'
+};
+export const WithoutLevelSelector = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     hideLevelSelect: true,
@@ -106,8 +129,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level s
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without group selector', () => {
+};
+WithoutLevelSelector.story = {
+  name: 'Without level selector'
+};
+export const WithoutGroupSelector = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     hideGroupSelect: true,
@@ -115,8 +141,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without group s
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level and group selector', () => {
+};
+WithoutGroupSelector.story = {
+  name: 'Without group selector'
+};
+export const WithoutLevelAndGroupSelector = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     hideLevelSelect: true,
@@ -125,8 +154,11 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level a
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level and group selector, with warning text', () => {
+};
+WithoutLevelAndGroupSelector.story = {
+  name: 'Without level and group selector'
+};
+export const WithoutLevelAndGroupSelectorWithWarningText = () => {
   const [selected, setSelected] = useState([]);
   return /*#__PURE__*/React.createElement(OrgUnitDimension, {
     hideLevelSelect: true,
@@ -136,4 +168,7 @@ storiesOf('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level a
     roots: defaultRootOrgUnits,
     warning: 'No org. units selected'
   });
-});
+};
+WithoutLevelAndGroupSelectorWithWarningText.story = {
+  name: 'Without level and group selector, with warning text'
+};

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

@@ -1,41 +1,69 @@
-import { storiesOf } from '@storybook/react';
+import { DataProvider } from '@dhis2/app-runtime';
+import { ConfigProvider } from '@dhis2/app-service-config';
 import React from 'react';
 import PeriodDimension from '../components/PeriodDimension/PeriodDimension.js';
 import { MONTHLY, WEEKLY, WEEKLYWED, WEEKLYTHU, WEEKLYSAT, WEEKLYSUN, DAILY, BIWEEKLY, BIMONTHLY } from '../components/PeriodDimension/utils/index.js';
+const Wrapper = story => /*#__PURE__*/React.createElement(ConfigProvider, {
+  config: {
+    systemInfo: {}
+  }
+}, /*#__PURE__*/React.createElement(DataProvider, {
+  baseUrl: "https://test.e2e.dhis2.org/analytics-41dev/",
+  apiVersion: "41"
+}, story()));
 const selectedPeriods = [{
   id: 'LAST_12_MONTHS',
   name: 'Last 12 months'
 }];
-storiesOf('PeriodDimension', module).add('None selected', () => {
+export default {
+  title: 'PeriodDimension',
+  decorators: [Wrapper]
+};
+export const NoneSelected = () => {
   return /*#__PURE__*/React.createElement(PeriodDimension, {
     onSelect: selected => console.log(selected)
   });
-});
-storiesOf('PeriodDimension', module).add('One selected', () => {
+};
+NoneSelected.story = {
+  name: 'None selected'
+};
+export const OneSelected = () => {
   return /*#__PURE__*/React.createElement(PeriodDimension, {
     selectedPeriods: selectedPeriods,
     onSelect: selected => console.log(selected)
   });
-});
-storiesOf('PeriodDimension', module).add('Monthly excluded', () => {
+};
+OneSelected.story = {
+  name: 'One selected'
+};
+export const MonthlyExcluded = () => {
   return /*#__PURE__*/React.createElement(PeriodDimension, {
     excludedPeriodTypes: [MONTHLY],
     onSelect: selected => console.log(selected)
   });
-});
-storiesOf('PeriodDimension', module).add('Weekly excluded', () => {
+};
+MonthlyExcluded.story = {
+  name: 'Monthly excluded'
+};
+export const WeeklyExcluded = () => {
   return /*#__PURE__*/React.createElement(PeriodDimension, {
     excludedPeriodTypes: [WEEKLY, WEEKLYWED, WEEKLYTHU, WEEKLYSAT, WEEKLYSUN],
     onSelect: selected => console.log(selected)
   });
-});
-storiesOf('PeriodDimension', module).add('All below Quarterly excluded', () => {
+};
+WeeklyExcluded.story = {
+  name: 'Weekly excluded'
+};
+export const AllBelowQuarterlyExcluded = () => {
   return /*#__PURE__*/React.createElement(PeriodDimension, {
     excludedPeriodTypes: [DAILY, WEEKLY, WEEKLYWED, WEEKLYTHU, WEEKLYSAT, WEEKLYSUN, BIWEEKLY, MONTHLY, BIMONTHLY],
     onSelect: selected => console.log(selected)
   });
-});
-storiesOf('PeriodDimension', module).add('Using right footer', () => {
+};
+AllBelowQuarterlyExcluded.story = {
+  name: 'All below Quarterly excluded'
+};
+export const UsingRightFooter = () => {
   return /*#__PURE__*/React.createElement(PeriodDimension, {
     rightFooter: /*#__PURE__*/React.createElement("div", {
       style: {
@@ -46,4 +74,7 @@ storiesOf('PeriodDimension', module).add('Using right footer', () => {
     }, /*#__PURE__*/React.createElement("p", null, "Right footer goes here")),
     onSelect: selected => console.log(selected)
   });
-});
+};
+UsingRightFooter.story = {
+  name: 'Using right footer'
+};