@dhis2/analytics 26.0.8 → 26.0.9

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

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _utilities = require("@dnd-kit/utilities");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dataTypes = require("../../../modules/dataTypes.js");
-
 var _dimensionListItem = require("../../../modules/dimensionListItem.js");
-
 var _expressions = require("../../../modules/expressions.js");
-
 var _DataElementOptionStyle = _interopRequireDefault(require("./styles/DataElementOption.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || 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 _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); }
 const DataElementOption = _ref => {
   let {
     label,
@@ -51,24 +39,23 @@ const DataElementOption = _ref => {
     transform: _utilities.CSS.Translate.toString(transform)
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementOptionStyle.default.__hash) + " " + "wrapper"
+    className: `jsx-${_DataElementOptionStyle.default.__hash}` + " " + "wrapper"
   }, /*#__PURE__*/_react.default.createElement("div", _extends({}, attributes, listeners, {
     ref: setNodeRef,
     style: style,
-    className: "jsx-".concat(_DataElementOptionStyle.default.__hash) + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "draggable-item")
+    className: `jsx-${_DataElementOptionStyle.default.__hash}` + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "draggable-item")
   }), /*#__PURE__*/_react.default.createElement("div", {
     onDoubleClick: () => onDoubleClick(data),
     "data-test": "data-element-option",
-    className: "jsx-".concat(_DataElementOptionStyle.default.__hash) + " " + "chip"
+    className: `jsx-${_DataElementOptionStyle.default.__hash}` + " " + "chip"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_DataElementOptionStyle.default.__hash) + " " + "icon"
+    className: `jsx-${_DataElementOptionStyle.default.__hash}` + " " + "icon"
   }, (0, _dimensionListItem.getIcon)(_dataTypes.DIMENSION_TYPE_DATA_ELEMENT)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_DataElementOptionStyle.default.__hash) + " " + "label"
+    className: `jsx-${_DataElementOptionStyle.default.__hash}` + " " + "label"
   }, label))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DataElementOptionStyle.default.__hash
   }, _DataElementOptionStyle.default));
 };
-
 DataElementOption.propTypes = {
   label: _propTypes.default.string,
   value: _propTypes.default.string,

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

@@ -4,47 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _appRuntime = require("@dhis2/app-runtime");
-
 var _ui = require("@dhis2/ui");
-
 var _sortable = require("@dnd-kit/sortable");
-
 var _debounce = require("@react-hook/debounce");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _dimensions = require("../../../api/dimensions.js");
-
 var _index = _interopRequireDefault(require("../../../locales/index.js"));
-
 var _dataTypes = require("../../../modules/dataTypes.js");
-
 var _DataElementOption = _interopRequireDefault(require("./DataElementOption.js"));
-
 var _DataElementSelectorStyle = _interopRequireDefault(require("./styles/DataElementSelector.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 }; }
-
 const getOptions = () => ({
   [_dataTypes.TOTALS]: _index.default.t('Totals only'),
   [_dataTypes.DETAIL]: _index.default.t('Details only')
 });
-
 const GroupSelector = _ref => {
   var _dataTypes$DIMENSION_;
-
   let {
     currentValue,
     onChange,
@@ -61,11 +42,10 @@ const GroupSelector = _ref => {
       setGroups(result);
       setLoading(false);
     };
-
     fetchGroups();
   }, [dataEngine, displayNameProp]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "group-select"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "group-select"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     selected: currentValue,
     onChange: ref => onChange(ref.selected),
@@ -77,23 +57,21 @@ const GroupSelector = _ref => {
     value: defaultGroup.id,
     key: defaultGroup.id,
     label: defaultGroup.getName(),
-    dataTest: "data-element-group-select-option-".concat(defaultGroup.id)
+    dataTest: `data-element-group-select-option-${defaultGroup.id}`
   }) : null, !loading ? groups.map(group => /*#__PURE__*/_react.default.createElement(_ui.SingleSelectOption, {
     value: group.id,
     key: group.id,
     label: group.name,
-    dataTest: "data-element-group-select-option-".concat(group.id)
+    dataTest: `data-element-group-select-option-${group.id}`
   })) : null), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DataElementSelectorStyle.default.__hash
   }, _DataElementSelectorStyle.default));
 };
-
 GroupSelector.propTypes = {
   currentValue: _propTypes.default.string.isRequired,
   displayNameProp: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired
 };
