@dhis2/analytics 999.9.9-outlier-table.alpha.1 → 999.9.9-outlier-table.alpha.3

package/build/cjs/components/Interpretations/InterpretationModal/InterpretationThread.js

@@ -25,7 +25,8 @@ const InterpretationThread = _ref => {
     onInterpretationDeleted,
     initialFocus,
     onThreadUpdated,
-    downloadMenuComponent: DownloadMenu
+    downloadMenuComponent: DownloadMenu,
+    dashboardRedirectUrl
   } = _ref;
   const {
     fromServerDate
@@ -40,18 +41,19 @@ const InterpretationThread = _ref => {
   }, [initialFocus]);
   const interpretationAccess = (0, _index.getInterpretationAccess)(interpretation, currentUser);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-1846557365" + " " + ((0, _classnames.default)('container', {
-      fetching
+    className: "jsx-3292109121" + " " + ((0, _classnames.default)('container', {
+      fetching,
+      dashboard: !!dashboardRedirectUrl
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-1846557365" + " " + 'title'
+    className: "jsx-3292109121" + " " + 'title'
   }, /*#__PURE__*/_react.default.createElement(_ui.IconClock16, {
     color: _ui.colors.grey700
   }), (0, _moment.default)(fromServerDate(interpretation.created)).format('LLL')), DownloadMenu && /*#__PURE__*/_react.default.createElement(DownloadMenu, {
     relativePeriodDate: interpretation.created,
-    className: "jsx-1846557365"
+    className: "jsx-3292109121"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-1846557365" + " " + 'thread'
+    className: "jsx-3292109121" + " " + 'thread'
   }, /*#__PURE__*/_react.default.createElement(_index.Interpretation, {
     currentUser: currentUser,
     interpretation: interpretation,
@@ -61,9 +63,10 @@ const InterpretationThread = _ref => {
     } : null,
     onUpdated: () => onThreadUpdated(true),
     onDeleted: onInterpretationDeleted,
+    dashboardRedirectUrl: dashboardRedirectUrl,
     isInThread: true
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-1846557365" + " " + 'comments'
+    className: "jsx-3292109121" + " " + 'comments'
   }, interpretation.comments.map(comment => /*#__PURE__*/_react.default.createElement(_Comment.Comment, {
     key: comment.id,
     comment: comment,
@@ -77,8 +80,8 @@ const InterpretationThread = _ref => {
     onSave: () => onThreadUpdated(true),
     focusRef: focusRef
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "1846557365"
-  }, [".thread.jsx-1846557365{margin-top:var(--spacers-dp16);overflow-y:auto;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}", ".container.jsx-1846557365{position:relative;overflow:auto;max-height:calc(100vh - 285px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".container.fetching.jsx-1846557365::before{content:'';position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);}", ".container.fetching.jsx-1846557365::after{content:'';position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;border-width:4px;border-style:solid;border-color:rgba(110,122,138,0.15) rgba(110,122,138,0.15) rgb(20,124,215);border-image:initial;border-radius:50%;-webkit-animation:1s linear 0s infinite normal none running rotation-jsx-1846557365;animation:1s linear 0s infinite normal none running rotation-jsx-1846557365;}", ".title.jsx-1846557365{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacers-dp8);color:var(--colors-grey900);font-size:14px;line-height:18px;}", ".comments.jsx-1846557365{padding-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacers-dp4);gap:var(--spacers-dp4);}", "@-webkit-keyframes rotation-jsx-1846557365{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-jsx-1846557365{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
+    id: "3292109121"
+  }, [".thread.jsx-3292109121{margin-top:var(--spacers-dp16);overflow-y:auto;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}", ".dashboard.jsx-3292109121 .thread.jsx-3292109121{overflow-y:hidden;}", ".container.jsx-3292109121{position:relative;overflow:auto;max-height:calc(100vh - 285px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".container.dashboard.jsx-3292109121{max-height:none;}", ".container.fetching.jsx-3292109121::before{content:'';position:absolute;inset:0px;background-color:rgba(255,255,255,0.8);}", ".container.fetching.jsx-3292109121::after{content:'';position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);width:24px;height:24px;border-width:4px;border-style:solid;border-color:rgba(110,122,138,0.15) rgba(110,122,138,0.15) rgb(20,124,215);border-image:initial;border-radius:50%;-webkit-animation:1s linear 0s infinite normal none running rotation-jsx-3292109121;animation:1s linear 0s infinite normal none running rotation-jsx-3292109121;}", ".title.jsx-3292109121{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacers-dp8);color:var(--colors-grey900);font-size:14px;line-height:18px;}", ".comments.jsx-3292109121{padding-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacers-dp4);gap:var(--spacers-dp4);}", "@-webkit-keyframes rotation-jsx-3292109121{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-jsx-3292109121{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
 };
 exports.InterpretationThread = InterpretationThread;
 InterpretationThread.propTypes = {
@@ -86,6 +89,7 @@ InterpretationThread.propTypes = {
   fetching: _propTypes.default.bool.isRequired,
   interpretation: _propTypes.default.object.isRequired,
   onInterpretationDeleted: _propTypes.default.func.isRequired,
+  dashboardRedirectUrl: _propTypes.default.string,
   downloadMenuComponent: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]),
   initialFocus: _propTypes.default.bool,
   onThreadUpdated: _propTypes.default.func

package/build/cjs/components/Interpretations/InterpretationModal/index.js

@@ -9,4 +9,11 @@ Object.defineProperty(exports, "InterpretationModal", {
     return _InterpretationModal.InterpretationModal;
   }
 });
-var _InterpretationModal = require("./InterpretationModal.js");
+Object.defineProperty(exports, "InterpretationThread", {
+  enumerable: true,
+  get: function () {
+    return _InterpretationThread.InterpretationThread;
+  }
+});
+var _InterpretationModal = require("./InterpretationModal.js");
+var _InterpretationThread = require("./InterpretationThread.js");

package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationList.js

@@ -30,7 +30,8 @@ const InterpretationList = _ref => {
     onInterpretationClick,
     onReplyIconClick,
     refresh,
-    disabled
+    disabled,
+    dashboardRedirectUrl
   } = _ref;
   const {
     fromServerDate
@@ -67,7 +68,8 @@ const InterpretationList = _ref => {
     onReplyIconClick: onReplyIconClick,
     onDeleted: refresh,
     onUpdated: refresh,
-    disabled: disabled
+    disabled: disabled,
+    dashboardRedirectUrl: dashboardRedirectUrl
   }))))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4058400613",
     dynamic: [_ui.spacers.dp8, _ui.spacers.dp8, _ui.spacers.dp16, _ui.colors.grey800, _ui.spacers.dp12, _ui.spacers.dp12, _ui.spacers.dp32, _ui.spacers.dp4]
