@dhis2/analytics 26.12.2 → 26.13.0

package/build/cjs/__demo__/data/under-above-100.legendSet.json

@@ -1,113 +1,97 @@
 {
     "code": "UA100",
+    "name": "Under or above 100%",
     "created": "2017-05-19T15:43:40.983",
     "lastUpdated": "2017-05-19T15:43:40.983",
-    "name": "Under or above 100%",
-    "href": "http://localhost:8080/api/32/legendSets/gFJUXah1uRH",
-    "id": "gFJUXah1uRH",
-    "displayName": "Under or above 100%",
-    "publicAccess": "rw------",
-    "externalAccess": false,
-    "favorite": false,
-    "lastUpdatedBy": {
-      "id": "GOLswS44mh8"
+    "translations": [],
+    "createdBy": {
+        "id": "GOLswS44mh8",
+        "code": null,
+        "name": "Tom Wakiki",
+        "displayName": "Tom Wakiki",
+        "username": "system"
     },
-    "access": {
-      "read": true,
-      "update": true,
-      "externalize": false,
-      "delete": true,
-      "write": true,
-      "manage": true
+    "favorites": [],
+    "lastUpdatedBy": {
+        "id": "GOLswS44mh8",
+        "code": null,
+        "name": "Tom Wakiki",
+        "displayName": "Tom Wakiki",
+        "username": "system"
     },
-    "user": {
-      "id": "GOLswS44mh8"
+    "sharing": {
+        "owner": "GOLswS44mh8",
+        "external": false,
+        "users": {},
+        "userGroups": {},
+        "public": "rw------"
     },
-    "favorites": [
-      
-    ],
-    "userGroupAccesses": [
-      
-    ],
-    "attributeValues": [
-      
-    ],
     "legends": [
-      {
-        "lastUpdated": "2017-05-19T15:43:40.983",
-        "id": "I0lBkYHTjPw",
-        "created": "2017-05-19T15:43:40.983",
-        "name": "Above 100%",
-        "endValue": 900.0,
-        "color": "#B4F3BD",
-        "displayName": "Above 100%",
-        "externalAccess": false,
-        "startValue": 100.0,
-        "favorite": false,
-        "access": {
-          "read": true,
-          "update": true,
-          "externalize": false,
-          "delete": true,
-          "write": true,
-          "manage": true
-        },
-        "favorites": [
-          
-        ],
-        "translations": [
-          
-        ],
-        "userGroupAccesses": [
-          
-        ],
-        "attributeValues": [
-          
-        ],
-        "userAccesses": [
-          
-        ]
-      },
-      {
-        "lastUpdated": "2017-05-19T15:43:40.984",
-        "id": "qCU0BSbmwjX",
-        "created": "2017-05-19T15:43:40.984",
-        "name": "Under 100%",
-        "endValue": 100.0,
-        "color": "#FF9C89",
-        "displayName": "Under 100%",
-        "externalAccess": false,
-        "startValue": 0.0,
-        "favorite": false,
-        "access": {
-          "read": true,
-          "update": true,
-          "externalize": false,
-          "delete": true,
-          "write": true,
-          "manage": true
+        {
+            "name": "Above 100%",
+            "created": "2017-05-19T15:43:40.983",
+            "lastUpdated": "2017-05-19T15:43:40.983",
+            "translations": [],
+            "favorites": [],
+            "sharing": { "external": false, "users": {}, "userGroups": {} },
+            "startValue": 100.0,
+            "endValue": 900.0,
+            "color": "#B4F3BD",
+            "access": {
+                "manage": true,
+                "externalize": false,
+                "write": true,
+                "read": true,
+                "update": true,
+                "delete": true
+            },
+            "displayName": "Above 100%",
+            "favorite": false,
+            "id": "I0lBkYHTjPw",
+            "attributeValues": []
         },
-        "favorites": [
-          
-        ],
-        "translations": [
-          
-        ],
-        "userGroupAccesses": [
-          
-        ],
-        "attributeValues": [
-          
-        ],
-        "userAccesses": [
-          
-        ]
-      }
-    ],
-    "translations": [
-      
+        {
+            "name": "Under 100%",
+            "created": "2017-05-19T15:43:40.984",
+            "lastUpdated": "2017-05-19T15:43:40.984",
+            "translations": [],
+            "favorites": [],
+            "sharing": { "external": false, "users": {}, "userGroups": {} },
+            "startValue": 0.0,
+            "endValue": 100.0,
+            "color": "#FF9C89",
+            "access": {
+                "manage": true,
+                "externalize": false,
+                "write": true,
+                "read": true,
+                "update": true,
+                "delete": true
+            },
+            "displayName": "Under 100%",
+            "favorite": false,
+            "id": "qCU0BSbmwjX",
+            "attributeValues": []
+        }
     ],
-    "userAccesses": [
-      
-    ]
-  }
+    "access": {
+        "manage": true,
+        "externalize": false,
+        "write": true,
+        "read": true,
+        "update": true,
+        "delete": true
+    },
+    "displayName": "Under or above 100%",
+    "favorite": false,
+    "user": {
+        "id": "GOLswS44mh8",
+        "code": null,
+        "name": "Tom Wakiki",
+        "displayName": "Tom Wakiki",
+        "username": "system"
+    },
+    "href": "https://debug.dhis2.org/dev/api/legendSets/gFJUXah1uRH",
+    "id": "gFJUXah1uRH",
+    "attributeValues": []
+}

package/build/cjs/__demo__/data/weeklyColumns.visualization.json

@@ -3,7 +3,6 @@
     "id": "YXZjH1F9ntO",
     "created": "2020-09-07T13:01:07.853",
     "name": "TEST - Empty Columns Error 2",
-    "publicAccess": "--------",
     "legendDisplayStyle": "FILL",
     "type": "PIVOT_TABLE",
     "hideEmptyColumns": false,
@@ -64,14 +63,11 @@
     "user": {
         "name": "Astride Traore",
         "displayName": "Astride Traore",
-        "userCredentials": {
-            "username": "admin"
-        }
+        "username": "admin"
     },
     "translations": [],
     "yearlySeries": [],
     "interpretations": [],
-    "userGroupAccesses": [],
     "subscribers": [],
     "optionalAxes": [],
     "columns": [
@@ -459,7 +455,6 @@
             ]
         }
     ],
-    "userAccesses": [],
     "favorites": [],
     "filters": [
         {
@@ -489,4 +484,4 @@
             ]
         }
     ]