-
 const DisaggregationSelector = _ref2 => {
   let {
     currentValue,
@@ -101,7 +79,7 @@ const DisaggregationSelector = _ref2 => {
   } = _ref2;
   const options = getOptions();
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "group-select"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "group-select"
   }, /*#__PURE__*/_react.default.createElement(_ui.SingleSelectField, {
     selected: currentValue,
     onChange: ref => onChange(ref.selected),
@@ -111,17 +89,15 @@ const DisaggregationSelector = _ref2 => {
     value: option[0],
     key: option[0],
     label: option[1],
-    dataTest: "data-element-disaggregation-select-option-".concat(option[0])
+    dataTest: `data-element-disaggregation-select-option-${option[0]}`
   }))), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DataElementSelectorStyle.default.__hash
   }, _DataElementSelectorStyle.default));
 };
-
 DisaggregationSelector.propTypes = {
   currentValue: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired
 };
-
 const DataElementSelector = _ref3 => {
   let {
     displayNameProp,
@@ -145,7 +121,6 @@ const DataElementSelector = _ref3 => {
     group,
     subGroup
   });
-
   const fetchData = async scrollToTop => {
     try {
       setLoading(true);
@@ -156,7 +131,6 @@ const DataElementSelector = _ref3 => {
         searchTerm: searchTermRef.current,
         page: pageRef.current
       });
-
       if (result !== null && result !== void 0 && result.dimensionItems) {
         const newOptions = result.dimensionItems.map(item => ({
           label: item.name,
@@ -167,7 +141,6 @@ const DataElementSelector = _ref3 => {
         setOptions(prevOptions => pageRef.current > 1 ? [...prevOptions, ...newOptions] : newOptions);
         setLoading(false);
       }
-
       hasNextPageRef.current = result !== null && result !== void 0 && result.nextPage ? true : false;
     } catch (error) {
       // TODO handle errors
@@ -180,45 +153,39 @@ const DataElementSelector = _ref3 => {
       }
     }
   };
-
   const debouncedFetchData = (0, _debounce.useDebounceCallback)(newSearchTerm => {
     hasNextPageRef.current = false;
     pageRef.current = 1;
     searchTermRef.current = newSearchTerm;
     fetchData(true);
   }, 500);
-
   const onSearchChange = _ref4 => {
     let {
       value
     } = _ref4;
     const newSearchTerm = value;
-    setSearchTerm(newSearchTerm); // debounce the fetch
+    setSearchTerm(newSearchTerm);
 
+    // debounce the fetch
     debouncedFetchData(newSearchTerm);
   };
-
   const onFilterChange = newFilter => {
     if (newFilter.group) {
       setGroup(newFilter.group);
       filterRef.current.group = newFilter.group;
     }
-
     if (newFilter.subGroup) {
       setSubGroup(newFilter.subGroup);
       filterRef.current.subGroup = newFilter.subGroup;
     }
-
     hasNextPageRef.current = false;
     pageRef.current = 1;
     fetchData(true);
   };
-
   const onEndReached = _ref5 => {
     let {
       isIntersecting
     } = _ref5;
-
     if (isIntersecting) {
       // if hasNextPage is set it means at least 1 request already happened and there is
       // another page, fetch the next page
@@ -232,11 +199,10 @@ const DataElementSelector = _ref3 => {
       }
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "filter-wrapper"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "filter-wrapper"
   }, /*#__PURE__*/_react.default.createElement("h4", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "sub-header"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "sub-header"
   }, _index.default.t('Data elements')), /*#__PURE__*/_react.default.createElement(_ui.InputField, {
     value: searchTerm,
     onChange: onSearchChange,
@@ -245,7 +211,7 @@ const DataElementSelector = _ref3 => {
     type: 'search',
     dataTest: 'data-element-search'
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "selector-wrapper"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "selector-wrapper"
   }, /*#__PURE__*/_react.default.createElement(GroupSelector, {
     currentValue: group,
     onChange: group => onFilterChange({
@@ -258,9 +224,9 @@ const DataElementSelector = _ref3 => {
       subGroup
     })
   }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "dimension-list-container"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "dimension-list-container"
   }, loading && /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "dimension-list-overlay"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "dimension-list-overlay"
   }, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, null)), /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
     onScroll: () => {
@@ -270,10 +236,10 @@ const DataElementSelector = _ref3 => {
         });
       }
     },
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "dimension-list-scrollbox"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "dimension-list-scrollbox"
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-test": "dimension-list",
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + ((0, _classnames.default)('dimension-list-scroller', {
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + ((0, _classnames.default)('dimension-list-scroller', {
       loading
     }) || "")
   }, Boolean(options.length) && options.map(_ref6 => {
@@ -288,11 +254,11 @@ const DataElementSelector = _ref3 => {
       onDoubleClick: onDoubleClick
     });
   }), !loading && !options.length && /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "empty-list"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "empty-list"
   }, searchTermRef.current ? _index.default.t('No data elements found for "{{- searchTerm}}"', {
     searchTerm: searchTermRef.current
   }) : _index.default.t('No data elements found')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DataElementSelectorStyle.default.__hash) + " " + "scroll-detector"
+    className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "scroll-detector"
   }, /*#__PURE__*/_react.default.createElement(_ui.IntersectionDetector, {
     onChange: onEndReached,
     rootRef: rootRef
@@ -300,7 +266,6 @@ const DataElementSelector = _ref3 => {
     id: _DataElementSelectorStyle.default.__hash
   }, _DataElementSelectorStyle.default));
 };