@@ -80,5 +82,6 @@ InterpretationList.propTypes = {
   refresh: _propTypes.default.func.isRequired,
   onInterpretationClick: _propTypes.default.func.isRequired,
   onReplyIconClick: _propTypes.default.func.isRequired,
+  dashboardRedirectUrl: _propTypes.default.string,
   disabled: _propTypes.default.bool
 };

package/build/cjs/components/Interpretations/InterpretationsUnit/InterpretationsUnit.js

@@ -40,7 +40,8 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
     onInterpretationClick,
     onReplyIconClick,
     disabled,
-    renderId
+    renderId,
+    dashboardRedirectUrl
   } = _ref2;
   const [isExpanded, setIsExpanded] = (0, _react.useState)(true);
   const showNoTimeDimensionHelpText = type === 'eventVisualization' && !visualizationHasTimeDimension;
@@ -103,7 +104,8 @@ const InterpretationsUnit = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) =>
     onInterpretationClick: onInterpretationClick,
     onReplyIconClick: onReplyIconClick,
     refresh: onCompleteAction,
-    disabled: disabled
+    disabled: disabled,
+    dashboardRedirectUrl: dashboardRedirectUrl
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "4120713286",
     dynamic: [_ui.spacers.dp16, _ui.colors.grey400, _ui.colors.white, _ui.spacers.dp32, _ui.colors.grey900]
