@dhis2/analytics 26.9.0 → 26.9.3

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

@@ -1,15 +1,18 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NoConnection = exports.ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType = exports.ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = exports.ListOfMapsNoVisTypeFilter = exports.ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _OpenFileDialog = require("../components/OpenFileDialog/OpenFileDialog.js");
 var _visTypes = require("../modules/visTypes.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const configMock = {
-  baseUrl: 'https://debug.dhis2.org/dev',
-  apiVersion: 37
-};
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Wrapper = story => /*#__PURE__*/_react.default.createElement(_appRuntime.DataProvider, {
+  baseUrl: "https://test.e2e.dhis2.org/analytics-41dev/",
+  apiVersion: "41"
+}, story());
 const user = {
   displayName: 'John Traore',
   id: 'xE7jOejl9FI',
@@ -28,9 +31,11 @@ const filterVisTypesWithGroupsAndDivider = [{
 }, {
   type: _visTypes.VIS_TYPE_BAR
 }];
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of visualizations with vis type filter and divider (no default vis type)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
-  config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
+var _default = exports.default = {
+  title: 'OpenFileDialog',
+  decorators: [Wrapper]
+};
+const ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "visualization",
   filterVisTypes: filterVisTypesWithGroupsAndDivider,
   onClose: Function.prototype,
@@ -38,26 +43,30 @@ const filterVisTypesWithGroupsAndDivider = [{
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of maps (no vis type filter)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
-  config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
+});
+exports.ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType = ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType;
+ListOfVisualizationsWithVisTypeFilterAndDividerNoDefaultVisType.story = {
+  name: 'List of visualizations with vis type filter and divider (no default vis type)'
+};
+const ListOfMapsNoVisTypeFilter = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "map",
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
+});
+exports.ListOfMapsNoVisTypeFilter = ListOfMapsNoVisTypeFilter;
+ListOfMapsNoVisTypeFilter.story = {
+  name: 'List of maps (no vis type filter)'
+};
 const filterVisTypesWithDisabled = [{
   type: _visTypes.VIS_TYPE_PIVOT_TABLE,
   disabled: true
 }, {
   type: _visTypes.VIS_TYPE_LINE_LIST
 }];
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of event visualizations with vis type filter, disabled type and default vis type', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
-  config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
+const ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "eventVisualization",
   filterVisTypes: filterVisTypesWithDisabled,
   defaultFilterVisType: _visTypes.VIS_TYPE_LINE_LIST,