-
 DataElementSelector.propTypes = {
   displayNameProp: _propTypes.default.string.isRequired,
   onDoubleClick: _propTypes.default.func.isRequired

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

@@ -4,26 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OPTIONS_PANEL = void 0;
-
 var _core = require("@dnd-kit/core");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _DraggingItem = _interopRequireDefault(require("./DraggingItem.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; }
-
+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); }
 const OPTIONS_PANEL = 'Sortable';
 exports.OPTIONS_PANEL = OPTIONS_PANEL;
-
 const getIntersectionRatio = (entry, target) => {
   const top = Math.max(target.top, entry.top);
   const left = Math.max(target.left, entry.left);
@@ -31,7 +23,6 @@ const getIntersectionRatio = (entry, target) => {
   const bottom = Math.min(target.top + target.height, entry.top + entry.height);
   const width = right - left;
   const height = bottom - top;
-
   if (left < right && top < bottom) {
     const targetArea = target.width * target.height;
     const entryArea = entry.width * entry.height;
@@ -40,10 +31,8 @@ const getIntersectionRatio = (entry, target) => {
     return Number(intersectionRatio.toFixed(4));
   } // Rectangles do not overlap, or overlap has an area of zero (edge/corner overlap)
 
-
   return 0;
 };
-
 const sortCollisionsDesc = (_ref, _ref2) => {
   let {
     data: {
@@ -57,13 +46,13 @@ const sortCollisionsDesc = (_ref, _ref2) => {
   } = _ref2;
   return b - a;
 };
-
 const rectIntersectionCustom = _ref3 => {
   let {
     pointerCoordinates,
     droppableContainers
   } = _ref3;
   // create a rect around the pointerCoords for calculating the intersection
+
   const pointerRectWidth = 40;
   const pointerRectHeight = 40;
   const pointerRect = {
@@ -75,7 +64,6 @@ const rectIntersectionCustom = _ref3 => {
     right: pointerCoordinates.x + pointerRectWidth / 2
   };
   const collisions = [];
-
   for (const droppableContainer of droppableContainers) {
     const {
       id,
@@ -83,10 +71,8 @@ const rectIntersectionCustom = _ref3 => {
         current: rect
       }
     } = droppableContainer;
-
     if (rect) {
       const intersectionRatio = getIntersectionRatio(rect, pointerRect);
-
       if (intersectionRatio > 0) {
         collisions.push({
           id,
@@ -98,38 +84,30 @@ const rectIntersectionCustom = _ref3 => {
       }
     }
   }
-
   return collisions.sort(sortCollisionsDesc);
 };
-
 const isInteractiveElement = el => {
   const interactiveElements = ['button', 'input', 'textarea', 'select', 'option'];
-
   if (interactiveElements.includes(el.tagName.toLowerCase())) {
     return true;
   }
-
   return false;
-}; // disable dragging if user is in an input
-
+};
 
+// disable dragging if user is in an input
 class PointerSensor extends _core.PointerSensor {}
-
 _defineProperty(PointerSensor, "activators", [{
   eventName: 'onPointerDown',
   handler: _ref7 => {
     let {
       nativeEvent: event
     } = _ref7;
-
     if (!event.isPrimary || event.button !== 0 || isInteractiveElement(event.target)) {
       return false;
     }
-
     return true;
   }
 }]);
-
 const OuterDndContext = _ref4 => {
   let {
     children,
@@ -143,7 +121,6 @@ const OuterDndContext = _ref4 => {
     }
   });
   const sensors = (0, _core.useSensors)(sensor);
-
   const handleDragStart = _ref5 => {
     let {
       active
@@ -151,25 +128,20 @@ const OuterDndContext = _ref4 => {
     setDraggingItem(active.data.current);
     onDragStart && onDragStart();
   };
-
   const handleDragCancel = () => {
     setDraggingItem(null);
   };
-
   const handleDragEnd = _ref6 => {
     var _over$data, _over$data$current, _over$data$current$so, _over$data$current2, _over$data$current3;
-
     let {
       active,
       over
     } = _ref6;
-
     if (!(over !== null && over !== void 0 && over.id) || (over === null || over === void 0 ? void 0 : (_over$data = over.data) === null || _over$data === void 0 ? void 0 : (_over$data$current = _over$data.current) === null || _over$data$current === void 0 ? void 0 : (_over$data$current$so = _over$data$current.sortable) === null || _over$data$current$so === void 0 ? void 0 : _over$data$current$so.containerId) === OPTIONS_PANEL || !active.data.current) {
       // dropped over non-droppable or over options panel
       handleDragCancel();
       return;
     }
-
     const item = {
       id: active.id,
       sourceContainerId: active.data.current.sortable.containerId,
@@ -190,7 +162,6 @@ const OuterDndContext = _ref4 => {
     });
     setDraggingItem(null);
   };
-
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
     collisionDetection: rectIntersectionCustom,
     onDragStart: handleDragStart,
@@ -203,7 +174,6 @@ const OuterDndContext = _ref4 => {
     className: "dragOverlay"
   }, /*#__PURE__*/_react.default.createElement(_DraggingItem.default, draggingItem)) : null));
 };
-
 OuterDndContext.propTypes = {
   onDragEnd: _propTypes.default.func.isRequired,
   children: _propTypes.default.node,

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = /*#__PURE__*/_react.default.createElement("svg", {
   height: "16",
   viewBox: "0 0 16 16",
@@ -19,5 +16,4 @@ var _default = /*#__PURE__*/_react.default.createElement("svg", {
   fill: "#A0ADBA",
   fillRule: "evenodd"
 }));
-
 exports.default = _default;

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

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _dataTypes = require("../../../modules/dataTypes.js");
-
 var _dimensionListItem = require("../../../modules/dimensionListItem.js");
-
 var _expressions = require("../../../modules/expressions.js");
-
 var _DraggingItemStyle = _interopRequireDefault(require("./styles/DraggingItem.style.js"));
-
 var _FormulaItemStyle = _interopRequireDefault(require("./styles/FormulaItem.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DraggingItem = _ref => {
   let {
     label,
@@ -33,22 +22,21 @@ const DraggingItem = _ref => {
   } = _ref;
   const displayLabel = type === _expressions.EXPRESSION_TYPE_NUMBER ? value || label : label;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "jsx-".concat(_DraggingItemStyle.default.__hash, " jsx-").concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('dragging', 'content', {
+    className: `jsx-${_DraggingItemStyle.default.__hash} jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)('dragging', 'content', {
       operator: type === _expressions.EXPRESSION_TYPE_OPERATOR,
       number: type === _expressions.EXPRESSION_TYPE_NUMBER,
       data: type === _expressions.EXPRESSION_TYPE_DATA
     }) || "")
   }, type === _expressions.EXPRESSION_TYPE_DATA && /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_DraggingItemStyle.default.__hash, " jsx-").concat(_FormulaItemStyle.default.__hash) + " " + "icon"
+    className: `jsx-${_DraggingItemStyle.default.__hash} jsx-${_FormulaItemStyle.default.__hash}` + " " + "icon"
   }, (0, _dimensionListItem.getIcon)(_dataTypes.DIMENSION_TYPE_DATA_ELEMENT)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-".concat(_DraggingItemStyle.default.__hash, " jsx-").concat(_FormulaItemStyle.default.__hash) + " " + "label"
+    className: `jsx-${_DraggingItemStyle.default.__hash} jsx-${_FormulaItemStyle.default.__hash}` + " " + "label"
   }, displayLabel)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _DraggingItemStyle.default.__hash
   }, _DraggingItemStyle.default), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: _FormulaItemStyle.default.__hash
   }, _FormulaItemStyle.default));
 };
-
 DraggingItem.propTypes = {
   label: _propTypes.default.string,
   type: _propTypes.default.string,

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _core = require("@dnd-kit/core");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _DropZoneStyle = _interopRequireDefault(require("./styles/DropZone.style.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DropZone = _ref => {
   let {
     firstElementId,
@@ -32,16 +24,14 @@ const DropZone = _ref => {
     id: 'firstdropzone'
   });
   let draggingOver = false;
-
   if (overLastDropZone && !firstElementId) {
     draggingOver = true;
   } else {
     draggingOver = firstElementId === (active === null || active === void 0 ? void 0 : active.id) ? false : isOver;
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: setNodeRef,
-    className: "jsx-".concat(_DropZoneStyle.default.__hash) + " " + ((0, _classnames.default)('first-dropzone', {
+    className: `jsx-${_DropZoneStyle.default.__hash}` + " " + ((0, _classnames.default)('first-dropzone', {
       'dragging-over': draggingOver,
       empty: !firstElementId
     }) || "")
@@ -49,7 +39,6 @@ const DropZone = _ref => {
     id: _DropZoneStyle.default.__hash
   }, _DropZoneStyle.default));
 };
-
 DropZone.propTypes = {
   firstElementId: _propTypes.default.string,
   overLastDropZone: _propTypes.default.bool