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

package/build/es/components/RichText/Parser.bk/__tests__/MdParser.spec.js

@@ -0,0 +1,31 @@
+import MdParser from '../MdParser.js';
+const Parser = new MdParser();
+describe('MdParser class', () => {
+  it('converts text into HTML', () => {
+    const tests = [['_italic_', '<em>italic</em>'], ['*bold*', '<strong>bold</strong>'], ['* not bold because there is a space *', '* not bold because there is a space *'], ['_ not italic because there is a space _', '_ not italic because there is a space _'], [':-)', '<span>\u{1F642}</span>'], [':)', '<span>\u{1F642}</span>'], [':-(', '<span>\u{1F641}</span>'], [':(', '<span>\u{1F641}</span>'], [':+1', '<span>\u{1F44D}</span>'], [':-1', '<span>\u{1F44E}</span>'], ['mixed _italic_ *bold* and :+1', 'mixed <em>italic</em> <strong>bold</strong> and <span>\u{1F44D}</span>'], ['_italic with * inside_', '<em>italic with * inside</em>'], ['*bold with _ inside*', '<strong>bold with _ inside</strong>'],
+    // italic marker followed by : should work
+    ['_italic_:', '<em>italic</em>:'], ['_italic_: some text, *bold*: some other text', '<em>italic</em>: some text, <strong>bold</strong>: some other text'],
+    // bold marker followed by : should work
+    ['*bold*:', '<strong>bold</strong>:'], ['*bold*: some text, _italic_: some other text', '<strong>bold</strong>: some text, <em>italic</em>: some other text'],
+    // italic marker inside an italic string not allowed
+    ['_italic with _ inside_', '_italic with _ inside_'],
+    // bold marker inside a bold string not allowed
+    ['*bold with * inside*', '*bold with * inside*'], ['_multiple_ italic in the _same line_', '<em>multiple</em> italic in the <em>same line</em>'],
+    // nested italic/bold combinations not allowed
+    ['_italic with *bold* inside_', '<em>italic with *bold* inside</em>'], ['*bold with _italic_ inside*', '<strong>bold with _italic_ inside</strong>'], ['text with : and :)', 'text with : and <span>\u{1F642}</span>'], ['(parenthesis and :))', '(parenthesis and <span>\u{1F642}</span>)'], [':((parenthesis:))', '<span>\u{1F641}</span>(parenthesis<span>\u{1F642}</span>)'], [':+1+1', '<span>\u{1F44D}</span>+1'], ['-1:-1', '-1<span>\u{1F44E}</span>'],
+    // links
+    ['example.com/path', '<a href="http://example.com/path">example.com/path</a>'],
+    // not recognized links with italic marker inside not converted
+    ['example_with_underscore.com/path', 'example_with_underscore.com/path'], ['example_with_underscore.com/path_with_underscore', 'example_with_underscore.com/path_with_underscore'],
+    // markers around non-recognized links
+    ['link example_with_underscore.com/path should _not_ be converted', 'link example_with_underscore.com/path should <em>not</em> be converted'], ['link example_with_underscore.com/path should *not* be converted', 'link example_with_underscore.com/path should <strong>not</strong> be converted'],
+    // italic marker inside links not converted
+    ['example.com/path_with_underscore', '<a href="http://example.com/path_with_underscore">example.com/path_with_underscore</a>'], ['_italic_ and *bold* with a example.com/link_with_underscore', '<em>italic</em> and <strong>bold</strong> with a <a href="http://example.com/link_with_underscore">example.com/link_with_underscore</a>'], ['example.com/path with *bold* after :)', '<a href="http://example.com/path">example.com/path</a> with <strong>bold</strong> after <span>\u{1F642}</span>'], ['_before_ example.com/path_with_underscore *after* :)', '<em>before</em> <a href="http://example.com/path_with_underscore">example.com/path_with_underscore</a> <strong>after</strong> <span>\u{1F642}</span>'],
+    // italic/bold markers right after non-word characters
+    ['_If % of ART retention rate after 12 months >90(%)_: Sustain the efforts.', '<em>If % of ART retention rate after 12 months &gt;90(%)</em>: Sustain the efforts.'], ['*If % of ART retention rate after 12 months >90(%)*: Sustain the efforts.', '<strong>If % of ART retention rate after 12 months &gt;90(%)</strong>: Sustain the efforts.']];
+    tests.forEach(test => {
+      const renderedText = Parser.render(test[0]);
+      expect(renderedText).toEqual(test[1]);
+    });
+  });
+});

package/build/es/components/RichText/Parser.bk/__tests__/Parser.spec.js

@@ -0,0 +1,38 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import Parser from '../Parser.js';
+import '../MdParser.js';
+jest.mock('../MdParser', () => {
+  return jest.fn().mockImplementation(() => {
+    return {
+      render: () => 'converted text'
+    };
+  });
+});
+describe('RichText: Parser component', () => {
+  let richTextParser;
+  const defaultProps = {
+    style: {
+      color: 'blue'
+    }
+  };
+  const renderComponent = (props, text) => {
+    return shallow( /*#__PURE__*/React.createElement(Parser, props, text));
+  };
+  it('should have rendered a result', () => {
+    richTextParser = renderComponent({}, 'test');
+    expect(richTextParser).toHaveLength(1);
+  });
+  it('should have rendered a result with the style prop', () => {
+    richTextParser = renderComponent(defaultProps, 'test prop');
+    expect(richTextParser.props().style).toEqual(defaultProps.style);
+  });
+  it('should have rendered content', () => {
+    richTextParser = renderComponent({}, 'plain text');
+    expect(richTextParser.html()).toEqual('<p>converted text</p>');
+  });
+  it('should return null if no children is passed', () => {
+    richTextParser = renderComponent({}, undefined);
+    expect(richTextParser.html()).toBe(null);
+  });
+});

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

