@dhis2/analytics 26.6.9 → 26.6.11

package/build/cjs/locales/th/translations.json

@@ -0,0 +1,384 @@
+{
+    "view only": "สำหรับดูเท่านั้น",
+    "view and edit": "ดู และ แก้ไข",
+    "all users ({{accessLevel}})": "ผู้ใช้ทั้งหมด ( {{accessLevel}} )",
+    "{{userOrGroup}} ({{accessLevel}})": "{{userOrGroup}}  ( {{accessLevel}} )",
+    "Shared with {{commaSeparatedListOfUsersAndGroups}}": "แชร์กับ {{commaSeparatedListOfUsersAndGroups}} ",
+    "Not shared with any users or groups": "",
+    "No description": "",
+    "Last updated {{time}}": "",
+    "Created {{time}} by {{author}}": "",
+    "Created {{time}}": "",
+    "Viewed {{count}} times": "",
+    "Notifications": "",
+    "You're subscribed and getting updates about new interpretations.": "",
+    "Unsubscribe": "",
+    "Subscribe to get updates about new interpretations.": "",
+    "Subscribe": "",
+    "About this map": "",
+    "About this line list": "",
+    "About this visualization": "",
+    "This app could not retrieve required data.": "",
+    "Network error": "",
+    "Data / Edit calculation": "",
+    "Data / New calculation": "",
+    "Remove item": "",
+    "Check formula": "",
+    "Calculation name": "",
+    "Shown in table headers and chart axes/legends": "",
+    "Delete calculation": "",
+    "Cancel": "",
+    "The calculation can only be saved with a valid formula": "",
+    "Add a name to save this calculation": "",
+    "Save calculation": "",
+    "Are you sure you want to delete this calculation? It may be used by other visualizations.": "",
+    "Yes, delete": "",
+    "Totals only": "",
+    "Details only": "",
+    "Loading": "",
+    "Data elements": "",
+    "Search by data element name": "",
+    "No data elements found for \"{{- searchTerm}}\"": "",
+    "No data elements found": "",
+    "Drag items here, or double click in the list, to start building a calculation formula": "",
+    "Math operators": "",
+    "Data Type": "",
+    "Only {{dataType}} can be used in {{visType}}": "",
+    "All types": "",
+    "Disaggregation": "",
+    "No data": "",
+    "Search by data item name": "",
+    "No items selected": "",
+    "Selected Items": "",
+    "No indicators found": "",
+    "No data sets found": "",
+    "No event data items found": "",
+    "No program indicators found": "",
+    "No calculations found": "",
+    "No indicators found for \"{{- searchTerm}}\"": "",
+    "No data sets found for \"{{- searchTerm}}\"": "",
+    "No event data items found for \"{{- searchTerm}}\"": "",
+    "No program indicators found for \"{{- searchTerm}}\"": "",
+    "No calculations found for \"{{- searchTerm}}\"": "",
+    "Nothing found for \"{{- searchTerm}}\"": "",
+    "Calculation": "",
+    "Metric type": "",
+    "All metrics": "",
+    "Move to {{axisName}}": "",
+    "Add to {{axisName}}": "",
+    "Not available for {{visualizationType}}": "",
+    "Remove Assigned Categories": "",
+    "Add Assigned Categories": "",
+    "Remove": "",
+    "Filter dimensions": "",
+    "Main dimensions": "",
+    "Your dimensions": "",
+    "Dimension recommended with selected data": "",
+    "All items": "",
+    "Automatically include all items": "",
+    "Select all {{- dimensionTitle}} items. With this option, new items added in the future will be automatically included.": "",
+    "Manually select items...": "",
+    "Nothing found in {{- dimensionTitle}}": "",
+    "Search": "",
+    "Nothing found for {{- searchTerm}}": "",
+    "Delete {{fileType}}": "",
+    "This {{fileType}} and related interpretations will be deleted. Continue?": "",
+    "Delete": "",
+    "File": "",
+    "New": "",
+    "Open…": "",
+    "Save": "",
+    "Save…": "",
+    "Save as…": "",
+    "Rename…": "",
+    "Translate…": "",
+    "Share…": "",
+    "Get link…": "",
+    "Open in this app": "",
+    "Close": "",
+    "Rename {{fileType}}": "",
+    "Name": "",
+    "Description": "",
+    "Rename": "",
+    "{{- objectName}} (copy)": "",
+    "Save {{fileType}} as": "",
+    "event report": "",
+    "line list": "",
+    "map": "",
+    "visualization": "",
+    "Edit": "",
+    "Write a reply": "",
+    "Post reply": "",
+    "Delete failed": "",
+    "Could not update comment": "",
+    "Enter comment text": "",
+    "Update": "",
+    "Viewing interpretation: {{- visualisationName}}": "",
+    "Could not load interpretation": "",
+    "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": "",
+    "Reply": "",
+    "{{count}} replies": "",
+    "View replies": "",
+    "Unlike": "",
+    "Like": "",
+    "See interpretation": "",
+    "Open in app": "",
+    "Share": "",
+    "Manage sharing": "",
+    "Could not update interpretation": "",
+    "Enter interpretation text": "",
+    "Bold text": "",
+    "Italic text": "",
+    "Link to a URL": "",
+    "Mention a user": "",
+    "Add emoji": "",
+    "Preview": "",
+    "Back to write mode": "",
+    "Too many results. Try refining the search.": "",
+    "Search for a user": "",
+    "Searching for \"{{- searchText}}\"": "",
+    "No results found": "",
+    "Not available offline": "",
+    "Created by": "",
+    "Anyone": "",
+    "Only you": "",
+    "Others": "",
+    "Not supported by this app yet": "",
+    "Filter by name": "",
+    "Created": "",
+    "Last updated": "",
+    "Type": "",
+    "Clear filters": "",
+    "{{firstItemIndex}}-{{lastItemIndex}} of {{totalNumberOfItems}}": "",
+    "Open": "",
+    "Couldn't load items": "",
+    "There was a problem loading items. Try again or contact your system administrator.": "",
+    "No items found. Create a new to get started.": "",
+    "No items found. Try adjusting your search or filter options to find what you're looking for.": "",
+    "Create new": "",
+    "Open a visualization": "",
+    "Loading visualizations": "",
+    "Couldn't load visualizations": "",
+    "There was a problem loading visualizations. Try again or contact your system administrator.": "",
+    "No visualizations found. Click New visualization to get started.": "",
+    "No visualizations found. Try adjusting your search or filter options to find what you're looking for.": "",
+    "New visualization": "",
+    "Open a map": "",
+    "Loading maps": "",
+    "Couldn't load maps": "",
+    "There was a problem loading maps. Try again or contact your system administrator.": "",
+    "No maps found. Click New map to get started.": "",
+    "No maps found. Try adjusting your search or filter options to find what you're looking for.": "",
+    "New map": "",
+    "Open a line list": "",
+    "Loading line lists": "",
+    "Couldn't load line lists": "",
+    "There was a problem loading line lists. Try again or contact your system administrator.": "",
+    "No line lists found. Click New line list to get started.": "",
+    "No line lists found. Try adjusting your search or filter options to find what you're looking for.": "",
+    "New line list": "",
+    "Options": "",
+    "Hide": "",
+    "{{count}} org units": "",
+    "{{count}} levels": "",
+    "{{count}} groups": "",
+    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "",
+    "Nothing selected": "",
+    "User organisation unit": "",
+    "User sub-units": "",
+    "User sub-x2-units": "",
+    "Select a level": "",
+    "Select a group": "",
+    "Deselect all": "",
+    "Period type": "",
+    "Year": "",
+    "Select year": "",
+    "Period": "",
+    "Selected Periods": "",
+    "Relative periods": "",
+    "Fixed periods": "",
+    "No periods selected": "",
+    "Daily": "",
+    "Weekly": "",
+    "Weekly (Start Wednesday)": "",
+    "Weekly (Start Thursday)": "",
+    "Weekly (Start Saturday)": "",
+    "Weekly (Start Sunday)": "",
+    "Bi-weekly": "",
+    "Monthly": "",
+    "Bi-monthly": "",
+    "Quarterly": "",
+    "Six-monthly": "",
+    "Six-monthly April": "",
+    "Yearly": "",
+    "Financial year (Start November)": "",
+    "Financial year (Start October)": "",
+    "Financial year (Start July)": "",
+    "Financial year (Start April)": "",
+    "Today": "",
+    "Yesterday": "",
+    "Last 3 days": "",
+    "Last 7 days": "",
+    "Last 14 days": "",
+    "Last 30 days": "",
+    "Last 60 days": "",
+    "Last 90 days": "",
+    "Last 180 days": "",
+    "This week": "",
+    "Last week": "",
+    "Last 4 weeks": "",
+    "Last 12 weeks": "",
+    "Last 52 weeks": "",
+    "Weeks this year": "",
+    "This bi-week": "",
+    "Last bi-week": "",
+    "Last 4 bi-weeks": "",
+    "This month": "",
+    "Last month": "",
+    "Last 3 months": "",
+    "Last 6 months": "",
+    "Last 12 months": "",
+    "Months this year": "",
+    "This bi-month": "",
+    "Last bi-month": "",
+    "Last 6 bi-months": "",
+    "Bi-months this year": "",
+    "This quarter": "",
+    "Last quarter": "",
+    "Last 4 quarters": "",
+    "Quarters this year": "",
+    "This six-month": "",
+    "Last six-month": "",
+    "Last 2 six-month": "",
+    "This financial year": "",
+    "Last financial year": "",
+    "Last 5 financial years": "",
+    "This year": "",
+    "Last year": "",
+    "Last 5 years": "",
+    "Last 10 years": "",
+    "Days": "",
+    "Weeks": "",
+    "Bi-weeks": "",
+    "Months": "",
+    "Bi-months": "",
+    "Quarters": "",
+    "Six-months": "",
+    "Financial Years": "",
+    "Years": "",
+    "Interpretations and details": "",
+    "Translating to": "",
+    "Choose a locale": "",
+    "Base locale reference": "",
+    "Choose a locale to translate from the menu above": "",
+    "Translate: {{objectName}}": "",
+    "Save translations": "",
+    "Cannot save while offline": "",
+    "Could not load translations": "",
+    "Retry": "",
+    "Series": "",
+    "Category": "",
+    "Filter": "",
+    "Columns": "",
+    "Rows": "",
+    "Points": "",
+    "Reporting rate": "",
+    "Reporting rate on time": "",
+    "Actual reports": "",
+    "Actual reports on time": "",
+    "Expected reports": "",
+    "Program": "",
+    "Select a program": "",
+    "Indicators": "",
+    "Indicator group": "",
+    "All groups": "",
+    "Indicator": "",
+    "No indicator groups found": "",
+    "Loading indicator groups": "",
+    "Data element group": "",
+    "Data element": "",
+    "No data element groups found": "",
+    "Loading data element groups": "",
+    "Data sets": "",
+    "Data set": "",
+    "All data sets": "",
+    "Loading data sets": "",
+    "Event data items": "",
+    "All programs": "",
+    "Event data item": "",
+    "No programs found": "",
+    "Loading programs": "",
+    "Program indicators": "",
+    "Program indicator": "",
+    "Calculations": "",
+    "Number": "",
+    "Formula is empty. Add items to the formula from the lists on the left.": "",
+    "Consecutive math operators": "",
+    "Consecutive data elements": "",
+    "Starts or ends with a math operator": "",
+    "Empty parentheses": "",
+    "Missing right parenthesis )": "",
+    "Missing left parenthesis (": "",
+    "Extra Small": "",
+    "Small": "",
+    "Regular": "",
+    "Large": "",
+    "Extra Large": "",
+    "Left": "",
+    "Center": "",
+    "Right": "",
+    "Start": "",
+    "Middle": "",
+    "End": "",
+    "Top": "",
+    "Bottom": "",
+    "{{dynamicOuNames}} and {{lastOuName}}": "",
+    "{{allDynamicOuNames}} levels": "",
+    "{{allDynamicOuNames}} groups": "",
+    "{{allDynamicOuNames}} levels in {{staticOuNames}}": "",
+    "{{allDynamicOuNames}} groups in {{staticOuNames}}": "",
+    "{{percentage}}% of total x values": "",
+    "{{percentage}}% of total y values": "",
+    "{{thresholdFactor}} × IQR Q1": "",
+    "{{thresholdFactor}} × IQR Q3": "",
+    "{{thresholdFactor}} × Modified Z-score low": "",
+    "{{thresholdFactor}} × Modified Z-score high": "",
+    "{{thresholdFactor}} × Z-score low": "",
+    "{{thresholdFactor}} × Z-score high": "",
+    "Data": "",
+    "Organisation unit": "",
+    "Assigned Categories": "",
+    "Pivot table": "",
+    "Area": "",
+    "Stacked area": "",
+    "Bar": "",
+    "Stacked bar": "",
+    "Column": "",
+    "Year over year (column)": "",
+    "Stacked column": "",
+    "Gauge": "",
+    "Line": "",
+    "Line list": "",
+    "Year over year (line)": "",
+    "Pie": "",
+    "Radar": "",
+    "Scatter": "",
+    "Single value": "",
+    "Outlier table": "",
+    "All charts": "",
+    "{{seriesName}} (trend)": "",
+    "Trend": "",
+    "No legend for this series": "",
+    "and {{amount}} more...": "",
+    "Linear Regression": "",
+    "Target": "",
+    "Base": "",
+    "Axis {{axisId}}": "",
+    "{{count}} items": "",
+    "Reset zoom": ""
+}

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

