@dhis2/analytics 26.9.0 → 26.9.4

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

@@ -1,10 +1,13 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithCalculationContainingOperand = exports.WithCalculation = exports.NoAvailableData = exports.Default = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _CalculationModal = _interopRequireDefault(require("../components/DataDimension/Calculation/CalculationModal.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DATA_ELEMENTS = {
   pager: {
     page: 1,
@@ -362,49 +365,64 @@ const calculationWithOperand = {
   name: 'Calculation with operand',
   expression: '#{cYeuwXTCPkU}*10-#{fbfJHSPpUQD.pq2XI5kz2BY}'
 };
-(0, _react.storiesOf)('CalculationModal', module).add('Default', () => {
-  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+var _default = exports.default = {
+  title: 'CalculationModal'
+};
+const Default = () => {
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
     data: {
       dataElements: DATA_ELEMENTS,
       dataElementGroups: DATA_ELEMENT_GROUPS,
       dataElementOperands: DATA_ELEMENT_OPERANDS
     }
-  }, /*#__PURE__*/_react2.default.createElement(_CalculationModal.default, {
+  }, /*#__PURE__*/_react.default.createElement(_CalculationModal.default, {
     displayNameProp: "name",
     onClose: Function.prototype,
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-}).add('With calculation', () => {
-  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+};
+exports.Default = Default;
+const WithCalculation = () => {
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
     data: {
       dataElements: DATA_ELEMENTS,
       dataElementGroups: DATA_ELEMENT_GROUPS,
       dataElementOperands: DATA_ELEMENT_OPERANDS
     }
-  }, /*#__PURE__*/_react2.default.createElement(_CalculationModal.default, {
+  }, /*#__PURE__*/_react.default.createElement(_CalculationModal.default, {
     calculation: calculation,
     displayNameProp: "name",
     onClose: Function.prototype,
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-}).add('With calculation containing operand', () => {
-  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+};
+exports.WithCalculation = WithCalculation;
+WithCalculation.story = {
+  name: 'With calculation'
+};
+const WithCalculationContainingOperand = () => {
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
     data: {
       dataElements: DATA_ELEMENTS,
       dataElementGroups: DATA_ELEMENT_GROUPS,
       dataElementOperands: DATA_ELEMENT_OPERANDS
     }
-  }, /*#__PURE__*/_react2.default.createElement(_CalculationModal.default, {
+  }, /*#__PURE__*/_react.default.createElement(_CalculationModal.default, {
     calculation: calculationWithOperand,
     displayNameProp: "name",
     onClose: Function.prototype,
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-}).add('No available data', () => {
-  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+};
+exports.WithCalculationContainingOperand = WithCalculationContainingOperand;
+WithCalculationContainingOperand.story = {
+  name: 'With calculation containing operand'
+};
+const NoAvailableData = () => {
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
     data: {
       dataElements: {
         pager: {
@@ -434,10 +452,14 @@ const calculationWithOperand = {
         dataElementOperands: []
       }
     }
-  }, /*#__PURE__*/_react2.default.createElement(_CalculationModal.default, {
+  }, /*#__PURE__*/_react.default.createElement(_CalculationModal.default, {
     displayNameProp: "name",
     onClose: Function.prototype,
     onDelete: Function.prototype,
     onSave: Function.prototype
   }));
-});
+};
+exports.NoAvailableData = NoAvailableData;
+NoAvailableData.story = {
+  name: 'No available data'
+};

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

@@ -1,10 +1,13 @@
 "use strict";
 
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithMenu = exports.SelectedDimension = exports.RecommendedDimension = exports.LockedDimension = exports.FixedDimensionsOnly = exports.FixedAndDynamicDimensions = exports.DynamicDimensionsOnly = exports.DisabledDimension = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _DimensionsPanel = _interopRequireDefault(require("../components/DimensionsPanel/DimensionsPanel.js"));
 var _predefinedDimensions = require("../modules/predefinedDimensions.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const fixedDimensions = [{
   id: _predefinedDimensions.DIMENSION_ID_DATA,
   name: 'Data'
@@ -26,60 +29,95 @@ const dynamicDimensions = [{
   name: 'Three'
 }];
 const onDimensionClick = () => alert('click');
-(0, _react.storiesOf)('DimensionsPanel', module).add('fixed and dynamic dimensions', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+var _default = exports.default = {
+  title: 'DimensionsPanel'
+};
+const FixedAndDynamicDimensions = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     selectedIds: []
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('fixed dimensions only', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.FixedAndDynamicDimensions = FixedAndDynamicDimensions;
+FixedAndDynamicDimensions.story = {
+  name: 'fixed and dynamic dimensions'
+};
+const FixedDimensionsOnly = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: fixedDimensions,
     onDimensionClick: onDimensionClick,
     selectedIds: []
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('dynamic dimensions only', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.FixedDimensionsOnly = FixedDimensionsOnly;
+FixedDimensionsOnly.story = {
+  name: 'fixed dimensions only'
+};
+const DynamicDimensionsOnly = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: dynamicDimensions,
     onDimensionClick: onDimensionClick,
     selectedIds: []
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('selected dimension', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.DynamicDimensionsOnly = DynamicDimensionsOnly;
+DynamicDimensionsOnly.story = {
+  name: 'dynamic dimensions only'
+};
+const SelectedDimension = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     selectedIds: [_predefinedDimensions.DIMENSION_ID_DATA]
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('disabled dimension', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.SelectedDimension = SelectedDimension;
+SelectedDimension.story = {
+  name: 'selected dimension'
+};
+const DisabledDimension = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     disabledDimension: dimension => dimension === _predefinedDimensions.DIMENSION_ID_DATA
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('locked dimension', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.DisabledDimension = DisabledDimension;
+DisabledDimension.story = {
+  name: 'disabled dimension'
+};
+const LockedDimension = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     selectedIds: [_predefinedDimensions.DIMENSION_ID_DATA],
     lockedDimension: dimension => dimension === _predefinedDimensions.DIMENSION_ID_DATA
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('recommended dimension', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.LockedDimension = LockedDimension;
+LockedDimension.story = {
+  name: 'locked dimension'
+};
+const RecommendedDimension = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     recommendedDimension: dimension => dimension === _predefinedDimensions.DIMENSION_ID_DATA
   });
-});
-(0, _react.storiesOf)('DimensionsPanel', module).add('with menu', () => {
-  return /*#__PURE__*/_react2.default.createElement(_DimensionsPanel.default, {
+};
+exports.RecommendedDimension = RecommendedDimension;
+RecommendedDimension.story = {
+  name: 'recommended dimension'
+};
+const WithMenu = () => {
+  return /*#__PURE__*/_react.default.createElement(_DimensionsPanel.default, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
     onDimensionOptionsClick: () => alert('options click')
   });
-});
+};
+exports.WithMenu = WithMenu;
+WithMenu.story = {
+  name: 'with menu'
+};

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

@@ -1,9 +1,12 @@
 "use strict";
 
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ItemSelectorOneItemSelected = exports.ItemSelectorNoItemsSelected = exports.ItemSelectorDisabledItemSelected = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _ItemSelector = _interopRequireDefault(require("../components/DynamicDimension/ItemSelector.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const items = [{
   id: '1',
   name: 'One'
@@ -24,16 +27,23 @@ const items = [{
   name: 'Six - disabled',
   disabled: true
 }];
-(0, _react.storiesOf)('DynamicDimension', module).add('ItemSelector no items selected', () => {
-  return /*#__PURE__*/_react2.default.createElement(_ItemSelector.default, {
+var _default = exports.default = {
+  title: 'DynamicDimension'
+};
+const ItemSelectorNoItemsSelected = () => {
+  return /*#__PURE__*/_react.default.createElement(_ItemSelector.default, {
     onSelect: selected => console.log(selected),
     onFetch: () => ({
       dimensionItems: items
     })
   });
-});
-(0, _react.storiesOf)('DynamicDimension', module).add('ItemSelector one item selected', () => {
-  return /*#__PURE__*/_react2.default.createElement(_ItemSelector.default, {
+};
+exports.ItemSelectorNoItemsSelected = ItemSelectorNoItemsSelected;
+ItemSelectorNoItemsSelected.story = {
+  name: 'ItemSelector no items selected'
+};
+const ItemSelectorOneItemSelected = () => {
+  return /*#__PURE__*/_react.default.createElement(_ItemSelector.default, {
     onSelect: selected => console.log(selected),
     onFetch: () => ({
       dimensionItems: items
@@ -43,9 +53,13 @@ const items = [{
       label: item.name
     }))
   });
-});
-(0, _react.storiesOf)('DynamicDimension', module).add('ItemSelector disabled item selected', () => {
-  return /*#__PURE__*/_react2.default.createElement(_ItemSelector.default, {
+};
+exports.ItemSelectorOneItemSelected = ItemSelectorOneItemSelected;
+ItemSelectorOneItemSelected.story = {
+  name: 'ItemSelector one item selected'
+};
+const ItemSelectorDisabledItemSelected = () => {
+  return /*#__PURE__*/_react.default.createElement(_ItemSelector.default, {
     onSelect: selected => console.log(selected),
     onFetch: () => ({
       dimensionItems: items
@@ -55,4 +69,8 @@ const items = [{
       label: item.name
     }))
   });
-});
+};
+exports.ItemSelectorDisabledItemSelected = ItemSelectorDisabledItemSelected;
+ItemSelectorDisabledItemSelected.story = {
+  name: 'ItemSelector disabled item selected'
+};

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

@@ -1,11 +1,14 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithReadonlyAo = exports.WithAo = exports.Simple = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _FileMenu = require("../components/FileMenu/FileMenu.js");
 var _index = require("../components/Toolbar/index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const configMock = {
   baseUrl: 'http://localhost:8080',
   apiVersion: 33
@@ -55,21 +58,35 @@ const visReadonlyObject = {
     manage: false
   }
 };
-(0, _react.storiesOf)('FileMenu', module).add('Simple', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+var _default = exports.default = {
+  title: 'FileMenu'
+};
+const Simple = () => /*#__PURE__*/_react.default.createElement(_appRuntime.Provider, {
   config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, {
+}, /*#__PURE__*/_react.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react.default.createElement(_FileMenu.FileMenu, {
   currentUser: user,
   fileType: "visualization"
-})))).add('With AO', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+})));
+exports.Simple = Simple;
+const WithAo = () => /*#__PURE__*/_react.default.createElement(_appRuntime.Provider, {
   config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, {
+}, /*#__PURE__*/_react.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react.default.createElement(_FileMenu.FileMenu, {
   currentUser: user,
   fileType: "visualization",
   fileObject: visObject
-})))).add('With readonly AO', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
+})));
+exports.WithAo = WithAo;
+WithAo.story = {
+  name: 'With AO'
+};
+const WithReadonlyAo = () => /*#__PURE__*/_react.default.createElement(_appRuntime.Provider, {
   config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react2.default.createElement(_FileMenu.FileMenu, {
+}, /*#__PURE__*/_react.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react.default.createElement(_FileMenu.FileMenu, {
   currentUser: user,
   fileType: "visualization",
   fileObject: visReadonlyObject
-}))));
+})));
+exports.WithReadonlyAo = WithReadonlyAo;
+WithReadonlyAo.story = {
+  name: 'With readonly AO'
+};

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

@@ -1,16 +1,19 @@
 "use strict";
 
-var _react = require("@storybook/react");
-var _react2 = _interopRequireWildcard(require("react"));
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _Filter = _interopRequireDefault(require("../components/Filter/Filter.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function FilterWithState() {
-  const [text, setText] = (0, _react2.useState)(null);
+  const [text, setText] = (0, _react.useState)(null);
   const onTextChange = value => setText(value);
   const onClearFilter = () => setText(null);
-  return /*#__PURE__*/_react2.default.createElement(_Filter.default, {
+  return /*#__PURE__*/_react.default.createElement(_Filter.default, {
     placeholder: "Filter dimensions",
     text: text,
     onChange: onTextChange,
@@ -19,6 +22,13 @@ function FilterWithState() {
     type: "search"
   });
 }
-(0, _react.storiesOf)('Filter', module).add('default', () => {
-  return /*#__PURE__*/_react2.default.createElement(FilterWithState, null);
-});
+var _default = exports.default = {
+  title: 'Filter'
+};
+const Default = () => {
+  return /*#__PURE__*/_react.default.createElement(FilterWithState, null);
+};
+exports.Default = Default;
+Default.story = {
+  name: 'default'
+};

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

@@ -1,30 +1,48 @@
 "use strict";
 
-var _react = require("@storybook/react");
-var _react2 = _interopRequireWildcard(require("react"));
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithValue = exports.NoValue = exports.AllowedPeriodTypes = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _FixedPeriodSelect = _interopRequireDefault(require("../components/PeriodDimension/FixedPeriodSelect.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-(0, _react.storiesOf)('FixedPeriodSelect', module).add('No value', () => {
-  const [value, setValue] = (0, _react2.useState)();
-  return /*#__PURE__*/_react2.default.createElement(_FixedPeriodSelect.default, {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _default = exports.default = {
+  title: 'FixedPeriodSelect'
+};
+const NoValue = () => {
+  const [value, setValue] = (0, _react.useState)();
+  return /*#__PURE__*/_react.default.createElement(_FixedPeriodSelect.default, {
     onChange: period => setValue(period === null || period === void 0 ? void 0 : period.id),
     value: value
   });
-});
-(0, _react.storiesOf)('FixedPeriodSelect', module).add('With value', () => {
-  const [value, setValue] = (0, _react2.useState)('20140304');
-  return /*#__PURE__*/_react2.default.createElement(_FixedPeriodSelect.default, {
+};
+exports.NoValue = NoValue;
+NoValue.story = {
+  name: 'No value'
+};
+const WithValue = () => {
+  const [value, setValue] = (0, _react.useState)('20140304');
+  return /*#__PURE__*/_react.default.createElement(_FixedPeriodSelect.default, {
     onChange: period => setValue(period === null || period === void 0 ? void 0 : period.id),
     value: value
   });
-});
-(0, _react.storiesOf)('FixedPeriodSelect', module).add('Allowed period types', () => {
-  const [value, setValue] = (0, _react2.useState)('20140304');
-  return /*#__PURE__*/_react2.default.createElement(_FixedPeriodSelect.default, {
+};
+exports.WithValue = WithValue;
+WithValue.story = {
+  name: 'With value'
+};
+const AllowedPeriodTypes = () => {
+  const [value, setValue] = (0, _react.useState)('20140304');
+  return /*#__PURE__*/_react.default.createElement(_FixedPeriodSelect.default, {
     onChange: period => setValue(period === null || period === void 0 ? void 0 : period.id),
     value: value,
     allowedPeriodTypes: ['MONTHLY', 'DAILY', 'YEARLY']
   });
-});
+};
+exports.AllowedPeriodTypes = AllowedPeriodTypes;
+AllowedPeriodTypes.story = {
+  name: 'Allowed period types'
+};

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

@@ -1,18 +1,24 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithNoTimeDimensionsWarning = exports.Default = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _index = require("../components/Interpretations/InterpretationsUnit/index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-(0, _react.storiesOf)('IntepretationsUnit', module).add('Default', () => {
-  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'IntepretationsUnit'
+};
+const Default = () => {
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
     data: {
       interpretations: {
         interpretations: []
       }
     }
-  }, /*#__PURE__*/_react2.default.createElement(_index.InterpretationsUnit, {
+  }, /*#__PURE__*/_react.default.createElement(_index.InterpretationsUnit, {
     currentUser: {
       name: 'Tom Wakiki'
     },
@@ -21,15 +27,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     type: "eventVisualization",
     visualizationHasTimeDimension: true
   }));
-});
-(0, _react.storiesOf)('IntepretationsUnit', module).add('With no time dimensions warning', () => {
-  return /*#__PURE__*/_react2.default.createElement(_appRuntime.CustomDataProvider, {
+};
+exports.Default = Default;
+const WithNoTimeDimensionsWarning = () => {
+  return /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
     data: {
       interpretations: {
         interpretations: []
       }
     }
-  }, /*#__PURE__*/_react2.default.createElement(_index.InterpretationsUnit, {
+  }, /*#__PURE__*/_react.default.createElement(_index.InterpretationsUnit, {
     currentUser: {
       name: 'Tom Wakiki'
     },
@@ -38,4 +45,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     type: "eventVisualization",
     visualizationHasTimeDimension: false
   }));
-});
+};
+exports.WithNoTimeDimensionsWarning = WithNoTimeDimensionsWarning;
+WithNoTimeDimensionsWarning.story = {
+  name: 'With no time dimensions warning'
+};