@@ -9,6 +9,7 @@ import { useHoverMenubarContext } from './HoverMenuBar.js';
 export const HoverMenuDropdown = _ref => {
   let {
     children,
+    className,
     label,
     dataTest,
     disabled
@@ -26,7 +27,7 @@ export const HoverMenuDropdown = _ref => {
     disabled: disabled,
     onMouseOver: disabled ? undefined : onDropDownButtonMouseOver,
     "data-test": dataTest,
-    className: `jsx-${menuButtonStyles.__hash}` + " " + (cx({
+    className: `jsx-${menuButtonStyles.__hash}` + " " + (cx(className, {
       isOpen
     }) || "")
   }, label, /*#__PURE__*/React.createElement(_JSXStyle, {
@@ -42,6 +43,7 @@ HoverMenuDropdown.defaultProps = {
 HoverMenuDropdown.propTypes = {
   children: PropTypes.node.isRequired,
   label: PropTypes.node.isRequired,
+  className: PropTypes.string,
   dataTest: PropTypes.string,
   disabled: PropTypes.bool
 };

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

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

package/build/es/components/VisTypeIcon.js

@@ -1,7 +1,7 @@
-import { IconTable16, IconVisualizationArea16, IconVisualizationAreaStacked16, IconVisualizationBar16, IconVisualizationBarStacked16, IconVisualizationColumn16, IconVisualizationColumnMulti16, IconVisualizationColumnStacked16, IconVisualizationGauge16, IconVisualizationLine16, IconVisualizationLinelist16, IconVisualizationLineMulti16, IconVisualizationPie16, IconVisualizationRadar16, IconVisualizationScatter16, IconVisualizationSingleValue16, IconTable24, IconVisualizationArea24, IconVisualizationAreaStacked24, IconVisualizationBar24, IconVisualizationBarStacked24, IconVisualizationColumn24, IconVisualizationLinelist24, IconVisualizationColumnMulti24, IconVisualizationColumnStacked24, IconVisualizationGauge24, IconVisualizationLine24, IconVisualizationLineMulti24, IconVisualizationPie24, IconVisualizationRadar24, IconVisualizationScatter24, IconVisualizationSingleValue24 } from '@dhis2/ui';
+import { IconVisualizationArea16, IconVisualizationAreaStacked16, IconVisualizationBar16, IconVisualizationBarStacked16, IconVisualizationColumn16, IconVisualizationColumnMulti16, IconVisualizationColumnStacked16, IconVisualizationGauge16, IconVisualizationLine16, IconVisualizationLinelist16, IconVisualizationLineMulti16, IconVisualizationOutlierTable16, IconVisualizationPie16, IconVisualizationPivotTable16, IconVisualizationRadar16, IconVisualizationScatter16, IconVisualizationSingleValue16, IconVisualizationArea24, IconVisualizationAreaStacked24, IconVisualizationBar24, IconVisualizationBarStacked24, IconVisualizationColumn24, IconVisualizationLinelist24, IconVisualizationColumnMulti24, IconVisualizationColumnStacked24, IconVisualizationGauge24, IconVisualizationLine24, IconVisualizationLineMulti24, IconVisualizationOutlierTable24, IconVisualizationPie24, IconVisualizationPivotTable24, IconVisualizationRadar24, IconVisualizationScatter24, IconVisualizationSingleValue24 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { VIS_TYPE_LINE_LIST, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_PIE, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_SCATTER } from '../modules/visTypes.js';
+import { VIS_TYPE_LINE_LIST, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_PIE, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_SCATTER, VIS_TYPE_OUTLIER_TABLE } from '../modules/visTypes.js';
 export const VisTypeIcon = _ref => {
   let {
     type,
@@ -17,7 +17,7 @@ export const VisTypeIcon = _ref => {
       }
     case VIS_TYPE_PIVOT_TABLE:
       {
-        VisIcon = useSmall ? IconTable16 : IconTable24;
+        VisIcon = useSmall ? IconVisualizationPivotTable16 : IconVisualizationPivotTable24;
         break;
       }
     case VIS_TYPE_BAR:
@@ -85,6 +85,11 @@ export const VisTypeIcon = _ref => {
         VisIcon = useSmall ? IconVisualizationScatter16 : IconVisualizationScatter24;
         break;
       }
+    case VIS_TYPE_OUTLIER_TABLE:
+      {
+        VisIcon = useSmall ? IconVisualizationOutlierTable16 : IconVisualizationOutlierTable24;
+        break;
+      }
     case VIS_TYPE_COLUMN:
     default:
       {

package/build/es/index.js

@@ -97,15 +97,15 @@ export { getLayoutTypeByVisType } from './modules/visTypeToLayoutType.js';
 
 // Modules: visTypes
 
-export { VIS_TYPE_GROUP_ALL, VIS_TYPE_GROUP_CHARTS, VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_PIE, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_BUBBLE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_LINE_LIST, visTypeDisplayNames, visTypeIcons, getDisplayNameByVisType, defaultVisType, isStacked, isMultiType, isYearOverYear, isDualAxisType, isSingleValue, isTwoCategoryChartType, isLegendSetType, isColumnBasedType, isVerticalType } from './modules/visTypes.js';
+export { VIS_TYPE_GROUP_ALL, VIS_TYPE_GROUP_CHARTS, VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_PIE, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_BUBBLE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_LINE_LIST, VIS_TYPE_OUTLIER_TABLE, visTypeDisplayNames, visTypeIcons, getDisplayNameByVisType, defaultVisType, isStacked, isMultiType, isYearOverYear, isDualAxisType, isSingleValue, isOutlierTable, isTwoCategoryChartType, isLegendSetType, isColumnBasedType, isVerticalType } from './modules/visTypes.js';
 
 // Modules: layoutTypes
 
-export { LAYOUT_TYPE_DEFAULT, LAYOUT_TYPE_PIE, LAYOUT_TYPE_SINGLE_VALUE, LAYOUT_TYPE_YEAR_OVER_YEAR, LAYOUT_TYPE_PIVOT_TABLE, LAYOUT_TYPE_SCATTER, LAYOUT_TYPE_LINE_LIST } from './modules/layoutTypes.js';
+export { LAYOUT_TYPE_DEFAULT, LAYOUT_TYPE_PIE, LAYOUT_TYPE_SINGLE_VALUE, LAYOUT_TYPE_YEAR_OVER_YEAR, LAYOUT_TYPE_PIVOT_TABLE, LAYOUT_TYPE_SCATTER, LAYOUT_TYPE_LINE_LIST, LAYOUT_TYPE_OUTLIER_TABLE } from './modules/layoutTypes.js';
 
 // Modules: layoutUiRules
 
-export { getAvailableAxes, getDisallowedDimensions, getAxisMaxNumberOfItems, getAxisMaxNumberOfDimensions, getAxisMinNumberOfDimensions, hasAxisTooManyItems, getAxisPerLockedDimension, getAllLockedDimensionIds, canDimensionBeAddedToAxis, isDimensionLocked, isAxisFull, getTransferableDimension } from './modules/layoutUiRules/index.js';
+export { getAvailableAxes, getDisallowedDimensions, getDimensionMaxNumberOfItems, getAxisMaxNumberOfItems, getAxisMaxNumberOfDimensions, getAxisMinNumberOfDimensions, hasAxisTooManyItems, hasDimensionTooManyItems, getAxisPerLockedDimension, getAllLockedDimensionIds, canDimensionBeAddedToAxis, isDimensionLocked, isAxisFull, getTransferableDimension } from './modules/layoutUiRules/index.js';
 
 // Visualizations
 
@@ -131,4 +131,4 @@ export { DAILY, WEEKLY, WEEKLYWED, WEEKLYTHU, WEEKLYSAT, WEEKLYSUN, WEEKS_THIS_Y
 export { getRelativePeriodsOptionsById } from './components/PeriodDimension/utils/relativePeriods.js';
 export { getFixedPeriodsOptionsById } from './components/PeriodDimension/utils/fixedPeriods.js';
 export { default as VisualizationOptions } from './components/Options/VisualizationOptions.js';
-export { DIMENSION_TYPE_INDICATOR, DIMENSION_TYPE_DATA_ELEMENT, DIMENSION_TYPE_DATA_SET, DIMENSION_TYPE_EVENT_DATA_ITEM, DIMENSION_TYPE_PROGRAM_INDICATOR, DIMENSION_TYPE_PROGRAM_DATA_ELEMENT, DIMENSION_TYPE_PROGRAM_ATTRIBUTE, DIMENSION_TYPE_DATA_ELEMENT_OPERAND, DIMENSION_TYPE_CATEGORY, DIMENSION_TYPE_CATEGORY_OPTION_GROUP_SET, DIMENSION_TYPE_ALL, DIMENSION_TYPE_DATA, DIMENSION_TYPE_DATA_ELEMENT_GROUP_SET, DIMENSION_TYPE_ORGANISATION_UNIT, DIMENSION_TYPE_PERIOD, DIMENSION_TYPE_ORGANISATION_UNIT_GROUP_SET, DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM } from './modules/dataTypes.js';
+export { DIMENSION_TYPE_INDICATOR, DIMENSION_TYPE_DATA_ELEMENT, DIMENSION_TYPE_DATA_SET, DIMENSION_TYPE_EVENT_DATA_ITEM, DIMENSION_TYPE_PROGRAM_INDICATOR, DIMENSION_TYPE_PROGRAM_DATA_ELEMENT, DIMENSION_TYPE_PROGRAM_ATTRIBUTE, DIMENSION_TYPE_DATA_ELEMENT_OPERAND, DIMENSION_TYPE_CATEGORY, DIMENSION_TYPE_CATEGORY_OPTION_GROUP_SET, DIMENSION_TYPE_ALL, DIMENSION_TYPE_DATA, DIMENSION_TYPE_DATA_ELEMENT_GROUP_SET, DIMENSION_TYPE_ORGANISATION_UNIT, DIMENSION_TYPE_PERIOD, DIMENSION_TYPE_ORGANISATION_UNIT_GROUP_SET, DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM, dataTypeMap } from './modules/dataTypes.js';

package/build/es/locales/en/translations.json

@@ -44,6 +44,7 @@
     "Drag items here, or double click in the list, to start building a calculation formula": "Drag items here, or double click in the list, to start building a calculation formula",
     "Math operators": "Math operators",
     "Data Type": "Data Type",
+    "Only {{dataType}} can be used in {{visType}}": "Only {{dataType}} can be used in {{visType}}",
     "All types": "All types",
     "Disaggregation": "Disaggregation",
     "No data": "No data",
@@ -54,10 +55,12 @@
     "No data sets found": "No data sets found",
     "No event data items found": "No event data items found",
     "No program indicators found": "No program indicators found",
+    "No calculations found": "No calculations found",
     "No indicators found for \"{{- searchTerm}}\"": "No indicators found for \"{{- searchTerm}}\"",
     "No data sets found for \"{{- searchTerm}}\"": "No data sets found for \"{{- searchTerm}}\"",
     "No event data items found for \"{{- searchTerm}}\"": "No event data items found for \"{{- searchTerm}}\"",
     "No program indicators found for \"{{- searchTerm}}\"": "No program indicators found for \"{{- searchTerm}}\"",
+    "No calculations found for \"{{- searchTerm}}\"": "No calculations found for \"{{- searchTerm}}\"",
     "Nothing found for \"{{- searchTerm}}\"": "Nothing found for \"{{- searchTerm}}\"",
     "Calculation": "Calculation",
     "Metric type": "Metric type",
@@ -200,9 +203,9 @@
     "Year": "Year",
     "Select year": "Select year",
     "Period": "Period",
+    "Selected Periods": "Selected Periods",
     "Relative periods": "Relative periods",
     "Fixed periods": "Fixed periods",
-    "Selected Periods": "Selected Periods",
     "No periods selected": "No periods selected",
     "Daily": "Daily",
     "Weekly": "Weekly",
@@ -370,6 +373,7 @@
     "Radar": "Radar",
     "Scatter": "Scatter",
     "Single value": "Single value",
+    "Outlier table": "Outlier table",
     "All charts": "All charts",
     "{{seriesName}} (trend)": "{{seriesName}} (trend)",
     "Trend": "Trend",

package/build/es/locales/sv/translations.json

@@ -107,6 +107,7 @@
     "Edit": "Redigera",
     "Write a reply": "",
     "Post reply": "",
+    "Delete failed": "",
     "Could not update comment": "",
     "Enter comment text": "",
     "Update": "Uppdatera",
@@ -115,11 +116,15 @@
     "The interpretation couldn’t be displayed. Try again or contact your system administrator.": "",
     "Hide interpretation": "",
     "Write an interpretation": "",
+    "Other people viewing this interpretation in the future may see more data.": "",
     "Post interpretation": "",
     "Interpretations": "tolkningar",
+    "Reply": "Svar",
+    "{{count}} replies": "",
+    "{{count}} replies_plural": "",
+    "View replies": "",
     "Unlike": "",
     "Like": "",
-    "Reply": "Svar",
     "Share": "Dela med sig",
     "See interpretation": "",
     "Manage sharing": "",
@@ -190,7 +195,7 @@
     "User sub-x2-units": "Användarunder x2-enheter",
     "Select a level": "",
     "Select a group": "",
-    "Deselect all": "",
+    "Deselect all": "Avmarkera alla",
     "Period type": "Periodtyp",
     "Year": "År",
     "Select year": "Välj år",
@@ -267,6 +272,7 @@
     "Six-months": "",
     "Financial Years": "",
     "Years": "År",
+    "Interpretations and details": "",
     "Translating to": "",
     "Choose a locale": "",
     "Base locale reference": "",

package/build/es/modules/__tests__/getAdaptedUiLayoutByType.spec.js

@@ -1,9 +1,10 @@
 import { getAdaptedUiLayoutByType } from '../getAdaptedUiLayoutByType.js';
 import { AXIS_ID_COLUMNS, AXIS_ID_ROWS, AXIS_ID_FILTERS } from '../layout/axis.js';
 import { DIMENSION_ID_DATA, DIMENSION_ID_PERIOD, DIMENSION_ID_ORGUNIT } from '../predefinedDimensions.js';
-import { VIS_TYPE_COLUMN, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_BAR, VIS_TYPE_PIE, VIS_TYPE_SINGLE_VALUE } from '../visTypes.js';
+import { VIS_TYPE_COLUMN, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_BAR, VIS_TYPE_PIE, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_OUTLIER_TABLE } from '../visTypes.js';
 const someId = 'someId';
 const otherId = 'otherId';
+const thirdId = 'thirdId';
 describe('getAdaptedUiLayoutByType', () => {
   it('column: moves all extra dimensions in columns and rows to filters', () => {
     const initialState = {
@@ -107,6 +108,20 @@ describe('getAdaptedUiLayoutByType', () => {
     };
     expect(actualState).toEqual(expectedState);
   });
+  it('outlier table: removes all dimensions but dx,pe,ou which are moved to columns', () => {
+    const initialState = {
+      [AXIS_ID_COLUMNS]: [DIMENSION_ID_DATA, someId],
+      [AXIS_ID_ROWS]: [DIMENSION_ID_PERIOD, otherId],
+      [AXIS_ID_FILTERS]: [DIMENSION_ID_ORGUNIT, thirdId]
+    };
+    const actualState = getAdaptedUiLayoutByType(initialState, VIS_TYPE_OUTLIER_TABLE);
+    const expectedState = {
+      [AXIS_ID_COLUMNS]: [DIMENSION_ID_DATA, DIMENSION_ID_PERIOD, DIMENSION_ID_ORGUNIT],
+      [AXIS_ID_ROWS]: [],
+      [AXIS_ID_FILTERS]: []
+    };
+    expect(actualState).toEqual(expectedState);
+  });
   it('pivot -> sv with dimension strings', () => {
     const initialLayout = {
       [AXIS_ID_COLUMNS]: [DIMENSION_ID_DATA, DIMENSION_ID_PERIOD],

package/build/es/modules/axis.js

@@ -1,6 +1,6 @@
 import i18n from '../locales/index.js';
 import { AXIS_ID_COLUMNS, AXIS_ID_ROWS, AXIS_ID_FILTERS } from './layout/axis.js';
-import { LAYOUT_TYPE_DEFAULT, LAYOUT_TYPE_PIE, LAYOUT_TYPE_YEAR_OVER_YEAR, LAYOUT_TYPE_PIVOT_TABLE, LAYOUT_TYPE_SCATTER, LAYOUT_TYPE_LINE_LIST } from './layoutTypes.js';
+import { LAYOUT_TYPE_DEFAULT, LAYOUT_TYPE_PIE, LAYOUT_TYPE_YEAR_OVER_YEAR, LAYOUT_TYPE_PIVOT_TABLE, LAYOUT_TYPE_SCATTER, LAYOUT_TYPE_LINE_LIST, LAYOUT_TYPE_OUTLIER_TABLE } from './layoutTypes.js';
 const getAxisNamesByLayoutType = layoutType => {
   switch (layoutType) {
     case LAYOUT_TYPE_DEFAULT:
@@ -28,6 +28,10 @@ const getAxisNamesByLayoutType = layoutType => {
         [AXIS_ID_ROWS]: i18n.t('Points'),
         [AXIS_ID_FILTERS]: i18n.t('Filter')
       };
+    case LAYOUT_TYPE_OUTLIER_TABLE:
+      return {
+        [AXIS_ID_COLUMNS]: i18n.t('Columns')
+      };
   }
 };
 export const getAxisNameByLayoutType = (axisId, layoutType) => {

package/build/es/modules/getAdaptedUiLayoutByType.js

@@ -1,7 +1,7 @@
 import isObject from 'lodash/isObject';
 import { AXIS_ID_COLUMNS, AXIS_ID_ROWS, AXIS_ID_FILTERS } from './layout/axis.js';
 import { DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_PERIOD } from './predefinedDimensions.js';
-import { VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_PIE, VIS_TYPE_GAUGE, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, isTwoCategoryChartType } from './visTypes.js';
+import { VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_PIE, VIS_TYPE_GAUGE, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_OUTLIER_TABLE, isTwoCategoryChartType } from './visTypes.js';
 export const getAdaptedUiLayoutByType = (layout, type) => {
   var _layout$rows;
   if (isTwoCategoryChartType(type) && ((_layout$rows = layout.rows) === null || _layout$rows === void 0 ? void 0 : _layout$rows.length) > 1) {
@@ -26,6 +26,8 @@ export const getAdaptedUiLayoutByType = (layout, type) => {
       return layout;
     case VIS_TYPE_SCATTER:
       return getScatterLayout(layout);
+    case VIS_TYPE_OUTLIER_TABLE:
+      return getOutlierTableLayout(layout);
     default:
       return getDefaultLayout(layout);
   }
@@ -99,6 +101,13 @@ const getSingleValueLayout = layout => {
   };
 };
 
+// Transform from ui.layout to outlier table layout format
+const getOutlierTableLayout = () => ({
+  [AXIS_ID_COLUMNS]: [DIMENSION_ID_DATA, DIMENSION_ID_PERIOD, DIMENSION_ID_ORGUNIT],
+  [AXIS_ID_ROWS]: [],
+  [AXIS_ID_FILTERS]: []
+});
+
 /**
  *
  * @param {string|object} dimension

package/build/es/modules/layoutTypes.js

@@ -4,4 +4,5 @@ export const LAYOUT_TYPE_SINGLE_VALUE = 'LAYOUT_TYPE_SINGLE_VALUE';
 export const LAYOUT_TYPE_YEAR_OVER_YEAR = 'LAYOUT_TYPE_YEAR_OVER_YEAR';
 export const LAYOUT_TYPE_PIVOT_TABLE = 'LAYOUT_TYPE_PIVOT_TABLE';
 export const LAYOUT_TYPE_SCATTER = 'LAYOUT_TYPE_SCATTER';
-export const LAYOUT_TYPE_LINE_LIST = 'LAYOUT_TYPE_LINE_LIST';
+export const LAYOUT_TYPE_LINE_LIST = 'LAYOUT_TYPE_LINE_LIST';
+export const LAYOUT_TYPE_OUTLIER_TABLE = 'LAYOUT_TYPE_OUTLIER_TABLE';

package/build/es/modules/layoutUiRules/__tests__/rules.spec.js

@@ -1,14 +1,15 @@
 import { ALL_AXIS_IDS } from '../../layout/axis.js';
-import { DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_PERIOD } from '../../predefinedDimensions.js';
+import { DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_PERIOD, DIMENSION_ID_ASSIGNED_CATEGORIES } from '../../predefinedDimensions.js';
 import { testResourceRules, testResourceRequiredProps, testResourceAllRuleProps } from '../rules.js';
 
 // Consts
 const lockableDims = [DIMENSION_ID_DATA, DIMENSION_ID_PERIOD, DIMENSION_ID_ORGUNIT];
-const disallowableDims = [DIMENSION_ID_DATA, DIMENSION_ID_PERIOD];
+const disallowableDims = [DIMENSION_ID_DATA, DIMENSION_ID_PERIOD, DIMENSION_ID_ASSIGNED_CATEGORIES];
 
 // Helper fns
 const allArrayItemsAreValid = (allItems, validItems) => allItems.every(value => validItems.includes(value));
 const allArrayItemsAreValidAxisIds = array => allArrayItemsAreValid(array, ALL_AXIS_IDS);
+const allArrayItemsAreValidDimensionIds = array => allArrayItemsAreValid(array, lockableDims);
 const onlyRulesWithProp = ruleProp => testResourceRules.filter(rule => rule[ruleProp]);
 
 // Partial tests
@@ -18,6 +19,9 @@ const testPropHasKeysAndValues = ruleProp => it('has keys and values', () => {
 const testPropIsArray = ruleProp => it('is an array', () => {
   expect(onlyRulesWithProp(ruleProp).every(rule => Array.isArray(rule[ruleProp]))).toBe(true);
 });
+const testKeysAreValidDimensionIds = ruleProp => it('keys should be valid dimension ids', () => {
+  expect(onlyRulesWithProp(ruleProp).every(rule => allArrayItemsAreValidDimensionIds(Object.keys(rule[ruleProp])))).toBe(true);
+});
 const testKeysAreValidAxisIds = ruleProp => it('keys should be valid axis ids', () => {
   expect(onlyRulesWithProp(ruleProp).every(rule => allArrayItemsAreValidAxisIds(Object.keys(rule[ruleProp])))).toBe(true);
 });
@@ -56,6 +60,13 @@ describe("verify each rule's ", () => {
       testNoValuesNegative(ruleProp);
     });
   });
+  describe('MAX_ITEMS_PER_DIMENSION', () => {
+    const ruleProp = testResourceAllRuleProps['MAX_ITEMS_PER_DIMENSION'];
+    testPropHasKeysAndValues(ruleProp);
+    testKeysAreValidDimensionIds(ruleProp);
+    testNoValuesZero(ruleProp);
+    testNoValuesNegative(ruleProp);
+  });
   describe('AVAILABLE_AXES', () => {
     const ruleProp = testResourceAllRuleProps['AVAILABLE_AXES'];
     testPropIsArray(ruleProp);

package/build/es/modules/layoutUiRules/index.js

@@ -1,2 +1,2 @@
-export { getAvailableAxesByVisType as getAvailableAxes, getDisallowedDimsByVisType as getDisallowedDimensions, getAxisMaxNumberOfItemsByVisType as getAxisMaxNumberOfItems, getAxisMaxNumberOfDimsByVisType as getAxisMaxNumberOfDimensions, getAxisMinNumberOfDimsByVisType as getAxisMinNumberOfDimensions, getAxisPerLockedDimByVisType as getAxisPerLockedDimension, getAllLockedDimIdsByVisType as getAllLockedDimensionIds } from './rulesHelper.js';
-export { hasAxisTooManyItemsByVisType as hasAxisTooManyItems, isDimensionLockedByVisType as isDimensionLocked, isAxisFullByVisType as isAxisFull, canDimensionBeAddedToAxisByVisType as canDimensionBeAddedToAxis, getTransferableDimensionPerAxisByVisType as getTransferableDimension } from './rulesUtils.js';
+export { getAvailableAxesByVisType as getAvailableAxes, getDisallowedDimsByVisType as getDisallowedDimensions, getAxisMaxNumberOfItemsByVisType as getAxisMaxNumberOfItems, getAxisMaxNumberOfDimsByVisType as getAxisMaxNumberOfDimensions, getAxisMinNumberOfDimsByVisType as getAxisMinNumberOfDimensions, getAxisPerLockedDimByVisType as getAxisPerLockedDimension, getAllLockedDimIdsByVisType as getAllLockedDimensionIds, getDimensionMaxNumberOfItemsByVisType as getDimensionMaxNumberOfItems } from './rulesHelper.js';
+export { hasAxisTooManyItemsByVisType as hasAxisTooManyItems, hasDimensionTooManyItemsByVisType as hasDimensionTooManyItems, isDimensionLockedByVisType as isDimensionLocked, isAxisFullByVisType as isAxisFull, canDimensionBeAddedToAxisByVisType as canDimensionBeAddedToAxis, getTransferableDimensionPerAxisByVisType as getTransferableDimension } from './rulesUtils.js';

package/build/es/modules/layoutUiRules/rules.js

@@ -1,10 +1,11 @@
 import { AXIS_ID_COLUMNS, AXIS_ID_ROWS, AXIS_ID_FILTERS } from '../layout/axis.js';
-import { DIMENSION_ID_PERIOD, DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT } from '../predefinedDimensions.js';
-import { VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_PIE, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_LINE_LIST } from '../visTypes.js';
+import { DIMENSION_ID_PERIOD, DIMENSION_ID_DATA, DIMENSION_ID_ORGUNIT, DIMENSION_ID_ASSIGNED_CATEGORIES } from '../predefinedDimensions.js';
+import { VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_PIE, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_LINE_LIST, VIS_TYPE_OUTLIER_TABLE } from '../visTypes.js';
 const RULE_PROP_AVAILABLE_AXES = 'availableAxes',
   RULE_PROP_MAX_DIMS_PER_AXIS = 'maxNumberOfDimsPerAxis',
   RULE_PROP_MIN_DIMS_PER_AXIS = 'minNumberOfDimsPerAxis',
   RULE_PROP_MAX_ITEMS_PER_AXIS = 'maxNumberOfItemsPerAxis',
+  RULE_PROP_MAX_ITEMS_PER_DIMENSION = 'maxNumberOfItemsPerDimension',
   RULE_PROP_DISALLOWED_DIMS = 'disallowedDims',
   RULE_PROP_LOCKED_DIMS = 'lockedDims';
 const defaultRules = {
@@ -82,6 +83,21 @@ const scatterRules = {
 const lineListRules = {
   [RULE_PROP_AVAILABLE_AXES]: [AXIS_ID_COLUMNS, AXIS_ID_FILTERS]
 };
+const outlierTableRules = {
+  [RULE_PROP_AVAILABLE_AXES]: [AXIS_ID_COLUMNS],
+  [RULE_PROP_MIN_DIMS_PER_AXIS]: {
+    [AXIS_ID_COLUMNS]: 3
+  },
+  [RULE_PROP_MAX_ITEMS_PER_DIMENSION]: {
+    [DIMENSION_ID_PERIOD]: 1
+  },
+  [RULE_PROP_LOCKED_DIMS]: {
+    [DIMENSION_ID_DATA]: AXIS_ID_COLUMNS,
+    [DIMENSION_ID_PERIOD]: AXIS_ID_COLUMNS,
+    [DIMENSION_ID_ORGUNIT]: AXIS_ID_COLUMNS
+  },
+  [RULE_PROP_DISALLOWED_DIMS]: [DIMENSION_ID_ASSIGNED_CATEGORIES]
+};
 const visTypeToRules = {
   [VIS_TYPE_COLUMN]: defaultRules,
   [VIS_TYPE_STACKED_COLUMN]: defaultRules,
@@ -98,7 +114,8 @@ const visTypeToRules = {
   [VIS_TYPE_YEAR_OVER_YEAR_COLUMN]: yearOverYearRules,
   [VIS_TYPE_PIVOT_TABLE]: pivotTableRules,
   [VIS_TYPE_SCATTER]: scatterRules,
-  [VIS_TYPE_LINE_LIST]: lineListRules
+  [VIS_TYPE_LINE_LIST]: lineListRules,
+  [VIS_TYPE_OUTLIER_TABLE]: outlierTableRules
 };
 const getRulesByVisType = visType => {
   const rules = visTypeToRules[visType];
@@ -113,6 +130,7 @@ const getRulesByVisType = visType => {
 export const getAvailableAxesByVisType = visType => getRulesByVisType(visType)[RULE_PROP_AVAILABLE_AXES] || [];
 export const getMaxNumberOfDimsPerAxisByVisType = visType => getRulesByVisType(visType)[RULE_PROP_MAX_DIMS_PER_AXIS] || {};
 export const getMinNumberOfDimsPerAxisByVisType = visType => getRulesByVisType(visType)[RULE_PROP_MIN_DIMS_PER_AXIS] || {};
+export const getMaxNumberOfItemsPerDimensionByVisType = visType => getRulesByVisType(visType)[RULE_PROP_MAX_ITEMS_PER_DIMENSION] || {};
 export const getMaxNumberOfItemsPerAxisByVisType = visType => getRulesByVisType(visType)[RULE_PROP_MAX_ITEMS_PER_AXIS] || {};
 export const getDisallowedDimsByVisType = visType => getRulesByVisType(visType)[RULE_PROP_DISALLOWED_DIMS] || [];
 export const getLockedDimsByVisType = visType => getRulesByVisType(visType)[RULE_PROP_LOCKED_DIMS] || {};
@@ -126,6 +144,7 @@ export const testResourceAllRuleProps = {
   MAX_DIMS_PER_AXIS: RULE_PROP_MAX_DIMS_PER_AXIS,
   MIN_DIMS_PER_AXIS: RULE_PROP_MIN_DIMS_PER_AXIS,
   MAX_ITEMS_PER_AXIS: RULE_PROP_MAX_ITEMS_PER_AXIS,
+  MAX_ITEMS_PER_DIMENSION: RULE_PROP_MAX_ITEMS_PER_DIMENSION,
   DISALLOWED_DIMS: RULE_PROP_DISALLOWED_DIMS,
   LOCKED_DIMS: RULE_PROP_LOCKED_DIMS
 };

package/build/es/modules/layoutUiRules/rulesHelper.js

@@ -1,4 +1,4 @@
-import { getMaxNumberOfItemsPerAxisByVisType, getMaxNumberOfDimsPerAxisByVisType, getMinNumberOfDimsPerAxisByVisType, getLockedDimsByVisType } from './rules.js';
+import { getMaxNumberOfItemsPerDimensionByVisType, getMaxNumberOfItemsPerAxisByVisType, getMaxNumberOfDimsPerAxisByVisType, getMinNumberOfDimsPerAxisByVisType, getLockedDimsByVisType } from './rules.js';
 
 // Selectors
 
@@ -7,4 +7,5 @@ export const getAxisMaxNumberOfItemsByVisType = (visType, axisId) => getMaxNumbe
 export const getAxisMaxNumberOfDimsByVisType = (visType, axisId) => getMaxNumberOfDimsPerAxisByVisType(visType)[axisId];
 export const getAxisMinNumberOfDimsByVisType = (visType, axisId) => getMinNumberOfDimsPerAxisByVisType(visType)[axisId];
 export const getAxisPerLockedDimByVisType = (visType, dimensionId) => getLockedDimsByVisType(visType)[dimensionId];
-export const getAllLockedDimIdsByVisType = visType => Object.keys(getLockedDimsByVisType(visType));
+export const getAllLockedDimIdsByVisType = visType => Object.keys(getLockedDimsByVisType(visType));
+export const getDimensionMaxNumberOfItemsByVisType = (visType, dimensionId) => getMaxNumberOfItemsPerDimensionByVisType(visType)[dimensionId];

package/build/es/modules/layoutUiRules/rulesUtils.js

@@ -1,9 +1,13 @@
 import { getLockedDimsByVisType } from './rules.js';
-import { getAxisMaxNumberOfDimsByVisType, getAxisMaxNumberOfItemsByVisType, getAllLockedDimIdsByVisType } from './rulesHelper.js';
+import { getAxisMaxNumberOfDimsByVisType, getAxisMaxNumberOfItemsByVisType, getDimensionMaxNumberOfItemsByVisType, getAllLockedDimIdsByVisType } from './rulesHelper.js';
 export const hasAxisTooManyItemsByVisType = (visType, axisId, numberOfItems) => {
   const maxNumberOfItemsPerAxis = getAxisMaxNumberOfItemsByVisType(visType, axisId);
   return maxNumberOfItemsPerAxis ? numberOfItems > maxNumberOfItemsPerAxis : false;
 };
+export const hasDimensionTooManyItemsByVisType = (visType, dimensionId, numberOfItems) => {
+  const maxNumberOfItemsPerDimension = getDimensionMaxNumberOfItemsByVisType(visType, dimensionId);
+  return maxNumberOfItemsPerDimension ? numberOfItems > maxNumberOfItemsPerDimension : false;
+};
 export const isDimensionLockedByVisType = (visType, dimensionId) => getAllLockedDimIdsByVisType(visType).includes(dimensionId);
 export const isAxisFullByVisType = (visType, axisId, axisDimensionsCount) => axisDimensionsCount >= getAxisMaxNumberOfDimsByVisType(visType, axisId);
 export const canDimensionBeAddedToAxisByVisType = (visType, axis, axisId) => {

package/build/es/modules/visTypeToLayoutType.js

@@ -1,5 +1,5 @@
-import { LAYOUT_TYPE_DEFAULT, LAYOUT_TYPE_PIE, LAYOUT_TYPE_YEAR_OVER_YEAR, LAYOUT_TYPE_PIVOT_TABLE, LAYOUT_TYPE_SCATTER, LAYOUT_TYPE_LINE_LIST } from './layoutTypes.js';
-import { VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_PIE, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_LINE_LIST } from './visTypes.js';
+import { LAYOUT_TYPE_DEFAULT, LAYOUT_TYPE_PIE, LAYOUT_TYPE_YEAR_OVER_YEAR, LAYOUT_TYPE_PIVOT_TABLE, LAYOUT_TYPE_SCATTER, LAYOUT_TYPE_LINE_LIST, LAYOUT_TYPE_OUTLIER_TABLE } from './layoutTypes.js';
+import { VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_LINE, VIS_TYPE_AREA, VIS_TYPE_STACKED_AREA, VIS_TYPE_PIE, VIS_TYPE_RADAR, VIS_TYPE_GAUGE, VIS_TYPE_YEAR_OVER_YEAR_LINE, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_SCATTER, VIS_TYPE_LINE_LIST, VIS_TYPE_OUTLIER_TABLE } from './visTypes.js';
 const visTypeToLayoutType = {
   [VIS_TYPE_COLUMN]: LAYOUT_TYPE_DEFAULT,
   [VIS_TYPE_STACKED_COLUMN]: LAYOUT_TYPE_DEFAULT,
@@ -16,6 +16,7 @@ const visTypeToLayoutType = {
   [VIS_TYPE_SINGLE_VALUE]: LAYOUT_TYPE_PIE,
   [VIS_TYPE_PIVOT_TABLE]: LAYOUT_TYPE_PIVOT_TABLE,
   [VIS_TYPE_SCATTER]: LAYOUT_TYPE_SCATTER,
-  [VIS_TYPE_LINE_LIST]: LAYOUT_TYPE_LINE_LIST
+  [VIS_TYPE_LINE_LIST]: LAYOUT_TYPE_LINE_LIST,
+  [VIS_TYPE_OUTLIER_TABLE]: LAYOUT_TYPE_OUTLIER_TABLE
 };
 export const getLayoutTypeByVisType = visType => visTypeToLayoutType[visType];

package/build/es/modules/visTypes.js

@@ -1,4 +1,4 @@
-import { IconTable24, IconVisualizationArea24, IconVisualizationAreaStacked24, IconVisualizationBar24, IconVisualizationBarStacked24, IconVisualizationColumn24, IconVisualizationColumnMulti24, IconVisualizationColumnStacked24, IconVisualizationGauge24, IconVisualizationLine24, IconVisualizationLinelist24, IconVisualizationLineMulti24, IconVisualizationPie24, IconVisualizationRadar24, IconVisualizationScatter24, IconVisualizationSingleValue24 } from '@dhis2/ui';
+import { IconVisualizationArea24, IconVisualizationAreaStacked24, IconVisualizationBar24, IconVisualizationBarStacked24, IconVisualizationColumn24, IconVisualizationColumnMulti24, IconVisualizationColumnStacked24, IconVisualizationGauge24, IconVisualizationLine24, IconVisualizationLinelist24, IconVisualizationLineMulti24, IconVisualizationOutlierTable24, IconVisualizationPie24, IconVisualizationPivotTable24, IconVisualizationRadar24, IconVisualizationScatter24, IconVisualizationSingleValue24 } from '@dhis2/ui';
 import i18n from '../locales/index.js';
 export const VIS_TYPE_PIVOT_TABLE = 'PIVOT_TABLE';
 export const VIS_TYPE_AREA = 'AREA';
@@ -19,6 +19,7 @@ export const VIS_TYPE_SINGLE_VALUE = 'SINGLE_VALUE';
 export const VIS_TYPE_BUBBLE = 'BUBBLE';
 export const VIS_TYPE_GROUP_ALL = 'ALL';
 export const VIS_TYPE_GROUP_CHARTS = 'CHARTS';
+export const VIS_TYPE_OUTLIER_TABLE = 'OUTLIER_TABLE';
 export const visTypeDisplayNames = {
   [VIS_TYPE_PIVOT_TABLE]: i18n.t('Pivot table'),
   [VIS_TYPE_AREA]: i18n.t('Area'),
@@ -36,11 +37,12 @@ export const visTypeDisplayNames = {
   [VIS_TYPE_RADAR]: i18n.t('Radar'),
   [VIS_TYPE_SCATTER]: i18n.t('Scatter'),
   [VIS_TYPE_SINGLE_VALUE]: i18n.t('Single value'),
+  [VIS_TYPE_OUTLIER_TABLE]: i18n.t('Outlier table'),
   [VIS_TYPE_GROUP_ALL]: i18n.t('All types'),
   [VIS_TYPE_GROUP_CHARTS]: i18n.t('All charts')
 };
 export const visTypeIcons = {
-  [VIS_TYPE_PIVOT_TABLE]: IconTable24,
+  [VIS_TYPE_PIVOT_TABLE]: IconVisualizationPivotTable24,
   [VIS_TYPE_AREA]: IconVisualizationArea24,
   [VIS_TYPE_STACKED_AREA]: IconVisualizationAreaStacked24,
   [VIS_TYPE_BAR]: IconVisualizationBar24,
@@ -55,7 +57,8 @@ export const visTypeIcons = {
   [VIS_TYPE_PIE]: IconVisualizationPie24,
   [VIS_TYPE_RADAR]: IconVisualizationRadar24,
   [VIS_TYPE_SCATTER]: IconVisualizationScatter24,
-  [VIS_TYPE_SINGLE_VALUE]: IconVisualizationSingleValue24
+  [VIS_TYPE_SINGLE_VALUE]: IconVisualizationSingleValue24,
+  [VIS_TYPE_OUTLIER_TABLE]: IconVisualizationOutlierTable24
 };
 export const getDisplayNameByVisType = visType => {
   const displayName = visTypeDisplayNames[visType];
@@ -78,6 +81,7 @@ export const isYearOverYear = type => yearOverYearTypes.includes(type);
 export const isDualAxisType = type => dualAxisTypes.includes(type);
 export const isMultiType = type => multiTypeTypes.includes(type);
 export const isSingleValue = type => type === VIS_TYPE_SINGLE_VALUE;
+export const isOutlierTable = type => type === VIS_TYPE_OUTLIER_TABLE;
 export const isTwoCategoryChartType = type => twoCategoryChartTypes.includes(type);
 export const isVerticalType = type => verticalTypes.includes(type);
 export const isLegendSetType = type => legendSetTypes.includes(type);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/analytics",
-    "version": "999.9.9-loadflash-alpha.1",
+    "version": "999.9.9-outlier-table.alpha.2",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {
@@ -35,7 +35,7 @@
         "@dhis2/cli-app-scripts": "^9.0.1",
         "@dhis2/cli-style": "^10.4.1",
         "@dhis2/d2-i18n": "^1.1.0",
-        "@dhis2/ui": "^8.4.11",
+        "@dhis2/ui": "^9.2.0",
         "@sambego/storybook-state": "^2.0.1",
         "@storybook/addons": "^6.5.16",
         "@storybook/preset-create-react-app": "^3.1.7",
@@ -52,7 +52,7 @@
     "peerDependencies": {
         "@dhis2/app-runtime": "^3",
         "@dhis2/d2-i18n": "^1.1",
-        "@dhis2/ui": "^8.2.5",
+        "@dhis2/ui": "^9.2.0",
         "prop-types": "^15",
         "react": "^16.3",
         "react-dom": "^16.3",
@@ -75,6 +75,9 @@
         "react-beautiful-dnd": "^10.1.1",
         "resize-observer-polyfill": "^1.5.1"
     },
+    "resolutions": {
+        "@dhis2/ui": "^9.2.0"
+    },
     "files": [
         "build"
     ]