@@ -62,6 +62,7 @@ storiesOf('DimensionsPanel', module).add('locked dimension', () => {
   return /*#__PURE__*/React.createElement(DimensionsPanel, {
     dimensions: [...fixedDimensions, ...dynamicDimensions],
     onDimensionClick: onDimensionClick,
+    selectedIds: [DIMENSION_ID_DATA],
     lockedDimension: dimension => dimension === DIMENSION_ID_DATA
   });
 });

package/build/es/assets/DynamicDimensionIcon.js

@@ -1,47 +1,21 @@
 import React from 'react';
 const DynamicDimensionIcon = () => {
   return /*#__PURE__*/React.createElement("svg", {
-    width: "16px",
-    height: "16px",
-    viewBox: "0 0 16 16",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Exp",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "Artboard",
-    transform: "translate(-80.000000, -9.000000)"
-  }, /*#__PURE__*/React.createElement("g", {
-    id: "icon_dimension_new",
-    transform: "translate(80.000000, 9.000000)"
-  }, /*#__PURE__*/React.createElement("rect", {
-    id: "frame",
-    x: "0",
-    y: "0",
     width: "16",
-    height: "16"
-  }), /*#__PURE__*/React.createElement("g", {
-    id: "module",
-    transform: "translate(4.000000, 4.000000)",
-    stroke: "#000000",
+    height: "16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    clipRule: "evenodd",
+    d: "m4.832 5.674 2.831-1.11a.913.913 0 0 1 .673 0l2.83 1.11a.548.548 0 0 1 .334.517V9.81a.548.548 0 0 1-.332.517l-2.831 1.11a.92.92 0 0 1-.673 0l-2.83-1.11a.548.548 0 0 1-.334-.517V6.19a.548.548 0 0 1 .332-.517Z",
+    stroke: "#212934",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M0.33209728,1.1742111 L3.16308174,0.0641666694 C3.37911767,-0.0213888898 3.61963794,-0.0213888898 3.83567387,0.0641666694 L6.66665833,1.1742111 C6.87300668,1.26220739 7.00497003,1.467 6.99984343,1.69127776 L6.99984343,5.30887771 C7.00517859,5.53285411 6.87376309,5.73756106 6.66790272,5.82594437 L3.83691826,6.93629991 C3.62076407,7.02123336 3.38048032,7.02123336 3.16432613,6.93629991 L0.333341668,5.82594437 C0.126993317,5.73794808 -0.00497002591,5.53315547 0.000156574133,5.30887771 L0.000156574133,1.69127776 C-0.00517858533,1.46730136 0.126236906,1.26259441 0.33209728,1.1742111 Z",
-    id: "Shape"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M3.5,2.72795833 L0.322,1.48195833",
-    id: "Shape"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M3.5,2.72795833 L6.678,1.48195833",
-    id: "Shape"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M3.5,6.78125 L3.5,2.72795833",
-    id: "Shape"
-  }))))));
+    d: "M8 7.228 4.822 5.982M8 7.228l3.178-1.246M8 11.281V7.228",
+    stroke: "#212934",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
 };
 export default DynamicDimensionIcon;

