@dhis2/analytics 24.3.8 → 24.3.10

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [24.3.10](https://github.com/dhis2/analytics/compare/v24.3.9...v24.3.10) (2022-12-02)
+
+
+### Bug Fixes
+
+* items in sidebar not clickable full width (DHIS2-6626) ([#1390](https://github.com/dhis2/analytics/issues/1390)) ([4b7cff4](https://github.com/dhis2/analytics/commit/4b7cff4a182ae3f44fada600337ba477a2656ed5))
+
+## [24.3.9](https://github.com/dhis2/analytics/compare/v24.3.8...v24.3.9) (2022-12-01)
+
+
+### Bug Fixes
+
+* **translations:** sync translations from transifex (master) ([a6d4648](https://github.com/dhis2/analytics/commit/a6d4648267a7ca69a7b4702c0fa07cf9f7ff8c2a))
+
 ## [24.3.8](https://github.com/dhis2/analytics/compare/v24.3.7...v24.3.8) (2022-11-29)
 
 

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

@@ -15,8 +15,6 @@ var _DynamicDimensionIcon = _interopRequireDefault(require("../../../assets/Dyna
 
 var _predefinedDimensions = require("../../../modules/predefinedDimensions.js");
 
-var _DimensionLabel = _interopRequireDefault(require("./DimensionLabel.js"));
-
 var _OptionsButton = _interopRequireDefault(require("./OptionsButton.js"));
 
 var _RecommendedIcon = _interopRequireDefault(require("./RecommendedIcon.js"));
@@ -99,16 +97,24 @@ class DimensionItem extends _react.Component {
       ..._DimensionItemStyle.styles.selected
     } : _DimensionItemStyle.styles.item;
     const optionsRef = /*#__PURE__*/(0, _react.createRef)();
+
+    const onLabelClick = () => {
+      if (!isDeactivated && !(0, _predefinedDimensions.getPredefinedDimensionProp)(id, _predefinedDimensions.DIMENSION_PROP_NO_ITEMS)) {
+        onClick(id);
+      }
+    };
+
     return /*#__PURE__*/_react.default.createElement("li", _extends({
       onMouseOver: this.onMouseOver,
       onMouseLeave: this.onMouseExit,
       ref: innerRef,
-      style: Object.assign({}, itemStyle, style),
-      "data-test": dataTest
-    }, rest), /*#__PURE__*/_react.default.createElement(_DimensionLabel.default, {
-      id: id,
-      isDeactivated: isDeactivated,
-      onClick: onClick,
+      style: Object.assign({}, itemStyle, style, !isDeactivated && _DimensionItemStyle.styles.clickable),
+      "data-test": dataTest,
+      onClick: onLabelClick
+    }, rest), /*#__PURE__*/_react.default.createElement("div", {
+      className: "label",
+      tabIndex: 0,
+      style: _DimensionItemStyle.styles.label,
       dataTest: "".concat(dataTest, "-button-").concat(id)
     }, /*#__PURE__*/_react.default.createElement("div", {
       style: _DimensionItemStyle.styles.iconWrapper

package/build/cjs/components/DimensionsPanel/List/__tests__/__snapshots__/DimensionItem.spec.js.snap

@@ -3,12 +3,14 @@
 exports[`DimensionItem matches the snapshot 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -16,11 +18,16 @@ exports[`DimensionItem matches the snapshot 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -52,7 +59,6 @@ exports[`DimensionItem matches the snapshot 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -66,19 +72,21 @@ exports[`DimensionItem matches the snapshot 1`] = `
         isRecommended={false}
       />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;
 
 exports[`DimensionItem matches the snapshot with locked 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -86,11 +94,16 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -122,7 +135,6 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -147,19 +159,21 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
     >
       <SvgLock16 />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;
 
 exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -167,11 +181,16 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -203,7 +222,6 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -217,7 +235,7 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
         isRecommended={false}
       />
     </div>
-  </DimensionLabel>
+  </div>
   <div
     data-test="undefined-menu-pe"
     style={
@@ -235,12 +253,14 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
 exports[`DimensionItem matches the snapshot with recommended 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -248,11 +268,16 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -284,7 +309,6 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -298,13 +322,14 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
         isRecommended={true}
       />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;
 
 exports[`DimensionItem matches the snapshot with selected 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
@@ -312,6 +337,7 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
       "alignItems": "center",
       "backgroundColor": "#e0f2f1",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "fontWeight": 500,
       "marginBottom": 3,
@@ -320,11 +346,16 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -356,7 +387,6 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -370,6 +400,6 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
         isRecommended={false}
       />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;

package/build/cjs/components/DimensionsPanel/List/styles/DimensionItem.style.js

@@ -14,7 +14,6 @@ const styles = {
   text: {
     color: _ui.colors.grey900,
     userSelect: 'none',
-    cursor: 'pointer',
     wordBreak: 'break-word',
     fontSize: '14px'
   },
@@ -30,6 +29,9 @@ const styles = {
     alignItems: 'center',
     borderRadius: '2px'
   },
+  clickable: {
+    cursor: 'pointer'
+  },
   selected: {
     backgroundColor: _ui.theme.secondary100,
     fontWeight: 500
@@ -64,6 +66,10 @@ const styles = {
     background: 'none',
     outline: 'none',
     cursor: 'pointer'
+  },
+  label: {
+    display: 'flex',
+    outline: 'none'
   }
 };
 exports.styles = styles;

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

@@ -20,7 +20,7 @@
     "About this line list": "",
     "About this visualization": "",
     "This app could not retrieve required data.": "",
-    "Network error": "",
+    "Network error": "Erreur réseau",
     "Data Type": "Type de données",
     "All types": "Tous les types",
     "Totals only": "Totaux uniquement",
@@ -166,8 +166,8 @@
     "{{count}} levels_plural": "",
     "{{count}} groups": "",
     "{{count}} groups_plural": "",
-    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "",
-    "Nothing selected": "",
+    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "Sélectionné : {{commaSeparatedListOfOrganisationUnits}}",
+    "Nothing selected": "Rien n'a été sélectionné",
     "User organisation unit": "Unités d'organisation de l'utilisateur",
     "User sub-units": "Sous-unités de l'utilisateur",
     "User sub-x2-units": "Sous-unités utilisateur x2",

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

@@ -6,8 +6,7 @@ import { IconLock16 } from '@dhis2/ui';
 import PropTypes from 'prop-types';
 import React, { Component, createRef } from 'react';
 import DynamicDimensionIcon from '../../../assets/DynamicDimensionIcon.js';
-import { getPredefinedDimensionProp } from '../../../modules/predefinedDimensions.js';
-import DimensionLabel from './DimensionLabel.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';
@@ -78,16 +77,24 @@ class DimensionItem extends Component {
       ...styles.selected
     } : styles.item;
     const optionsRef = /*#__PURE__*/createRef();
+
+    const onLabelClick = () => {
+      if (!isDeactivated && !getPredefinedDimensionProp(id, DIMENSION_PROP_NO_ITEMS)) {
+        onClick(id);
+      }
+    };
+
     return /*#__PURE__*/React.createElement("li", _extends({
       onMouseOver: this.onMouseOver,
       onMouseLeave: this.onMouseExit,
       ref: innerRef,
-      style: Object.assign({}, itemStyle, style),
-      "data-test": dataTest
-    }, rest), /*#__PURE__*/React.createElement(DimensionLabel, {
-      id: id,
-      isDeactivated: isDeactivated,
-      onClick: onClick,
+      style: Object.assign({}, itemStyle, style, !isDeactivated && styles.clickable),
+      "data-test": dataTest,
+      onClick: onLabelClick
+    }, rest), /*#__PURE__*/React.createElement("div", {
+      className: "label",
+      tabIndex: 0,
+      style: styles.label,
       dataTest: "".concat(dataTest, "-button-").concat(id)
     }, /*#__PURE__*/React.createElement("div", {
       style: styles.iconWrapper

package/build/es/components/DimensionsPanel/List/__tests__/__snapshots__/DimensionItem.spec.js.snap

@@ -3,12 +3,14 @@
 exports[`DimensionItem matches the snapshot 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -16,11 +18,16 @@ exports[`DimensionItem matches the snapshot 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -52,7 +59,6 @@ exports[`DimensionItem matches the snapshot 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -66,19 +72,21 @@ exports[`DimensionItem matches the snapshot 1`] = `
         isRecommended={false}
       />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;
 
 exports[`DimensionItem matches the snapshot with locked 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -86,11 +94,16 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -122,7 +135,6 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -147,19 +159,21 @@ exports[`DimensionItem matches the snapshot with locked 1`] = `
     >
       <SvgLock16 />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;
 
 exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -167,11 +181,16 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -203,7 +222,6 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -217,7 +235,7 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
         isRecommended={false}
       />
     </div>
-  </DimensionLabel>
+  </div>
   <div
     data-test="undefined-menu-pe"
     style={
@@ -235,12 +253,14 @@ exports[`DimensionItem matches the snapshot with onOptionsClick 1`] = `
 exports[`DimensionItem matches the snapshot with recommended 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
     Object {
       "alignItems": "center",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "marginBottom": 3,
       "marginTop": 3,
@@ -248,11 +268,16 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -284,7 +309,6 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -298,13 +322,14 @@ exports[`DimensionItem matches the snapshot with recommended 1`] = `
         isRecommended={true}
       />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;
 
 exports[`DimensionItem matches the snapshot with selected 1`] = `
 <li
   name="Period"
+  onClick={[Function]}
   onMouseLeave={[Function]}
   onMouseOver={[Function]}
   style={
@@ -312,6 +337,7 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
       "alignItems": "center",
       "backgroundColor": "#e0f2f1",
       "borderRadius": "2px",
+      "cursor": "pointer",
       "display": "flex",
       "fontWeight": 500,
       "marginBottom": 3,
@@ -320,11 +346,16 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
     }
   }
 >
-  <DimensionLabel
+  <div
+    className="label"
     dataTest="undefined-button-pe"
-    id="pe"
-    isDeactivated={false}
-    onClick={[Function]}
+    style={
+      Object {
+        "display": "flex",
+        "outline": "none",
+      }
+    }
+    tabIndex={0}
   >
     <div
       style={
@@ -356,7 +387,6 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
         style={
           Object {
             "color": "#212934",
-            "cursor": "pointer",
             "fontSize": "14px",
             "userSelect": "none",
             "wordBreak": "break-word",
@@ -370,6 +400,6 @@ exports[`DimensionItem matches the snapshot with selected 1`] = `
         isRecommended={false}
       />
     </div>
-  </DimensionLabel>
+  </div>
 </li>
 `;

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

@@ -6,7 +6,6 @@ export const styles = {
   text: {
     color: colors.grey900,
     userSelect: 'none',
-    cursor: 'pointer',
     wordBreak: 'break-word',
     fontSize: '14px'
   },
@@ -22,6 +21,9 @@ export const styles = {
     alignItems: 'center',
     borderRadius: '2px'
   },
+  clickable: {
+    cursor: 'pointer'
+  },
   selected: {
     backgroundColor: theme.secondary100,
     fontWeight: 500
@@ -56,5 +58,9 @@ export const styles = {
     background: 'none',
     outline: 'none',
     cursor: 'pointer'
+  },
+  label: {
+    display: 'flex',
+    outline: 'none'
   }
 };

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

@@ -20,7 +20,7 @@
     "About this line list": "",
     "About this visualization": "",
     "This app could not retrieve required data.": "",
-    "Network error": "",
+    "Network error": "Erreur réseau",
     "Data Type": "Type de données",
     "All types": "Tous les types",
     "Totals only": "Totaux uniquement",
@@ -166,8 +166,8 @@
     "{{count}} levels_plural": "",
     "{{count}} groups": "",
     "{{count}} groups_plural": "",
-    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "",
-    "Nothing selected": "",
+    "Selected: {{commaSeparatedListOfOrganisationUnits}}": "Sélectionné : {{commaSeparatedListOfOrganisationUnits}}",
+    "Nothing selected": "Rien n'a été sélectionné",
     "User organisation unit": "Unités d'organisation de l'utilisateur",
     "User sub-units": "Sous-unités de l'utilisateur",
     "User sub-x2-units": "Sous-unités utilisateur x2",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/analytics",
-    "version": "24.3.8",
+    "version": "24.3.10",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {

package/build/cjs/components/DimensionsPanel/List/DimensionLabel.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _predefinedDimensions = require("../../../modules/predefinedDimensions.js");
-
-var _DimensionLabelStyle = require("./styles/DimensionLabel.style.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-class DimensionLabel extends _react.Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "onLabelClick", () => {
-      if (!this.props.isDeactivated && !(0, _predefinedDimensions.getPredefinedDimensionProp)(this.props.id, _predefinedDimensions.DIMENSION_PROP_NO_ITEMS)) {
-        this.props.onClick(this.props.id);
-      }
-    });
-
-    _defineProperty(this, "onKeyPress", event => {
-      if (event.key === 'Enter' && event.ctrlKey === false) {
-        this.onLabelClick();
-      }
-    });
-  }
-
-  render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-test": this.props.dataTest,
-      className: "label",
-      onClick: this.onLabelClick,
-      onKeyPress: this.onKeyPress,
-      tabIndex: 0,
-      style: _DimensionLabelStyle.styles.label
-    }, this.props.children);
-  }
-
-}
-
-_defineProperty(DimensionLabel, "propTypes", {
-  id: _propTypes.default.string.isRequired,
-  isDeactivated: _propTypes.default.bool.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  children: _propTypes.default.array,
-  dataTest: _propTypes.default.string
-});
-
-var _default = DimensionLabel;
-exports.default = _default;

package/build/cjs/components/DimensionsPanel/List/styles/DimensionLabel.style.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = void 0;
-const styles = {
-  label: {
-    display: 'flex',
-    outline: 'none'
-  }
-};
-exports.styles = styles;

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

@@ -1,46 +0,0 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-import PropTypes from 'prop-types';
-import React, { Component } from 'react';
-import { getPredefinedDimensionProp, DIMENSION_PROP_NO_ITEMS } from '../../../modules/predefinedDimensions.js';
-import { styles } from './styles/DimensionLabel.style.js';
-
-class DimensionLabel extends Component {
-  constructor() {
-    super(...arguments);
-
-    _defineProperty(this, "onLabelClick", () => {
-      if (!this.props.isDeactivated && !getPredefinedDimensionProp(this.props.id, DIMENSION_PROP_NO_ITEMS)) {
-        this.props.onClick(this.props.id);
-      }
-    });
-
-    _defineProperty(this, "onKeyPress", event => {
-      if (event.key === 'Enter' && event.ctrlKey === false) {
-        this.onLabelClick();
-      }
-    });
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      "data-test": this.props.dataTest,
-      className: "label",
-      onClick: this.onLabelClick,
-      onKeyPress: this.onKeyPress,
-      tabIndex: 0,
-      style: styles.label
-    }, this.props.children);
-  }
-
-}
-
-_defineProperty(DimensionLabel, "propTypes", {
-  id: PropTypes.string.isRequired,
-  isDeactivated: PropTypes.bool.isRequired,
-  onClick: PropTypes.func.isRequired,
-  children: PropTypes.array,
-  dataTest: PropTypes.string
-});
-
-export default DimensionLabel;

package/build/es/components/DimensionsPanel/List/styles/DimensionLabel.style.js

@@ -1,6 +0,0 @@
-export const styles = {
-  label: {
-    display: 'flex',
-    outline: 'none'
-  }
-};