@dhis2/analytics 26.8.7 → 26.9.3

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = _default;
 var _index = _interopRequireDefault(require("./adapters/index.js"));
 var _index2 = _interopRequireDefault(require("./validators/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(_ref) {
   let {
     data,

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

@@ -7,7 +7,7 @@ exports.default = _default;
 var _isArray = _interopRequireDefault(require("d2-utilizr/lib/isArray"));
 var _isObject = _interopRequireDefault(require("d2-utilizr/lib/isObject"));
 var _isString = _interopRequireDefault(require("d2-utilizr/lib/isString"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MODULE = 'Data validator: ';
 function getMessage(text) {
   return MODULE + text;

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

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

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

@@ -1,7 +1,7 @@
 "use strict";
 
 var _getFilterText = _interopRequireDefault(require("../getFilterText.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let filters;
 let metaData;
 describe('getFilterText', () => {

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

@@ -6,25 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.colorSets = exports.COLOR_SET_PATTERNS = exports.COLOR_SET_GRAY = exports.COLOR_SET_EXTENDED = exports.COLOR_SET_DEFAULT = exports.COLOR_SET_DARK = exports.COLOR_SET_COLOR_BLIND = exports.COLOR_SET_BRIGHT = exports.COLOR_SET_BASIC = void 0;
 var _highcharts = _interopRequireDefault(require("highcharts"));
 var _patternFill = _interopRequireDefault(require("highcharts/modules/pattern-fill"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (0, _patternFill.default)(_highcharts.default);
-const COLOR_SET_DEFAULT = 'DEFAULT';
-exports.COLOR_SET_DEFAULT = COLOR_SET_DEFAULT;
-const COLOR_SET_BASIC = 'BASIC';
-exports.COLOR_SET_BASIC = COLOR_SET_BASIC;
-const COLOR_SET_EXTENDED = 'EXTENDED';
-exports.COLOR_SET_EXTENDED = COLOR_SET_EXTENDED;
-const COLOR_SET_BRIGHT = 'BRIGHT';
-exports.COLOR_SET_BRIGHT = COLOR_SET_BRIGHT;
-const COLOR_SET_DARK = 'DARK';
-exports.COLOR_SET_DARK = COLOR_SET_DARK;
-const COLOR_SET_GRAY = 'GRAY';
-exports.COLOR_SET_GRAY = COLOR_SET_GRAY;
-const COLOR_SET_COLOR_BLIND = 'COLOR_BLIND';
-exports.COLOR_SET_COLOR_BLIND = COLOR_SET_COLOR_BLIND;
-const COLOR_SET_PATTERNS = 'PATTERNS';
-exports.COLOR_SET_PATTERNS = COLOR_SET_PATTERNS;
-const colorSets = {
+const COLOR_SET_DEFAULT = exports.COLOR_SET_DEFAULT = 'DEFAULT';
+const COLOR_SET_BASIC = exports.COLOR_SET_BASIC = 'BASIC';
+const COLOR_SET_EXTENDED = exports.COLOR_SET_EXTENDED = 'EXTENDED';
+const COLOR_SET_BRIGHT = exports.COLOR_SET_BRIGHT = 'BRIGHT';
+const COLOR_SET_DARK = exports.COLOR_SET_DARK = 'DARK';
+const COLOR_SET_GRAY = exports.COLOR_SET_GRAY = 'GRAY';
+const COLOR_SET_COLOR_BLIND = exports.COLOR_SET_COLOR_BLIND = 'COLOR_BLIND';
+const COLOR_SET_PATTERNS = exports.COLOR_SET_PATTERNS = 'PATTERNS';
+const colorSets = exports.colorSets = {
   [COLOR_SET_DEFAULT]: {
     colors: ['#a8bf24', '#518cc3', '#d74554', '#ff9e21', '#968f8f', '#ba3ba1', '#ffda54', '#45beae', '#b98037', '#676767', '#6b2dd4', '#47792c', '#fcbdbd', '#830000', '#a5ffc0', '#000078', '#817c00', '#bdf023', '#fffac4']
   },
@@ -49,5 +41,4 @@ const colorSets = {
   [COLOR_SET_PATTERNS]: {
     patterns: _highcharts.default.patterns
   }
-};
-exports.colorSets = colorSets;
+};

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

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.theme1 = exports.defaultMultiAxisTheme1 = void 0;
-const theme1 = '#a9be3b|#558cc0|#d34957|#ff9f3a|#968f8f|#b7409f|#ffda64|#4fbdae|#b78040|#676767|#6a33cf|#4a7833|#454545'.split('|');
-exports.theme1 = theme1;
-const defaultMultiAxisTheme1 = {
+const theme1 = exports.theme1 = '#a9be3b|#558cc0|#d34957|#ff9f3a|#968f8f|#b7409f|#ffda64|#4fbdae|#b78040|#676767|#6a33cf|#4a7833|#454545'.split('|');
+const defaultMultiAxisTheme1 = exports.defaultMultiAxisTheme1 = {
   0: {
     startColor: '#08306b',
     endColor: '#c6dbef',
@@ -27,5 +26,4 @@ const defaultMultiAxisTheme1 = {
     endColor: '#dadaeb',
     mainColor: '#6c66b8'
   }
-};
-exports.defaultMultiAxisTheme1 = defaultMultiAxisTheme1;
+};

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldUseContrastColor = void 0;
+const shouldUseContrastColor = function () {
+  let inputColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  // based on https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
+  var color = inputColor.charAt(0) === '#' ? inputColor.substring(1, 7) : inputColor;
+  var r = parseInt(color.substring(0, 2), 16); // hexToR
+  var g = parseInt(color.substring(2, 4), 16); // hexToG
+  var b = parseInt(color.substring(4, 6), 16); // hexToB
+  var uicolors = [r / 255, g / 255, b / 255];
+  var c = uicolors.map(col => {
+    if (col <= 0.03928) {
+      return col / 12.92;
+    }
+    return Math.pow((col + 0.055) / 1.055, 2.4);
+  });
+  var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+  return L <= 0.179;
+};
+exports.shouldUseContrastColor = shouldUseContrastColor;

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

@@ -1,5 +1,4 @@
 import { CustomDataProvider } from '@dhis2/app-runtime';
-import { storiesOf } from '@storybook/react';
 import React from 'react';
 import CalculationModal from '../components/DataDimension/Calculation/CalculationModal.js';
 const DATA_ELEMENTS = {
@@ -359,7 +358,10 @@ const calculationWithOperand = {
   name: 'Calculation with operand',
   expression: '#{cYeuwXTCPkU}*10-#{fbfJHSPpUQD.pq2XI5kz2BY}'
 };
-storiesOf('CalculationModal', module).add('Default', () => {
+export default {
+  title: 'CalculationModal'
+};
+export const Default = () => {
   return /*#__PURE__*/React.createElement(CustomDataProvider, {
     data: {
       dataElements: DATA_ELEMENTS,
@@ -372,7 +374,8 @@ storiesOf('CalculationModal', module).add('Default', () => {
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-}).add('With calculation', () => {
+};
+export const WithCalculation = () => {
   return /*#__PURE__*/React.createElement(CustomDataProvider, {
     data: {
       dataElements: DATA_ELEMENTS,
@@ -386,7 +389,11 @@ storiesOf('CalculationModal', module).add('Default', () => {
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-}).add('With calculation containing operand', () => {
+};
+WithCalculation.story = {
+  name: 'With calculation'
+};
+export const WithCalculationContainingOperand = () => {
   return /*#__PURE__*/React.createElement(CustomDataProvider, {
     data: {
       dataElements: DATA_ELEMENTS,
@@ -400,7 +407,11 @@ storiesOf('CalculationModal', module).add('Default', () => {
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-}).add('No available data', () => {
+};
+WithCalculationContainingOperand.story = {
+  name: 'With calculation containing operand'
+};
+export const NoAvailableData = () => {
   return /*#__PURE__*/React.createElement(CustomDataProvider, {
     data: {
       dataElements: {
@@ -437,4 +448,7 @@ storiesOf('CalculationModal', module).add('Default', () => {
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-});
+};
+NoAvailableData.story = {
+  name: 'No available data'
+};

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

@@ -1,4 +1,3 @@
-import { storiesOf } from '@storybook/react';
 import React from 'react';
 import DimensionsPanel from '../components/DimensionsPanel/DimensionsPanel.js';
 import { DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_PERIOD } from '../modules/predefinedDimensions.js';
@@ -23,60 +22,87 @@ const dynamicDimensions = [{
   name: 'Three'
 }];
 const onDimensionClick = () => alert('click');
-storiesOf('DimensionsPanel', module).add('fixed and dynamic dimensions', () => {
+export default {
+  title: 'DimensionsPanel'
+};
+export const FixedAndDynamicDimensions = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     selectedIds: []
   });
-});
-storiesOf('DimensionsPanel', module).add('fixed dimensions only', () => {
+};
+FixedAndDynamicDimensions.story = {
+  name: 'fixed and dynamic dimensions'
+};
+export const FixedDimensionsOnly = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: fixedDimensions,
     onDimensionClick: onDimensionClick,
     selectedIds: []
   });
-});
-storiesOf('DimensionsPanel', module).add('dynamic dimensions only', () => {
+};
+FixedDimensionsOnly.story = {
+  name: 'fixed dimensions only'
+};
+export const DynamicDimensionsOnly = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: dynamicDimensions,
     onDimensionClick: onDimensionClick,
     selectedIds: []
   });
-});
-storiesOf('DimensionsPanel', module).add('selected dimension', () => {
+};
+DynamicDimensionsOnly.story = {
+  name: 'dynamic dimensions only'
+};
+export const SelectedDimension = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     selectedIds: [DIMENSION_ID_DATA]
   });
-});
-storiesOf('DimensionsPanel', module).add('disabled dimension', () => {
+};
+SelectedDimension.story = {
+  name: 'selected dimension'
+};
+export const DisabledDimension = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     disabledDimension: dimension => dimension === DIMENSION_ID_DATA
   });
-});
-storiesOf('DimensionsPanel', module).add('locked dimension', () => {
+};
+DisabledDimension.story = {
+  name: 'disabled dimension'
+};
+export const LockedDimension = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     selectedIds: [DIMENSION_ID_DATA],
     lockedDimension: dimension => dimension === DIMENSION_ID_DATA
   });
-});
-storiesOf('DimensionsPanel', module).add('recommended dimension', () => {
+};
+LockedDimension.story = {
+  name: 'locked dimension'
+};
+export const RecommendedDimension = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     recommendedDimension: dimension => dimension === DIMENSION_ID_DATA
   });
-});
-storiesOf('DimensionsPanel', module).add('with menu', () => {
+};
+RecommendedDimension.story = {
+  name: 'recommended dimension'
+};
+export const WithMenu = () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     onDimensionOptionsClick: () => alert('options click')
   });
-});
+};
+WithMenu.story = {
+  name: 'with menu'
+};

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

@@ -1,4 +1,3 @@
-import { storiesOf } from '@storybook/react';
 import React from 'react';
 import ItemSelector from '../components/DynamicDimension/ItemSelector.js';
 const items = [{
@@ -21,15 +20,21 @@ const items = [{
   name: 'Six - disabled',
   disabled: true
 }];
-storiesOf('DynamicDimension', module).add('ItemSelector no items selected', () => {
+export default {
+  title: 'DynamicDimension'
+};
+export const ItemSelectorNoItemsSelected = () => {
   return /*#__PURE__*/React.createElement(ItemSelector, {
     onSelect: selected => console.log(selected),
     onFetch: () => ({
       dimensionItems: items
     })
   });
-});
-storiesOf('DynamicDimension', module).add('ItemSelector one item selected', () => {
+};
+ItemSelectorNoItemsSelected.story = {
+  name: 'ItemSelector no items selected'
+};
+export const ItemSelectorOneItemSelected = () => {
   return /*#__PURE__*/React.createElement(ItemSelector, {
     onSelect: selected => console.log(selected),
     onFetch: () => ({
@@ -40,8 +45,11 @@ storiesOf('DynamicDimension', module).add('ItemSelector one item selected', () =
       label: item.name
     }))
   });
-});
-storiesOf('DynamicDimension', module).add('ItemSelector disabled item selected', () => {
+};
+ItemSelectorOneItemSelected.story = {
+  name: 'ItemSelector one item selected'
+};
+export const ItemSelectorDisabledItemSelected = () => {
   return /*#__PURE__*/React.createElement(ItemSelector, {
     onSelect: selected => console.log(selected),
     onFetch: () => ({
@@ -52,4 +60,7 @@ storiesOf('DynamicDimension', module).add('ItemSelector disabled item selected',
       label: item.name
     }))
   });
-});
+};
+ItemSelectorDisabledItemSelected.story = {
+  name: 'ItemSelector disabled item selected'
+};

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

@@ -1,5 +1,4 @@
 import { Provider } from '@dhis2/app-runtime';
-import { storiesOf } from '@storybook/react';
 import React from 'react';
 import { FileMenu } from '../components/FileMenu/FileMenu.js';
 import { HoverMenuBar } from '../components/Toolbar/index.js';
@@ -52,21 +51,32 @@ const visReadonlyObject = {
     manage: false
   }
 };
-storiesOf('FileMenu', module).add('Simple', () => /*#__PURE__*/React.createElement(Provider, {
+export default {
+  title: 'FileMenu'
+};
+export const Simple = () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
 }, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization"
-})))).add('With AO', () => /*#__PURE__*/React.createElement(Provider, {
+})));
+export const WithAo = () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
 }, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization",
   fileObject: visObject
-})))).add('With readonly AO', () => /*#__PURE__*/React.createElement(Provider, {
+})));
+WithAo.story = {
+  name: 'With AO'
+};
+export const WithReadonlyAo = () => /*#__PURE__*/React.createElement(Provider, {
   config: configMock
 }, /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(FileMenu, {
   currentUser: user,
   fileType: "visualization",
   fileObject: visReadonlyObject
-}))));
+})));
+WithReadonlyAo.story = {
+  name: 'With readonly AO'
+};

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

@@ -1,4 +1,3 @@
-import { storiesOf } from '@storybook/react';
 import React, { useState } from 'react';
 import Filter from '../components/Filter/Filter.js';
 function FilterWithState() {
@@ -14,6 +13,12 @@ function FilterWithState() {
     type: "search"
   });
 }
-storiesOf('Filter', module).add('default', () => {
+export default {
+  title: 'Filter'
+};
+export const Default = () => {
   return /*#__PURE__*/React.createElement(FilterWithState, null);
-});
+};
+Default.story = {
+  name: 'default'
+};

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'
+};