package/build/es/components/DimensionsPanel/List/DimensionItem.js

@@ -1,15 +1,17 @@
+import _JSXStyle from "styled-jsx/style";
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { IconLock16 } from '@dhis2/ui';
+import { CssVariables } from '@dhis2/ui';
+import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component, createRef } from 'react';
 import DynamicDimensionIcon from '../../../assets/DynamicDimensionIcon.js';
 import { DIMENSION_PROP_NO_ITEMS, getPredefinedDimensionProp } from '../../../modules/predefinedDimensions.js';
 import OptionsButton from './OptionsButton.js';
 import RecommendedIcon from './RecommendedIcon.js';
-import { styles } from './styles/DimensionItem.style.js';
+import styles from './styles/DimensionItem.style.js';
 class DimensionItem extends Component {
   constructor() {
     super(...arguments);
@@ -30,23 +32,18 @@ class DimensionItem extends Component {
     _defineProperty(this, "getDimensionIcon", () => {
       const Icon = getPredefinedDimensionProp(this.props.id, 'icon');
       return Icon ? /*#__PURE__*/React.createElement(Icon, {
-        style: styles.fixedDimensionIcon
+        className: "fixedDimensionIcon"
       }) : /*#__PURE__*/React.createElement(DynamicDimensionIcon, {
-        style: styles.dynamicDimensionIcon
+        className: "dynamic-dimension-icon"
       });
     });
     _defineProperty(this, "getDimensionType", () => {
       const {
         id,
-        name,
-        isDeactivated
+        name
       } = this.props;
       return /*#__PURE__*/React.createElement("span", {
-        "data-dimensionid": id,
-        style: {
-          ...styles.text,
-          ...(isDeactivated ? styles.textDeactivated : {})
-        }
+        "data-dimensionid": id
       }, name);
     });
   }
@@ -60,51 +57,70 @@ class DimensionItem extends Component {
       onClick,
       onOptionsClick,
       innerRef,
-      style,
       dataTest,
+      className,
       ...rest
     } = this.props;
     const Icon = this.getDimensionIcon();
     const Label = this.getDimensionType();
-    const itemStyle = isSelected && !isDeactivated ? {
-      ...styles.item,
-      ...styles.selected
-    } : styles.item;
     const optionsRef = /*#__PURE__*/createRef();
+    const LockIcon = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: `jsx-${styles.__hash}` + " " + "lockWrapper"
+    }, /*#__PURE__*/React.createElement("svg", {
+      width: "7",
+      height: "9",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `jsx-${styles.__hash}`
+    }, /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3.5 1A1.5 1.5 0 0 0 2 2.5V3h3v-.5A1.5 1.5 0 0 0 3.5 1ZM1 2.5V3H0v6h7V3H6v-.5a2.5 2.5 0 0 0-5 0ZM1 8V4h5v4H1Zm3-1V5H3v2h1Z",
+      fill: "none",
+      className: `jsx-${styles.__hash}`
+    }))), /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: styles.__hash
+    }, styles));
     const onLabelClick = () => {
       if (!isDeactivated && !getPredefinedDimensionProp(id, DIMENSION_PROP_NO_ITEMS)) {
         onClick(id);
       }
     };
