@dhis2/analytics 24.10.1 → 25.1.0

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

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LAST_DROPZONE_ID = exports.FORMULA_BOX_ID = void 0;
+
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+
+var _ui = require("@dhis2/ui");
+
+var _core = require("@dnd-kit/core");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FormulaIcon = _interopRequireDefault(require("../../../assets/FormulaIcon.js"));
+
+var _DropZone = _interopRequireDefault(require("./DropZone.js"));
+
+var _FormulaItem = _interopRequireDefault(require("./FormulaItem.js"));
+
+var _FormulaFieldStyle = _interopRequireDefault(require("./styles/FormulaField.style.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const LAST_DROPZONE_ID = 'lastdropzone';
+exports.LAST_DROPZONE_ID = LAST_DROPZONE_ID;
+const FORMULA_BOX_ID = 'formulabox';
+exports.FORMULA_BOX_ID = FORMULA_BOX_ID;
+
+const Placeholder = () => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": "placeholder",
+  className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "placeholder"
+}, /*#__PURE__*/_react.default.createElement(_FormulaIcon.default, null), /*#__PURE__*/_react.default.createElement("span", {
+  className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "help-text"
+}, _d2I18n.default.t('Drag items here, or double click in the list, to start building a calculation formula')), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: _FormulaFieldStyle.default.__hash
+}, _FormulaFieldStyle.default));
+
+const FormulaField = _ref => {
+  let {
+    items = [],
+    selectedItemId,
+    focusItemId,
+    onChange,
+    onClick,
+    onDoubleClick,
+    loading
+  } = _ref;
+  const {
+    over,
+    setNodeRef: setLastDropzoneRef
+  } = (0, _core.useDroppable)({
+    id: LAST_DROPZONE_ID
+  });
+  const itemIds = items.map(item => item.id);
+  const overLastDropZone = (over === null || over === void 0 ? void 0 : over.id) === LAST_DROPZONE_ID;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "container"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "border"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: setLastDropzoneRef,
+    "data-test": "formula-field",
+    className: "jsx-".concat(_FormulaFieldStyle.default.__hash) + " " + "formula-field"
+  }, loading && /*#__PURE__*/_react.default.createElement(_ui.Center, null, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, {
+    small: true
+  })), !loading && itemIds && /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    id: FORMULA_BOX_ID,
+    items: itemIds
+  }, /*#__PURE__*/_react.default.createElement(_DropZone.default, {
+    firstElementId: itemIds[0],
+    overLastDropZone: overLastDropZone
+  }), !items.length && /*#__PURE__*/_react.default.createElement(Placeholder, null), Boolean(items.length) && items.map((_ref2, index) => {
+    let {
+      id,
+      label,
+      type,
+      value
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_FormulaItem.default, {
+      key: id,
+      id: id,
+      label: label,
+      type: type,
+      value: value,
+      hasFocus: focusItemId === id,
+      isHighlighted: selectedItemId === id,
+      isLast: index === items.length - 1,
+      onChange: onChange,
+      onClick: onClick,
+      onDoubleClick: onDoubleClick,
+      overLastDropZone: overLastDropZone
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _FormulaFieldStyle.default.__hash
+  }, _FormulaFieldStyle.default));
+};
+
+FormulaField.propTypes = {
+  onChange: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  onDoubleClick: _propTypes.default.func.isRequired,
+  focusItemId: _propTypes.default.string,
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    label: _propTypes.default.string,
+    type: _propTypes.default.string,
+    value: _propTypes.default.string
+  })),
+  loading: _propTypes.default.bool,
+  selectedItemId: _propTypes.default.string
+};
+var _default = FormulaField;
+exports.default = _default;

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