@@ -66,7 +75,11 @@ const filterVisTypesWithDisabled = [{
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
+});
+exports.ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType = ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType;
+ListOfEventVisualizationsWithVisTypeFilterDisabledTypeAndDefaultVisType.story = {
+  name: 'List of event visualizations with vis type filter, disabled type and default vis type'
+};
 const filterVisTypesWithGroupDividerAndDisabled = [{
   type: _visTypes.VIS_TYPE_GROUP_ALL
 }, {
@@ -76,9 +89,7 @@ const filterVisTypesWithGroupDividerAndDisabled = [{
   type: _visTypes.VIS_TYPE_COLUMN,
   disabled: true
 }];
-(0, _react.storiesOf)('OpenFileDialog', module).add('List of visualizations with vis type filter with group type, divider and disabled option (no default vis type)', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
-  config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
+const ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "visualization",
   filterVisTypes: filterVisTypesWithGroupDividerAndDisabled,
   onClose: Function.prototype,
@@ -86,14 +97,20 @@ const filterVisTypesWithGroupDividerAndDisabled = [{
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
-(0, _react.storiesOf)('OpenFileDialog', module).add('No connection', () => /*#__PURE__*/_react2.default.createElement(_appRuntime.Provider, {
-  config: configMock
-}, /*#__PURE__*/_react2.default.createElement(_OpenFileDialog.OpenFileDialog, {
+});
+exports.ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType = ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType;
+ListOfVisualizationsWithVisTypeFilterWithGroupTypeDividerAndDisabledOptionNoDefaultVisType.story = {
+  name: 'List of visualizations with vis type filter with group type, divider and disabled option (no default vis type)'
+};
+const NoConnection = () => /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
   type: "map",
   onClose: Function.prototype,
   onFileSelect: onFileSelect,
   onNew: Function.prototype,
   open: true,
   currentUser: user
-})));
+});
+exports.NoConnection = NoConnection;
+NoConnection.story = {
+  name: 'No connection'
+};

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

@@ -1,52 +1,70 @@
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithoutUserOrgUnitsSelection = exports.WithoutLevelSelector = exports.WithoutLevelAndGroupSelectorWithWarningText = exports.WithoutLevelAndGroupSelector = exports.WithoutGroupSelector = exports.SingleLevel2ChildSelected = exports.RootSelected = exports.NoneSelected = exports.MultipleSelectedAcrossDifferentLevels = exports.MultipleRoots = exports.MultipleLevel2ChildrenSelected = void 0;
 var _appRuntime = require("@dhis2/app-runtime");
-var _react = require("@storybook/react");
-var _react2 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _OrgUnitDimension = _interopRequireDefault(require("../components/OrgUnitDimension/OrgUnitDimension.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; }
-const Wrapper = story => /*#__PURE__*/_react2.default.createElement(_appRuntime.DataProvider, {
-  baseUrl: "https://debug.dhis2.org/analytics-dev/",
-  apiVersion: ""
+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; }
+const Wrapper = story => /*#__PURE__*/_react.default.createElement(_appRuntime.DataProvider, {
+  baseUrl: "https://test.e2e.dhis2.org/analytics-41dev/",
+  apiVersion: "41"
 }, story());
 const defaultRootOrgUnits = ['ImspTQPwCqd']; // Sierra Leone
-
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('None selected', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+var _default = exports.default = {
+  title: 'OrgUnitDimension',
+  decorators: [Wrapper]
+};
+const NoneSelected = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Root selected', () => {
-  const [selected, setSelected] = (0, _react2.useState)([{
+};
+exports.NoneSelected = NoneSelected;
+NoneSelected.story = {
+  name: 'None selected'
+};
+const RootSelected = () => {
+  const [selected, setSelected] = (0, _react.useState)([{
     id: 'ImspTQPwCqd',
     path: '/ImspTQPwCqd',
     name: 'Sierra Leone'
   }]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Single level 2 child selected', () => {
-  const [selected, setSelected] = (0, _react2.useState)([{
+};
+exports.RootSelected = RootSelected;
+RootSelected.story = {
+  name: 'Root selected'
+};
+const SingleLevel2ChildSelected = () => {
+  const [selected, setSelected] = (0, _react.useState)([{
     id: 'fdc6uOvgoji',
     path: '/ImspTQPwCqd/fdc6uOvgoji',
     name: 'Bombali'
   }]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple level 2 children selected', () => {
-  const [selected, setSelected] = (0, _react2.useState)([{
+};
+exports.SingleLevel2ChildSelected = SingleLevel2ChildSelected;
+SingleLevel2ChildSelected.story = {
+  name: 'Single level 2 child selected'
+};
+const MultipleLevel2ChildrenSelected = () => {
+  const [selected, setSelected] = (0, _react.useState)([{
     id: 'O6uvpzGd5pu',
     path: '/ImspTQPwCqd/O6uvpzGd5pu',
     name: 'Bo'
@@ -59,14 +77,18 @@ const defaultRootOrgUnits = ['ImspTQPwCqd']; // Sierra Leone
     path: '/ImspTQPwCqd/lc3eMKXaEfw',
     name: 'Bonthe'
   }]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple selected across different levels', () => {
-  const [selected, setSelected] = (0, _react2.useState)([{
+};
+exports.MultipleLevel2ChildrenSelected = MultipleLevel2ChildrenSelected;
+MultipleLevel2ChildrenSelected.story = {
+  name: 'Multiple level 2 children selected'
+};
+const MultipleSelectedAcrossDifferentLevels = () => {
+  const [selected, setSelected] = (0, _react.useState)([{
     id: 'fdc6uOvgoji',
     path: '/ImspTQPwCqd/fdc6uOvgoji',
     name: 'Bombali'
@@ -79,61 +101,84 @@ const defaultRootOrgUnits = ['ImspTQPwCqd']; // Sierra Leone
     path: '/ImspTQPwCqd/fdc6uOvgoji/KKkLOTpMXGV/GQcsUZf81vP',
     name: 'Govt. Hosp. Makeni'
   }]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Multiple roots', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+};
+exports.MultipleSelectedAcrossDifferentLevels = MultipleSelectedAcrossDifferentLevels;
+MultipleSelectedAcrossDifferentLevels.story = {
+  name: 'Multiple selected across different levels'
+};
+const MultipleRoots = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: ['O6uvpzGd5pu', 'fdc6uOvgoji'] // Bo + Bombali
   });
-});
-
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Without user org units selection', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+};
+exports.MultipleRoots = MultipleRoots;
+MultipleRoots.story = {
+  name: 'Multiple roots'
+};
+const WithoutUserOrgUnitsSelection = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     hideUserOrgUnits: true,
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level selector', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+};
+exports.WithoutUserOrgUnitsSelection = WithoutUserOrgUnitsSelection;
+WithoutUserOrgUnitsSelection.story = {
+  name: 'Without user org units selection'
+};
+const WithoutLevelSelector = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     hideLevelSelect: true,
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Without group selector', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+};
+exports.WithoutLevelSelector = WithoutLevelSelector;
+WithoutLevelSelector.story = {
+  name: 'Without level selector'
+};
+const WithoutGroupSelector = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     hideGroupSelect: true,
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level and group selector', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+};
+exports.WithoutGroupSelector = WithoutGroupSelector;
+WithoutGroupSelector.story = {
+  name: 'Without group selector'
+};
+const WithoutLevelAndGroupSelector = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     hideLevelSelect: true,
     hideGroupSelect: true,
     selected: selected,
     onSelect: response => setSelected(response.items),
     roots: defaultRootOrgUnits
   });
-});
-(0, _react.storiesOf)('OrgUnitDimension', module).addDecorator(Wrapper).add('Without level and group selector, with warning text', () => {
-  const [selected, setSelected] = (0, _react2.useState)([]);
-  return /*#__PURE__*/_react2.default.createElement(_OrgUnitDimension.default, {
+};
+exports.WithoutLevelAndGroupSelector = WithoutLevelAndGroupSelector;
+WithoutLevelAndGroupSelector.story = {
+  name: 'Without level and group selector'
+};
+const WithoutLevelAndGroupSelectorWithWarningText = () => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  return /*#__PURE__*/_react.default.createElement(_OrgUnitDimension.default, {
     hideLevelSelect: true,
     hideGroupSelect: true,
     selected: selected,
@@ -141,4 +186,8 @@ const defaultRootOrgUnits = ['ImspTQPwCqd']; // Sierra Leone
     roots: defaultRootOrgUnits,
     warning: 'No org. units selected'
   });
-});
+};
+exports.WithoutLevelAndGroupSelectorWithWarningText = WithoutLevelAndGroupSelectorWithWarningText;
+WithoutLevelAndGroupSelectorWithWarningText.story = {
+  name: 'Without level and group selector, with warning text'
+};

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

@@ -1,52 +1,93 @@
 "use strict";
 
-var _react = require("@storybook/react");
-var _react2 = _interopRequireDefault(require("react"));
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WeeklyExcluded = exports.UsingRightFooter = exports.OneSelected = exports.NoneSelected = exports.MonthlyExcluded = exports.AllBelowQuarterlyExcluded = void 0;
+var _appRuntime = require("@dhis2/app-runtime");
+var _appServiceConfig = require("@dhis2/app-service-config");
+var _react = _interopRequireDefault(require("react"));
 var _PeriodDimension = _interopRequireDefault(require("../components/PeriodDimension/PeriodDimension.js"));
 var _index = require("../components/PeriodDimension/utils/index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Wrapper = story => /*#__PURE__*/_react.default.createElement(_appServiceConfig.ConfigProvider, {
+  config: {
+    systemInfo: {}
+  }
+}, /*#__PURE__*/_react.default.createElement(_appRuntime.DataProvider, {
+  baseUrl: "https://test.e2e.dhis2.org/analytics-41dev/",
+  apiVersion: "41"
+}, story()));
 const selectedPeriods = [{
   id: 'LAST_12_MONTHS',
   name: 'Last 12 months'
 }];
-(0, _react.storiesOf)('PeriodDimension', module).add('None selected', () => {
-  return /*#__PURE__*/_react2.default.createElement(_PeriodDimension.default, {
+var _default = exports.default = {
+  title: 'PeriodDimension',
+  decorators: [Wrapper]
+};
+const NoneSelected = () => {
+  return /*#__PURE__*/_react.default.createElement(_PeriodDimension.default, {
     onSelect: selected => console.log(selected)
   });
-});
-(0, _react.storiesOf)('PeriodDimension', module).add('One selected', () => {
-  return /*#__PURE__*/_react2.default.createElement(_PeriodDimension.default, {
+};
+exports.NoneSelected = NoneSelected;
+NoneSelected.story = {
+  name: 'None selected'
+};
+const OneSelected = () => {
+  return /*#__PURE__*/_react.default.createElement(_PeriodDimension.default, {
     selectedPeriods: selectedPeriods,
     onSelect: selected => console.log(selected)
   });
-});
-(0, _react.storiesOf)('PeriodDimension', module).add('Monthly excluded', () => {
-  return /*#__PURE__*/_react2.default.createElement(_PeriodDimension.default, {
+};
+exports.OneSelected = OneSelected;
+OneSelected.story = {
+  name: 'One selected'
+};
+const MonthlyExcluded = () => {
+  return /*#__PURE__*/_react.default.createElement(_PeriodDimension.default, {
     excludedPeriodTypes: [_index.MONTHLY],
     onSelect: selected => console.log(selected)
   });
-});
-(0, _react.storiesOf)('PeriodDimension', module).add('Weekly excluded', () => {
-  return /*#__PURE__*/_react2.default.createElement(_PeriodDimension.default, {
+};
+exports.MonthlyExcluded = MonthlyExcluded;
+MonthlyExcluded.story = {
+  name: 'Monthly excluded'
+};
+const WeeklyExcluded = () => {
+  return /*#__PURE__*/_react.default.createElement(_PeriodDimension.default, {
     excludedPeriodTypes: [_index.WEEKLY, _index.WEEKLYWED, _index.WEEKLYTHU, _index.WEEKLYSAT, _index.WEEKLYSUN],
     onSelect: selected => console.log(selected)
   });
-});
-(0, _react.storiesOf)('PeriodDimension', module).add('All below Quarterly excluded', () => {
-  return /*#__PURE__*/_react2.default.createElement(_PeriodDimension.default, {
+};
+exports.WeeklyExcluded = WeeklyExcluded;
+WeeklyExcluded.story = {
+  name: 'Weekly excluded'
+};
+const AllBelowQuarterlyExcluded = () => {
+  return /*#__PURE__*/_react.default.createElement(_PeriodDimension.default, {
     excludedPeriodTypes: [_index.DAILY, _index.WEEKLY, _index.WEEKLYWED, _index.WEEKLYTHU, _index.WEEKLYSAT, _index.WEEKLYSUN, _index.BIWEEKLY, _index.MONTHLY, _index.BIMONTHLY],
     onSelect: selected => console.log(selected)
   });
-});
-(0, _react.storiesOf)('PeriodDimension', module).add('Using right footer', () => {
-  return /*#__PURE__*/_react2.default.createElement(_PeriodDimension.default, {
-    rightFooter: /*#__PURE__*/_react2.default.createElement("div", {
+};
+exports.AllBelowQuarterlyExcluded = AllBelowQuarterlyExcluded;
+AllBelowQuarterlyExcluded.story = {
+  name: 'All below Quarterly excluded'
+};
+const UsingRightFooter = () => {
+  return /*#__PURE__*/_react.default.createElement(_PeriodDimension.default, {
+    rightFooter: /*#__PURE__*/_react.default.createElement("div", {
       style: {
         padding: '8px',
         margin: '8px 0',
         border: '1px solid #f79533'
       }
-    }, /*#__PURE__*/_react2.default.createElement("p", null, "Right footer goes here")),
+    }, /*#__PURE__*/_react.default.createElement("p", null, "Right footer goes here")),
     onSelect: selected => console.log(selected)
   });
-});
+};
+exports.UsingRightFooter = UsingRightFooter;
+UsingRightFooter.story = {
+  name: 'Using right footer'
+};