-}
+}

package/build/cjs/__fixtures__/json/chartAllFields.json

@@ -3,7 +3,6 @@
     "id": "UlfTKWZWV4u",
     "created": "2018-04-13T14:48:36.803",
     "name": "ANC: 1 and 3 coverage Yearly",
-    "publicAccess": "rw------",
     "type": "BAR",
     "subscribed": false,
     "displayDescription": "This chart allows us to compare the performance of districts and allows peers to measure their performance against each other. This implies we can spot poor performers as we all as top performers.",
@@ -39,9 +38,7 @@
     },
     "user": {
         "displayName": "John Traore",
-        "userCredentials": {
-            "username": "admin"
-        }
+        "username": "admin"
     },
     "dataElementGroupSetDimensions": [],
     "attributeDimensions": [],
@@ -60,7 +57,6 @@
             "created": "2018-06-01T14:25:01.086",
             "name": "DU4EnxBgP3A",
             "displayName": "DU4EnxBgP3A",
-            "publicAccess": "rw------",
             "type": "CHART",
             "externalAccess": false,
             "text": "<p>bla bla&nbsp;<a href=\"http://example.org\">test</a>&nbsp;and some smiles&nbsp;<img title=\"smiley\" alt=\"smiley\" width=\"23\" height=\"23\" src=\"http://localhost:8080/dhis-web-core-resource/ckeditor/4.6.1/plugins/smiley/images/regular_smile.png\" /></p>",