@@ -0,0 +1,232 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
+var _ui = require("@dhis2/ui");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _dataTypes = require("../../../modules/dataTypes.js");
+
+var _dimensionListItem = require("../../../modules/dimensionListItem.js");
+
+var _expressions = require("../../../modules/expressions.js");
+
+var _DragHandleIcon = _interopRequireDefault(require("./DragHandleIcon.js"));
+
+var _FormulaItemStyle = _interopRequireDefault(require("./styles/FormulaItem.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 _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); }
+
+const BEFORE = 'BEFORE';
+const AFTER = 'AFTER';
+const maxMsBetweenClicks = 300;
+const TAG_INPUT = 'INPUT';
+
+const FormulaItem = _ref => {
+  let {
+    id,
+    label,
+    value = '',
+    type,
+    isLast,
+    isHighlighted,
+    overLastDropZone,
+    onChange,
+    onClick,
+    onDoubleClick,
+    hasFocus
+  } = _ref;
+  const {
+    attributes,
+    listeners,
+    index,
+    isDragging,
+    over,
+    active,
+    setNodeRef,
+    transform,
+    transition
+  } = (0, _sortable.useSortable)({
+    id,
+    data: {
+      label,
+      type,
+      value
+    }
+  });
+  const inputRef = (0, _react.useRef)(null);
+  const [clickTimeoutId, setClickTimeoutId] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (hasFocus && inputRef.current) {
+      // setTimeout seems to be needed in order for the cursor
+      // to remain in the input. Without it, the cursor disappears
+      // even though the input still has the focus.
+      setTimeout(() => {
+        inputRef.current.focus();
+      }, 50);
+    }
+  }, [inputRef, hasFocus]);
+  const activeIndex = (active === null || active === void 0 ? void 0 : active.data.current.sortable.index) || -1;
+  const style = transform ? {
+    transform: active ? undefined : _utilities.CSS.Translate.toString({
+      x: transform.x,
+      y: transform.y,
+      scaleX: 1,
+      scaleY: 1
+    }),
+    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) {
+      //The item being dragged came from the expression options
+      // so we will insert after
+      insertPosition = AFTER;
+    } else {
+      // The item being dragged is being moved in the formula
+      // so if the item is before the item being dragged, use the
+      // BEFORE position. Otherwise use the AFTER position
+      insertPosition = index > activeIndex ? AFTER : BEFORE;
+    }
+  } else if (isLast && overLastDropZone) {
+    insertPosition = AFTER;
+  }
+
+  const handleClick = e => {
+    const tagname = e.target.tagName;
+    clearTimeout(clickTimeoutId);
+    const to = setTimeout(function () {
+      if (tagname !== TAG_INPUT) {
+        onClick(id);
+      } else {
+        inputRef.current && inputRef.current.focus();
+      }
+    }, 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 === _expressions.EXPRESSION_TYPE_NUMBER) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('content', 'number', {
+          highlighted: isHighlighted
+        }) || "")
+      }, _DragHandleIcon.default, /*#__PURE__*/_react.default.createElement("span", {
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "number-positioner"
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        "aria-hidden": "true",
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "number-width"
+      }, value), /*#__PURE__*/_react.default.createElement("input", {
+        id: id,
+        name: label,
+        onChange: handleChange,
+        value: value,
+        type: "number",
+        ref: inputRef,
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "input"
+      })), /*#__PURE__*/_react.default.createElement(_style.default, {
+        id: _FormulaItemStyle.default.__hash
+      }, _FormulaItemStyle.default));
+    }
+
+    if (type === _expressions.EXPRESSION_TYPE_DATA) {
+      return /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
+        content: label,
+        placement: "bottom"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('content', 'data', {
+          highlighted: isHighlighted
+        }) || "")
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "icon"
+      }, (0, _dimensionListItem.getIcon)(_dataTypes.DIMENSION_TYPE_DATA_ELEMENT)), /*#__PURE__*/_react.default.createElement("span", {
+        className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "label"
+      }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
+        id: _FormulaItemStyle.default.__hash
+      }, _FormulaItemStyle.default)));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('content', 'operator', {
+        highlighted: isHighlighted
+      }) || "")
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + "label"
+    }, label), /*#__PURE__*/_react.default.createElement(_style.default, {
+      id: _FormulaItemStyle.default.__hash
+    }, _FormulaItemStyle.default));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: setNodeRef,
+    style: style,
+    className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)({
+      'last-item': isLast
+    }) || "")
+  }, /*#__PURE__*/_react.default.createElement("div", _extends({}, attributes, listeners, {
+    onClick: handleClick,
+    onDoubleClick: handleDoubleClick,
+    "data-test": "formula-item-".concat(id),
+    className: "jsx-".concat(_FormulaItemStyle.default.__hash) + " " + ((0, _classnames.default)('formula-item', {
+      inactive: !isDragging,
+      insertBefore: insertPosition === BEFORE,
+      insertAfter: insertPosition === AFTER
+    }) || "")
+  }), getContent())), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _FormulaItemStyle.default.__hash
+  }, _FormulaItemStyle.default));
+};
+
+FormulaItem.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  label: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired,
+  onChange: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func.isRequired,
+  onDoubleClick: _propTypes.default.func.isRequired,
+  hasFocus: _propTypes.default.bool,
+  isHighlighted: _propTypes.default.bool,
+  isLast: _propTypes.default.bool,
+  overLastDropZone: _propTypes.default.bool,
+  value: _propTypes.default.string
+};
+var _default = FormulaItem;
+exports.default = _default;

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _style = _interopRequireDefault(require("styled-jsx/style"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("../../../locales/index.js"));
+
+var _expressions = require("../../../modules/expressions.js");
+
+var _Operator = _interopRequireDefault(require("./Operator.js"));
+
+var _MathOperatorSelectorStyle = _interopRequireDefault(require("./styles/MathOperatorSelector.style.js"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MathOperatorSelector = _ref => {
+  let {
+    onDoubleClick
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "jsx-".concat(_MathOperatorSelectorStyle.default.__hash) + " " + "wrapper"
+  }, /*#__PURE__*/_react.default.createElement("h4", {
+    className: "jsx-".concat(_MathOperatorSelectorStyle.default.__hash) + " " + "sub-header"
+  }, _index.default.t('Math operators')), /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": "operators-list",
+    className: "jsx-".concat(_MathOperatorSelectorStyle.default.__hash) + " " + "operators"
+  }, (0, _expressions.getOperators)().map((_ref2, index) => {
+    let {
+      label,
+      value,
+      type
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_Operator.default, {
+      key: "".concat(label, "-").concat(index),
+      label: label,
+      value: value,
+      type: type,
+      index: index,
+      onDoubleClick: onDoubleClick
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _MathOperatorSelectorStyle.default.__hash
+  }, _MathOperatorSelectorStyle.default));
+};
+
+MathOperatorSelector.propTypes = {
+  onDoubleClick: _propTypes.default.func.isRequired
+};
+var _default = MathOperatorSelector;
+exports.default = _default;

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

@@ -0,0 +1,81 @@
+"use strict";
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _expressions = require("../../../modules/expressions.js");
+
+var _FormulaItemStyle = _interopRequireDefault(require("./styles/FormulaItem.style.js"));
+
+var _OperatorStyle = _interopRequireDefault(require("./styles/Operator.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); }
+
+const Operator = _ref => {
+  let {
+    label,
+    value,
+    type,
+    onDoubleClick
+  } = _ref;
+  const data = {
+    label,
+    value,
+    type
+  };
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform
+  } = (0, _sortable.useSortable)({
+    id: "operator-".concat(label),
+    data
+  });
+  const style = {
+    transform: _utilities.CSS.Translate.toString(transform)
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, attributes, listeners, {
+    ref: setNodeRef,
+    style: style,
+    className: "jsx-".concat(_FormulaItemStyle.default.__hash, " jsx-").concat(_OperatorStyle.default.__hash) + " " + (listeners && listeners.className != null && listeners.className || attributes && attributes.className != null && attributes.className || "")
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": "operator",
+    onDoubleClick: () => onDoubleClick(data),
+    className: "jsx-".concat(_FormulaItemStyle.default.__hash, " jsx-").concat(_OperatorStyle.default.__hash) + " " + ((0, _classnames.default)('content', {
+      operator: type === _expressions.EXPRESSION_TYPE_OPERATOR,
+      number: type === _expressions.EXPRESSION_TYPE_NUMBER
+    }) || "")
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "jsx-".concat(_FormulaItemStyle.default.__hash, " jsx-").concat(_OperatorStyle.default.__hash)
+  }, label)), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _FormulaItemStyle.default.__hash
+  }, _FormulaItemStyle.default), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: _OperatorStyle.default.__hash
+  }, _OperatorStyle.default));
+};
+
+Operator.propTypes = {
+  label: _propTypes.default.string.isRequired,
+  type: _propTypes.default.string.isRequired,
+  value: _propTypes.default.string.isRequired,
+  onDoubleClick: _propTypes.default.func.isRequired
+};
+var _default = Operator;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".header.jsx-1005744271{background:".concat(_ui.colors.grey200, ";padding:").concat(_ui.spacers.dp16, ";font-weight:normal;}"), ".header-icon.jsx-1005744271{padding:0 ".concat(_ui.spacers.dp8, ";vertical-align:text-bottom;line-height:14px;}"), ".actions-wrapper.jsx-1005744271{margin-top:".concat(_ui.spacers.dp16, ";margin-bottom:").concat(_ui.spacers.dp16, ";margin-left:").concat(_ui.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(_ui.spacers.dp4, ";}"), ".remove-button.jsx-1005744271{margin-right:".concat(_ui.spacers.dp8, ";}"), ".delete-button.jsx-1005744271{margin-right:".concat(_ui.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(_ui.spacers.dp8, ";font-size:14px;}"), ".validation-message.jsx-1005744271{margin-left:".concat(_ui.spacers.dp8, ";}"), ".validation-error.jsx-1005744271{color:".concat(_ui.colors.red500, ";}"), ".validation-success.jsx-1005744271{color:".concat(_ui.colors.green500, ";}"), ".name-input.jsx-1005744271{margin-top:".concat(_ui.spacers.dp12, ";}")];
+_defaultExport.__hash = "1005744271";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".wrapper.jsx-2286537164{margin-top:".concat(_ui.spacers.dp4, ";}"), ".wrapper.jsx-2286537164:last-child{margin-bottom:".concat(_ui.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(_ui.colors.grey200, ";font-size:14px;padding:2px ").concat(_ui.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(_ui.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";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@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(_ui.colors.grey400, ";}"), ".dimension-list-scroller.jsx-4262244129{position:relative;min-height:1px;padding:0 ".concat(_ui.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(_ui.spacers.dp8, ";border:1px solid ").concat(_ui.colors.grey400, ";border-bottom:0;}"), ".selector-wrapper.jsx-4262244129{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:".concat(_ui.spacers.dp4, ";}"), ".sub-header.jsx-4262244129{font-size:14px;font-weight:normal;margin:0 0 ".concat(_ui.spacers.dp4, ";}"), ".group-select.jsx-4262244129{width:50%;margin-top:".concat(_ui.spacers.dp4, ";}"), ".empty-list.jsx-4262244129{text-align:center;font-size:14px;line-height:16px;margin:".concat(_ui.spacers.dp24, " 0 0;color:").concat(_ui.colors.grey700, ";}")];
+_defaultExport.__hash = "4262244129";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".dragging.jsx-2818590818{border:2px solid ".concat(_ui.colors.blue500, ";cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}"), ".number.jsx-2818590818{padding:0 ".concat(_ui.spacers.dp8, ";}")];
+_defaultExport.__hash = "2818590818";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@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(_ui.colors.blue500, ";}"), ".dragging-over.jsx-3773517794::after{top:0;left:0;width:12px;height:12px;border:4px solid ".concat(_ui.colors.blue500, ";background:transparent;border-radius:12px;}")];
+_defaultExport.__hash = "3773517794";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".formula-field.jsx-926760428{border-right:2px solid ".concat(_ui.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(_ui.spacers.dp4, " ").concat(_ui.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(_ui.colors.grey200, ";border-top:2px solid ").concat(_ui.colors.grey200, ";border-bottom:2px solid ").concat(_ui.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(_ui.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(_ui.spacers.dp32, ";}"), ".help-text.jsx-926760428{color:".concat(_ui.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";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@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(_ui.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(_ui.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(_ui.theme.secondary800, ";color:").concat(_ui.colors.white, ";}"), ".highlighted.jsx-255634210 .input.jsx-255634210{color:".concat(_ui.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(_ui.colors.grey900, ";}"), ".highlighted.jsx-255634210 .icon path{fill:".concat(_ui.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(_ui.colors.blue500, ";}"), ".content.jsx-255634210::after{top:-4px;width:12px;height:12px;border:4px solid ".concat(_ui.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";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".wrapper.jsx-1314592703{border:1px solid ".concat(_ui.colors.grey400, ";margin-top:").concat(_ui.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(_ui.spacers.dp4, ";padding:").concat(_ui.spacers.dp4, ";border-top:1px solid ").concat(_ui.colors.grey400, ";}"), ".sub-header.jsx-1314592703{font-size:14px;font-weight:normal;margin:".concat(_ui.spacers.dp4, " ").concat(_ui.spacers.dp8, ";}")];
+_defaultExport.__hash = "1314592703";
+var _default = _defaultExport;
+exports.default = _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ui = require("@dhis2/ui");
+
+const _defaultExport = [".number.jsx-2117397001{padding:0 ".concat(_ui.spacers.dp8, ";}"), ".operator.jsx-2117397001:hover,.number.jsx-2117397001:hover{background:".concat(_ui.colors.grey300, ";}")];
+_defaultExport.__hash = "2117397001";
+var _default = _defaultExport;
+exports.default = _default;