@dhis2/analytics 26.9.0 → 26.9.3

package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/yearOverYear.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = yearOverYear;
 var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _default(layout, metaData, dashboard) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function yearOverYear(layout, metaData, dashboard) {
   const titleFragments = [];
   if (layout.columns && layout.columns.length && !dashboard) {
     titleFragments.push((0, _getFilterText.default)(layout.columns, metaData));

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/index.js

@@ -16,7 +16,7 @@ var _radar = _interopRequireDefault(require("./radar.js"));
 var _scatter = _interopRequireDefault(require("./scatter.js"));
 var _twoCategory = _interopRequireDefault(require("./twoCategory.js"));
 var _yearOnYear = _interopRequireDefault(require("./yearOnYear.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE = 'DOMAIN';
 const AXIS_INDEX = 0;
 function noAxis() {

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/radar.js

@@ -9,7 +9,7 @@ var _fontStyle = require("../../../../../modules/fontStyle.js");
 var _visTypes = require("../../../../../modules/visTypes.js");
 var _getTextAlignOption = require("../getTextAlignOption.js");
 var _index = require("./index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = (store, layout) => {
   var _config$title;
   const config = (0, _index.getDefault)(store, layout);

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/scatter.js

@@ -12,7 +12,7 @@ var _axisId = require("../../../../util/axisId.js");
 var _axis = require("../axis.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _getSteps = _interopRequireDefault(require("../getSteps.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE = 'RANGE';
 const AXIS_INDEX = 1;
 function _default(layout, series, extraOptions) {

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/twoCategory.js

@@ -9,7 +9,7 @@ var _axes = require("../../../../util/axes.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _getCategories = _interopRequireDefault(require("../getCategories.js"));
 var _index = require("./index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE = 'DOMAIN';
 const AXIS_INDEX = 0;
 function _default(store, layout) {

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/yearOnYear.js

@@ -9,7 +9,7 @@ var _fontStyle = require("../../../../../modules/fontStyle.js");
 var _axes = require("../../../../util/axes.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _index = require("./index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(store, layout, extraOptions) {
   var _axis$title, _axis$title2;
   let categories;

package/build/cjs/visualizations/config/adapters/dhis_highcharts/yAxis/gauge.js

@@ -13,7 +13,7 @@ var _legends = require("../../../../../modules/legends.js");
 var _visTypes = require("../../../../../modules/visTypes.js");
 var _axes = require("../../../../util/axes.js");
 var _getTextAlignOption = require("../getTextAlignOption.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DEFAULT_MAX_VALUE = 100;
 const DEFAULT_TARGET_LINE_LABEL = _index.default.t('Target');
 const DEFAULT_BASE_LINE_LABEL = _index.default.t('Base');

package/build/cjs/visualizations/config/adapters/dhis_highcharts/yAxis/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = yAxis;
 var _arrayClean = _interopRequireDefault(require("d2-utilizr/lib/arrayClean"));
 var _objectClean = _interopRequireDefault(require("d2-utilizr/lib/objectClean"));
 var _index = _interopRequireDefault(require("../../../../../locales/index.js"));
@@ -16,7 +16,7 @@ var _customAxes = require("../customAxes.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _getSteps = _interopRequireDefault(require("../getSteps.js"));
 var _gauge = _interopRequireDefault(require("./gauge.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE_RANGE = 'RANGE';
 function getDefault(layout, series, extraOptions) {
   var _extraOptions$outlier;
@@ -106,7 +106,7 @@ function getDefault(layout, series, extraOptions) {
   });
   return axes;
 }
-function _default(layout, series, extraOptions) {
+function yAxis(layout, series, extraOptions) {
   switch (layout.type) {
     case _visTypes.VIS_TYPE_SINGLE_VALUE:
       return null;

package/build/cjs/visualizations/config/adapters/index.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("./dhis_highcharts/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   dhis_highcharts: _index.default
-};
-exports.default = _default;
+};

package/build/cjs/visualizations/config/generators/highcharts/index.js

@@ -9,20 +9,16 @@ var _highchartsMore = _interopRequireDefault(require("highcharts/highcharts-more
 var _boost = _interopRequireDefault(require("highcharts/modules/boost"));
 var _exporting = _interopRequireDefault(require("highcharts/modules/exporting"));
 var _noDataToDisplay = _interopRequireDefault(require("highcharts/modules/no-data-to-display"));
-var _offlineExporting = _interopRequireDefault(require("highcharts/modules/offline-exporting"));
 var _patternFill = _interopRequireDefault(require("highcharts/modules/pattern-fill"));
 var _solidGauge = _interopRequireDefault(require("highcharts/modules/solid-gauge"));
-var _index = _interopRequireDefault(require("./pdfExportBugFixPlugin/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // apply
 (0, _highchartsMore.default)(_highcharts.default);
 (0, _solidGauge.default)(_highcharts.default);
 (0, _noDataToDisplay.default)(_highcharts.default);
 (0, _exporting.default)(_highcharts.default);
-(0, _offlineExporting.default)(_highcharts.default);
 (0, _patternFill.default)(_highcharts.default);
 (0, _boost.default)(_highcharts.default);
-(0, _index.default)(_highcharts.default);
 
 /* Whitelist some additional SVG attributes here. Without this,
  * the PDF export for the SingleValue visualization breaks. */

package/build/cjs/visualizations/config/generators/index.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("./highcharts/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   highcharts: _index.default
-};
-exports.default = _default;
+};

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

@@ -9,7 +9,7 @@ var _index2 = require("../util/colors/index.js");
 var _index3 = _interopRequireDefault(require("./adapters/index.js"));
 var _index4 = _interopRequireDefault(require("./generators/index.js"));
 var _index5 = _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 {
     store,

package/build/cjs/visualizations/config/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/index.js

@@ -20,7 +20,7 @@ exports.default = void 0;
 var _isArray = _interopRequireDefault(require("d2-utilizr/lib/isArray"));
 var _index = _interopRequireDefault(require("./config/index.js"));
 var _index2 = _interopRequireDefault(require("./store/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const defaultError = error => {
   throw new Error(error);
 };
@@ -53,5 +53,4 @@ function createVisualization(data, layout, el, extraOptions) {
     visualization: config.createVisualization()
   };
 }
-var _default = createVisualization;
-exports.default = _default;
+var _default = exports.default = createVisualization;

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

@@ -12,7 +12,7 @@ var _pie = _interopRequireDefault(require("./pie.js"));
 var _singleValue = _interopRequireDefault(require("./singleValue.js"));
 var _twoCategory = _interopRequireDefault(require("./twoCategory.js"));
 var _yearOnYear = _interopRequireDefault(require("./yearOnYear.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VALUE_ID = 'value';
 function arrayNullsOnly(array) {
   return (0, _arrayContains.default)(array, null) && (0, _arrayUnique.default)(array).length === 1;

package/build/cjs/visualizations/store/adapters/dhis_highcharts/twoCategory.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _getTwoCategorySplitSerieData = _interopRequireDefault(require("../../../config/adapters/dhis_highcharts/getTwoCategorySplitSerieData.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 1 series, 2 categories
 function _default(acc, series, categories, idValueMap, metaData) {
   series[0].forEach(seriesItemId => {

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

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("./dhis_highcharts/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   dhis_highcharts: _index.default
-};
-exports.default = _default;
+};

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