@@ -119,6 +121,7 @@ InterpretationsUnit.propTypes = {
   currentUser: _propTypes.default.object.isRequired,
   id: _propTypes.default.string.isRequired,
   type: _propTypes.default.string.isRequired,
+  dashboardRedirectUrl: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   renderId: _propTypes.default.number,
   visualizationHasTimeDimension: _propTypes.default.bool,

package/build/cjs/components/Interpretations/common/Interpretation/Interpretation.js

@@ -24,6 +24,7 @@ const Interpretation = _ref => {
     onDeleted,
     disabled,
     onReplyIconClick,
+    dashboardRedirectUrl,
     isInThread
   } = _ref;
   const [isUpdateMode, setIsUpdateMode] = (0, _react.useState)(false);
@@ -37,7 +38,7 @@ const Interpretation = _ref => {
     currentUser,
     onComplete: onUpdated
   });
-  const shouldShowButton = !!onClick && !disabled;
+  const shouldShowButton = Boolean(!!onClick && !disabled & !dashboardRedirectUrl);
   const interpretationAccess = (0, _index.getInterpretationAccess)(interpretation, currentUser);
   let tooltip = _d2I18n.default.t('Reply');
   if (!interpretationAccess.comment) {
@@ -51,6 +52,9 @@ const Interpretation = _ref => {
       tooltip = _d2I18n.default.t('View replies');
     }
   }
