@dhis2/analytics 28.0.2 → 28.0.4

package/build/cjs/components/DashboardPluginWrapper/DashboardPluginWrapper.js

@@ -9,29 +9,30 @@ var _ui = require("@dhis2/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _getPWAInstallationStatus = require("../../modules/getPWAInstallationStatus.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const LoadingMask = () => {
   return /*#__PURE__*/_react.default.createElement(_ui.Layer, null, /*#__PURE__*/_react.default.createElement(_ui.CenteredContent, null, /*#__PURE__*/_react.default.createElement(_ui.CircularLoader, null)));
 };
-const CacheableSectionWrapper = _ref => {
-  let {
-    id,
-    children,
-    isParentCached
-  } = _ref;
+const CacheableSectionWrapper = ({
+  id,
+  children,
+  isParentCached = false
+}) => {
   const {
     startRecording,
     isCached,
     remove
   } = (0, _appRuntime.useCacheableSection)(id);
   (0, _react.useEffect)(() => {
-    if (isParentCached && !isCached) {
+    const shouldStartRecording = isParentCached && !isCached;
+    const shouldRemove = !isParentCached && isCached;
+    if (shouldStartRecording) {
       startRecording({
         onError: console.error
       });
-    } else if (!isParentCached && isCached) {
+    }
+    if (shouldRemove) {
       // Synchronize cache state on load or prop update
       // -- a back-up to imperative `removeCachedData`
       remove();
@@ -47,14 +48,13 @@ CacheableSectionWrapper.propTypes = {
   id: _propTypes.default.string,
   isParentCached: _propTypes.default.bool
 };
-const DashboardPluginWrapper = _ref2 => {
-  let {
-    onInstallationStatusChange,
-    children,
-    cacheId,
-    isParentCached,
-    ...props
-  } = _ref2;
+const DashboardPluginWrapper = ({
+  onInstallationStatusChange = Function.prototype,
+  children,
+  cacheId,
+  isParentCached = false,
+  ...props
+}) => {
   const {
     pwaEnabled
   } = (0, _appRuntime.useConfig)();
@@ -80,10 +80,6 @@ const DashboardPluginWrapper = _ref2 => {
   })) : null;
 };
 exports.DashboardPluginWrapper = DashboardPluginWrapper;
-DashboardPluginWrapper.defaultProps = {
-  isParentCached: false,
-  onInstallationStatusChange: Function.prototype
-};
 DashboardPluginWrapper.propTypes = {
   cacheId: _propTypes.default.string,
   children: _propTypes.default.func,

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

@@ -19,19 +19,18 @@ var _DndContext = _interopRequireWildcard(require("./DndContext.js"));
 var _FormulaField = _interopRequireWildcard(require("./FormulaField.js"));
 var _MathOperatorSelector = _interopRequireDefault(require("./MathOperatorSelector.js"));
 var _CalculationModalStyle = _interopRequireDefault(require("./styles/CalculationModal.style.js"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const FIRST_POSITION = 0;
 const LAST_POSITION = -1;
-const CalculationModal = _ref => {
-  let {
-    calculation,
-    onSave,
-    onClose,
-    onDelete,
-    displayNameProp
-  } = _ref;
+const CALCULATION_PROP_DEFAULT = {};
+const CalculationModal = ({
+  calculation = CALCULATION_PROP_DEFAULT,
+  onSave,
+  onClose,
+  onDelete,
+  displayNameProp
+}) => {
   const {
     show: showError
   } = (0, _appRuntime.useAlert)(error => error, {
@@ -57,29 +56,23 @@ const CalculationModal = _ref => {
   const query = {
     dataElements: {
       resource: 'dataElements',
-      params: _ref2 => {
-        let {
-          ids = []
-        } = _ref2;
-        return {
-          fields: `id,${displayNameProp}~rename(name)`,
-          filter: `id:in:[${ids.join(',')}]`,
-          paging: false
-        };
-      }
+      params: ({
+        ids = []
+      }) => ({
+        fields: `id,${displayNameProp}~rename(name)`,
+        filter: `id:in:[${ids.join(',')}]`,
+        paging: false
+      })
     },
     dataElementOperands: {
       resource: 'dataElementOperands',
-      params: _ref3 => {
-        let {
-          ids = []
-        } = _ref3;
-        return {
-          fields: `id,${displayNameProp}~rename(name)`,
-          filter: `id:in:[${ids.join(',')}]`,
-          paging: false
-        };
-      }
+      params: ({
+        ids = []
+      }) => ({
+        fields: `id,${displayNameProp}~rename(name)`,
+        filter: `id:in:[${ids.join(',')}]`,
+        paging: false
+      })
     }
   };
   const {
@@ -124,13 +117,12 @@ const CalculationModal = _ref => {
   const expressionStatus = validationOutput === null || validationOutput === void 0 ? void 0 : validationOutput.status;
   const selectItem = itemId => setSelectedItemId(prevSelected => prevSelected !== itemId ? itemId : null);
   const isLoading = isCreatingCalculation || isUpdatingCalculation || isDeletingCalculation || isSavingCalculation || isValidating;
-  const addItem = _ref4 => {
-    let {
-      label,
-      value,
-      type,
-      destIndex = LAST_POSITION
-    } = _ref4;
+  const addItem = ({
+    label,
+    value,
+    type,
+    destIndex = LAST_POSITION
+  }) => {
     if (isLoading) {
       return null;
     }
@@ -155,11 +147,10 @@ const CalculationModal = _ref => {
       setFocusItemId(newItem.id);
     }
   };
-  const moveItem = _ref5 => {
-    let {
-      sourceIndex,
-      destIndex
-    } = _ref5;
+  const moveItem = ({
+    sourceIndex,
+    destIndex
+  }) => {
     if (isLoading) {
       return null;
     }
@@ -169,11 +160,10 @@ const CalculationModal = _ref => {
     sourceList.splice(destIndex, 0, moved);
     setExpressionArray(sourceList);
   };
-  const setItemValue = _ref6 => {
-    let {
-      itemId,
-      value
-    } = _ref6;
+  const setItemValue = ({
+    itemId,
+    value
+  }) => {
     const updatedItems = expressionArray.map(item => item.id === itemId ? Object.assign({}, item, {
       value
     }) : item);
@@ -189,11 +179,10 @@ const CalculationModal = _ref => {
       setSelectedItemId(null);
     }
   };
-  const addOrMoveDraggedItem = _ref7 => {
-    let {
-      item,
-      destination
-    } = _ref7;
+  const addOrMoveDraggedItem = ({
+    item,
+    destination
+  }) => {
     const destContainerId = destination.containerId;
     let destIndex = FIRST_POSITION;
     if (item.sourceContainerId === _DndContext.OPTIONS_PANEL) {
@@ -334,12 +323,9 @@ const CalculationModal = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
     label: _index.default.t('Calculation name'),
     helpText: _index.default.t('Shown in table headers and chart axes/legends'),
-    onChange: _ref8 => {
-      let {
-        value
-      } = _ref8;
-      return setName(value.substr(0, 50));
-    },
+    onChange: ({
+      value
+    }) => setName(value.substr(0, 50)),
     value: name,
     dataTest: "calculation-label",
     dense: true
@@ -394,7 +380,4 @@ CalculationModal.propTypes = {
     name: _propTypes.default.string
   })
 };
-CalculationModal.defaultProps = {
-  calculation: {}
-};
 var _default = exports.default = CalculationModal;

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

@@ -15,12 +15,11 @@ var _expressions = require("../../../modules/expressions.js");
 var _DataElementOptionStyle = _interopRequireDefault(require("./styles/DataElementOption.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const DataElementOption = _ref => {
-  let {
-    label,
-    value,
-    onDoubleClick
-  } = _ref;
+const DataElementOption = ({
+  label,
+  value,
+  onDoubleClick
+}) => {
   const data = {
     label,
     value,

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

@@ -17,20 +17,18 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getOptions = () => ({
   [_dataTypes.TOTALS]: _index.default.t('Totals only'),
   [_dataTypes.DETAIL]: _index.default.t('Details only')
 });
-const GroupSelector = _ref => {
+const GroupSelector = ({
+  currentValue,
+  onChange,
+  displayNameProp
+}) => {
   var _dataTypes$DIMENSION_;
-  let {
-    currentValue,
-    onChange,
-    displayNameProp
-  } = _ref;
   const dataEngine = (0, _appRuntime.useDataEngine)();
   const [loading, setLoading] = (0, _react.useState)(true);
   const [groups, setGroups] = (0, _react.useState)([]);
@@ -72,11 +70,10 @@ GroupSelector.propTypes = {
   displayNameProp: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired
 };
-const DisaggregationSelector = _ref2 => {
-  let {
-    currentValue,
-    onChange
-  } = _ref2;
+const DisaggregationSelector = ({
+  currentValue,
+  onChange
+}) => {
   const options = getOptions();
   return /*#__PURE__*/_react.default.createElement("div", {
     className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "group-select"
@@ -98,11 +95,10 @@ DisaggregationSelector.propTypes = {
   currentValue: _propTypes.default.string.isRequired,
   onChange: _propTypes.default.func.isRequired
 };
-const DataElementSelector = _ref3 => {
-  let {
-    displayNameProp,
-    onDoubleClick
-  } = _ref3;
+const DataElementSelector = ({
+  displayNameProp,
+  onDoubleClick
+}) => {
   const dataEngine = (0, _appRuntime.useDataEngine)();
   const [searchTerm, setSearchTerm] = (0, _react.useState)('');
   const [group, setGroup] = (0, _react.useState)(_dataTypes.DIMENSION_TYPE_ALL);
@@ -159,10 +155,9 @@ const DataElementSelector = _ref3 => {
     searchTermRef.current = newSearchTerm;
     fetchData(true);
   }, 500);
-  const onSearchChange = _ref4 => {
-    let {
-      value
-    } = _ref4;
+  const onSearchChange = ({
+    value
+  }) => {
     const newSearchTerm = value;
     setSearchTerm(newSearchTerm);
 
@@ -182,10 +177,9 @@ const DataElementSelector = _ref3 => {
     pageRef.current = 1;
     fetchData(true);
   };
-  const onEndReached = _ref5 => {
-    let {
-      isIntersecting
-    } = _ref5;
+  const onEndReached = ({
+    isIntersecting
+  }) => {
     if (isIntersecting) {
       // if hasNextPage is set it means at least 1 request already happened and there is
       // another page, fetch the next page
@@ -242,18 +236,15 @@ const DataElementSelector = _ref3 => {
     className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + ((0, _classnames.default)('dimension-list-scroller', {
       loading
     }) || "")
-  }, Boolean(options.length) && options.map(_ref6 => {
-    let {
-      label,
-      value
-    } = _ref6;
-    return /*#__PURE__*/_react.default.createElement(_DataElementOption.default, {
-      key: value,
-      label: label,
-      value: value,
-      onDoubleClick: onDoubleClick
-    });
-  }), !loading && !options.length && /*#__PURE__*/_react.default.createElement("div", {
+  }, Boolean(options.length) && options.map(({
+    label,
+    value
+  }) => /*#__PURE__*/_react.default.createElement(_DataElementOption.default, {
+    key: value,
+    label: label,
+    value: value,
+    onDoubleClick: onDoubleClick
+  })), !loading && !options.length && /*#__PURE__*/_react.default.createElement("div", {
     className: `jsx-${_DataElementSelectorStyle.default.__hash}` + " " + "empty-list"
   }, searchTermRef.current ? _index.default.t('No data elements found for "{{- searchTerm}}"', {
     searchTerm: searchTermRef.current

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

@@ -8,8 +8,7 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -32,24 +31,21 @@ const getIntersectionRatio = (entry, target) => {
 
   return 0;
 };
-const sortCollisionsDesc = (_ref, _ref2) => {
-  let {
-    data: {
-      value: a
-    }
-  } = _ref;
-  let {
-    data: {
-      value: b
-    }
-  } = _ref2;
+const sortCollisionsDesc = ({
+  data: {
+    value: a
+  }
+}, {
+  data: {
+    value: b
+  }
+}) => {
   return b - a;
 };
-const rectIntersectionCustom = _ref3 => {
-  let {
-    pointerCoordinates,
-    droppableContainers
-  } = _ref3;
+const rectIntersectionCustom = ({
+  pointerCoordinates,
+  droppableContainers
+}) => {
   // create a rect around the pointerCoords for calculating the intersection
 
   const pointerRectWidth = 40;
@@ -97,22 +93,20 @@ const isInteractiveElement = el => {
 class PointerSensor extends _core.PointerSensor {}
 _defineProperty(PointerSensor, "activators", [{
   eventName: 'onPointerDown',
-  handler: _ref7 => {
-    let {
-      nativeEvent: event
-    } = _ref7;
+  handler: ({
+    nativeEvent: event
+  }) => {
     if (!event.isPrimary || event.button !== 0 || isInteractiveElement(event.target)) {
       return false;
     }
     return true;
   }
 }]);
-const OuterDndContext = _ref4 => {
-  let {
-    children,
-    onDragEnd,
-    onDragStart
-  } = _ref4;
+const OuterDndContext = ({
+  children,
+  onDragEnd,
+  onDragStart
+}) => {
   const [draggingItem, setDraggingItem] = (0, _react.useState)(null);
   const sensor = (0, _core.useSensor)(PointerSensor, {
     activationConstraint: {
@@ -120,22 +114,20 @@ const OuterDndContext = _ref4 => {
     }
   });
   const sensors = (0, _core.useSensors)(sensor);
-  const handleDragStart = _ref5 => {
-    let {
-      active
-    } = _ref5;
+  const handleDragStart = ({
+    active
+  }) => {
     setDraggingItem(active.data.current);
     onDragStart && onDragStart();
   };
   const handleDragCancel = () => {
     setDraggingItem(null);
   };
-  const handleDragEnd = _ref6 => {
+  const handleDragEnd = ({
+    active,
+    over
+  }) => {
     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();

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

@@ -14,12 +14,11 @@ var _expressions = require("../../../modules/expressions.js");
 var _DraggingItemStyle = _interopRequireDefault(require("./styles/DraggingItem.style.js"));
 var _FormulaItemStyle = _interopRequireDefault(require("./styles/FormulaItem.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DraggingItem = _ref => {
-  let {
-    label,
-    type,
-    value
-  } = _ref;
+const DraggingItem = ({
+  label,
+  type,
+  value
+}) => {
   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-${_DraggingItemStyle.default.__hash} jsx-${_FormulaItemStyle.default.__hash}` + " " + ((0, _classnames.default)('dragging', 'content', {

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

@@ -11,11 +11,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _DropZoneStyle = _interopRequireDefault(require("./styles/DropZone.style.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DropZone = _ref => {
-  let {
-    firstElementId,
-    overLastDropZone
-  } = _ref;
+const DropZone = ({
+  firstElementId,
+  overLastDropZone
+}) => {
   const {
     isOver,
     setNodeRef,

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

@@ -26,16 +26,16 @@ const Placeholder = () => /*#__PURE__*/_react.default.createElement("div", {
 }, _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 ITEMS_PROP_DEFAULT = [];
+const FormulaField = ({
+  items = ITEMS_PROP_DEFAULT,
+  selectedItemId,
+  focusItemId,
+  onChange,
+  onClick,
+  onDoubleClick,
+  loading
+}) => {
   const {
     over,
     setNodeRef: setLastDropzoneRef
@@ -60,28 +60,25 @@ const FormulaField = _ref => {
   }, /*#__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, {
+  }), !items.length && /*#__PURE__*/_react.default.createElement(Placeholder, null), Boolean(items.length) && items.map(({
+    id,
+    label,
+    type,
+    value
+  }, index) => /*#__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));
 };

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

@@ -16,28 +16,26 @@ 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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const 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 FormulaItem = ({
+  id,
+  label,
+  value = '',
+  type,
+  isLast,
+  isHighlighted,
+  overLastDropZone,
+  onChange,
+  onClick,
+  onDoubleClick,
+  hasFocus
+}) => {
   const {
     attributes,
     listeners,