@dhis2/analytics 26.0.7 → 26.0.9

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

@@ -1,11 +1,11 @@
-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); }
 import { DndContext, DragOverlay, useSensor, useSensors, PointerSensor as DndKitPointerSensor } from '@dnd-kit/core';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
 import DraggingItem from './DraggingItem.js';
 export const OPTIONS_PANEL = 'Sortable';
-
 const getIntersectionRatio = (entry, target) => {
   const top = Math.max(target.top, entry.top);
   const left = Math.max(target.left, entry.left);
@@ -13,7 +13,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;
@@ -22,10 +21,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: {
@@ -39,13 +36,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 = {
@@ -57,7 +54,6 @@ const rectIntersectionCustom = _ref3 => {
     right: pointerCoordinates.x + pointerRectWidth / 2
   };
   const collisions = [];
-
   for (const droppableContainer of droppableContainers) {
     const {
       id,
@@ -65,10 +61,8 @@ const rectIntersectionCustom = _ref3 => {
         current: rect
       }
     } = droppableContainer;
-
     if (rect) {
       const intersectionRatio = getIntersectionRatio(rect, pointerRect);
-
       if (intersectionRatio > 0) {
         collisions.push({
           id,
@@ -80,38 +74,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 DndKitPointerSensor {}
-
 _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,
@@ -125,7 +111,6 @@ const OuterDndContext = _ref4 => {
     }
   });
   const sensors = useSensors(sensor);
-
   const handleDragStart = _ref5 => {
     let {
       active
@@ -133,25 +118,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,
@@ -172,7 +152,6 @@ const OuterDndContext = _ref4 => {
     });
     setDraggingItem(null);
   };
-
   return /*#__PURE__*/React.createElement(DndContext, {
     collisionDetection: rectIntersectionCustom,
     onDragStart: handleDragStart,
@@ -185,7 +164,6 @@ const OuterDndContext = _ref4 => {
     className: "dragOverlay"
   }, /*#__PURE__*/React.createElement(DraggingItem, draggingItem)) : null));
 };
-
 OuterDndContext.propTypes = {
   onDragEnd: PropTypes.func.isRequired,
   children: PropTypes.node,

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

@@ -7,7 +7,6 @@ import { getIcon } from '../../../modules/dimensionListItem.js';
 import { EXPRESSION_TYPE_DATA, EXPRESSION_TYPE_NUMBER, EXPRESSION_TYPE_OPERATOR } from '../../../modules/expressions.js';
 import styles from './styles/DraggingItem.style.js';
 import formulaItemStyles from './styles/FormulaItem.style.js';
-
 const DraggingItem = _ref => {
   let {
     label,
@@ -16,22 +15,21 @@ const DraggingItem = _ref => {
   } = _ref;
   const displayLabel = type === EXPRESSION_TYPE_NUMBER ? value || label : label;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash, " jsx-").concat(formulaItemStyles.__hash) + " " + (cx('dragging', 'content', {
+    className: `jsx-${styles.__hash} jsx-${formulaItemStyles.__hash}` + " " + (cx('dragging', 'content', {
       operator: type === EXPRESSION_TYPE_OPERATOR,
       number: type === EXPRESSION_TYPE_NUMBER,
       data: type === EXPRESSION_TYPE_DATA
     }) || "")
   }, type === EXPRESSION_TYPE_DATA && /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash, " jsx-").concat(formulaItemStyles.__hash) + " " + "icon"
+    className: `jsx-${styles.__hash} jsx-${formulaItemStyles.__hash}` + " " + "icon"
   }, getIcon(DIMENSION_TYPE_DATA_ELEMENT)), /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(styles.__hash, " jsx-").concat(formulaItemStyles.__hash) + " " + "label"
+    className: `jsx-${styles.__hash} jsx-${formulaItemStyles.__hash}` + " " + "label"
   }, displayLabel)), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: formulaItemStyles.__hash
   }, formulaItemStyles));
 };