-    return /*#__PURE__*/React.createElement("li", _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CssVariables, {
+      colors: true
+    }), /*#__PURE__*/React.createElement("li", _extends({
       onMouseOver: this.onMouseOver,
       onMouseLeave: this.onMouseExit,
       ref: innerRef,
-      style: Object.assign({}, itemStyle, style, !isDeactivated && styles.clickable),
       "data-test": dataTest,
       onClick: onLabelClick
-    }, rest), /*#__PURE__*/React.createElement("div", {
-      className: "label",
+    }, rest, {
+      className: `jsx-${styles.__hash}` + " " + (rest && rest.className != null && rest.className || cx('item', {
+        deactivated: isDeactivated,
+        selected: isSelected && !isDeactivated
+      }, className) || "")
+    }), /*#__PURE__*/React.createElement("div", {
       tabIndex: 0,
-      style: styles.label,
-      "data-test": `${dataTest}-button-${id}`
+      "data-test": `${dataTest}-button-${id}`,
+      className: `jsx-${styles.__hash}` + " " + "label"
     }, /*#__PURE__*/React.createElement("div", {
-      style: styles.iconWrapper
+      className: `jsx-${styles.__hash}` + " " + "iconWrapper"
     }, Icon), /*#__PURE__*/React.createElement("div", {
-      style: styles.labelWrapper
-    }, Label, /*#__PURE__*/React.createElement(RecommendedIcon, {
+      className: `jsx-${styles.__hash}` + " " + "labelWrapper"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: `jsx-${styles.__hash}` + " " + "labelText"
+    }, Label), /*#__PURE__*/React.createElement(RecommendedIcon, {
       isRecommended: isRecommended,
       dataTest: `${dataTest}-recommended-icon`
-    })), isLocked && /*#__PURE__*/React.createElement("div", {
-      style: styles.iconWrapper
-    }, /*#__PURE__*/React.createElement(IconLock16, null))), onOptionsClick ? /*#__PURE__*/React.createElement("div", {
-      style: styles.optionsWrapper,
+    }))), onOptionsClick && !isDeactivated && !isLocked ? /*#__PURE__*/React.createElement("div", {
       ref: optionsRef,
-      "data-test": `${dataTest}-menu-${id}`
-    }, this.state.mouseOver && !isDeactivated && !isLocked ? /*#__PURE__*/React.createElement(OptionsButton, {
-      style: styles.optionsButton,
+      "data-test": `${dataTest}-menu-${id}`,
+      className: `jsx-${styles.__hash}` + " " + "optionsWrapper"
+    }, this.state.mouseOver ? /*#__PURE__*/React.createElement(OptionsButton, {
       onClick: this.onOptionsClick(id, optionsRef)
-    }) : null) : null);
+    }) : null) : null, isLocked && LockIcon), /*#__PURE__*/React.createElement(_JSXStyle, {
+      id: styles.__hash
+    }, styles));
   }
 }
 DimensionItem.propTypes = {
@@ -112,12 +128,12 @@ DimensionItem.propTypes = {
   isSelected: PropTypes.bool.isRequired,
   // XXX
   name: PropTypes.string.isRequired,
+  className: PropTypes.string,
   dataTest: PropTypes.string,
   innerRef: PropTypes.func,
   isDeactivated: PropTypes.bool,
   isLocked: PropTypes.bool,
   isRecommended: PropTypes.bool,
-  style: PropTypes.object,
   onClick: PropTypes.func,
   onOptionsClick: PropTypes.func
 };

package/build/es/components/DimensionsPanel/List/OptionsButton.js

@@ -1,18 +1,19 @@
+import _JSXStyle from "styled-jsx/style";
 import { IconMore16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React from 'react';
 const OptionsButton = _ref => {
   let {
-    style,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement("button", {
-    style: style,
-    onClick: onClick
-  }, /*#__PURE__*/React.createElement(IconMore16, null));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: "jsx-2728765288"
+  }, /*#__PURE__*/React.createElement(IconMore16, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "2728765288"
+  }, ["button.jsx-2728765288{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:20px;width:20px;padding:0;border:none;background:none;outline:none;cursor:pointer;border-top-right-radius:2px;border-bottom-left-radius:2px;}", "button.jsx-2728765288:hover{background-color:rgba(0,0,0,0.09);}"]));
 };
 OptionsButton.propTypes = {
-  style: PropTypes.object,
   onClick: PropTypes.func
 };
 export default OptionsButton;

package/build/es/components/DimensionsPanel/List/RecommendedIcon.js

@@ -10,8 +10,7 @@ const RecommendedIcon = _ref => {
   } = _ref;
   return isRecommended ? /*#__PURE__*/React.createElement(Tooltip, {
     content: i18n.t('Dimension recommended with selected data'),
-    placement: "bottom",
-    maxWidth: 160
+    placement: "bottom"
   }, /*#__PURE__*/React.createElement("div", {
     style: styles.recommendedIcon,
     "data-test": dataTest