@@ -80,9 +76,7 @@
             "user": {
                 "id": "xE7jOejl9FI",
                 "displayName": "John Traore",
-                "userCredentials": {
-                    "username": "admin"
-                }
+                "username": "admin"
             },
             "chart": {
                 "id": "UlfTKWZWV4u"
@@ -91,9 +85,7 @@
             "likedBy": [],
             "translations": [],
             "comments": [],
-            "userGroupAccesses": [],
             "attributeValues": [],
-            "userAccesses": [],
             "mentions": []
         },
         {
@@ -103,7 +95,6 @@
             "created": "2018-03-16T11:01:15.076",
             "name": "HBeV5W36cOx",
             "displayName": "HBeV5W36cOx",
-            "publicAccess": "rw------",
             "type": "CHART",
             "externalAccess": false,
             "text": "test interpretation",
@@ -123,9 +114,7 @@
             "user": {
                 "id": "xE7jOejl9FI",
                 "displayName": "John Traore",
-                "userCredentials": {
-                    "username": "admin"
-                }
+                "username": "admin"
             },
             "chart": {
                 "id": "UlfTKWZWV4u"
@@ -134,9 +123,7 @@
             "likedBy": [],
             "translations": [],
             "comments": [],
-            "userGroupAccesses": [],
-            "attributeValues": [],
-            "userAccesses": []
+            "attributeValues": []
         },
         {
             "lastUpdated": "2018-10-10T18:20:04.272",
@@ -145,7 +132,6 @@
             "created": "2018-10-10T18:20:04.272",
             "name": "Db1s6CsNsca",
             "displayName": "Db1s6CsNsca",
-            "publicAccess": "rw------",
             "type": "CHART",
             "externalAccess": false,
             "text": "Bo, Tonkolili and Western Area are the best performers.",
@@ -165,9 +151,7 @@
             "user": {
                 "id": "GOLswS44mh8",
                 "displayName": "Tom Wakiki",
-                "userCredentials": {
-                    "username": "system"
-                }
+                "username": "system"
             },
             "chart": {
                 "id": "UlfTKWZWV4u"
@@ -176,9 +160,7 @@
             "likedBy": [],
             "translations": [],
             "comments": [],
-            "userGroupAccesses": [],
-            "attributeValues": [],
-            "userAccesses": []
+            "attributeValues": []
         },
         {
             "lastUpdated": "2018-11-03T11:02:30.780",
@@ -187,7 +169,6 @@
             "created": "2018-11-03T11:02:30.780",
             "name": "c5sjWWhIPDE",
             "displayName": "c5sjWWhIPDE",
-            "publicAccess": "--------",
             "type": "CHART",
             "externalAccess": false,
             "text": "ANC 1 looks low in Kono! What could be the reason?",
@@ -207,9 +188,7 @@
             "user": {
                 "id": "GOLswS44mh8",
                 "displayName": "Tom Wakiki",
-                "userCredentials": {
-                    "username": "system"
-                }
+                "username": "system"
             },
             "chart": {
                 "id": "UlfTKWZWV4u"
@@ -218,12 +197,9 @@
             "likedBy": [],
             "translations": [],
             "comments": [],
-            "userGroupAccesses": [],
-            "attributeValues": [],
-            "userAccesses": []
+            "attributeValues": []
         }
     ],
-    "userGroupAccesses": [],
     "columns": [
         {
             "dimension": "dx",
@@ -245,7 +221,6 @@
     "categoryDimensions": [],
     "programIndicatorDimensions": [],
     "attributeValues": [],
-    "userAccesses": [],
     "favorites": [],
     "dataDimensionItems": [
         {

package/build/cjs/api/dimensions.js

@@ -51,6 +51,7 @@ const dataItemsQuery = exports.dataItemsQuery = {
       searchTerm,
       page
     } = _ref3;
+    let fields = `id,${nameProp}~rename(name),dimensionItemType,expression,optionSetId`;
     const filters = [];
 
     // TODO: Extract all of this logic out of the query?
@@ -62,11 +63,20 @@ const dataItemsQuery = exports.dataItemsQuery = {
     if (filter !== null && filter !== void 0 && filter.group && filter.group !== _dataTypes.DIMENSION_TYPE_ALL && [_dataTypes.DIMENSION_TYPE_EVENT_DATA_ITEM, _dataTypes.DIMENSION_TYPE_PROGRAM_INDICATOR].includes(filter.dataType)) {
       filters.push(`programId:eq:${filter.group}`);
     }
+    if (filter !== null && filter !== void 0 && filter.dataItemId) {
+      // remove unnecessary fields
+      fields = `id,${nameProp}~rename(name),dimensionItemType`;
+      if (filter.dataType === _dataTypes.DIMENSION_TYPE_PROGRAM_DATA_ELEMENT_OPTION) {
+        filters.push(`programDataElementId:eq:${filter.dataItemId}`);
+      } else if (filter.dataType === _dataTypes.DIMENSION_TYPE_PROGRAM_ATTRIBUTE_OPTION) {
+        filters.push(`programAttributeId:eq:${filter.dataItemId}`);
+      }
+    }
     if (searchTerm) {
       filters.push(`${nameProp}:ilike:${searchTerm}`);
     }
     return (0, _objectClean.default)({
-      fields: `id,${nameProp}~rename(name),dimensionItemType,expression`,
+      fields,
       order: `${nameProp}:asc`,
       filter: filters,
       paging: true,

package/build/cjs/api/expression.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateProgramIndicatorExpressionMutation = exports.validateIndicatorExpressionMutation = exports.updateCalculationMutation = exports.deleteCalculationMutation = exports.createCalculationMutation = void 0;
+exports.validateProgramIndicatorFilterMutation = exports.validateProgramIndicatorExpressionMutation = exports.validateIndicatorExpressionMutation = exports.updateCalculationMutation = exports.deleteCalculationMutation = exports.createCalculationMutation = void 0;
 const validateIndicatorExpressionMutation = exports.validateIndicatorExpressionMutation = {
   type: 'create',
   resource: 'indicators/expression/description',
@@ -24,14 +24,24 @@ const validateProgramIndicatorExpressionMutation = exports.validateProgramIndica
     return expression;
   }
 };
+const validateProgramIndicatorFilterMutation = exports.validateProgramIndicatorFilterMutation = {
+  type: 'create',
+  resource: 'programIndicators/filter/description',
+  data: _ref3 => {
+    let {
+      filter
+    } = _ref3;
+    return filter;
+  }
+};
 const createCalculationMutation = exports.createCalculationMutation = {
   type: 'create',
   resource: 'expressionDimensionItems',
-  data: _ref3 => {
+  data: _ref4 => {
     let {
       name,
       expression
-    } = _ref3;
+    } = _ref4;
     return {
       name,
       shortName: name,
@@ -42,17 +52,17 @@ const createCalculationMutation = exports.createCalculationMutation = {
 const updateCalculationMutation = exports.updateCalculationMutation = {
   type: 'json-patch',
   resource: 'expressionDimensionItems',
-  id: _ref4 => {
+  id: _ref5 => {
     let {
       id
-    } = _ref4;
+    } = _ref5;
     return id;
   },
-  data: _ref5 => {
+  data: _ref6 => {
     let {
       name,
       expression
-    } = _ref5;
+    } = _ref6;
     return [{
       op: 'add',
       path: '/name',
@@ -71,10 +81,10 @@ const updateCalculationMutation = exports.updateCalculationMutation = {
 const deleteCalculationMutation = exports.deleteCalculationMutation = {
   type: 'delete',
   resource: 'expressionDimensionItems',
-  id: _ref6 => {
+  id: _ref7 => {
     let {
       id
-    } = _ref6;
+    } = _ref7;
     return id;
   }
 };

package/build/cjs/assets/DimensionItemIcons/CalculationIcon.js

@@ -16,5 +16,5 @@ var _default = exports.default = /*#__PURE__*/_react.default.createElement("svg"
   fillRule: "evenodd",
   clipRule: "evenodd",
   d: "M7 4H5V2H4V4H2V5H4V7H5V5H7V4ZM7 9.5H2V10.5H7V9.5ZM2 12H7V13H2V12ZM14 4H9V5H14V4ZM14 9.205L12.205 11L14 12.795L13.295 13.5L11.5 11.705L9.705 13.5L9 12.795L10.795 11L9 9.205L9.705 8.5L11.5 10.295L13.295 8.5L14 9.205Z",
-  fill: "#404B5A"
+  fill: "currentColor"
 }));

package/build/cjs/assets/DimensionItemIcons/DataElementIcon.js

@@ -13,5 +13,5 @@ var _default = exports.default = /*#__PURE__*/_react.default.createElement("svg"
   xmlns: "http://www.w3.org/2000/svg"
 }, /*#__PURE__*/_react.default.createElement("path", {
   d: "m8 5c1.65685425 0 3 1.34314575 3 3s-1.34314575 3-3 3-3-1.34314575-3-3 1.34314575-3 3-3zm0 1c-1.1045695 0-2 .8954305-2 2s.8954305 2 2 2 2-.8954305 2-2-.8954305-2-2-2z",
-  fill: "#010101"
+  fill: "currentColor"
 }));

package/build/cjs/assets/DimensionItemIcons/GenericIcon.js

@@ -12,6 +12,6 @@ var _default = exports.default = /*#__PURE__*/_react.default.createElement("svg"
   height: "16",
   viewBox: "0 0 16 16"
 }, /*#__PURE__*/_react.default.createElement("path", {
-  fill: "#6E7A8A",
+  fill: "currentColor",
   d: "M11,5 L11,11 L5,11 L5,5 L11,5 Z M10,6 L6,6 L6,10 L10,10 L10,6 Z"
 }));

package/build/cjs/assets/DimensionItemIcons/PeriodIcon.js

@@ -12,6 +12,6 @@ var _default = exports.default = /*#__PURE__*/_react.default.createElement("svg"
   height: "16",
   viewBox: "0 0 16 16"
 }, /*#__PURE__*/_react.default.createElement("path", {
-  fill: "#6E7A8A",
+  fill: "currentColor",
   d: "M8,4 C10.209139,4 12,5.790861 12,8 C12,10.209139 10.209139,12 8,12 C5.790861,12 4,10.209139 4,8 C4,5.790861 5.790861,4 8,4 Z M8,5 C6.34314575,5 5,6.34314575 5,8 C5,9.65685425 6.34314575,11 8,11 C9.65685425,11 11,9.65685425 11,8 C11,6.34314575 9.65685425,5 8,5 Z M8.5,6 L8.5,7.5 L9.5,7.5 L9.5,8.5 L7.5,8.5 L7.5,6 L8.5,6 Z"
 }));

package/build/cjs/components/DataDimension/DataDimension.js

@@ -9,10 +9,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _dataTypes = require("../../modules/dataTypes.js");
 var _predefinedDimensions = require("../../modules/predefinedDimensions.js");
-var _ItemSelector = _interopRequireDefault(require("./ItemSelector.js"));
+var _InfoPopover = require("./Info/InfoPopover.js");
+var _ItemOptionsSelector = require("./ItemOptionsSelector/ItemOptionsSelector.js");
+var _ItemSelector = _interopRequireDefault(require("./ItemSelector/ItemSelector.js"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const DataDimensionCtx = /*#__PURE__*/(0, _react.createContext)({});
 const DataDimension = _ref => {
   let {
@@ -28,6 +31,7 @@ const DataDimension = _ref => {
   const {
     serverVersion
   } = (0, _appRuntime.useConfig)();
+  const itemsRef = (0, _react.useRef)(new Map());
   const filterDataTypesByVersion = (0, _react.useCallback)(dataTypes => dataTypes.filter(_ref2 => {
     let {
       id
@@ -38,36 +42,90 @@ const DataDimension = _ref => {
     );
   }), [serverVersion.minor]);
   const [dataTypes, setDataTypes] = (0, _react.useState)(filterDataTypesByVersion(enabledDataTypes || Object.values(_dataTypes.dataTypeMap)));
+  const supportsEDI = dataTypes.map(_ref3 => {
+    let {
+      id
+    } = _ref3;
+    return id;
+  }).includes(_dataTypes.DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM);
+  const [currentCalculation, setCurrentCalculation] = (0, _react.useState)();
+  const [currentDataItem, setCurrentDataItem] = (0, _react.useState)();
+  const [infoDataItem, setInfoDataItem] = (0, _react.useState)();
+  const selectedItems = (0, _react.useMemo)(() => selectedDimensions.map(item => ({
+    value: item.id,
+    label: item.name,
+    isActive: item.isActive,
+    type: item.type,
+    optionSetId: item.optionSetId,
+    expression: item.expression,
+    access: item.access
+  })), [selectedDimensions]);
   const onSelectItems = selectedItem => onSelect({
     dimensionId: _predefinedDimensions.DIMENSION_ID_DATA,
     items: selectedItem.map(item => ({
       id: item.value,
       name: item.label,
       type: item.type,
+      optionSetId: item.optionSetId,
       expression: item.expression
     }))
   });
   (0, _react.useEffect)(() => enabledDataTypes && setDataTypes(filterDataTypesByVersion(enabledDataTypes)), [enabledDataTypes, filterDataTypesByVersion]);
+  const onEditClick = dataItem => {
+    var _dataItem$access;
+    if (dataItem.type === _dataTypes.DIMENSION_TYPE_EXPRESSION_DIMENSION_ITEM && !(((_dataItem$access = dataItem.access) === null || _dataItem$access === void 0 ? void 0 : _dataItem$access.write) === false) && supportsEDI) {
+      // calculation
+      setCurrentCalculation({
+        id: dataItem.value,
+        name: dataItem.label,
+        expression: dataItem.expression
+      });
+    } else if (dataItem.optionSetId) {
+      setCurrentDataItem({
+        id: dataItem.value,
+        name: dataItem.label,
+        type: dataItem.type,
+        optionSetId: dataItem.optionSetId
+      });
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(DataDimensionCtx.Provider, {
     value: {
       visType,
       currentUser
     }
   }, /*#__PURE__*/_react.default.createElement(_ItemSelector.default, {
-    selectedItems: selectedDimensions.map(item => ({
-      value: item.id,
-      label: item.name,
-      isActive: item.isActive,
-      type: item.type,
-      expression: item.expression,
-      access: item.access
-    })),
+    selectedItems: selectedItems,
     onSelect: onSelectItems,
     displayNameProp: displayNameProp,
     infoBoxMessage: infoBoxMessage,
     dataTest: 'data-dimension',
     dataTypes: dataTypes,
-    onEDISave: onCalculationSave
+    itemsRef: itemsRef,
+    supportsEDI: supportsEDI,
+    onEDISave: onCalculationSave,
+    isOptionViewMode: Boolean(currentDataItem),
+    currentCalculation: currentCalculation,
+    setCurrentCalculation: setCurrentCalculation,
+    infoDataItem: infoDataItem,
+    setInfoDataItem: setInfoDataItem,
+    onEditClick: onEditClick
+  }), currentDataItem && /*#__PURE__*/_react.default.createElement(_ItemOptionsSelector.ItemOptionsSelector, _extends({}, currentDataItem, {
+    selectedItems: selectedItems,
+    onSelect: onSelectItems,
+    displayNameProp: displayNameProp,
+    dataTest: 'data-dimension',
+    itemsRef: itemsRef,
+    infoDataItem: infoDataItem,
+    setInfoDataItem: setInfoDataItem,
+    onClose: () => setCurrentDataItem(),
+    onEditClick: onEditClick
+  })), infoDataItem && /*#__PURE__*/_react.default.createElement(_InfoPopover.InfoPopover, {
+    dataTest: 'data-dimension-info',
+    item: infoDataItem,
+    reference: itemsRef.current.get(infoDataItem.id),
+    onClose: () => setInfoDataItem(),
+    displayNameProp: displayNameProp
   }));
 };
 DataDimension.propTypes = {

package/build/cjs/components/DataDimension/Info/CalculationInfo.js

@@ -100,7 +100,7 @@ const CalculationInfo = _ref3 => {
 };
 exports.CalculationInfo = CalculationInfo;
 CalculationInfo.propTypes = {
-  displayNameProp: _propTypes.default.string,
-  id: _propTypes.default.string,
-  type: _propTypes.default.string
+  displayNameProp: _propTypes.default.string.isRequired,
+  id: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired
 };