-
 DraggingItem.propTypes = {
   label: PropTypes.string,
   type: PropTypes.string,

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

@@ -4,7 +4,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import styles from './styles/DropZone.style.js';
-
 const DropZone = _ref => {
   let {
     firstElementId,
@@ -18,16 +17,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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: setNodeRef,
-    className: "jsx-".concat(styles.__hash) + " " + (cx('first-dropzone', {
+    className: `jsx-${styles.__hash}` + " " + (cx('first-dropzone', {
       'dragging-over': draggingOver,
       empty: !firstElementId
     }) || "")
@@ -35,7 +32,6 @@ const DropZone = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 DropZone.propTypes = {
   firstElementId: PropTypes.string,
   overLastDropZone: PropTypes.bool

package/build/es/components/DataDimension/Calculation/FormulaField.js

@@ -11,16 +11,14 @@ import FormulaItem from './FormulaItem.js';
 import styles from './styles/FormulaField.style.js';
 export const LAST_DROPZONE_ID = 'lastdropzone';
 export const FORMULA_BOX_ID = 'formulabox';
-
 const Placeholder = () => /*#__PURE__*/React.createElement("div", {
   "data-test": "placeholder",
-  className: "jsx-".concat(styles.__hash) + " " + "placeholder"
+  className: `jsx-${styles.__hash}` + " " + "placeholder"
 }, /*#__PURE__*/React.createElement(FormulaIcon, null), /*#__PURE__*/React.createElement("span", {
-  className: "jsx-".concat(styles.__hash) + " " + "help-text"
+  className: `jsx-${styles.__hash}` + " " + "help-text"
 }, i18n.t('Drag items here, or double click in the list, to start building a calculation formula')), /*#__PURE__*/React.createElement(_JSXStyle, {
   id: styles.__hash
 }, styles));
-
 const FormulaField = _ref => {
   let {
     items = [],
@@ -40,13 +38,13 @@ const FormulaField = _ref => {
   const itemIds = items.map(item => item.id);
   const overLastDropZone = (over === null || over === void 0 ? void 0 : over.id) === LAST_DROPZONE_ID;
   return /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "container"
+    className: `jsx-${styles.__hash}` + " " + "container"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "border"
+    className: `jsx-${styles.__hash}` + " " + "border"
   }), /*#__PURE__*/React.createElement("div", {
     ref: setLastDropzoneRef,
     "data-test": "formula-field",
-    className: "jsx-".concat(styles.__hash) + " " + "formula-field"
+    className: `jsx-${styles.__hash}` + " " + "formula-field"
   }, loading && /*#__PURE__*/React.createElement(Center, null, /*#__PURE__*/React.createElement(CircularLoader, {
     small: true
   })), !loading && itemIds && /*#__PURE__*/React.createElement(SortableContext, {
@@ -80,7 +78,6 @@ const FormulaField = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 FormulaField.propTypes = {
   onChange: PropTypes.func.isRequired,
   onClick: PropTypes.func.isRequired,

package/build/es/components/DataDimension/Calculation/FormulaItem.js

@@ -1,7 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-
-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); }
 import { Tooltip } from '@dhis2/ui';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -17,7 +15,6 @@ const BEFORE = 'BEFORE';
 const AFTER = 'AFTER';
 const maxMsBetweenClicks = 300;
 const TAG_INPUT = 'INPUT';
-
 const FormulaItem = _ref => {
   let {
     id,
@@ -73,7 +70,6 @@ const FormulaItem = _ref => {
     transition
   } : undefined;
   let insertPosition;
-
   if ((over === null || over === void 0 ? void 0 : over.id) === id) {
     // This item is being hovered over by the item being dragged
     if (activeIndex === -1) {
@@ -89,7 +85,6 @@ const FormulaItem = _ref => {
   } else if (isLast && overLastDropZone) {
     insertPosition = AFTER;
   }
-
   const handleClick = e => {
     const tagname = e.target.tagName;
     clearTimeout(clickTimeoutId);
@@ -102,34 +97,30 @@ const FormulaItem = _ref => {
     }, maxMsBetweenClicks);
     setClickTimeoutId(to);
   };
-
   const handleDoubleClick = e => {
     clearTimeout(clickTimeoutId);
     setClickTimeoutId(null);
-
     if (e.target.tagName !== TAG_INPUT) {
       onDoubleClick(id);
     } else {
       inputRef.current && inputRef.current.focus();
     }
   };
-
   const handleChange = e => onChange({
     itemId: id,
     value: e.target.value
   });
-
   const getContent = () => {
     if (type === EXPRESSION_TYPE_NUMBER) {
       return /*#__PURE__*/React.createElement("div", {
-        className: "jsx-".concat(styles.__hash) + " " + (cx('content', 'number', {
+        className: `jsx-${styles.__hash}` + " " + (cx('content', 'number', {
           highlighted: isHighlighted
         }) || "")
       }, DragHandleIcon, /*#__PURE__*/React.createElement("span", {
-        className: "jsx-".concat(styles.__hash) + " " + "number-positioner"
+        className: `jsx-${styles.__hash}` + " " + "number-positioner"
       }, /*#__PURE__*/React.createElement("span", {
         "aria-hidden": "true",
-        className: "jsx-".concat(styles.__hash) + " " + "number-width"
+        className: `jsx-${styles.__hash}` + " " + "number-width"
       }, value), /*#__PURE__*/React.createElement("input", {
         id: id,
         name: label,
@@ -137,51 +128,48 @@ const FormulaItem = _ref => {
         value: value,
         type: "number",
         ref: inputRef,
-        className: "jsx-".concat(styles.__hash) + " " + "input"
+        className: `jsx-${styles.__hash}` + " " + "input"
       })), /*#__PURE__*/React.createElement(_JSXStyle, {
         id: styles.__hash
       }, styles));
     }
-
     if (type === EXPRESSION_TYPE_DATA) {
       return /*#__PURE__*/React.createElement(Tooltip, {
         content: label,
         placement: "bottom"
       }, /*#__PURE__*/React.createElement("div", {
-        className: "jsx-".concat(styles.__hash) + " " + (cx('content', 'data', {
+        className: `jsx-${styles.__hash}` + " " + (cx('content', 'data', {
           highlighted: isHighlighted
         }) || "")
       }, /*#__PURE__*/React.createElement("span", {
-        className: "jsx-".concat(styles.__hash) + " " + "icon"
+        className: `jsx-${styles.__hash}` + " " + "icon"
       }, getIcon(DIMENSION_TYPE_DATA_ELEMENT)), /*#__PURE__*/React.createElement("span", {
-        className: "jsx-".concat(styles.__hash) + " " + "label"
+        className: `jsx-${styles.__hash}` + " " + "label"
       }, label), /*#__PURE__*/React.createElement(_JSXStyle, {
         id: styles.__hash
       }, styles)));
     }
-
     return /*#__PURE__*/React.createElement("div", {
-      className: "jsx-".concat(styles.__hash) + " " + (cx('content', 'operator', {
+      className: `jsx-${styles.__hash}` + " " + (cx('content', 'operator', {
         highlighted: isHighlighted
       }) || "")
     }, /*#__PURE__*/React.createElement("span", {
-      className: "jsx-".concat(styles.__hash) + " " + "label"
+      className: `jsx-${styles.__hash}` + " " + "label"
     }, label), /*#__PURE__*/React.createElement(_JSXStyle, {
       id: styles.__hash
     }, styles));
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: setNodeRef,
     style: style,
-    className: "jsx-".concat(styles.__hash) + " " + (cx({
+    className: `jsx-${styles.__hash}` + " " + (cx({
       'last-item': isLast
     }) || "")
   }, /*#__PURE__*/React.createElement("div", _extends({}, attributes, listeners, {
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,
-    "data-test": "formula-item-".concat(id),
-    className: "jsx-".concat(styles.__hash) + " " + (cx('formula-item', {
+    "data-test": `formula-item-${id}`,
+    className: `jsx-${styles.__hash}` + " " + (cx('formula-item', {
       inactive: !isDragging,
       insertBefore: insertPosition === BEFORE,
       insertAfter: insertPosition === AFTER
@@ -190,7 +178,6 @@ const FormulaItem = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 FormulaItem.propTypes = {
   id: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,

package/build/es/components/DataDimension/Calculation/MathOperatorSelector.js

@@ -5,18 +5,17 @@ import i18n from '../../../locales/index.js';
 import { getOperators } from '../../../modules/expressions.js';
 import DraggableOperator from './Operator.js';
 import styles from './styles/MathOperatorSelector.style.js';
-
 const MathOperatorSelector = _ref => {
   let {
     onDoubleClick
   } = _ref;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "jsx-".concat(styles.__hash) + " " + "wrapper"
+    className: `jsx-${styles.__hash}` + " " + "wrapper"
   }, /*#__PURE__*/React.createElement("h4", {
-    className: "jsx-".concat(styles.__hash) + " " + "sub-header"
+    className: `jsx-${styles.__hash}` + " " + "sub-header"
   }, i18n.t('Math operators')), /*#__PURE__*/React.createElement("div", {
     "data-test": "operators-list",
-    className: "jsx-".concat(styles.__hash) + " " + "operators"
+    className: `jsx-${styles.__hash}` + " " + "operators"
   }, getOperators().map((_ref2, index) => {
     let {
       label,
@@ -24,7 +23,7 @@ const MathOperatorSelector = _ref => {
       type
     } = _ref2;
     return /*#__PURE__*/React.createElement(DraggableOperator, {
-      key: "".concat(label, "-").concat(index),
+      key: `${label}-${index}`,
       label: label,
       value: value,
       type: type,
@@ -35,7 +34,6 @@ const MathOperatorSelector = _ref => {
     id: styles.__hash
   }, styles));
 };
-
 MathOperatorSelector.propTypes = {
   onDoubleClick: PropTypes.func.isRequired
 };

package/build/es/components/DataDimension/Calculation/Operator.js

@@ -1,7 +1,5 @@
 import _JSXStyle from "styled-jsx/style";
-
-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); }
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import cx from 'classnames';
@@ -10,7 +8,6 @@ import React from 'react';
 import { EXPRESSION_TYPE_NUMBER, EXPRESSION_TYPE_OPERATOR } from '../../../modules/expressions.js';
 import formulaItemStyles from './styles/FormulaItem.style.js';
 import styles from './styles/Operator.style.js';
-
 const Operator = _ref => {
   let {
     label,
@@ -29,7 +26,7 @@ const Operator = _ref => {
     setNodeRef,
     transform
   } = useSortable({
-    id: "operator-".concat(label),
+    id: `operator-${label}`,
     data
   });
   const style = {
@@ -38,23 +35,22 @@ const Operator = _ref => {
   return /*#__PURE__*/React.createElement("div", _extends({}, attributes, listeners, {
     ref: setNodeRef,
     style: style,
-    className: "jsx-".concat(formulaItemStyles.__hash, " jsx-").concat(styles.__hash) + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "")
+    className: `jsx-${formulaItemStyles.__hash} jsx-${styles.__hash}` + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "")
   }), /*#__PURE__*/React.createElement("div", {
     "data-test": "operator",
     onDoubleClick: () => onDoubleClick(data),
-    className: "jsx-".concat(formulaItemStyles.__hash, " jsx-").concat(styles.__hash) + " " + (cx('content', {
+    className: `jsx-${formulaItemStyles.__hash} jsx-${styles.__hash}` + " " + (cx('content', {
       operator: type === EXPRESSION_TYPE_OPERATOR,
       number: type === EXPRESSION_TYPE_NUMBER
     }) || "")
   }, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-".concat(formulaItemStyles.__hash, " jsx-").concat(styles.__hash)
+    className: `jsx-${formulaItemStyles.__hash} jsx-${styles.__hash}`
   }, label)), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: formulaItemStyles.__hash
   }, formulaItemStyles), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: styles.__hash
   }, styles));
 };
-
 Operator.propTypes = {
   label: PropTypes.string.isRequired,
   type: PropTypes.string.isRequired,

package/build/es/components/DataDimension/Calculation/styles/CalculationModal.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".header.jsx-1005744271{background:".concat(colors.grey200, ";padding:").concat(spacers.dp16, ";font-weight:normal;}"), ".header-icon.jsx-1005744271{padding:0 ".concat(spacers.dp8, ";vertical-align:text-bottom;line-height:14px;}"), ".actions-wrapper.jsx-1005744271{margin-top:".concat(spacers.dp16, ";margin-bottom:").concat(spacers.dp16, ";margin-left:").concat(spacers.dp4, ";}"), ".button-container.jsx-1005744271{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".validate-button.jsx-1005744271{margin-bottom:".concat(spacers.dp4, ";}"), ".remove-button.jsx-1005744271{margin-right:".concat(spacers.dp8, ";}"), ".delete-button.jsx-1005744271{margin-right:".concat(spacers.dp8, ";}"), ".content.jsx-1005744271{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".left-section.jsx-1005744271{width:45%;}", ".right-section.jsx-1005744271{width:55%;padding-left:".concat(spacers.dp8, ";font-size:14px;}"), ".validation-message.jsx-1005744271{margin-left:".concat(spacers.dp8, ";}"), ".validation-error.jsx-1005744271{color:".concat(colors.red500, ";}"), ".validation-success.jsx-1005744271{color:".concat(colors.green500, ";}"), ".name-input.jsx-1005744271{margin-top:".concat(spacers.dp12, ";}")];
+const _defaultExport = [`.header.jsx-1005744271{background:${colors.grey200};padding:${spacers.dp16};font-weight:normal;}`, `.header-icon.jsx-1005744271{padding:0 ${spacers.dp8};vertical-align:text-bottom;line-height:14px;}`, `.actions-wrapper.jsx-1005744271{margin-top:${spacers.dp16};margin-bottom:${spacers.dp16};margin-left:${spacers.dp4};}`, ".button-container.jsx-1005744271{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.validate-button.jsx-1005744271{margin-bottom:${spacers.dp4};}`, `.remove-button.jsx-1005744271{margin-right:${spacers.dp8};}`, `.delete-button.jsx-1005744271{margin-right:${spacers.dp8};}`, ".content.jsx-1005744271{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".left-section.jsx-1005744271{width:45%;}", `.right-section.jsx-1005744271{width:55%;padding-left:${spacers.dp8};font-size:14px;}`, `.validation-message.jsx-1005744271{margin-left:${spacers.dp8};}`, `.validation-error.jsx-1005744271{color:${colors.red500};}`, `.validation-success.jsx-1005744271{color:${colors.green500};}`, `.name-input.jsx-1005744271{margin-top:${spacers.dp12};}`];
 _defaultExport.__hash = "1005744271";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/DataElementOption.style.js

@@ -1,4 +1,4 @@
 import { spacers, colors } from '@dhis2/ui';
-const _defaultExport = [".wrapper.jsx-2286537164{margin-top:".concat(spacers.dp4, ";}"), ".wrapper.jsx-2286537164:last-child{margin-bottom:".concat(spacers.dp4, ";}"), ".draggable-item.jsx-2286537164{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".chip.jsx-2286537164{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:".concat(colors.grey200, ";font-size:14px;padding:2px ").concat(spacers.dp8, " 2px 2px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), ".chip.jsx-2286537164:hover{background:".concat(colors.grey300, ";}"), ".icon.jsx-2286537164,.label.jsx-2286537164{line-height:18px;}", ".icon.jsx-2286537164{margin-right:2px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom;padding-top:1px;}"];
+const _defaultExport = [`.wrapper.jsx-2286537164{margin-top:${spacers.dp4};}`, `.wrapper.jsx-2286537164:last-child{margin-bottom:${spacers.dp4};}`, ".draggable-item.jsx-2286537164{cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", `.chip.jsx-2286537164{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;background:${colors.grey200};font-size:14px;padding:2px ${spacers.dp8} 2px 2px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `.chip.jsx-2286537164:hover{background:${colors.grey300};}`, ".icon.jsx-2286537164,.label.jsx-2286537164{line-height:18px;}", ".icon.jsx-2286537164{margin-right:2px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:text-bottom;padding-top:1px;}"];
 _defaultExport.__hash = "2286537164";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/DataElementSelector.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".dimension-list-container.jsx-4262244129{position:relative;}", ".dimension-list-scrollbox.jsx-4262244129{position:relative;width:100%;height:337px;overflow:hidden;overflow-y:auto;border:1px solid ".concat(colors.grey400, ";}"), ".dimension-list-scroller.jsx-4262244129{position:relative;min-height:1px;padding:0 ".concat(spacers.dp4, ";}"), ".dimension-list-scroller.loading.jsx-4262244129{-webkit-filter:blur(2px);filter:blur(2px);}", ".scroll-detector.jsx-4262244129{boxsizing:border-box;width:100%;height:100px;position:absolute;bottom:0;left:0;z-index:-1;}", ".dimension-list-overlay.jsx-4262244129{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;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;}", ".filter-wrapper.jsx-4262244129{padding:".concat(spacers.dp8, ";border:1px solid ").concat(colors.grey400, ";border-bottom:0;}"), ".selector-wrapper.jsx-4262244129{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(spacers.dp4, ";}"), ".sub-header.jsx-4262244129{font-size:14px;font-weight:normal;margin:0 0 ".concat(spacers.dp4, ";}"), ".group-select.jsx-4262244129{width:50%;margin-top:".concat(spacers.dp4, ";}"), ".empty-list.jsx-4262244129{text-align:center;font-size:14px;line-height:16px;margin:".concat(spacers.dp24, " 0 0;color:").concat(colors.grey700, ";}")];
+const _defaultExport = [".dimension-list-container.jsx-4262244129{position:relative;}", `.dimension-list-scrollbox.jsx-4262244129{position:relative;width:100%;height:337px;overflow:hidden;overflow-y:auto;border:1px solid ${colors.grey400};}`, `.dimension-list-scroller.jsx-4262244129{position:relative;min-height:1px;padding:0 ${spacers.dp4};}`, ".dimension-list-scroller.loading.jsx-4262244129{-webkit-filter:blur(2px);filter:blur(2px);}", ".scroll-detector.jsx-4262244129{boxsizing:border-box;width:100%;height:100px;position:absolute;bottom:0;left:0;z-index:-1;}", ".dimension-list-overlay.jsx-4262244129{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;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;}", `.filter-wrapper.jsx-4262244129{padding:${spacers.dp8};border:1px solid ${colors.grey400};border-bottom:0;}`, `.selector-wrapper.jsx-4262244129{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${spacers.dp4};}`, `.sub-header.jsx-4262244129{font-size:14px;font-weight:normal;margin:0 0 ${spacers.dp4};}`, `.group-select.jsx-4262244129{width:50%;margin-top:${spacers.dp4};}`, `.empty-list.jsx-4262244129{text-align:center;font-size:14px;line-height:16px;margin:${spacers.dp24} 0 0;color:${colors.grey700};}`];
 _defaultExport.__hash = "4262244129";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/DraggingItem.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".dragging.jsx-2818590818{border:2px solid ".concat(colors.blue500, ";cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}"), ".number.jsx-2818590818{padding:0 ".concat(spacers.dp8, ";}")];
+const _defaultExport = [`.dragging.jsx-2818590818{border:2px solid ${colors.blue500};cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}`, `.number.jsx-2818590818{padding:0 ${spacers.dp8};}`];
 _defaultExport.__hash = "2818590818";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/DropZone.style.js

@@ -1,4 +1,4 @@
 import { colors } from '@dhis2/ui';
-const _defaultExport = [".first-dropzone.jsx-3773517794{position:absolute;top:0;left:0;z-index:-1;width:24px;height:28px;background-color:transparent;}", ".dragging-over.jsx-3773517794{z-index:100;}", ".empty.jsx-3773517794{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:100;margin-left:-10px;margin-top:-4px;}", ".dragging-over.jsx-3773517794::before,.dragging-over.jsx-3773517794::after{content:'';position:absolute;}", ".dragging-over.jsx-3773517794::before{top:10px;width:4px;left:4px;height:18px;background-color:".concat(colors.blue500, ";}"), ".dragging-over.jsx-3773517794::after{top:0;left:0;width:12px;height:12px;border:4px solid ".concat(colors.blue500, ";background:transparent;border-radius:12px;}")];
+const _defaultExport = [".first-dropzone.jsx-3773517794{position:absolute;top:0;left:0;z-index:-1;width:24px;height:28px;background-color:transparent;}", ".dragging-over.jsx-3773517794{z-index:100;}", ".empty.jsx-3773517794{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;z-index:100;margin-left:-10px;margin-top:-4px;}", ".dragging-over.jsx-3773517794::before,.dragging-over.jsx-3773517794::after{content:'';position:absolute;}", `.dragging-over.jsx-3773517794::before{top:10px;width:4px;left:4px;height:18px;background-color:${colors.blue500};}`, `.dragging-over.jsx-3773517794::after{top:0;left:0;width:12px;height:12px;border:4px solid ${colors.blue500};background:transparent;border-radius:12px;}`];
 _defaultExport.__hash = "3773517794";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/FormulaField.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".formula-field.jsx-926760428{border-right:2px solid ".concat(colors.grey200, ";height:180px;overflow:auto;padding:6px 12px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:").concat(spacers.dp4, " ").concat(spacers.dp8, ";width:100%;}"), ".container.jsx-926760428{position:relative;}", ".border.jsx-926760428{position:absolute;top:0;left:6px;height:180px;width:calc(100% - 6px);border-left:2px solid ".concat(colors.grey200, ";border-top:2px solid ").concat(colors.grey200, ";border-bottom:2px solid ").concat(colors.grey200, ";}"), ".placeholder.jsx-926760428{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:".concat(spacers.dp8, ";-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;margin-top:-28px;padding:0 ").concat(spacers.dp32, ";}"), ".help-text.jsx-926760428{color:".concat(colors.grey600, ";font-size:14px;line-height:19px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")];
+const _defaultExport = [`.formula-field.jsx-926760428{border-right:2px solid ${colors.grey200};height:180px;overflow:auto;padding:6px 12px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:${spacers.dp4} ${spacers.dp8};width:100%;}`, ".container.jsx-926760428{position:relative;}", `.border.jsx-926760428{position:absolute;top:0;left:6px;height:180px;width:calc(100% - 6px);border-left:2px solid ${colors.grey200};border-top:2px solid ${colors.grey200};border-bottom:2px solid ${colors.grey200};}`, `.placeholder.jsx-926760428{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:${spacers.dp8};-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;margin-top:-28px;padding:0 ${spacers.dp32};}`, `.help-text.jsx-926760428{color:${colors.grey600};font-size:14px;line-height:19px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`];
 _defaultExport.__hash = "926760428";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/FormulaItem.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers, theme } from '@dhis2/ui';
-const _defaultExport = [".formula-item.jsx-255634210{position:relative;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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}", ".formula-item.jsx-255634210:not(.inactive){opacity:0.5;}", ".content.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:24px;font-size:14px;border-radius:3px;background:".concat(colors.grey200, ";}"), ".icon.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-right:2px;}", ".operator.jsx-255634210{padding:0;width:24px;}", ".data.jsx-255634210,.number.jsx-255634210{padding:0 ".concat(spacers.dp8, " 0 2px;}"), ".operator.jsx-255634210 .label.jsx-255634210{margin-bottom:1px;}", ".data.jsx-255634210 .label.jsx-255634210{max-width:280px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}", ".number-positioner.jsx-255634210{position:relative;line-height:18px;}", ".number-width.jsx-255634210{padding:0 24px 0 0;visibility:hidden;}", ".input.jsx-255634210{position:absolute;width:100%;left:0;background-color:transparent;border:1px dashed #a0adba;padding:0 0 0 2px;}", ".input.jsx-255634210:hover,.input.jsx-255634210:focus{background:white;border:1px solid rgba(0,0,0,0.2);}", ".highlighted.jsx-255634210{background:".concat(theme.secondary800, ";color:").concat(colors.white, ";}"), ".highlighted.jsx-255634210 .input.jsx-255634210{color:".concat(colors.white, ";}"), ".highlighted.jsx-255634210 .input.jsx-255634210:hover,.highlighted.jsx-255634210 .input.jsx-255634210:active,.highlighted.jsx-255634210 .input.jsx-255634210:focus{color:".concat(colors.grey900, ";}"), ".highlighted.jsx-255634210 .icon path{fill:".concat(colors.white, ";}"), ".inactive.insertBefore.jsx-255634210 .content.jsx-255634210::before,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::before,.inactive.insertBefore.jsx-255634210 .content.jsx-255634210::after,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::after{content:'';position:absolute;z-index:100;}", ".content.jsx-255634210::before{top:6px;bottom:0;width:4px;background-color:".concat(colors.blue500, ";}"), ".content.jsx-255634210::after{top:-4px;width:12px;height:12px;border:4px solid ".concat(colors.blue500, ";background:transparent;border-radius:12px;}"), ".last-item.jsx-255634210{-webkit-flex:1;-ms-flex:1;flex:1;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::before{left:-6px;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::after{left:-10px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::before{right:-6px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::after{right:-10px;}"];
+const _defaultExport = [".formula-item.jsx-255634210{position:relative;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;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}", ".formula-item.jsx-255634210:not(.inactive){opacity:0.5;}", `.content.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:24px;font-size:14px;border-radius:3px;background:${colors.grey200};}`, ".icon.jsx-255634210{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-right:2px;}", ".operator.jsx-255634210{padding:0;width:24px;}", `.data.jsx-255634210,.number.jsx-255634210{padding:0 ${spacers.dp8} 0 2px;}`, ".operator.jsx-255634210 .label.jsx-255634210{margin-bottom:1px;}", ".data.jsx-255634210 .label.jsx-255634210{max-width:280px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}", ".number-positioner.jsx-255634210{position:relative;line-height:18px;}", ".number-width.jsx-255634210{padding:0 24px 0 0;visibility:hidden;}", ".input.jsx-255634210{position:absolute;width:100%;left:0;background-color:transparent;border:1px dashed #a0adba;padding:0 0 0 2px;}", ".input.jsx-255634210:hover,.input.jsx-255634210:focus{background:white;border:1px solid rgba(0,0,0,0.2);}", `.highlighted.jsx-255634210{background:${theme.secondary800};color:${colors.white};}`, `.highlighted.jsx-255634210 .input.jsx-255634210{color:${colors.white};}`, `.highlighted.jsx-255634210 .input.jsx-255634210:hover,.highlighted.jsx-255634210 .input.jsx-255634210:active,.highlighted.jsx-255634210 .input.jsx-255634210:focus{color:${colors.grey900};}`, `.highlighted.jsx-255634210 .icon path{fill:${colors.white};}`, ".inactive.insertBefore.jsx-255634210 .content.jsx-255634210::before,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::before,.inactive.insertBefore.jsx-255634210 .content.jsx-255634210::after,.inactive.insertAfter.jsx-255634210 .content.jsx-255634210::after{content:'';position:absolute;z-index:100;}", `.content.jsx-255634210::before{top:6px;bottom:0;width:4px;background-color:${colors.blue500};}`, `.content.jsx-255634210::after{top:-4px;width:12px;height:12px;border:4px solid ${colors.blue500};background:transparent;border-radius:12px;}`, ".last-item.jsx-255634210{-webkit-flex:1;-ms-flex:1;flex:1;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::before{left:-6px;}", ".insertBefore.jsx-255634210 .content.jsx-255634210::after{left:-10px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::before{right:-6px;}", ".insertAfter.jsx-255634210 .content.jsx-255634210::after{right:-10px;}"];
 _defaultExport.__hash = "255634210";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/MathOperatorSelector.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".wrapper.jsx-1314592703{border:1px solid ".concat(colors.grey400, ";margin-top:").concat(spacers.dp8, ";}"), ".operators.jsx-1314592703{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:".concat(spacers.dp4, ";padding:").concat(spacers.dp4, ";border-top:1px solid ").concat(colors.grey400, ";}"), ".sub-header.jsx-1314592703{font-size:14px;font-weight:normal;margin:".concat(spacers.dp4, " ").concat(spacers.dp8, ";}")];
+const _defaultExport = [`.wrapper.jsx-1314592703{border:1px solid ${colors.grey400};margin-top:${spacers.dp8};}`, `.operators.jsx-1314592703{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:${spacers.dp4};padding:${spacers.dp4};border-top:1px solid ${colors.grey400};}`, `.sub-header.jsx-1314592703{font-size:14px;font-weight:normal;margin:${spacers.dp4} ${spacers.dp8};}`];
 _defaultExport.__hash = "1314592703";
 export default _defaultExport;

package/build/es/components/DataDimension/Calculation/styles/Operator.style.js

@@ -1,4 +1,4 @@
 import { colors, spacers } from '@dhis2/ui';
-const _defaultExport = [".number.jsx-2117397001{padding:0 ".concat(spacers.dp8, ";}"), ".operator.jsx-2117397001:hover,.number.jsx-2117397001:hover{background:".concat(colors.grey300, ";}")];
+const _defaultExport = [`.number.jsx-2117397001{padding:0 ${spacers.dp8};}`, `.operator.jsx-2117397001:hover,.number.jsx-2117397001:hover{background:${colors.grey300};}`];
 _defaultExport.__hash = "2117397001";
 export default _defaultExport;