+
+  // Maps still uses old url style /?id= instead of hash
+  const getAppInterpretationUrl = () => dashboardRedirectUrl.includes('?') ? `${dashboardRedirectUrl}&interpretationId=${interpretation.id}` : `${dashboardRedirectUrl}?interpretationId=${interpretation.id}`;
   return isUpdateMode ? /*#__PURE__*/_react.default.createElement(_InterpretationUpdateForm.InterpretationUpdateForm, {
     close: () => setIsUpdateMode(false),
     id: interpretation.id,
@@ -77,6 +81,16 @@ const Interpretation = _ref => {
     count: interpretation.comments.length,
     dataTest: "interpretation-reply-button",
     viewOnly: isInThread && !interpretationAccess.comment
+  }), dashboardRedirectUrl && !isInThread && /*#__PURE__*/_react.default.createElement(_index.MessageIconButton, {
+    tooltipContent: _d2I18n.default.t('See interpretation'),
+    iconComponent: _ui.IconView16,
+    onClick: () => onClick(interpretation.id),
+    dataTest: "interpretation-view-button"
+  }), dashboardRedirectUrl && /*#__PURE__*/_react.default.createElement(_index.MessageIconButton, {
+    tooltipContent: _d2I18n.default.t('Open in app'),
+    iconComponent: _ui.IconLaunch16,
+    onClick: () => window.open(getAppInterpretationUrl(), '_blank'),
+    dataTest: "interpretation-launch-in-app-button"
   }), interpretationAccess.share && /*#__PURE__*/_react.default.createElement(_index.MessageIconButton, {
     iconComponent: _ui.IconShare16,
     tooltipContent: _d2I18n.default.t('Share'),
@@ -111,6 +125,7 @@ Interpretation.propTypes = {
   onDeleted: _propTypes.default.func.isRequired,
   onReplyIconClick: _propTypes.default.func.isRequired,
   onUpdated: _propTypes.default.func.isRequired,
+  dashboardRedirectUrl: _propTypes.default.string,
   disabled: _propTypes.default.bool,
   isInThread: _propTypes.default.bool,
   onClick: _propTypes.default.func

package/build/cjs/components/Interpretations/common/RichTextEditor/styles/RichTextEditor.style.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tooltipAnchorClasses = exports.toolbarClasses = exports.mainClasses = exports.emojisPopoverClasses = void 0;
 var _ui = require("@dhis2/ui");
-const mainClasses = [".container.jsx-2278350860{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}", `.preview.jsx-2278350860{font-size:14px;line-height:19px;color:${_ui.colors.grey900};}`, `.textarea.jsx-2278350860{width:100%;box-sizing:border-box;padding:${_ui.spacers.dp8} ${_ui.spacers.dp12};color:${_ui.colors.grey900};background-color:${_ui.colors.white};border:1px solid ${_ui.colors.grey500};border-radius:3px;box-shadow:inset 0 0 0 1px rgba(102,113,123,0.15), inset 0 1px 2px 0 rgba(102,113,123,0.1);outline:0;font-size:14px;line-height:${_ui.spacers.dp16};-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}`, `.textarea.jsx-2278350860:focus{outline:none;box-shadow:0 0 0 3px ${_ui.theme.focus};}`, `.textarea.jsx-2278350860:disabled{background-color:${_ui.colors.grey100};border-color:${_ui.colors.grey500};color:${_ui.theme.disabled};cursor:not-allowed;}`];
+const mainClasses = [".container.jsx-1273817287{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}", `.preview.jsx-1273817287{font-size:14px;line-height:19px;color:${_ui.colors.grey900};}`, `.textarea.jsx-1273817287{width:100%;box-sizing:border-box;padding:${_ui.spacers.dp8} ${_ui.spacers.dp12};color:${_ui.colors.grey900};background-color:${_ui.colors.white};border:1px solid ${_ui.colors.grey500};border-radius:3px;box-shadow:inset 0 0 0 1px rgba(102,113,123,0.15), inset 0 1px 2px 0 rgba(102,113,123,0.1);outline:0;font-size:14px;line-height:${_ui.spacers.dp16};-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}`, `.textarea.jsx-1273817287:focus{outline:none;box-shadow:0 0 0 3px ${_ui.theme.focus};width:calc(100% - 3px);}`, `.textarea.jsx-1273817287:disabled{background-color:${_ui.colors.grey100};border-color:${_ui.colors.grey500};color:${_ui.theme.disabled};cursor:not-allowed;}`];
 exports.mainClasses = mainClasses;
-mainClasses.__hash = "2278350860";
+mainClasses.__hash = "1273817287";
 const toolbarClasses = [`.toolbar.jsx-2267496677{background:${_ui.colors.grey050};border-radius:3px;border:1px solid ${_ui.colors.grey300};margin-bottom:${_ui.spacers.dp4};}`, `.actionsWrapper.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:${_ui.spacers.dp4};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:${_ui.spacers.dp4};}`, `.mainActions.jsx-2267496677{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_ui.spacers.dp4};margin-top:${_ui.spacers.dp2};}`, ".sideActions.jsx-2267496677{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `.previewWrapper.jsx-2267496677{margin:${_ui.spacers.dp4};text-align:right;}`];
 exports.toolbarClasses = toolbarClasses;
 toolbarClasses.__hash = "2267496677";

package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuDropdown.js

@@ -18,6 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const HoverMenuDropdown = _ref => {
   let {
     children,
+    className,
     label,
     dataTest,
     disabled
@@ -35,7 +36,7 @@ const HoverMenuDropdown = _ref => {
     disabled: disabled,
     onMouseOver: disabled ? undefined : onDropDownButtonMouseOver,
     "data-test": dataTest,
-    className: `jsx-${_MenuButtonStyles.default.__hash}` + " " + ((0, _classnames.default)({
+    className: `jsx-${_MenuButtonStyles.default.__hash}` + " " + ((0, _classnames.default)(className, {
       isOpen
     }) || "")
   }, label, /*#__PURE__*/_react.default.createElement(_style.default, {
@@ -52,6 +53,7 @@ HoverMenuDropdown.defaultProps = {
 HoverMenuDropdown.propTypes = {
   children: _propTypes.default.node.isRequired,
   label: _propTypes.default.node.isRequired,
+  className: _propTypes.default.string,
   dataTest: _propTypes.default.string,
   disabled: _propTypes.default.bool
 };

package/build/cjs/components/Toolbar/HoverMenuBar/__tests__/HoverMenuDropdown.spec.js

@@ -17,4 +17,12 @@ describe('<HoverMenuDropdown/>', () => {
     }, "children"));
     expect(wrapper.find('button').prop('data-test')).toBe(dataTest);
   });
+  it('accepts a `className` prop', () => {
+    const className = 'test';
+    const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.HoverMenuDropdown, {
+      label: "test dropdown",
+      className: className
+    }, "children"));
+    expect(wrapper.find('button')).toHaveClassName(className);
+  });
 });

package/build/cjs/index.js

@@ -22,6 +22,7 @@ var _exportNames = {
   AboutAOUnit: true,
   InterpretationsUnit: true,
   InterpretationModal: true,
+  InterpretationThread: true,
   TranslationDialog: true,
   OfflineTooltip: true,
   CachedDataQueryProvider: true,
@@ -299,13 +300,13 @@ Object.defineProperty(exports, "Analytics", {
 Object.defineProperty(exports, "BIMONTHLY", {
   enumerable: true,
   get: function () {
-    return _index9.BIMONTHLY;
+    return _index11.BIMONTHLY;
   }
 });
 Object.defineProperty(exports, "BIWEEKLY", {
   enumerable: true,
   get: function () {
-    return _index9.BIWEEKLY;
+    return _index11.BIWEEKLY;
   }
 });
 Object.defineProperty(exports, "COLOR_SET_BASIC", {
@@ -365,7 +366,7 @@ Object.defineProperty(exports, "CachedDataQueryProvider", {
 Object.defineProperty(exports, "DAILY", {
   enumerable: true,
   get: function () {
-    return _index9.DAILY;
+    return _index11.DAILY;
   }
 });
 Object.defineProperty(exports, "DEFAULT_AXIS_IDS", {
@@ -569,7 +570,7 @@ Object.defineProperty(exports, "DynamicDimension", {
 Object.defineProperty(exports, "FINANCIAL", {
   enumerable: true,
   get: function () {
-    return _index9.FINANCIAL;
+    return _index11.FINANCIAL;
   }
 });
 Object.defineProperty(exports, "FONT_STYLE_AXIS_LABELS", {
@@ -659,25 +660,25 @@ Object.defineProperty(exports, "FONT_STYLE_VISUALIZATION_TITLE", {
 Object.defineProperty(exports, "FYAPR", {
   enumerable: true,
   get: function () {
-    return _index9.FYAPR;
+    return _index11.FYAPR;
   }
 });
 Object.defineProperty(exports, "FYJUL", {
   enumerable: true,
   get: function () {
-    return _index9.FYJUL;
+    return _index11.FYJUL;
   }
 });
 Object.defineProperty(exports, "FYNOV", {
   enumerable: true,
   get: function () {
-    return _index9.FYNOV;
+    return _index11.FYNOV;
   }
 });
 Object.defineProperty(exports, "FYOCT", {
   enumerable: true,
   get: function () {
-    return _index9.FYOCT;
+    return _index11.FYOCT;
   }
 });
 Object.defineProperty(exports, "FileMenu", {
@@ -713,13 +714,19 @@ Object.defineProperty(exports, "ITEM_PROP_ID", {
 Object.defineProperty(exports, "InterpretationModal", {
   enumerable: true,
   get: function () {
-    return _InterpretationModal.InterpretationModal;
+    return _index3.InterpretationModal;
+  }
+});
+Object.defineProperty(exports, "InterpretationThread", {
+  enumerable: true,
+  get: function () {
+    return _index3.InterpretationThread;
   }
 });
 Object.defineProperty(exports, "InterpretationsUnit", {
   enumerable: true,
   get: function () {
-    return _InterpretationsUnit.InterpretationsUnit;
+    return _index2.InterpretationsUnit;
   }
 });
 Object.defineProperty(exports, "LAYOUT", {
@@ -809,7 +816,7 @@ Object.defineProperty(exports, "LegendKey", {
 Object.defineProperty(exports, "MONTHLY", {
   enumerable: true,
   get: function () {
-    return _index9.MONTHLY;
+    return _index11.MONTHLY;
   }
 });
 Object.defineProperty(exports, "OfflineTooltip", {
@@ -839,19 +846,19 @@ Object.defineProperty(exports, "PivotTable", {
 Object.defineProperty(exports, "QUARTERLY", {
   enumerable: true,
   get: function () {
-    return _index9.QUARTERLY;
+    return _index11.QUARTERLY;
   }
 });
 Object.defineProperty(exports, "SIXMONTHLY", {
   enumerable: true,
   get: function () {
-    return _index9.SIXMONTHLY;
+    return _index11.SIXMONTHLY;
   }
 });
 Object.defineProperty(exports, "SIXMONTHLYAPR", {
   enumerable: true,
   get: function () {
-    return _index9.SIXMONTHLYAPR;
+    return _index11.SIXMONTHLYAPR;
   }
 });
 Object.defineProperty(exports, "TEXT_ALIGN_CENTER", {
@@ -875,25 +882,25 @@ Object.defineProperty(exports, "TEXT_ALIGN_RIGHT", {
 Object.defineProperty(exports, "TranslationDialog", {
   enumerable: true,
   get: function () {
-    return _index3.TranslationDialog;
+    return _index5.TranslationDialog;
   }
 });
 Object.defineProperty(exports, "USER_ORG_UNIT", {
   enumerable: true,
   get: function () {
-    return _index4.USER_ORG_UNIT;
+    return _index6.USER_ORG_UNIT;
   }
 });
 Object.defineProperty(exports, "USER_ORG_UNIT_CHILDREN", {
   enumerable: true,
   get: function () {
-    return _index4.USER_ORG_UNIT_CHILDREN;
+    return _index6.USER_ORG_UNIT_CHILDREN;
   }
 });
 Object.defineProperty(exports, "USER_ORG_UNIT_GRANDCHILDREN", {
   enumerable: true,
   get: function () {
-    return _index4.USER_ORG_UNIT_GRANDCHILDREN;
+    return _index6.USER_ORG_UNIT_GRANDCHILDREN;
   }
 });
 Object.defineProperty(exports, "VALUE_TYPE_AGE", {
@@ -1157,43 +1164,43 @@ Object.defineProperty(exports, "VisualizationOptions", {
 Object.defineProperty(exports, "WEEKLY", {
   enumerable: true,
   get: function () {
-    return _index9.WEEKLY;
+    return _index11.WEEKLY;
   }
 });
 Object.defineProperty(exports, "WEEKLYSAT", {
   enumerable: true,
   get: function () {
-    return _index9.WEEKLYSAT;
+    return _index11.WEEKLYSAT;
   }
 });
 Object.defineProperty(exports, "WEEKLYSUN", {
   enumerable: true,
   get: function () {
-    return _index9.WEEKLYSUN;
+    return _index11.WEEKLYSUN;
   }
 });
 Object.defineProperty(exports, "WEEKLYTHU", {
   enumerable: true,
   get: function () {
-    return _index9.WEEKLYTHU;
+    return _index11.WEEKLYTHU;
   }
 });
 Object.defineProperty(exports, "WEEKLYWED", {
   enumerable: true,
   get: function () {
-    return _index9.WEEKLYWED;
+    return _index11.WEEKLYWED;
   }
 });
 Object.defineProperty(exports, "WEEKS_THIS_YEAR", {
   enumerable: true,
   get: function () {
-    return _index9.WEEKS_THIS_YEAR;
+    return _index11.WEEKS_THIS_YEAR;
   }
 });
 Object.defineProperty(exports, "YEARLY", {
   enumerable: true,
   get: function () {
-    return _index9.YEARLY;
+    return _index11.YEARLY;
   }
 });
 Object.defineProperty(exports, "apiFetchDimensions", {
@@ -1283,7 +1290,7 @@ Object.defineProperty(exports, "axisIsEmpty", {
 Object.defineProperty(exports, "canDimensionBeAddedToAxis", {
   enumerable: true,
   get: function () {
-    return _index7.canDimensionBeAddedToAxis;
+    return _index9.canDimensionBeAddedToAxis;
   }
 });
 Object.defineProperty(exports, "colorSets", {
@@ -1295,13 +1302,13 @@ Object.defineProperty(exports, "colorSets", {
 Object.defineProperty(exports, "convertOuLevelsToUids", {
   enumerable: true,
   get: function () {
-    return _index5.convertOuLevelsToUids;
+    return _index7.convertOuLevelsToUids;
   }
 });
 Object.defineProperty(exports, "createVisualization", {
   enumerable: true,
   get: function () {
-    return _index8.createVisualization;
+    return _index10.createVisualization;
   }
 });
 Object.defineProperty(exports, "dataTypeMap", {
@@ -1391,31 +1398,31 @@ Object.defineProperty(exports, "getAdaptedUiLayoutByType", {
 Object.defineProperty(exports, "getAllLockedDimensionIds", {
   enumerable: true,
   get: function () {
-    return _index7.getAllLockedDimensionIds;
+    return _index9.getAllLockedDimensionIds;
   }
 });
 Object.defineProperty(exports, "getAvailableAxes", {
   enumerable: true,
   get: function () {
-    return _index7.getAvailableAxes;
+    return _index9.getAvailableAxes;
   }
 });
 Object.defineProperty(exports, "getAxisMaxNumberOfDimensions", {
   enumerable: true,
   get: function () {
-    return _index7.getAxisMaxNumberOfDimensions;
+    return _index9.getAxisMaxNumberOfDimensions;
   }
 });
 Object.defineProperty(exports, "getAxisMaxNumberOfItems", {
   enumerable: true,
   get: function () {
-    return _index7.getAxisMaxNumberOfItems;
+    return _index9.getAxisMaxNumberOfItems;
   }
 });
 Object.defineProperty(exports, "getAxisMinNumberOfDimensions", {
   enumerable: true,
   get: function () {
-    return _index7.getAxisMinNumberOfDimensions;
+    return _index9.getAxisMinNumberOfDimensions;
   }
 });
 Object.defineProperty(exports, "getAxisName", {
@@ -1433,7 +1440,7 @@ Object.defineProperty(exports, "getAxisNameByLayoutType", {
 Object.defineProperty(exports, "getAxisPerLockedDimension", {
   enumerable: true,
   get: function () {
-    return _index7.getAxisPerLockedDimension;
+    return _index9.getAxisPerLockedDimension;
   }
 });
 Object.defineProperty(exports, "getColorByValueFromLegendSet", {
@@ -1451,13 +1458,13 @@ Object.defineProperty(exports, "getDimensionById", {
 Object.defineProperty(exports, "getDimensionMaxNumberOfItems", {
   enumerable: true,
   get: function () {
-    return _index7.getDimensionMaxNumberOfItems;
+    return _index9.getDimensionMaxNumberOfItems;
   }
 });
 Object.defineProperty(exports, "getDisallowedDimensions", {
   enumerable: true,
   get: function () {
-    return _index7.getDisallowedDimensions;
+    return _index9.getDisallowedDimensions;
   }
 });
 Object.defineProperty(exports, "getDisplayNameByVisType", {
@@ -1523,13 +1530,13 @@ Object.defineProperty(exports, "getTextAlignOptions", {
 Object.defineProperty(exports, "getTransferableDimension", {
   enumerable: true,
   get: function () {
-    return _index7.getTransferableDimension;
+    return _index9.getTransferableDimension;
   }
 });
 Object.defineProperty(exports, "hasAxisTooManyItems", {
   enumerable: true,
   get: function () {
-    return _index7.hasAxisTooManyItems;
+    return _index9.hasAxisTooManyItems;
   }
 });
 Object.defineProperty(exports, "hasCustomAxes", {
@@ -1541,19 +1548,19 @@ Object.defineProperty(exports, "hasCustomAxes", {
 Object.defineProperty(exports, "hasDimensionTooManyItems", {
   enumerable: true,
   get: function () {
-    return _index7.hasDimensionTooManyItems;
+    return _index9.hasDimensionTooManyItems;
   }
 });
 Object.defineProperty(exports, "hasRelativeItems", {
   enumerable: true,
   get: function () {
-    return _index6.hasRelativeItems;
+    return _index8.hasRelativeItems;
   }
 });
 Object.defineProperty(exports, "isAxisFull", {
   enumerable: true,
   get: function () {
-    return _index7.isAxisFull;
+    return _index9.isAxisFull;
   }
 });
 Object.defineProperty(exports, "isColumnBasedType", {
@@ -1565,7 +1572,7 @@ Object.defineProperty(exports, "isColumnBasedType", {
 Object.defineProperty(exports, "isDimensionLocked", {
   enumerable: true,
   get: function () {
-    return _index7.isDimensionLocked;
+    return _index9.isDimensionLocked;
   }
 });
 Object.defineProperty(exports, "isDualAxisType", {
@@ -1721,7 +1728,7 @@ Object.defineProperty(exports, "layoutReplaceDimension", {
 Object.defineProperty(exports, "ouIdHelper", {
   enumerable: true,
   get: function () {
-    return _index4.ouIdHelper;
+    return _index6.ouIdHelper;
   }
 });
 Object.defineProperty(exports, "preparePayloadForSaveAs", {
@@ -1764,21 +1771,21 @@ var _utils = require("./components/FileMenu/utils.js");
 var _VisTypeIcon = _interopRequireDefault(require("./components/VisTypeIcon.js"));
 var _LegendKey = _interopRequireDefault(require("./components/LegendKey/LegendKey.js"));
 var _AboutAOUnit = _interopRequireDefault(require("./components/AboutAOUnit/AboutAOUnit.js"));
-var _InterpretationsUnit = require("./components/Interpretations/InterpretationsUnit/InterpretationsUnit.js");
-var _InterpretationModal = require("./components/Interpretations/InterpretationModal/InterpretationModal.js");
-var _index2 = require("./components/Toolbar/index.js");
-Object.keys(_index2).forEach(function (key) {
+var _index2 = require("./components/Interpretations/InterpretationsUnit/index.js");
+var _index3 = require("./components/Interpretations/InterpretationModal/index.js");
+var _index4 = require("./components/Toolbar/index.js");
+Object.keys(_index4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index2[key]) return;
+  if (key in exports && exports[key] === _index4[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _index2[key];
+      return _index4[key];
     }
   });
 });
-var _index3 = require("./components/TranslationDialog/index.js");
+var _index5 = require("./components/TranslationDialog/index.js");
 var _OfflineTooltip = require("./components/OfflineTooltip.js");
 var _CachedDataQueryProvider = require("./components/CachedDataQueryProvider.js");
 var _Analytics = _interopRequireDefault(require("./api/analytics/Analytics.js"));
@@ -1786,10 +1793,10 @@ var _dimensions = require("./api/dimensions.js");
 var _organisationUnits = require("./api/organisationUnits.js");
 var _axis = require("./modules/axis.js");
 var _predefinedDimensions = require("./modules/predefinedDimensions.js");
-var _index4 = require("./modules/ouIdHelper/index.js");
-var _index5 = require("./modules/ouLevelUtils/index.js");
+var _index6 = require("./modules/ouIdHelper/index.js");
+var _index7 = require("./modules/ouLevelUtils/index.js");
 var _getAdaptedUiLayoutByType = require("./modules/getAdaptedUiLayoutByType.js");
-var _index6 = require("./modules/relativeItems/index.js");
+var _index8 = require("./modules/relativeItems/index.js");
 var _layout = require("./modules/layout/layout.js");
 var _layoutFilterDimensions = require("./modules/layout/layoutFilterDimensions.js");
 var _layoutGetAllAxes = require("./modules/layout/layoutGetAllAxes.js");
@@ -1829,13 +1836,13 @@ var _itemIsValid = require("./modules/layout/itemIsValid.js");
 var _visTypeToLayoutType = require("./modules/visTypeToLayoutType.js");
 var _visTypes = require("./modules/visTypes.js");
 var _layoutTypes = require("./modules/layoutTypes.js");
-var _index7 = require("./modules/layoutUiRules/index.js");
-var _index8 = require("./visualizations/index.js");
+var _index9 = require("./modules/layoutUiRules/index.js");
+var _index10 = require("./visualizations/index.js");
 var _fontStyle = require("./modules/fontStyle.js");
 var _legends = require("./modules/legends.js");
 var _renderValue = require("./modules/renderValue.js");
 var _colorSets = require("./visualizations/util/colors/colorSets.js");
-var _index9 = require("./components/PeriodDimension/utils/index.js");
+var _index11 = require("./components/PeriodDimension/utils/index.js");
 var _relativePeriods = require("./components/PeriodDimension/utils/relativePeriods.js");
 var _fixedPeriods = require("./components/PeriodDimension/utils/fixedPeriods.js");
 var _VisualizationOptions = _interopRequireDefault(require("./components/Options/VisualizationOptions.js"));